:root {
  --black:#070709;
  --ink:#0d0d10;
  --paper:#f1eee6;
  --muted:#a7a39b;
  --line:rgba(241,238,230,.17);
  --accent:#725cff;
  --accent-rgb:114,92,255;
  --ease:cubic-bezier(.18,.8,.2,1);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;color:var(--paper);background:var(--black);font-family:"Space Grotesk",system-ui,sans-serif;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
img{display:block;max-width:100%}
::selection{background:var(--accent);color:var(--paper)}
.mono{font-family:"IBM Plex Mono",monospace;letter-spacing:.09em;text-transform:uppercase}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

#signalCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.78}
.noise{position:fixed;inset:-40%;z-index:80;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");animation:noise .22s steps(2) infinite}
.scanline{position:fixed;left:0;right:0;top:-12vh;height:18vh;z-index:79;pointer-events:none;opacity:.04;background:linear-gradient(transparent,var(--paper),transparent);animation:scan 9s linear infinite}
@keyframes noise{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(2%,1%)}100%{transform:translate(-3%,-1%)}}
@keyframes scan{to{transform:translateY(125vh)}}

.boot{position:fixed;inset:0;z-index:1000;padding:24px;display:grid;background:var(--paper);color:var(--black);transition:transform 1s var(--ease),visibility 1s}
.boot.is-done{transform:translateY(-105%);visibility:hidden}
.boot__top{display:flex;justify-content:space-between;align-self:start;font-size:10px}
.boot__center{width:min(560px,82vw);place-self:center}
.boot__center p{font-size:10px}
.boot__bar{height:2px;background:rgba(7,7,9,.18);margin:18px 0;overflow:hidden}
.boot__bar span{display:block;width:0;height:100%;background:var(--black)}
.boot__center strong{display:block;text-align:right;font-size:clamp(56px,11vw,140px);line-height:.78;letter-spacing:-.09em}

.cursor{width:34px;height:34px;position:fixed;left:0;top:0;z-index:999;border:1px solid rgba(241,238,230,.65);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:width .25s var(--ease),height .25s var(--ease),background .25s;mix-blend-mode:difference}
.cursor::after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:var(--paper);inset:0;margin:auto}
.cursor.is-hover{width:72px;height:72px;background:rgba(241,238,230,.16)}

.topbar{position:fixed;inset:0 0 auto 0;z-index:100;height:76px;display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:24px;padding:0 28px;border-bottom:1px solid rgba(241,238,230,.12);background:linear-gradient(to bottom,rgba(7,7,9,.88),rgba(7,7,9,.2));backdrop-filter:blur(8px)}
.topbar__brand{font-size:24px;font-weight:700;letter-spacing:-.06em}
.topbar__status,.topbar__coords{justify-self:center;font-size:9px}
.topbar__status i{display:inline-block;width:5px;height:5px;margin-right:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px var(--accent);animation:blink 1.8s infinite}
@keyframes blink{50%{opacity:.2}}
.menu-button{border:0;background:none;font-size:11px;cursor:pointer;letter-spacing:.12em}
.menu-button span{display:inline-block;margin-left:12px;transition:transform .4s var(--ease)}
.menu-open .menu-button span{transform:rotate(45deg)}

.menu{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;justify-content:center;padding:10vh 7vw 6vh;overflow-y:auto;background:var(--paper);color:var(--black);transform:translateY(-102%);transition:transform .75s var(--ease);visibility:hidden}
.menu-open .menu{transform:translateY(0);visibility:visible}
.menu__meta{position:absolute;top:100px;left:7vw;font-size:10px}
.menu__structure{display:grid;gap:clamp(22px,4vh,52px)}
.menu__chapter{display:grid;gap:clamp(18px,3vh,34px)}
.menu a{position:relative;display:block;width:fit-content;font-size:clamp(50px,8.4vw,132px);line-height:.88;letter-spacing:-.075em;transition:transform .35s var(--ease),opacity .35s}
.menu a::before{content:attr(data-index);position:absolute;top:.15em;left:-3em;font-family:"IBM Plex Mono";font-size:10px;letter-spacing:.1em}
.menu__tracks{display:grid;gap:9px;margin-left:clamp(44px,8vw,130px)}
.menu__tracks a{font-size:clamp(24px,3.8vw,58px);line-height:.95;letter-spacing:-.055em}
.menu__tracks a::before{top:.2em;left:-4em;font-size:8px}
.menu__tracks a span{margin-left:.45em;font-family:"IBM Plex Mono",monospace;font-size:.22em;letter-spacing:.1em;vertical-align:middle}
.menu a[aria-current="page"]{color:var(--accent)}
.menu a:hover{transform:translateX(2vw)}
.menu:has(a:hover) a:not(:hover){opacity:.24}
.menu__foot{position:absolute;bottom:30px;right:4vw;font-size:9px}

