
/* Art direction, September 2026. Original content and contact destinations retained. */
html{scroll-padding-top:28px}body{overflow-x:clip}main,section,article,div{min-width:0}img{max-width:100%}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}a.button{transition:background .2s,transform .2s}a.button:hover{transform:translateY(-2px)}p{text-wrap:pretty}h1,h2,h3{text-wrap:balance}a,summary{overflow-wrap:anywhere}summary{min-height:44px}section[id]{scroll-margin-top:24px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

body{background:#170c28;animation:none;color:#f7edff}.header{background:#170c28;border-color:#c4a7db30;backdrop-filter:none}.hero{position:relative;max-width:none;min-height:790px;padding:100px 8vw 90px;display:block;isolation:isolate;overflow:hidden}.hero-copy{position:relative;z-index:2;max-width:760px}.hero h1{font-family:Georgia,serif;font-size:clamp(64px,7.7vw,112px);line-height:.98;letter-spacing:-5px;max-width:780px}.hero h1 em{color:#d0a2f4}.lead{max-width:510px;font-size:16px}.hero-note{max-width:440px;font-size:12px}.hero-visual{position:absolute;right:-110px;top:30px;width:740px;height:740px;border-radius:50%;background:radial-gradient(ellipse at 55% 35%,#dfb4ff 0%,#8c45bc 20%,#41155d 45%,#1a0b2b 68%);box-shadow:none;animation:none;opacity:.7;z-index:0;transform:rotate(-25deg)}.orb-one{width:540px;height:540px;left:100px;top:95px;border:1px solid #e3b681;background:none}.orb-two{width:660px;height:300px;left:35px;top:220px;border:1px solid #d3b3e3;bottom:auto;transform:rotate(30deg)}.orb-three{width:400px;height:610px;left:170px;top:60px;border:1px solid #d0a2f4;background:none}.visual-card{inset:220px 190px;border:0;background:none;box-shadow:none;backdrop-filter:none;transform:rotate(25deg);padding:0}.visual-card p{font-size:26px;color:#fff}.card-line{width:90px}.card-sign{font-size:80px}.visual-note{display:none}.button-primary{background:#dfc2f6;color:#281035;box-shadow:none;border-radius:30px;padding:16px 25px}.button-primary:hover{background:#f0ddff}.button-text{color:#efd9ff}.section{padding:95px 8vw;border-color:#d9b7f526}.about,.format,.channel,.faq,.methods{background:#170c28;animation:none;backdrop-filter:none}.about{background:#e7d7ed;color:#28183a}.about h2{font-size:55px}.about .section-label,.about-text{color:#554063}.about-content{grid-template-columns:1.2fr 1fr;gap:10vw}.methods{background:#251037}.method-grid{display:block;border:0;margin-top:50px}.method-grid article,.method-grid article:last-child{display:grid;grid-template-columns:70px 1fr 1fr;gap:25px;padding:28px 0;border:0;border-top:1px solid #ffffff30;margin:0}.method-grid h3{margin:0;font-size:29px}.method-grid p{font-size:15px}.method-grid span{font-size:17px}.steps{gap:0}.steps li{background:none;box-shadow:none;padding:25px 30px 20px 0;border-top:1px solid #a889bd;backdrop-filter:none}.steps h3{font-size:30px}.steps p{font-size:15px}.quote-section{background:#d9b9eb;color:#301340;animation:none;padding:85px 25px}.quote-mark,.quote-section p{color:#654877}.quote-section blockquote{font-size:clamp(37px,5vw,70px)}.channel-art{border-radius:50%;aspect-ratio:1;height:auto;background:#392044;box-shadow:none;max-width:360px;width:100%;justify-self:center}.contact{background:#342043;animation:none;text-align:left;padding:95px 8vw}.contact h2{font-size:clamp(45px,5vw,75px)}.contact-intro{margin:20px 0 45px}.contact-links{max-width:none}.footer{background:#170c28}.eyebrow:before{content:'·'}
@media(max-width:760px){.hero{min-height:0;padding:60px 22px 300px}.hero-copy{max-width:100%}.hero h1{font-size:59px;letter-spacing:-3px}.hero-visual{width:460px;height:460px;top:auto;bottom:-185px;right:-60px;opacity:.85}.orb-one{width:340px;height:340px;top:40px;left:60px}.orb-two{width:430px;height:160px;top:130px;left:0}.orb-three{width:200px;height:340px;top:50px;left:110px}.visual-card{display:none}.hero .lead{font-size:15px}.section{padding:65px 22px}.about h2{font-size:38px}.about-content{display:block}.about-text{margin-top:25px}.method-grid article,.method-grid article:last-child{grid-template-columns:32px 1fr;gap:14px}.method-grid p{grid-column:2}.method-grid h3{font-size:25px}.steps li{padding:25px 0}.contact{padding:65px 22px}.contact-links a,.contact-links a+a{padding:20px 0}.contact-links{display:block}.contact-links a{display:block}.channel-art{max-width:250px}}

/* Readable text, comfortable controls and bounded desktop content. */
body{font-size:16px;line-height:1.65}
a,button,summary{touch-action:manipulation}
nav a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.button{min-height:48px;font-size:14px}
.eyebrow,.section-label,.section-tag{font-size:12px;letter-spacing:.1em}
footer,.footer{font-size:12px}
summary{font-size:18px}
details p{font-size:16px!important;line-height:1.65}
@media(min-width:1600px){.hero,.section,.contact,.statement,.requests,.about,.boundaries,.faq{padding-left:max(6vw,calc((100vw - 1320px)/2));padding-right:max(6vw,calc((100vw - 1320px)/2))}}
@media(max-width:600px){.button{font-size:14px}.eyebrow,.section-label,.section-tag{font-size:11px}nav a{min-height:44px}summary{font-size:17px}h1,h2{overflow-wrap:normal}.lead{font-size:16px!important}}

.hero{max-width:none;min-height:680px;padding:88px 7vw 76px}.hero-copy{max-width:720px}.hero h1{font-size:clamp(64px,6vw,86px);line-height:1.04;letter-spacing:-3px}.hero .lead{font-size:18px;max-width:550px}.hero-note{font-size:13px;max-width:520px;color:#cbb9d7}.hero-visual{right:-80px;top:18px;width:650px;height:650px;opacity:.6}.visual-card{display:none}.hero .hero-copy{isolation:isolate}.about h2{font-size:clamp(36px,4vw,54px)}.about .about-text{color:#493456}.about .section-label{color:#674575}.section{padding-top:80px;padding-bottom:80px}.method-grid p,.steps p{font-size:16px}.method-grid article,.method-grid article:last-child{grid-template-columns:50px .85fr 1.15fr}.method-grid h3{font-size:27px}.method-note{font-size:14px}.quote-section{padding:58px 22px}.quote-section blockquote{font-size:clamp(34px,4vw,54px)}.quote-section p{font-size:12px}.format-intro{gap:50px}.steps li{padding-right:24px}.steps h3{font-size:28px}.channel-art{max-width:280px}.contact-links small{font-size:12px}.contact-links a{font-size:17px}.contact-intro{max-width:680px;font-size:18px}.skip-link:focus{color:#28183a}.header{position:relative;z-index:5}
@media(min-width:761px) and (max-width:1050px){.hero-visual{right:-260px;opacity:.3}.hero h1{font-size:77px}.hero-copy{max-width:650px}.header{padding:0 24px}.nav{gap:14px}.nav a{font-size:12px}.about-content{gap:38px}.contact-links{grid-template-columns:1fr}.contact-links a,.contact-links a+a{padding:18px 0;border-right:0;border-bottom:1px solid #ffffff40}}
@media(max-width:760px){.hero{padding:44px 22px 54px;min-height:0}.hero h1{font-size:clamp(47px,12vw,65px);letter-spacing:-2px}.hero-visual{width:350px;height:350px;right:-205px;top:0;bottom:auto;opacity:.22}.hero .lead{font-size:16px}.hero-note{font-size:13px}.hero-actions{gap:20px}.button-primary{padding:15px 20px}.section{padding:56px 22px}.about h2{font-size:38px}.method-grid article,.method-grid article:last-child{grid-template-columns:30px 1fr;gap:14px}.method-grid h3{font-size:25px}.steps li{padding:24px 0}.steps h3{font-size:27px}.channel-art{display:none}.channel h2{font-size:38px}.contact{padding:56px 22px}.contact-links a{font-size:17px}.contact-links small{font-size:11px}.about .about-text{color:#493456}.about{background:#e7d7ed}}

/* Match hero content to the section gutters at every viewport width. */
.hero{padding-inline:8vw}
@media(min-width:1600px){.hero{padding-inline:max(6vw,calc((100vw - 1320px)/2))}}
@media(max-width:760px){.hero{padding-inline:22px}}
