@font-face{font-family:Instrument Serif;src:url('/assets/fonts/InstrumentSerif-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Instrument Serif;src:url('/assets/fonts/InstrumentSerif-Italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:Anek;src:url('/assets/fonts/AnekLatin-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Anek;src:url('/assets/fonts/AnekLatin-Medium.ttf') format('truetype');font-style:normal;font-weight:500 900;font-display:swap}
:root{color-scheme:dark;--ink:#161213;--surface:#20191b;--ivory:#f2ece4;--paper:#f4efe8;--muted:#b4a7a2;--red:#d9343f;--red-text:#f26b75;--line:#4b3e40;--serif:'Instrument Serif',Georgia,serif;--sans:Anek,Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;background:var(--ink);color:var(--ivory);font-family:var(--sans);font-size:19px;line-height:1.5;-webkit-font-smoothing:antialiased}
body,button,a{ -webkit-tap-highlight-color:transparent }
a{color:inherit;text-underline-offset:5px}
a:focus-visible,summary:focus-visible{outline:2px solid var(--red-text);outline-offset:6px;border-radius:2px}
::selection{background:#b02330;color:#fff6f2}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:400}
h1,h2{font-family:var(--serif);line-height:1;letter-spacing:-.025em}
h1 em,h2 em{font-weight:400}
.shell{width:min(1280px,calc(100% - 112px));margin-inline:auto}
.skip-link{position:absolute;top:16px;left:16px;transform:translateY(-180%);z-index:5;padding:10px 18px;color:var(--ink);background:var(--ivory)}
.skip-link:focus{transform:none}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:28px;border-bottom:1px solid var(--line)}
.wordmark{display:inline-flex;align-items:baseline;font-family:var(--serif);font-size:49px;line-height:1;letter-spacing:-.035em;text-decoration:none;white-space:nowrap}
.wordmark>span:first-child{color:var(--red)}
.wordmark .wordmark-fm{font-family:var(--sans);font-size:10px;letter-spacing:.12em;margin-left:10px;align-self:flex-start;padding-top:9px}
.site-header nav{display:flex;align-items:center;gap:35px;font-size:16px}
.site-header nav a{text-decoration:none;padding-block:12px}
.site-header nav a:hover{text-decoration:underline}
.site-header .nav-status{display:flex;gap:24px;align-items:center;border:1px solid #746165;padding:10px 20px;border-radius:2px}
.nav-status span{font-size:21px;line-height:1}
.hero{display:grid;grid-template-columns:1fr .92fr;gap:48px;align-items:center;padding-block:58px 64px}
.eyebrow{font-size:12px;line-height:1.5;letter-spacing:.16em;font-weight:500}
.hero-copy>.eyebrow{display:flex;align-items:center;gap:12px;color:var(--muted);margin-bottom:23px}
.small-line{width:27px;height:2px;background:var(--red)}
h1{font-size:clamp(65px,7.6vw,109px)}
h1 em{color:#ef7c7f}
.hero-intro{max-width:375px;color:var(--muted);margin-top:29px;line-height:1.55;font-size:20px}
.primary-link{display:inline-flex;align-items:center;gap:37px;margin-top:31px;padding:13px 22px;background:var(--ivory);color:var(--ink);font-size:17px;font-weight:500;text-decoration:none;border:1px solid var(--ivory);transition:background .16s,color .16s}
.primary-link:hover{background:#e1d5c8}
.primary-link span{font-size:23px;line-height:1}
.hero-note{max-width:350px;font-size:14px;color:var(--muted);margin-top:20px}
.sound-art{height:590px;position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 43%,#82363d 0%,#54282d 43%,#301c20 75%,#281a1d 100%);border:1px solid #654146;border-radius:160px 160px 3px 3px}
.sound-art:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#f2ece405 4px);pointer-events:none}
.art-top,.art-bottom{position:absolute;left:29px;right:29px;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.19em;line-height:1.55;color:#dfb9b4;z-index:2}
.art-top{top:92px}.art-bottom{bottom:30px;align-items:flex-end}
.art-index{font-family:var(--serif);font-size:23px;letter-spacing:.02em}
.sound-orbit{position:absolute;border:1px solid #eeb1a629;border-radius:50%;aspect-ratio:1;left:50%;top:43%;transform:translate(-50%,-50%)}
.orbit-one{width:200px}.orbit-two{width:300px}.orbit-three{width:410px}.orbit-four{width:525px}
.art-mark{font-family:var(--serif);font-size:340px;line-height:.8;transform:translate(-15px,-22px);color:var(--ivory);text-shadow:0 12px 38px #1a10134d}
.art-mark span{color:#f36b70;letter-spacing:-.1em}
.waveform{position:absolute;left:0;right:0;bottom:103px;display:flex;align-items:center;justify-content:center;gap:5px;height:110px;padding-inline:15px;opacity:.7;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
.waveform i{display:block;flex:1;max-width:3px;height:18px;background:#e8afa4;border-radius:4px}
.waveform i:nth-child(3n){height:36px}.waveform i:nth-child(4n){height:61px}.waveform i:nth-child(7n){height:90px}.waveform i:nth-child(5n){height:43px}.waveform i:nth-child(6n){height:73px}.waveform i:nth-child(11n){height:105px}
.chapter-divider{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:25px 35px;font-size:11px;letter-spacing:.2em;color:var(--muted)}
.chapter-divider:before,.chapter-divider:after{content:'';height:1px;flex:1;background:var(--line)}
.chapter-divider:before{order:1}.chapter-divider>span:first-child{order:0}.chapter-divider .divider-star{order:2;font-size:29px;color:var(--red-text);line-height:1}.chapter-divider:after{order:3}.chapter-divider>span:last-child{order:4}
.section-light{background:var(--paper);color:var(--ink);color-scheme:light}
.about{padding-block:96px 106px;margin-top:12px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px}
.section-heading>.eyebrow{color:#8f2431;margin-bottom:25px}
h2{font-size:clamp(47px,5.2vw,70px)}
.section-heading>p:last-child{max-width:415px;margin-top:27px;color:#655b57;font-size:20px}
.story-notes{padding-top:27px}
.story-note{display:flex;gap:25px;padding-block:26px;border-top:1px solid #d3c7bf}
.story-note:first-child{padding-top:0;border-top:none}
.story-note:last-child{padding-bottom:0}
.note-number{font-family:var(--serif);font-size:23px;color:#a12a38;line-height:1.45}
.story-note h3{font-family:var(--serif);font-size:31px;line-height:1.15}
.story-note p{margin-top:10px;font-size:18px;color:#655b57;max-width:345px}
.launch{display:grid;grid-template-columns:175px 1fr 180px;gap:45px;padding-block:99px 90px;align-items:start;border-bottom:1px solid var(--line)}
.launch-label{display:flex;gap:10px;align-items:center;font-size:11px;letter-spacing:.15em;padding-top:12px;white-space:nowrap;color:var(--muted)}
.status-dot{width:7px;height:7px;background:var(--red-text);border-radius:50%;flex:none}
.launch-content>p{max-width:520px;margin-top:24px;color:var(--muted);font-size:19px;line-height:1.55}
.launch-content>p+p{margin-top:15px}
.launch-signature{display:block;font-family:var(--serif);font-style:italic;color:#e99795;font-size:30px;margin-top:26px}
.launch-emblem{width:160px;aspect-ratio:1;border:1px solid #6e484b;border-radius:50%;display:grid;place-items:center;margin-top:70px;background:#2b1b20;transform:rotate(-9deg)}
.launch-emblem>span{font-family:var(--serif);font-size:110px;line-height:1;padding-bottom:12px}.launch-emblem>span>span{color:var(--red-text)}
.questions{display:grid;grid-template-columns:1fr 1.45fr;gap:100px;padding-block:90px 96px}
.questions .eyebrow{color:var(--muted);margin-bottom:22px}
.question-list{padding-top:4px}
details{border-bottom:1px solid var(--line)}
details:first-child{border-top:1px solid var(--line)}
summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:24px;cursor:pointer;font-size:21px;font-weight:500}
summary::-webkit-details-marker{display:none}
summary:hover{color:#f7b2ad}
.question-plus{position:relative;display:block;flex:none;width:17px;height:17px;color:var(--red-text)}
.question-plus:before,.question-plus:after{content:'';position:absolute;background:currentColor;top:8px;left:1px;width:15px;height:1px}
.question-plus:after{transform:rotate(90deg)}
details[open] .question-plus:after{transform:none}
details p{max-width:570px;margin:0 28px 25px 0;color:var(--muted);font-size:18px;line-height:1.55}
.site-footer{border-top:1px solid var(--line)}
.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:38px}
.footer-top>p{font-family:var(--serif);font-size:29px;color:var(--muted)}
.back-top{font-size:14px;text-decoration:none;display:flex;gap:20px;align-items:center;white-space:nowrap}.back-top:hover{text-decoration:underline}.back-top>span{font-size:21px}
.footer-bottom{display:flex;justify-content:space-between;gap:30px;padding-block:22px 28px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.footer-bottom>span:last-child{font-size:10px;letter-spacing:.13em}
.not-found{min-height:75vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-block:70px;gap:25px}.not-found h1{font-size:90px}.not-found>p{color:var(--muted);max-width:500px}.not-found>.primary-link{margin-top:5px}
@media(min-width:1500px){.hero{gap:90px;padding-block:70px 80px}.sound-art{height:630px}.hero-intro{max-width:405px}.waveform{bottom:117px}.art-mark{font-size:370px}}
@media(max-width:1100px){.shell{width:calc(100% - 72px)}.hero{gap:35px}.sound-art{height:540px;border-radius:130px 130px 3px 3px}.art-mark{font-size:300px}.art-top{top:82px;left:22px;right:22px;font-size:9px}.art-bottom{left:22px;right:22px}.about-grid{gap:55px}.launch{grid-template-columns:1fr 150px;gap:25px 40px}.launch-label{grid-column:1/-1}.launch-emblem{width:145px;margin-top:45px}.questions{gap:60px}}
@media(max-width:760px){.shell{width:calc(100% - 40px)}.site-header{padding-block:22px;gap:20px}.wordmark{font-size:42px}.site-header nav{gap:0}.site-header nav>a:not(.nav-status){display:none}.site-header .nav-status{padding:9px 13px;gap:17px;font-size:14px}.hero{grid-template-columns:1fr;gap:40px;padding-block:42px 28px}.hero-copy>.eyebrow{font-size:10px;margin-bottom:23px}h1{font-size:clamp(64px,13.4vw,94px)}.hero-intro{font-size:19px;max-width:360px;margin-top:24px}.primary-link{margin-top:25px}.hero-note{font-size:13px}.sound-art{width:100%;height:480px;border-radius:145px 145px 3px 3px}.art-top{top:86px;left:26px;right:26px}.art-bottom{bottom:24px;left:26px;right:26px}.art-mark{font-size:290px;transform:translate(-13px,-25px)}.waveform{bottom:80px}.chapter-divider{gap:15px;padding-block:24px 31px;font-size:9px;letter-spacing:.14em}.chapter-divider .divider-star{font-size:25px}.about{padding-block:61px 65px}.about-grid{grid-template-columns:1fr;gap:38px}h2{font-size:57px}.section-heading>p:last-child{font-size:19px;max-width:440px;margin-top:22px}.story-notes{padding-top:0}.story-note{gap:19px;padding-block:23px}.story-note:first-child{padding-top:23px;border-top:1px solid #d3c7bf}.story-note h3{font-size:30px}.story-note p{max-width:none}.launch{grid-template-columns:1fr;padding-block:58px 63px;gap:25px}.launch-label{padding-top:0}.launch-content>p{font-size:18px;margin-top:22px}.launch-emblem{display:none}.launch-signature{font-size:28px}.questions{grid-template-columns:1fr;gap:35px;padding-block:59px 65px}.questions h2 br{display:none}.questions h2 br:after{content:' '}.questions h2 em:before{content:' '}.questions .eyebrow{margin-bottom:18px}.question-list{padding-top:0}summary{font-size:19px;padding-block:22px}details p{font-size:17px}.footer-top{flex-wrap:wrap;gap:23px;padding-block:30px}.footer-top>p{order:3;flex-basis:100%;font-size:25px}.footer-bottom{font-size:11px;gap:15px;align-items:center}.footer-bottom>span:last-child{font-size:9px;max-width:155px;text-align:right}.not-found h1{font-size:70px}}
@media(max-width:360px){h1{font-size:62px}.hero-copy>.eyebrow{font-size:9px;letter-spacing:.12em}.sound-art{height:420px;border-radius:125px 125px 3px 3px}.art-top{top:72px;font-size:8px}.art-mark{font-size:250px}.waveform{bottom:62px}.art-bottom{font-size:8px}h2{font-size:50px}.chapter-divider{gap:10px;font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-link{transition:none}}
@media(forced-colors:active){.primary-link,.nav-status{border:1px solid ButtonText}.sound-art,.launch-emblem{display:none}.hero{grid-template-columns:1fr}.question-plus{forced-color-adjust:auto}.question-plus:before,.question-plus:after{background:ButtonText}}