main,footer{position:relative;z-index:1}
.section-index{font-size:9px;opacity:.62}
.reveal{opacity:0;transform:translateY(24px);transition:1.1s var(--ease)}
.loaded .reveal{opacity:1;transform:none}
.loaded .reveal:nth-child(2){transition-delay:.08s}
.loaded .reveal:nth-child(3){transition-delay:.16s}

.release-hero{min-height:100svh;position:relative;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto 1fr auto;align-items:center;overflow:hidden;padding:112px 28px 30px;border-bottom:1px solid var(--line)}
.release-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 48%,transparent 0 17%,rgba(7,7,9,.16) 40%,rgba(7,7,9,.92) 87%),linear-gradient(to bottom,rgba(7,7,9,.08),var(--black))}
.release-hero__media{position:absolute;inset:0;z-index:-3;overflow:hidden}
.release-hero__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.1);transform:scale(1.045);animation:breathe 13s ease-in-out infinite alternate}
@keyframes breathe{to{transform:scale(1.1)}}
.release-hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,9,.68),transparent 40%,transparent 66%,rgba(7,7,9,.52))}
.release-hero__meta{grid-column:1/-1;align-self:start;display:flex;justify-content:space-between;font-size:9px}
.release-hero__number{position:absolute;inset:auto -1vw 4vh auto;margin:0;font-size:clamp(260px,43vw,680px);line-height:.62;letter-spacing:-.12em;font-weight:600;color:transparent;-webkit-text-stroke:1px rgba(241,238,230,.18);mix-blend-mode:screen;pointer-events:none}
.release-hero__copy{grid-column:1/8;align-self:end;padding-bottom:8vh}
.release-hero__kicker{font-size:10px;margin-bottom:18px}
.release-hero h1{margin:0;font-size:clamp(70px,11.8vw,190px);line-height:.76;letter-spacing:-.09em;font-weight:600}
.release-hero h1 em{display:block;color:var(--accent);font-style:normal}
.release-hero__line{width:min(650px,100%);margin:30px 0 0;font-size:clamp(18px,2.1vw,34px);line-height:1.05;letter-spacing:-.035em}
.release-hero__action{grid-column:10/13;justify-self:end;align-self:end;display:flex;align-items:center;gap:16px;padding-bottom:8vh;font-size:9px}
.release-hero__disc{display:grid;place-items:center;width:76px;aspect-ratio:1;border:1px solid rgba(241,238,230,.6);border-radius:50%;transition:transform .5s var(--ease),background .5s,color .5s}
.release-hero__action:hover .release-hero__disc{transform:rotate(45deg) scale(1.08);background:var(--paper);color:var(--black)}
.release-hero__disc b{font-size:24px;font-weight:400}
.release-hero__footer{position:absolute;left:28px;right:28px;bottom:28px;display:flex;justify-content:space-between;font-size:8px;opacity:.65}

.signal-ring{position:absolute;left:50%;top:50%;width:min(58vw,820px);aspect-ratio:1;border:1px solid rgba(var(--accent-rgb),.34);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 100px rgba(var(--accent-rgb),.2),inset 0 0 90px rgba(var(--accent-rgb),.1);z-index:-2;animation:ringPulse 5s ease-in-out infinite}
.signal-ring::before,.signal-ring::after{content:"";position:absolute;border:1px solid rgba(241,238,230,.14);border-radius:50%;inset:13%}
.signal-ring::after{inset:30%;border-style:dashed;animation:rotate 18s linear infinite}
@keyframes ringPulse{50%{transform:translate(-50%,-50%) scale(1.055);opacity:.66}}
@keyframes rotate{to{transform:rotate(360deg)}}

.player-section{padding:12vh 5vw;background:var(--paper);color:var(--black)}
.player-grid{display:grid;grid-template-columns:.8fr 1.4fr;gap:10vw;align-items:start}
.player-intro{position:sticky;top:120px}
.player-intro h2{margin:20px 0 24px;font-size:clamp(58px,8vw,132px);line-height:.78;letter-spacing:-.085em}
.player-intro p{max-width:460px;font-size:18px;line-height:1.45}
.signal-console{border:1px solid rgba(7,7,9,.22);background:#0a0a0c;color:var(--paper);padding:22px;box-shadow:22px 22px 0 rgba(7,7,9,.06)}
.console__head{display:flex;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:1px solid rgba(241,238,230,.16);font-size:9px}
.console__screen{position:relative;min-height:330px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(var(--accent-rgb),.16),transparent 45%),#070709}
.console__screen::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0 4px,rgba(241,238,230,.025) 5px);pointer-events:none}
.console__wave{position:absolute;left:0;right:0;height:130px;top:50%;transform:translateY(-50%);opacity:.9}
.console__title{position:relative;z-index:2;text-align:center}
.console__title span{display:block;font-size:9px;margin-bottom:18px;opacity:.7}
.console__title strong{font-size:clamp(42px,6vw,88px);letter-spacing:-.075em;line-height:.8}
.console__spotify{position:relative;z-index:3;width:100%;margin-top:18px;border:0;border-radius:0;display:block}
.platforms{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.platforms a{border:1px solid rgba(241,238,230,.24);padding:13px 16px;font-size:9px;transition:background .25s,color .25s,border-color .25s}
.platforms a:hover{background:var(--paper);color:var(--black);border-color:var(--paper)}
.console__foot{display:flex;justify-content:space-between;gap:20px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(241,238,230,.16);font-size:8px;opacity:.65}

.chapter{min-height:100svh;padding:14vh 6vw;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 3fr;gap:4vw;align-content:center}
.chapter .section-index{grid-column:1}
.chapter__content{grid-column:2}
.chapter__overline{margin:0 0 24px;color:var(--muted);font-size:clamp(17px,2vw,30px)}
.chapter h2{margin:0;font-size:clamp(56px,8.5vw,145px);line-height:.84;letter-spacing:-.075em}
.chapter__body{display:grid;grid-template-columns:1fr 1fr;gap:6vw;margin-top:7vh;padding-top:24px;border-top:1px solid var(--line)}
.chapter__body p{margin:0;font-size:18px;line-height:1.55;color:var(--muted)}
.chapter__body p:first-child{color:var(--paper);font-size:clamp(24px,3vw,48px);line-height:1.08;letter-spacing:-.04em}

.fragments{padding:11vh 4vw 14vh;background:var(--paper);color:var(--black);overflow:hidden}
.fragments__head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:7vh}
.fragments h2{margin:18px 0 0;font-size:clamp(62px,9vw,145px);line-height:.78;letter-spacing:-.085em}
.fragments__head p{max-width:390px;font-size:17px;line-height:1.4}
.fragment-track{display:flex;gap:2vw;width:max-content;animation:fragmentDrift 34s linear infinite}
.fragment-track:hover{animation-play-state:paused}
.fragment-card{width:min(72vw,620px);min-height:420px;padding:34px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(7,7,9,.22);background:#f5f2ea;transform:rotate(var(--r,0deg));transition:transform .4s var(--ease),background .4s,color .4s}
.fragment-card:hover{transform:rotate(0deg) translateY(-12px);background:var(--black);color:var(--paper)}
.fragment-card small{font-size:9px}
.fragment-card blockquote{margin:0;font-size:clamp(32px,4vw,64px);line-height:.96;letter-spacing:-.055em}
.fragment-card span{font-size:9px;opacity:.65}
@keyframes fragmentDrift{to{transform:translateX(calc(-50% - 1vw))}}

.interactive{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.interactive__copy{padding:12vh 5vw;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}
.interactive__copy h2{margin:22px 0 28px;font-size:clamp(58px,7.5vw,126px);line-height:.8;letter-spacing:-.08em}
.interactive__copy p{max-width:470px;color:var(--muted);font-size:17px;line-height:1.5}
.interactive__stage{position:relative;min-height:760px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(var(--accent-rgb),.13),transparent 56%)}

.oracle{position:relative;width:min(60vw,520px);aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(var(--accent-rgb),.42);border-radius:50%;cursor:pointer;background:none}
.oracle::before,.oracle::after{content:"";position:absolute;border:1px solid rgba(241,238,230,.16);border-radius:50%;inset:15%;animation:rotate 18s linear infinite}
.oracle::after{inset:31%;border-style:dashed;animation-direction:reverse;animation-duration:12s}
.oracle__core{position:relative;z-index:2;width:34%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--black);border:1px solid var(--accent);box-shadow:0 0 50px rgba(var(--accent-rgb),.34);font-size:clamp(40px,7vw,92px);transition:transform .55s var(--ease)}
.oracle:hover .oracle__core{transform:scale(1.1) rotate(12deg)}
.oracle__phrase{position:absolute;z-index:3;left:8%;right:8%;bottom:8%;margin:0;text-align:center;font-size:clamp(18px,2vw,30px);line-height:1.06;letter-spacing:-.035em}
.oracle__hint{position:absolute;top:8%;font-size:8px;opacity:.65}

.anatomy{position:relative;width:min(76%,590px);height:74%;display:grid;place-items:center}
.anatomy__axis{position:absolute;top:4%;bottom:4%;left:50%;width:1px;background:linear-gradient(transparent,var(--accent),transparent);box-shadow:0 0 22px var(--accent)}
.anatomy__ring{position:absolute;left:50%;top:32%;width:58%;aspect-ratio:1;border:1px solid rgba(var(--accent-rgb),.55);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 55px rgba(var(--accent-rgb),.18)}
.anatomy__silhouette{position:absolute;inset:7% 22% 0;background:url("assets/cover-frequence-02.webp") center/cover no-repeat;filter:grayscale(1) contrast(1.15);opacity:.43;mask-image:linear-gradient(to bottom,#000 0 72%,transparent 98%)}
.hotspot{position:absolute;left:50%;display:flex;align-items:center;gap:14px;width:56%;transform:translateX(-50%);border:0;background:none;cursor:pointer;text-align:left}
.hotspot::before{content:"";width:11px;aspect-ratio:1;flex:0 0 auto;border:1px solid var(--paper);border-radius:50%;background:var(--black);box-shadow:0 0 0 0 rgba(var(--accent-rgb),.5);transition:background .25s,box-shadow .25s}
.hotspot span{padding:9px 12px;border:1px solid rgba(241,238,230,.18);background:rgba(7,7,9,.75);font-size:9px}
.hotspot:hover::before,.hotspot.is-active::before{background:var(--accent);box-shadow:0 0 24px 7px rgba(var(--accent-rgb),.3)}
.hotspot:nth-of-type(1){top:18%}.hotspot:nth-of-type(2){top:35%}.hotspot:nth-of-type(3){top:52%}.hotspot:nth-of-type(4){top:69%}
.anatomy__readout{position:absolute;left:5%;right:5%;bottom:3%;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;font-size:9px}
.anatomy__readout strong{max-width:66%;font-family:"Space Grotesk";font-size:clamp(16px,1.8vw,28px);line-height:1.05;letter-spacing:-.03em;text-transform:none;text-align:right}

.pressure-panel{width:min(80%,650px)}
.pressure-readout{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.pressure-readout strong{font-size:clamp(72px,12vw,170px);line-height:.68;letter-spacing:-.09em}
.pressure-readout span{font-size:9px}
.pressure-panel input{width:100%;accent-color:var(--accent)}
.pressure-labels{display:flex;justify-content:space-between;margin-top:12px;font-size:8px;opacity:.6}
.pressure-phrase{min-height:160px;margin:70px 0 0;font-size:clamp(34px,4vw,68px);line-height:.93;letter-spacing:-.055em}
.pressure-bars{display:flex;align-items:end;gap:4px;height:85px;margin-top:34px}
.pressure-bars i{display:block;flex:1;min-width:2px;height:var(--h,20%);background:var(--accent);opacity:var(--o,.3);transition:height .18s,opacity .18s}

.next-signal{position:relative;min-height:90svh;display:grid;align-content:center;padding:12vh 6vw;overflow:hidden;background:var(--paper);color:var(--black)}
.next-signal__index{font-size:9px}
.next-signal a{display:block;width:fit-content;margin-top:5vh}
.next-signal h2{margin:0;font-size:clamp(72px,13.4vw,220px);line-height:.72;letter-spacing:-.095em;transition:transform .45s var(--ease)}
.next-signal a:hover h2{transform:translateX(2vw)}
.next-signal p{max-width:520px;margin:36px 0 0;font-size:18px;line-height:1.4}
.next-signal__giant{position:absolute;right:-2vw;bottom:-10vh;font-size:clamp(260px,48vw,760px);line-height:.65;font-weight:600;letter-spacing:-.12em;color:transparent;-webkit-text-stroke:1px rgba(7,7,9,.13);pointer-events:none}
.next-signal--locked{background:#0a0a0c;color:var(--paper)}
.next-signal--locked .next-signal__giant{-webkit-text-stroke-color:rgba(241,238,230,.13)}

.footer{min-height:38vh;padding:7vh 4vw;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4vw;align-items:end;border-top:1px solid var(--line);font-size:9px}
.footer strong{display:block;font-family:"Space Grotesk";font-size:clamp(54px,7vw,110px);line-height:.7;letter-spacing:-.08em}
.footer span{display:block;margin-top:18px;opacity:.55}
.footer__links{display:flex;flex-direction:column;gap:12px;align-items:center}
.footer__links a:hover{color:var(--accent)}
.footer>div:last-child{text-align:right;line-height:1.65}

body.freq-01{--accent:#806dff;--accent-rgb:128,109,255}
body.freq-01 .release-hero__media img{object-position:center}
body.freq-01 .release-hero::before{content:"";position:absolute;left:50%;top:49%;width:min(35vw,520px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);z-index:-2;background:#000;box-shadow:0 0 80px rgba(var(--accent-rgb),.42),0 0 180px rgba(var(--accent-rgb),.2)}
body.freq-01 .release-hero__copy{grid-column:1/9}

body.freq-02{--accent:#e0aa51;--accent-rgb:224,170,81}
body.freq-02 .release-hero__media img{object-position:center 39%}
body.freq-02 .release-hero__copy{grid-column:1/9}
body.freq-02 .release-hero::before{content:"";position:absolute;left:50%;top:39%;width:min(43vw,640px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);z-index:-2;border:1px solid rgba(var(--accent-rgb),.65);box-shadow:0 0 90px rgba(var(--accent-rgb),.3),inset 0 0 110px rgba(var(--accent-rgb),.14)}

body.freq-index{--accent:#b8ff74;--accent-rgb:184,255,116}
.frequency-index{position:relative;z-index:1;min-height:100svh;padding:clamp(110px,15vh,180px) 6vw 10vh;overflow:hidden}
.frequency-index::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 72% 18%,rgba(var(--accent-rgb),.15),transparent 24%),radial-gradient(circle at 28% 72%,rgba(128,109,255,.18),transparent 31%),var(--black)}
.frequency-index__hero{min-height:62svh;display:grid;align-content:end;padding-bottom:9vh;border-bottom:1px solid var(--line)}
.frequency-index__eyebrow{font-size:10px;opacity:.72}
.frequency-index h1{max-width:1100px;margin:24px 0 0;font-size:clamp(92px,18vw,290px);line-height:.68;letter-spacing:-.105em}
.frequency-index__lede{max-width:650px;margin:42px 0 0;font-size:clamp(19px,2.2vw,34px);line-height:1.08;letter-spacing:-.035em}
.frequency-index__action{display:flex;align-items:center;gap:14px;width:fit-content;margin-top:42px;font-size:10px}.frequency-index__action b{display:grid;place-items:center;width:48px;aspect-ratio:1;border:1px solid var(--accent);border-radius:50%;font-size:20px;font-weight:400;transition:transform .4s var(--ease),background .4s,color .4s}.frequency-index__action:hover b{transform:rotate(45deg);background:var(--accent);color:var(--black)}
.frequency-index__tracks{padding-top:12vh}.frequency-index__tracks-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.frequency-index__tracks h2{max-width:760px;margin:16px 0 0;font-size:clamp(54px,8vw,130px);line-height:.76;letter-spacing:-.09em}.frequency-index__tracks-head p{max-width:350px;margin:0;font-size:15px;line-height:1.4}
.track-list{border-top:1px solid var(--line)}.track-list a{display:grid;grid-template-columns:minmax(70px,.2fr) minmax(0,1fr) auto;gap:24px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line);transition:color .3s,transform .3s}.track-list a:hover{color:var(--accent);transform:translateX(1vw)}.track-list__number,.track-list__status{font-size:9px}.track-list h3{margin:0;font-size:clamp(34px,5.4vw,86px);line-height:.82;letter-spacing:-.075em}.track-list__status{justify-self:end;text-align:right}.track-list a.is-locked{opacity:.62}.track-list a.is-locked:hover{opacity:1}
.coming-soon{display:grid;align-content:center;min-height:78svh;max-width:980px}.coming-soon__signal{font-size:10px;color:var(--accent)}.coming-soon h1{margin-top:26px}.coming-soon__mark{width:min(45vw,420px);aspect-ratio:1;margin:50px 0 0;border:1px solid rgba(var(--accent-rgb),.55);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 100px rgba(var(--accent-rgb),.16),inset 0 0 80px rgba(var(--accent-rgb),.1);font-size:clamp(80px,15vw,210px);line-height:.7;letter-spacing:-.12em;color:var(--accent)}

@media(max-width:900px){
  .cursor{display:none}
  .topbar{grid-template-columns:1fr auto;height:66px;padding:0 18px}.topbar__status,.topbar__coords{display:none}
  .menu{padding-left:16vw;padding-top:16vh;padding-bottom:10vh}.menu a{font-size:clamp(48px,13vw,90px)}.menu__tracks{margin-left:12vw;gap:12px}.menu__tracks a{font-size:clamp(25px,8vw,54px)}
  .release-hero{padding:92px 18px 24px;grid-template-columns:repeat(6,1fr)}
  .release-hero__meta{grid-column:1/-1}.release-hero__copy,body.freq-01 .release-hero__copy,body.freq-02 .release-hero__copy{grid-column:1/-1;padding-bottom:17vh}.release-hero__action{grid-column:1/-1;justify-self:start;padding:0 0 8vh}.release-hero__number{right:-5vw;bottom:12vh;font-size:60vw}.release-hero__footer{left:18px;right:18px;bottom:18px}.release-hero__media img{opacity:.8}
  .signal-ring{width:90vw}
  .player-section{padding:10vh 18px}.player-grid{grid-template-columns:1fr;gap:7vh}.player-intro{position:static}.signal-console{padding:14px;box-shadow:10px 10px 0 rgba(7,7,9,.06)}
  .chapter{padding:11vh 18px;grid-template-columns:1fr}.chapter .section-index,.chapter__content{grid-column:1}.chapter__content{margin-top:5vh}.chapter__body{grid-template-columns:1fr}
  .fragments{padding:10vh 18px 12vh}.fragments__head{display:block}.fragments__head p{margin-top:30px}.fragment-card{width:82vw;min-height:370px;padding:24px}
  .interactive{grid-template-columns:1fr}.interactive__copy{padding:10vh 18px;border-right:0;border-bottom:1px solid var(--line)}.interactive__stage{min-height:680px}.oracle{width:82vw}.anatomy{width:94%;height:90%}.pressure-panel{width:88%}
  .next-signal{padding:10vh 18px}.next-signal__giant{font-size:70vw;bottom:-4vh}
  .footer{grid-template-columns:1fr;align-items:start;padding:8vh 18px}.footer__links{align-items:flex-start}.footer>div:last-child{text-align:left}
  .frequency-index{padding:100px 18px 10vh}.frequency-index__hero{min-height:62svh}.frequency-index__tracks-head{display:block}.frequency-index__tracks-head p{margin-top:26px}.track-list a{grid-template-columns:52px 1fr;gap:13px}.track-list__status{grid-column:2;justify-self:start}.coming-soon{min-height:72svh}
}

@media(max-width:560px){
  .release-hero h1{font-size:19vw}.release-hero__line{font-size:18px}.release-hero__meta span:last-child{display:none}.release-hero__disc{width:64px}
  .console__screen{min-height:250px}.console__foot{display:block}.console__foot span{display:block;margin-top:8px}
  .fragment-card{width:88vw;min-height:330px}.fragment-card blockquote{font-size:9vw}
  .anatomy__silhouette{inset:9% 10% 0}.hotspot{width:86%}.anatomy__readout{display:block}.anatomy__readout strong{display:block;max-width:none;text-align:left;margin-top:10px}
  .pressure-readout strong{font-size:25vw}.pressure-phrase{font-size:10vw}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}