@font-face{font-family:"Archivo";src:url(/assets/artist/fonts/archivo.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:"Martian Mono";src:url(/assets/artist/fonts/martian.woff2) format("woff2");font-weight:100 800;font-stretch:75% 112.5%;font-display:swap}

:root{
  color-scheme:dark;
  --black:#0A0A09;--bone:#EEE9DE;--steel:#8C9193;--cyan:#4FD8FF;--gold:#B89450;
  --bone-2:rgba(238,233,222,.74);--bone-3:rgba(238,233,222,.5);
  --hair:rgba(140,145,147,.24);--hair-2:rgba(140,145,147,.45);
  --ft:28px;--fs:10px;--wr:18px;
  --winH:calc(100vh - var(--ft) - var(--fs));
  --pad:clamp(18px,4.4vw,72px);
  --navH:68px;
  --display:"Archivo",Impact,"Arial Narrow",sans-serif;
  --sans:"Archivo","Helvetica Neue",Arial,sans-serif;
  --mono:"Martian Mono",ui-monospace,Menlo,monospace;
  --ease:cubic-bezier(.2,.75,.15,1);
}
@supports (height:100svh){:root{--winH:calc(100svh - var(--ft) - var(--fs))}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--bone)}
body{margin:0;padding:var(--ft) var(--fs) var(--fs);background:var(--bone);color:var(--bone);font-family:var(--sans);font-stretch:100%;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%}
a{color:inherit;text-underline-offset:.2em}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
h1,h2,h3,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
[tabindex="-1"]:focus{outline:none}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:fixed;left:calc(var(--fs) + 12px);top:-80px;z-index:200;background:var(--black);color:var(--bone);padding:14px 18px;border-radius:8px;font-weight:600;text-decoration:none}
.skip:focus{top:calc(var(--ft) + 12px)}
.display{font-family:var(--display);font-weight:900;font-stretch:62%;text-transform:uppercase;letter-spacing:-.005em;line-height:.84}
.icon{width:1em;height:1em;flex:none;fill:currentColor}

/* ---------- The window: a fixed bone frame the whole site is seen through ---------- */
.frame{position:fixed;z-index:70;top:var(--ft);left:var(--fs);right:var(--fs);bottom:var(--fs);border-radius:var(--wr);box-shadow:0 0 0 100vmax var(--bone);pointer-events:none}
.strip{position:fixed;z-index:71;top:0;left:0;right:0;height:var(--ft);display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 calc(var(--fs) + 8px);color:var(--black);font-family:var(--mono);font-stretch:75%;font-size:10.5px;line-height:1;pointer-events:none}
.strip p:first-child{font-weight:600}
.strip__short{display:none}
.space{position:relative;isolation:isolate;background:#070807;overflow-x:clip;border-radius:var(--wr)}
.space>section,.space>figure,.space>footer{position:relative;z-index:1}
.atmosphere{position:fixed;z-index:0;top:var(--ft);right:var(--fs);bottom:var(--fs);left:var(--fs);overflow:hidden;border-radius:var(--wr);pointer-events:none;contain:strict;background:linear-gradient(180deg,rgba(5,7,12,.2),rgba(10,10,9,.1) 42%,rgba(3,5,10,.34))}
.atmosphere__stars,.atmosphere__cloud{position:absolute;pointer-events:none;will-change:transform}
.atmosphere__stars{inset:-8%;background-repeat:repeat;transition:transform .3s var(--ease)}
.atmosphere__stars--far{opacity:.33;background-image:radial-gradient(circle,rgba(238,233,222,.9) 0 1px,transparent 1.4px),radial-gradient(circle,rgba(79,216,255,.58) 0 .8px,transparent 1.2px);background-position:0 0,47px 31px;background-size:113px 127px,173px 191px;transform:translate3d(var(--space-far-x,0),var(--space-far-y,0),0)}
.atmosphere__stars--near{opacity:.2;background-image:radial-gradient(circle,rgba(238,233,222,.94) 0 1.2px,transparent 1.7px),radial-gradient(circle,rgba(184,148,80,.72) 0 .9px,transparent 1.4px);background-position:19px 7px,73px 51px;background-size:241px 263px,307px 283px;transform:translate3d(var(--space-near-x,0),var(--space-near-y,0),0)}
.atmosphere__cloud{width:min(72vw,980px);aspect-ratio:1;border-radius:50%;filter:blur(38px);opacity:.24;transition:transform .42s var(--ease)}
.atmosphere__cloud--blue{left:-24%;top:18%;background:radial-gradient(circle at 52% 48%,rgba(25,78,118,.72),rgba(30,37,74,.3) 42%,transparent 70%);transform:translate3d(var(--space-cloud-x,0),var(--space-cloud-y,0),0)}
.atmosphere__cloud--red{right:-30%;top:53%;background:radial-gradient(circle at 45% 50%,rgba(200,16,46,.48),rgba(94,22,55,.24) 43%,transparent 72%);transform:translate3d(var(--space-cloud-rx,0),var(--space-cloud-ry,0),0)}

/* ---------- Top navigation: flat, minimal ---------- */
.topnav{position:fixed;z-index:72;top:var(--ft);left:var(--fs);right:var(--fs);height:var(--navH);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 calc(var(--pad) - 12px);pointer-events:none}
.topnav::before{content:"";position:absolute;inset:0 0 -28px;border-radius:var(--wr) var(--wr) 0 0;background:linear-gradient(180deg,rgba(10,10,9,.86),rgba(10,10,9,.55) 60%,rgba(10,10,9,0));opacity:0;transition:opacity .35s}
.topnav.is-solid::before{opacity:1}
.topnav>*{position:relative;pointer-events:auto}
.wordmark{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;white-space:nowrap;font-family:var(--display);font-weight:900;font-stretch:62%;font-size:22px;letter-spacing:.01em;text-transform:uppercase;text-decoration:none;color:var(--bone);opacity:0;transform:translateY(-6px);transition:opacity .35s,transform .35s var(--ease)}
.topnav.is-solid .wordmark,.wordmark:focus-visible{opacity:1;transform:none}
.nav-right{display:flex;align-items:center;gap:6px}
.navlinks{display:flex;align-items:center}
.navlinks a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;font-size:17px;font-weight:580;letter-spacing:.01em;color:var(--bone-2);text-decoration:none;transition:color .2s}
.navlinks a::after{content:"";position:absolute;left:14px;right:14px;bottom:7px;height:2px;border-radius:2px;background:var(--cyan);transform:scaleX(0);transform-origin:0 50%;transition:transform .35s var(--ease)}
.navlinks a:hover{color:var(--bone)}
.topnav:not(.is-solid) .navlinks a{color:var(--bone);text-shadow:0 1px 14px rgba(0,0,0,.55)}
.navlinks a[aria-current="true"]{color:var(--bone)}
.navlinks a[aria-current="true"]::after{transform:none}
.navlinks .nav-follow{min-height:38px;margin-left:8px;padding:0 15px;border-radius:999px;background:var(--bone);color:var(--black);text-shadow:none}
.topnav:not(.is-solid) .navlinks .nav-follow{color:var(--black);text-shadow:none}
.navlinks .nav-follow::after{display:none}
.navlinks .nav-follow:hover,.navlinks .nav-follow[aria-current="true"]{background:#fff;color:var(--black)}
.navplay{display:grid;place-items:center;min-height:44px;padding:0 14px;margin-left:6px;border-radius:999px;background:var(--bone);color:var(--black);font-size:14px;font-weight:700;white-space:nowrap;text-decoration:none;opacity:0;transform:scale(.8);pointer-events:none;transition:opacity .3s,transform .3s var(--ease),background-color .2s}
.topnav.is-solid .navplay{opacity:1;transform:none;pointer-events:auto}
.navplay:hover{background:#fff}

/* ---------- Opening: the portrait recedes and the clip reel comes forward ---------- */
.opening{position:relative}
.opening__stage{position:relative;display:grid;grid-template-columns:100%}
.op-portrait{grid-area:1/1;position:relative;height:var(--winH);min-height:540px;overflow:hidden;border-radius:var(--wr);background:#151513;transform-origin:50% 50%;box-shadow:inset 0 0 0 1px rgba(238,233,222,.08)}
.op-portrait img{width:100%;height:100%;object-fit:cover;object-position:4% 50%}
.op-portrait::after{content:"";position:absolute;z-index:2;inset:clamp(10px,1.25vw,20px);border:1px solid rgba(238,233,222,.13);border-left-color:rgba(79,216,255,.45);border-bottom-color:rgba(238,233,222,.06);border-radius:max(2px,calc(var(--wr) - 7px));pointer-events:none}
.op-shade{position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(90deg,rgba(10,10,9,.82) 0%,rgba(10,10,9,.62) 22%,rgba(10,10,9,.26) 40%,rgba(10,10,9,0) 56%),
  linear-gradient(0deg,rgba(10,10,9,.6) 0%,rgba(10,10,9,0) 32%),
  linear-gradient(180deg,rgba(10,10,9,.72) 0%,rgba(10,10,9,.3) 9%,rgba(10,10,9,0) 22%)}
.op-dim{position:absolute;inset:0;background:var(--black);opacity:0;pointer-events:none}
.op-copy{grid-area:1/1;align-self:end;justify-self:start;position:relative;z-index:3;isolation:isolate;margin:0 0 calc(var(--pad) * .8) var(--pad)}
.op-copy::before{content:"";position:absolute;z-index:-1;left:clamp(-32px,-2vw,-14px);right:-10vw;bottom:-5vh;height:min(34vh,280px);background:radial-gradient(ellipse at 18% 62%,rgba(0,0,0,.72),rgba(0,0,0,.3) 44%,transparent 72%);filter:blur(14px);pointer-events:none}
.op-release{display:inline-flex;align-items:center;gap:9px;margin-bottom:clamp(15px,2vw,25px);padding:8px 14px;border-radius:999px;background:var(--bone);color:var(--black);font-size:clamp(15px,1.6vw,22px);font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.op-release span{color:#096c83}
.op-name{font-family:var(--display);font-weight:900;font-stretch:62%;font-size:var(--nameF,min(10.6vw,calc(18.5vh)));line-height:.8;letter-spacing:-.005em;text-transform:uppercase;white-space:nowrap;margin-left:-.035em;text-shadow:0 3px 28px rgba(0,0,0,.66)}
.op-name::after{content:"";display:block;width:clamp(72px,12vw,180px);height:2px;margin:clamp(13px,1.4vw,20px) 0 0 .035em;background:linear-gradient(90deg,var(--cyan),rgba(79,216,255,0));box-shadow:0 0 20px rgba(79,216,255,.32)}
.op-say{margin-top:clamp(12px,1.3vw,20px);font-size:clamp(16px,1.3vw,19px);color:var(--bone-2)}
.op-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(18px,1.9vw,28px)}
.cta{display:inline-flex;align-items:center;gap:14px;min-height:62px;padding:8px 24px 8px 10px;border-radius:999px;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s}
.cta__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;flex:none;font-size:17px;transition:color .2s,border-color .2s}
.cta__text{display:flex;flex-direction:column;line-height:1.15;text-align:left}
.cta__main{font-weight:650;font-size:17px}
.cta__sub{font-size:13px;opacity:.78;font-stretch:80%;white-space:nowrap}
.cta--play{background:var(--bone);color:var(--black)}
.cta--play .cta__icon{background:var(--black);color:var(--bone)}
.cta--play:hover{background:#fff}
.cta--play:hover .cta__icon{color:var(--cyan)}
.cta--watch{border:1.5px solid rgba(238,233,222,.62);color:var(--bone);background:rgba(10,10,9,.25)}
.cta--watch .cta__icon{border:1.5px solid rgba(238,233,222,.62)}
.cta--watch:hover{border-color:var(--bone)}
.cta--watch:hover .cta__icon{border-color:var(--cyan);color:var(--cyan)}

/* Clip reel (the original site's slideshow): one plays, then cross-fades to the next */
.op-reel{grid-area:2/1;position:relative;margin:clamp(40px,6vw,90px) var(--pad) 0;max-width:1100px}
.reel__screen{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#111110;box-shadow:0 40px 80px -30px rgba(0,0,0,.8),0 0 0 1px rgba(238,233,222,.08);cursor:pointer}
.reel__screen.no-link{cursor:default}
.reel__poster,.reel__v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.reel__v{opacity:0;transition:opacity .55s ease}
.reel__v.is-on{opacity:1}
.op-cap{grid-area:3/1;position:relative;margin:18px var(--pad) clamp(40px,6vw,90px);max-width:1100px}
.reel__segs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.reel__seg{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-height:44px;padding-top:10px;text-align:left;color:var(--bone-3);transition:color .2s}
.reel__seg:hover{color:var(--bone-2)}
.reel__seg.is-on{color:var(--bone)}
.reel__bar{position:relative;display:block;width:100%;height:2px;border-radius:2px;background:rgba(238,233,222,.18);overflow:hidden}
.reel__bar i{position:absolute;inset:0;background:var(--cyan);transform:scaleX(var(--fill,0));transform-origin:0 50%}
.reel__seg.is-done .reel__bar i{--fill:1;background:rgba(238,233,222,.55)}
.reel__name{font-size:13px;font-weight:600;letter-spacing:.02em}
.reel__row{display:flex;align-items:center;gap:8px;margin-top:6px}
.reel__watch,.reel__toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 4px;font-size:15px;font-weight:560;color:var(--bone);text-decoration:underline;text-decoration-color:rgba(238,233,222,.3);text-decoration-thickness:1.5px;text-underline-offset:.25em;transition:text-decoration-color .2s}
.reel__watch:hover,.reel__toggle:hover{text-decoration-color:var(--cyan)}
.reel__watch[hidden]{display:none}
.reel__toggle{margin-left:auto;color:var(--bone-2);text-decoration:none}
.reel__toggle .icon{font-size:12px}

/* Motion layout: the stage holds while the planes move through it (normal scrolling, nothing hijacked) */
.motion .opening{height:calc(var(--winH) + 118vh)}
.motion .opening__stage{display:block;position:sticky;top:var(--ft);height:var(--winH);min-height:540px;overflow:hidden;perspective:1500px;perspective-origin:50% 46%}
.motion .op-portrait{position:absolute;inset:0;height:auto;min-height:0;will-change:transform}
.motion .op-copy{position:absolute;left:var(--pad);bottom:calc(var(--pad) * .8);margin:0}
.motion .op-reel{position:absolute;left:50%;top:50%;width:min(50vw,960px);max-width:none;margin:0;opacity:0;transform:translate(-50%,-50%) translate3d(0,60vh,-500px);will-change:transform,opacity}
.motion .op-cap{position:absolute;left:calc(50% - min(50vw,960px) * .5 - 17vw);top:calc(48.5% + min(50vw,960px) * .28125 + 22px);width:min(50vw,960px);margin:0;opacity:0;visibility:hidden}
@media (prefers-reduced-motion:no-preference){
  .op-portrait img{animation:settle 1.4s var(--ease) both}
  @keyframes settle{from{transform:scale(1.04);filter:brightness(1.18)}to{transform:none;filter:none}}
  @keyframes fade{from{opacity:0}to{opacity:1}}
}
.gsap-enhanced .op-portrait img{animation:none}

/* ---------- Planes: images and videos placed at depth; scroll moves the camera past them ---------- */
.pw{position:relative;perspective:1600px}
[data-tilt]{transform-origin:50% 50%}
.motion [data-tilt],.motion [data-depth]{will-change:transform}

/* ---------- Sections ---------- */
.sec{position:relative;padding:clamp(80px,11vw,170px) var(--pad)}
.sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 24px;margin-bottom:clamp(36px,5vw,72px)}
.h2{font-size:clamp(52px,7vw,112px)}
.textlink{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--bone);font-weight:500;text-decoration:underline;text-decoration-color:rgba(238,233,222,.3);text-decoration-thickness:1.5px;transition:text-decoration-color .2s}
.textlink:hover{text-decoration-color:var(--cyan)}
.textlink .icon{font-size:13px;opacity:.7}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border-radius:999px;font-size:15.5px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background-color .2s,border-color .2s,color .2s}
.btn--primary{background:var(--bone);color:var(--black)}
.btn--primary:hover{background:#fff}
.btn--line{border:1.5px solid rgba(238,233,222,.4);color:var(--bone)}
.btn--line:hover{border-color:var(--bone)}
.btn .icon{font-size:14px}
.arrive{position:relative}
.arrive::after{content:"";position:absolute;left:0;bottom:-.18em;width:min(100%,2.6em);height:3px;border-radius:3px;background:var(--cyan);transform-origin:0 50%;transform:scaleX(0);opacity:0;pointer-events:none}
.arrive.is-arriving::after{animation:arrive 1s var(--ease) both}
@keyframes arrive{0%{transform:scaleX(0);opacity:1}35%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
section[id]{scroll-margin-top:calc(var(--navH) + 8px)}

/* ---------- NDA: exact release artwork, complete and uncropped ---------- */
.nda-release{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);align-items:center;gap:clamp(36px,7vw,120px);border-bottom:1px solid var(--hair);overflow:hidden}
.nda-release::before{content:"";position:absolute;right:-14%;top:9%;width:min(62vw,880px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(184,148,80,.16),rgba(184,148,80,.04) 46%,transparent 70%);filter:blur(20px);pointer-events:none}
.nda-release__art{position:relative;isolation:isolate;width:100%;max-width:690px;min-width:0;justify-self:center;padding:clamp(7px,1vw,12px)}
.nda-release__art::before{content:"";position:absolute;z-index:-1;inset:5% -2% -3% 5%;border:1px solid rgba(79,216,255,.28);background:linear-gradient(145deg,rgba(79,216,255,.1),rgba(184,148,80,.065) 54%,rgba(200,16,46,.08));box-shadow:0 48px 95px -42px rgba(0,0,0,.95),0 0 54px rgba(79,216,255,.08);transform:translate3d(14px,16px,0)}
.nda-release__art::after{content:"NDA  /  23 OCT 2026";position:absolute;z-index:2;left:-15px;bottom:clamp(54px,8vw,92px);writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--mono);font-stretch:75%;font-size:9px;letter-spacing:.17em;color:rgba(238,233,222,.58);pointer-events:none}
.nda-release__link{display:block;color:var(--bone);text-decoration:none;border-radius:3px;-webkit-tap-highlight-color:rgba(79,216,255,.18)}
.nda-release__frame{position:relative;overflow:hidden;background:#0d0c0b;box-shadow:0 44px 90px -42px rgba(0,0,0,.9),0 0 0 1px rgba(238,233,222,.2),inset 0 0 0 7px rgba(10,10,9,.3);transition:box-shadow .32s var(--ease),filter .32s var(--ease)}
.nda-release__frame img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.nda-release__frame::after{content:"";position:absolute;inset:0;border:1px solid transparent;background:radial-gradient(circle at 50% 112%,rgba(79,216,255,.2),transparent 48%) border-box;opacity:0;transition:opacity .32s var(--ease);pointer-events:none}
.nda-release__badge{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid rgba(238,233,222,.45);border-radius:999px;background:rgba(10,10,9,.76);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:13px;font-weight:700;letter-spacing:.01em;box-shadow:0 12px 30px rgba(0,0,0,.3);transition:border-color .25s,background-color .25s,transform .25s var(--ease)}
.nda-release__hint{margin-top:13px;color:var(--steel);font-family:var(--mono);font-stretch:75%;font-size:10px;letter-spacing:.03em;text-align:center}
.nda-release__link:hover .nda-release__frame,.nda-release__link:focus-visible .nda-release__frame{filter:brightness(1.06);box-shadow:0 50px 110px -44px rgba(0,0,0,.95),0 0 42px rgba(79,216,255,.16),0 0 0 1px rgba(79,216,255,.66)}
.nda-release__link:hover .nda-release__frame::after,.nda-release__link:focus-visible .nda-release__frame::after{opacity:1}
.nda-release__link:hover .nda-release__badge,.nda-release__link:focus-visible .nda-release__badge{border-color:var(--cyan);background:rgba(10,10,9,.9);transform:translateY(-2px)}
.nda-release__link:active .nda-release__frame{filter:brightness(1.12)}
.nda-release__copy{position:relative;z-index:1;min-width:0;padding-left:clamp(18px,2.3vw,34px)}
.nda-release__copy::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:1px;background:linear-gradient(180deg,var(--cyan),rgba(79,216,255,.06) 58%,transparent)}
.nda-release__kicker{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-stretch:75%;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}
.nda-release__kicker::before{content:"";width:34px;height:1px;background:currentColor}
.nda-release__title{margin-top:clamp(22px,3vw,42px);font-size:clamp(96px,15vw,250px);line-height:.72;letter-spacing:-.035em}
.nda-release__date{margin-top:clamp(36px,5vw,70px);padding-top:20px;border-top:1px solid var(--hair-2);display:grid;gap:8px;max-width:580px}
.nda-release__alternate{margin-top:18px}
.nda-release__date span{font-family:var(--mono);font-stretch:75%;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel)}
.nda-release__date time{font-size:clamp(21px,2.2vw,34px);font-weight:620;line-height:1.15;color:var(--bone)}
.nda-preview{margin-top:clamp(28px,4vw,52px);padding:clamp(18px,2vw,26px);border:1px solid var(--hair-2);border-radius:16px;background:rgba(238,233,222,.035);max-width:580px}
.nda-preview__eyebrow{font-family:var(--mono);font-stretch:75%;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--cyan)}
.nda-preview__title{margin-top:8px;font-size:clamp(22px,2.2vw,31px);line-height:1.05}
.nda-preview__copy{margin-top:10px;max-width:42ch;color:var(--bone-2);font-size:16px}
.nda-preview__locked .btn{margin-top:18px}
.nda-preview__player audio{display:block;width:100%;margin-top:14px;accent-color:var(--cyan)}
.nda-preview__note{margin-top:10px;color:var(--steel);font-family:var(--mono);font-stretch:75%;font-size:10px;line-height:1.55}
.nda-preview__status{min-height:1.45em;margin-top:8px;color:var(--cyan);font-size:13px;font-weight:600}
.nda-preview__status.is-error{color:#ff9b9b}
.nda-preview__status:empty{display:none}

/* ---------- Music (the case is unchanged) ---------- */
.music{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(24px,4vw,64px);--A:clamp(240px,26vw,400px)}
.music__stage{display:flex;flex-direction:column;align-items:center}
.stage{position:relative;width:100%;height:calc(var(--A) * 1.62);display:grid;place-items:center;perspective:1500px;perspective-origin:50% 42%}
.stage::before{content:"";position:absolute;inset:-6% 2%;background:radial-gradient(50% 48% at 50% 46%,rgba(238,233,222,.085),rgba(238,233,222,.02) 60%,transparent 72%);pointer-events:none}
.stage__glow{position:absolute;left:50%;top:46%;width:calc(var(--A) * 1.05);height:calc(var(--A) * 1.05);transform:translate(-50%,-50%);filter:blur(56px) saturate(1.15);opacity:.32;pointer-events:none}
.stage__glow img{width:100%;height:100%;object-fit:cover}
.stage__glow.is-missing{display:none}
.stage__floor{position:absolute;left:50%;bottom:calc(var(--A) * .12);width:calc(var(--A) * 1.05);height:calc(var(--A) * .1);transform:translateX(-50%);background:radial-gradient(closest-side,rgba(0,0,0,.75),rgba(0,0,0,0));pointer-events:none}
.case-hit{position:absolute;left:50%;top:50%;width:calc(var(--A) * 1.3);height:calc(var(--A) * 1.3);transform:translate(-50%,-50%);border:0;border-radius:18px;background:transparent;touch-action:pan-y;-webkit-tap-highlight-color:transparent;z-index:5}
.case-hit:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}
.case-hint{margin-top:6px;font-size:14px;color:var(--steel);text-align:center;max-width:36ch}
.case-hint .touch{display:none}
@media (pointer:coarse){.case-hint .fine{display:none}.case-hint .touch{display:inline}}
.case3d{--f:calc(var(--A) * .075);--W:calc(var(--A) + var(--f) * 2);--H:var(--W);--bd:calc(var(--A) * .05);--ld:calc(var(--A) * .034);--r:calc(var(--A) * .026);--tray-z:calc(var(--bd) * -.55);
  position:relative;width:var(--W);height:var(--H);transform-style:preserve-3d;transform:rotateX(-11deg) rotateY(-23deg);will-change:transform;pointer-events:none}
.case3d .f{position:absolute;left:0;top:0;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.case3d .lid{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:50% 0 0}
.lit::after{content:"";position:absolute;inset:0;background:#050505;opacity:calc((1 - var(--lum,.72)) * .9);pointer-events:none}
.lit::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.4));opacity:calc(var(--sp,0) * .5);pointer-events:none;z-index:1}
.steel-h{background:
  repeating-linear-gradient(0deg,rgba(255,255,255,.055) 0 1px,rgba(0,0,0,.06) 1px 2px,transparent 2px 4px),
  linear-gradient(100deg,#4f5355 0%,#a3a8a9 11%,#767b7d 22%,#dcdfde 35%,#8c9193 47%,#c9cccd 59%,#666b6d 72%,#babebf 86%,#4b4f51 100%);
  background-size:auto,300% 100%;background-position:0 0,calc(50% + var(--sx,0) * 60%) 0}
.steel-v{background:
  repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 1px,rgba(0,0,0,.06) 1px 2px,transparent 2px 4px),
  linear-gradient(170deg,#4f5355 0%,#a3a8a9 11%,#767b7d 22%,#dcdfde 35%,#8c9193 47%,#c9cccd 59%,#666b6d 72%,#babebf 86%,#4b4f51 100%);
  background-size:auto,100% 300%;background-position:0 0,0 calc(50% + var(--sy,0) * 60%)}
/* base: z from -bd to 0 */
.base-back{width:var(--W);height:var(--H);transform:translateZ(calc(var(--bd) * -1)) rotateY(180deg);display:grid!important;place-items:center}
.base-t{width:var(--W);height:var(--bd);transform-origin:50% 0;transform:translateZ(calc(var(--bd) * -1)) rotateX(90deg)}
.base-b{top:var(--H)!important;width:var(--W);height:var(--bd);transform-origin:50% 0;transform:rotateX(-90deg)}
.base-l{width:var(--bd);height:var(--H);transform-origin:0 50%;transform:translateZ(calc(var(--bd) * -1)) rotateY(-90deg)}
.base-r{left:var(--W)!important;width:var(--bd);height:var(--H);transform-origin:0 50%;transform:rotateY(90deg)}
.base-t,.base-b,.base-l,.base-r{backface-visibility:visible!important;-webkit-backface-visibility:visible!important}
.tray{width:var(--W);height:var(--H);transform:translateZ(var(--tray-z));border-radius:2px;
  background:radial-gradient(circle at 50% 50%,#202120 0 calc(var(--A) * .07),transparent calc(var(--A) * .072)),
  radial-gradient(70% 70% at 40% 35%,#1b1b1a,#0b0b0a);
  box-shadow:inset 0 0 0 calc(var(--f) * .55) #2b2d2e,inset 0 0 0 calc(var(--f) * .62) #121313,inset 0 0 calc(var(--A) * .1) rgba(0,0,0,.85)}
.hub{position:absolute;left:50%;top:50%;width:calc(var(--A) * .2);height:calc(var(--A) * .2);transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle,#2a2c2c 0 30%,transparent 31%),repeating-conic-gradient(#303233 0 7.5deg,#151616 7.5deg 15deg);
  -webkit-mask:radial-gradient(circle,#000 0 31%,transparent 32% 44%,#000 45%);mask:radial-gradient(circle,#000 0 31%,transparent 32% 44%,#000 45%)}
.disc{left:calc(var(--f) + var(--A) * .03)!important;top:calc(var(--f) + var(--A) * .03)!important;width:calc(var(--A) * .94);height:calc(var(--A) * .94);border-radius:50%;transform:translateZ(calc(var(--tray-z) + 1.5px));
  background:
    radial-gradient(circle,transparent 0 15%,rgba(255,255,255,.10) 30%,transparent 56%),
    repeating-radial-gradient(circle,rgba(255,255,255,.07) 0 1px,transparent 1px 3px),
    conic-gradient(from var(--sheen,0deg),#aeb5ba,#d9caa4,#a8a1b9,#b1cac6,#dcc79e,#a7b1be,#cfd3d5,#aeb5ba);
  -webkit-mask:radial-gradient(circle,transparent 0 7.4%,#000 7.6%);mask:radial-gradient(circle,transparent 0 7.4%,#000 7.6%);
  box-shadow:0 0 0 1px rgba(255,255,255,.18) inset}
.disc__spin{position:absolute;inset:0;border-radius:50%;
  background:
    radial-gradient(circle,transparent 0 7.6%,rgba(228,231,233,.30) 7.8% 14.2%,rgba(255,255,255,.62) 14.4% 15%,transparent 15.2%),
    radial-gradient(circle,transparent 0 57%,#131312 57.3% 96.2%,rgba(214,218,220,.7) 96.6% 97.6%,rgba(255,255,255,.14) 98% 100%);
  animation:spin 9s linear infinite paused}
.disc__spin svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.disc__spin text{font-family:var(--mono);font-stretch:75%;font-weight:500;fill:rgba(238,233,222,.82)}
.disc__spin .g{fill:var(--gold)}
.case3d.is-open .disc__spin{animation-play-state:running}
@keyframes spin{to{transform:rotate(1turn)}}
/* lid: z from 0 to ld, hinged on the top edge */
.lid-under{width:var(--W);height:var(--H);transform:rotateX(180deg);padding:var(--f);background:#2a2c2d}
.insert{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:calc(var(--A) * .07);background:linear-gradient(160deg,#efeadf,#ddd7ca);color:#141413;border-radius:1px}
.insert__name{font-family:var(--display);font-weight:900;font-stretch:62%;font-size:calc(var(--A) * .2);line-height:.82;text-transform:uppercase}
.insert__title{display:block;font-family:var(--mono);font-stretch:75%;font-size:calc(var(--A) * .036);font-weight:600;margin-top:calc(var(--A) * .03)}
.insert__list{font-family:var(--mono);font-stretch:75%;font-size:calc(var(--A) * .034);line-height:1.55;counter-reset:t}
.insert__list li{counter-increment:t;display:flex;gap:.9em}
.insert__list li::before{content:counter(t);color:#7a6232;min-width:1ch}
.lid-t{width:var(--W);height:var(--ld);transform-origin:50% 0;transform:rotateX(90deg)}
.lid-b{top:var(--H)!important;width:var(--W);height:var(--ld);transform-origin:50% 0;transform:translateZ(var(--ld)) rotateX(-90deg)}
.lid-l{width:var(--ld);height:var(--H);transform-origin:0 50%;transform:rotateY(-90deg)}
.lid-r{left:var(--W)!important;width:var(--ld);height:var(--H);transform-origin:0 50%;transform:translateZ(var(--ld)) rotateY(90deg)}
.win{background:linear-gradient(180deg,#2b2d2e,#121313)}
.win-t{left:var(--f)!important;top:var(--f)!important;width:var(--A);height:var(--r);transform-origin:50% 0;transform:translateZ(var(--ld)) rotateX(-90deg)}
.win-b{left:var(--f)!important;top:calc(var(--f) + var(--A))!important;width:var(--A);height:var(--r);transform-origin:50% 0;transform:translateZ(calc(var(--ld) - var(--r))) rotateX(90deg)}
.win-l{left:var(--f)!important;top:var(--f)!important;width:var(--r);height:var(--A);transform-origin:0 50%;transform:translateZ(var(--ld)) rotateY(90deg)}
.win-r{left:calc(var(--f) + var(--A))!important;top:var(--f)!important;width:var(--r);height:var(--A);transform-origin:0 50%;transform:translateZ(calc(var(--ld) - var(--r))) rotateY(-90deg)}
.art{left:var(--f)!important;top:var(--f)!important;width:var(--A);height:var(--A);transform:translateZ(calc(var(--ld) - var(--r)));background:#1b1b1a;overflow:hidden}
.art img{width:100%;height:100%;object-fit:cover}
.art::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 calc(var(--A) * .05) rgba(0,0,0,.6),inset 0 calc(var(--A) * .02) calc(var(--A) * .03) rgba(0,0,0,.45);pointer-events:none}
.art__fallback{display:none;position:absolute;inset:0;padding:calc(var(--A) * .08);flex-direction:column;justify-content:space-between;background:
  repeating-linear-gradient(135deg,rgba(140,145,147,.07) 0 1px,transparent 1px 9px),linear-gradient(160deg,#1e1f1e,#0e0e0d)}
.art__fallback b{font-family:var(--display);font-weight:900;font-stretch:62%;font-size:calc(var(--A) * .2);line-height:.84;color:var(--bone)}
.art__fallback small{font-family:var(--mono);font-stretch:75%;font-size:calc(var(--A) * .034);color:var(--steel);line-height:1.4}
.art.is-missing img{display:none}
.art.is-missing .art__fallback{display:flex}
.glass{left:var(--f)!important;top:var(--f)!important;width:var(--A);height:var(--A);transform:translateZ(calc(var(--ld) - .5px));pointer-events:none;
  background:
    linear-gradient(118deg,transparent 0 36%,rgba(255,255,255,.17) 42%,rgba(255,255,255,.05) 48%,transparent 55%),
    linear-gradient(118deg,transparent 0 60%,rgba(255,255,255,.08) 63%,transparent 67%),
    radial-gradient(120% 90% at 0% 0%,rgba(255,255,255,.07),transparent 50%);
  background-size:300% 300%,300% 300%,100% 100%;
  background-position:calc(50% + var(--gx,0) * 40%) calc(50% + var(--gy,0) * 40%),calc(50% + var(--gx,0) * 60%) calc(50% + var(--gy,0) * 60%),0 0;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.fr{transform:translateZ(var(--ld))}
.fr-t{width:var(--W);height:var(--f);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(0,0,0,.5)}
.fr-b{top:calc(var(--f) + var(--A))!important;width:var(--W);height:var(--f);box-shadow:inset 0 2px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.6);display:flex!important;align-items:center;justify-content:center}
.fr-l{top:var(--f)!important;width:var(--f);height:var(--A);box-shadow:inset 1px 0 0 rgba(255,255,255,.5),inset -2px 0 0 rgba(0,0,0,.5)}
.fr-r{left:calc(var(--f) + var(--A))!important;top:var(--f)!important;width:var(--f);height:var(--A);box-shadow:inset 2px 0 0 rgba(255,255,255,.25),inset -1px 0 0 rgba(0,0,0,.6)}
.screw{position:absolute;width:calc(var(--f) * .36);height:calc(var(--f) * .36);border-radius:50%;top:50%;transform:translateY(-50%);z-index:2;
  background:linear-gradient(135deg,transparent 44%,rgba(0,0,0,.6) 45% 55%,transparent 56%),radial-gradient(circle at 35% 30%,#f4f5f5,#9fa4a5 45%,#3f4345 100%);box-shadow:0 0 0 1px rgba(0,0,0,.35)}
.screw.l{left:calc(var(--f) * .32)}.screw.r{right:calc(var(--f) * .32)}
.etch{position:relative;z-index:2;font-family:var(--mono);font-stretch:75%;font-weight:600;font-size:calc(var(--f) * .34);letter-spacing:.14em;color:rgba(28,30,31,.62);text-shadow:0 1px 0 rgba(255,255,255,.4);white-space:nowrap}
.etch-back{position:relative;z-index:2;font-family:var(--display);font-weight:900;font-stretch:62%;font-size:calc(var(--A) * .2);line-height:.84;text-align:center;color:rgba(28,30,31,.5);text-shadow:0 1px 0 rgba(255,255,255,.35)}
.etch-back small{display:block;margin-top:.6em;font-family:var(--mono);font-size:calc(var(--A) * .034);font-weight:600;letter-spacing:.12em}
.music__copy{max-width:520px}
.music__title{font-size:clamp(60px,8.4vw,132px)}
.music__meta{margin-top:16px;color:var(--bone-2);font-size:18px}
.music__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.music__more{margin-top:12px}

/* ---------- Videos: a staggered field of screens at different depths ---------- */
.vgrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2.2vw,36px);align-items:start}
.vi{display:block;text-decoration:none;color:var(--bone);border-radius:14px}
.vi--1{grid-column:1/8;grid-row:1}
.vi--2{grid-column:9/13;grid-row:1;margin-top:clamp(70px,11vw,190px)}
.vi--3{grid-column:2/7;grid-row:2;margin-top:clamp(48px,6vw,100px)}
.vi--4{grid-column:8/11;grid-row:2;margin-top:clamp(110px,14vw,240px)}
.vi--5{grid-column:11/13;grid-row:2;margin-top:clamp(30px,4vw,70px)}
.vplane{position:relative;display:block;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:repeating-linear-gradient(135deg,rgba(140,145,147,.06) 0 1px,transparent 1px 10px),linear-gradient(160deg,#1c1d1c,#0f0f0e);box-shadow:0 34px 70px -32px rgba(0,0,0,.85),0 0 0 1px rgba(238,233,222,.07)}
.vplane img,.vplane__clip{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease),opacity .4s}
.vplane__clip{opacity:0}
.vplane.is-previewing .vplane__clip{opacity:1}
.vplane.is-missing img{display:none}
.vplane.is-missing::after{content:"Video still loads from YouTube";position:absolute;left:12px;top:10px;font-family:var(--mono);font-stretch:75%;font-size:10.5px;color:var(--steel)}
.vplane__play{position:absolute;z-index:2;right:12px;bottom:12px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(238,233,222,.9);color:var(--black);font-size:15px;transition:background-color .2s,color .2s}
.vi--1 .vplane__play{width:64px;height:64px;font-size:20px;right:18px;bottom:18px}
.vi:hover .vplane img{transform:scale(1.03)}
.vi:hover .vplane__play{background:var(--bone);color:var(--black)}
.vi:hover .vmeta__t,.vi:focus-visible .vmeta__t{text-decoration-color:var(--cyan)}
.vi:focus-visible{outline-offset:6px}
.vmeta{display:flex;align-items:baseline;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin-top:16px}
.vmeta__t{font-size:clamp(28px,2.6vw,42px);text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:3px;text-underline-offset:.16em;transition:text-decoration-color .25s}
.vi--4 .vmeta__t,.vi--5 .vmeta__t{font-size:clamp(22px,1.9vw,30px)}
.vmeta__c{font-size:14.5px;color:var(--steel)}

/* ---------- Fence interlude: photo only ---------- */
.interlude{position:relative;padding:clamp(30px,5vw,70px) 0 0;z-index:1}
.iplane{position:relative;aspect-ratio:2000/662;overflow:hidden;border-radius:var(--wr);background:#151513}
.iplane img{width:100%;height:100%;object-fit:cover}

/* ---------- Contact ---------- */
.updates{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(34px,7vw,120px);align-items:end;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.updates[hidden]{display:none}
.updates__eyebrow{font-family:var(--mono);font-stretch:75%;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:18px}
.updates__lede{max-width:40ch;margin-top:24px;color:var(--bone-2);font-size:clamp(17px,1.5vw,21px)}
.signup{min-width:0}
.signup__row{display:flex;align-items:end;gap:12px}
.signup__field{flex:1 1 auto;min-width:0}
.signup__field label{display:block;margin-bottom:9px;font-size:14px;font-weight:600;color:var(--bone-2)}
.signup__field input{display:block;width:100%;height:54px;border:1.5px solid var(--hair-2);border-radius:999px;background:#111110;color:var(--bone);padding:0 20px;font:inherit;font-size:16px;outline:0;transition:border-color .2s,box-shadow .2s}
.signup__field input::placeholder{color:var(--bone-3)}
.signup__field input:hover{border-color:rgba(238,233,222,.62)}
.signup__field input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(79,216,255,.16)}
.signup__field input[aria-invalid="true"]{border-color:#ff8d82}
.signup__submit{min-height:54px}
.signup__submit:disabled{cursor:wait;opacity:.58}
.signup__fine{max-width:68ch;margin-top:15px;font-family:var(--mono);font-stretch:75%;font-size:11px;line-height:1.65;color:var(--steel)}
.signup__fine a{color:var(--bone-2)}
.signup__status{min-height:1.5em;margin-top:10px;font-size:14px;font-weight:600;color:var(--cyan)}
.signup__status.is-error{color:#ff9b92}
.signup__trap{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.signup__result-frame{position:absolute;width:1px;height:1px;border:0;opacity:0;pointer-events:none}

/* ---------- First-visit email panel ---------- */
.signup-prompt{position:fixed;z-index:74;right:calc(var(--fs) + 16px);bottom:calc(var(--fs) + 16px + env(safe-area-inset-bottom));width:min(360px,calc(100vw - var(--fs) * 2 - 24px));color:var(--bone)}
.signup-prompt[hidden]{display:none}
.signup-prompt__box{position:relative;max-height:min(440px,calc(100svh - var(--ft) - var(--fs) - 28px));overflow:auto;border:1px solid rgba(238,233,222,.24);border-left:2px solid rgba(79,216,255,.72);border-radius:14px;background:linear-gradient(145deg,rgba(14,15,16,.82),rgba(8,8,8,.9));backdrop-filter:blur(18px) saturate(1.12);-webkit-backdrop-filter:blur(18px) saturate(1.12);box-shadow:0 22px 64px rgba(0,0,0,.52),0 0 38px rgba(79,216,255,.07);padding:13px 14px 14px}
.signup-prompt__box::before{content:"";position:absolute;top:0;left:0;width:44%;height:1px;background:linear-gradient(90deg,var(--cyan),transparent);pointer-events:none}
.signup-prompt__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:5px;font-family:var(--mono);font-stretch:75%;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}
.signup-prompt__close{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 1px 0 9px;color:var(--bone-2);font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:0;text-transform:none}
.signup-prompt__close span{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--hair-2);border-radius:50%;font-size:18px;font-weight:400;transition:border-color .2s,color .2s}
.signup-prompt__close:hover span{border-color:var(--bone);color:var(--cyan)}
.signup-prompt__title{font-size:clamp(28px,3.2vw,34px);line-height:.88}
.signup-prompt__lede{max-width:42ch;margin-top:7px;color:var(--bone-2);font-size:13px;line-height:1.4}
.signup--prompt{margin-top:11px}
.signup--prompt .signup__row{gap:8px}
.signup--prompt .signup__field label{font-size:10px;margin-bottom:5px}
.signup--prompt .signup__field input{height:44px;padding:0 13px;border-radius:10px}
.signup--prompt .signup__submit{min-height:44px;padding:0 14px;border-radius:10px}
.signup--prompt .signup__fine{margin-top:8px;font-size:9.5px;line-height:1.42}
.signup--prompt .signup__status{margin-top:6px;font-size:13px}
.signup--prompt .signup__status:empty{display:none}
.signup-prompt__reopen{position:fixed;z-index:74;top:calc(var(--ft) + var(--navH) + 10px);right:calc(var(--fs) + 14px);display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid var(--hair-2);border-radius:999px;background:rgba(17,17,16,.96);box-shadow:0 12px 32px rgba(0,0,0,.35);color:var(--bone);font-size:14px;font-weight:650}
.signup-prompt__reopen:hover{border-color:var(--cyan)}
.signup-prompt__reopen[hidden]{display:none}
@media (prefers-reduced-motion:no-preference){.signup-prompt:not([hidden]) .signup-prompt__box{animation:signup-in .32s var(--ease) both}@keyframes signup-in{from{transform:translateY(12px);opacity:0}}}

.follow{display:grid;grid-template-columns:minmax(0,.72fr) minmax(320px,1fr);gap:clamp(34px,8vw,130px);align-items:start;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);background:radial-gradient(circle at 14% 18%,rgba(200,16,46,.12),transparent 36%)}
.follow__eyebrow{font-family:var(--mono);font-stretch:75%;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:18px}
.follow__lede{max-width:34ch;margin-top:22px;color:var(--bone-2);font-size:clamp(17px,1.45vw,21px)}
.quicklinks{display:grid;gap:10px;width:100%;max-width:680px;justify-self:end}
.quicklinks a{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px;padding:9px 18px;border:1px solid var(--hair-2);border-radius:13px;background:rgba(238,233,222,.035);color:var(--bone);font-size:17px;font-weight:650;text-decoration:none;transition:border-color .2s,background-color .2s,transform .2s var(--ease)}
.quicklinks__handle{display:inline-flex;align-items:center;gap:7px;color:var(--steel);font-size:14px;font-weight:500;text-align:right}
.quicklinks a:hover{border-color:var(--cyan);background:rgba(79,216,255,.07);transform:translateX(4px)}
.quicklinks a:hover .quicklinks__handle{color:var(--bone)}

.contact{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(28px,4vw,64px);align-items:start;padding-top:clamp(60px,8vw,120px)}
.contact__lede{font-size:clamp(17px,1.4vw,20px);color:var(--bone-2);margin-top:14px}
.email{display:inline-block;padding:6px 0;margin-top:clamp(14px,2vw,30px);font-family:var(--display);font-weight:900;font-stretch:62%;font-size:min(7vw,96px);line-height:.95;letter-spacing:-.005em;color:var(--bone);white-space:nowrap;text-decoration:underline;text-decoration-thickness:.045em;text-underline-offset:.12em;text-decoration-color:rgba(238,233,222,.22);overflow-wrap:anywhere;transition:text-decoration-color .2s}
.email:hover{text-decoration-color:var(--cyan)}
.contact__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px}
.copy-status{font-size:14px;color:var(--cyan);min-height:1em}
.beats{margin-top:20px;font-size:15px;color:var(--steel)}
.beats a{display:inline-flex;align-items:center;min-height:44px;color:var(--bone)}
.beats a:hover{text-decoration-color:var(--cyan)}
.contact__media{position:relative;margin-top:clamp(-190px,-11vw,-90px);z-index:2}
.cplane{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:14px;background:#151513;box-shadow:0 40px 80px -34px rgba(0,0,0,.85),0 0 0 1px rgba(238,233,222,.07)}
.cplane img{width:100%;height:100%;object-fit:cover;object-position:52% 40%}
.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;padding:28px var(--pad) 26px;border-top:1px solid var(--hair);color:var(--steel);font-size:13px}
.foot .note{font-family:var(--mono);font-stretch:75%;font-size:11px;max-width:62ch}

/* ---------- Player dock ---------- */
.dock{position:fixed;z-index:80;right:calc(var(--fs) + 14px);bottom:calc(var(--fs) + 14px + env(safe-area-inset-bottom));width:min(420px,calc(100vw - var(--fs) * 2 - 28px));background:#141413;border:1px solid var(--hair-2);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.55);padding:10px 10px 12px;color:var(--bone)}
.dock[hidden]{display:none}
.dock__bar{display:flex;align-items:center;gap:10px;padding:0 2px 8px 8px}
.dock__title{flex:1;min-width:0;display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dock__title::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cyan);flex:none}
.dock__link{font-size:14px;min-height:44px;display:inline-flex;align-items:center;padding:0 6px;color:var(--bone-2)}
.dock__close,.vmodal__close{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--hair-2);font-size:16px}
.dock__close:hover,.vmodal__close:hover{border-color:var(--bone)}
.dock__slot{position:relative;border-radius:12px;overflow:hidden;background:#0d0d0c;min-height:152px}
.dock__slot::before{content:"Loading the Spotify player";position:absolute;left:16px;top:14px;font-size:13px;color:var(--steel)}
.dock__slot iframe{position:relative;display:block;width:100%;height:152px;border:0;background:#0d0d0c}
@media (prefers-reduced-motion:no-preference){.dock.is-in{animation:dock-in .45s var(--ease) both}@keyframes dock-in{from{transform:translateY(16px);opacity:0}}}

/* ---------- Video overlay ---------- */
.vmodal{padding:0;border:0;background:transparent;color:var(--bone);width:min(1120px,calc(100vw - 24px));max-width:none;max-height:calc(100vh - 24px);overflow:visible}
.vmodal::backdrop{background:rgba(6,6,5,.88)}
.vmodal__box{background:#121211;border:1px solid var(--hair-2);border-radius:16px;padding:14px;max-height:calc(100vh - 24px);overflow:auto}
.vmodal__bar{display:flex;align-items:center;gap:14px;padding:2px 2px 12px 6px}
.vmodal__head{flex:1;min-width:0}
.vmodal__title{font-size:clamp(30px,4vw,48px)}
.vmodal__credit{font-size:14.5px;color:var(--steel);margin-top:4px}
.vmodal__frame{position:relative;aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden}
.vmodal__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.vmodal__out{margin-top:10px;margin-left:6px}

/* ---------- Responsive ---------- */
@media (max-width:1099px){
  .music{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (max-width:899px){
  .nda-release{grid-template-columns:minmax(0,1fr);gap:clamp(32px,7vw,54px)}
  .nda-release__art{max-width:620px}
  .nda-release__copy{width:100%;max-width:620px;justify-self:center}
  .nda-release__title{font-size:clamp(92px,24vw,176px)}
  .vgrid{grid-template-columns:repeat(6,minmax(0,1fr));column-gap:14px}
  .vi--1{grid-column:1/7;grid-row:auto}
  .vi--2{grid-column:2/7;grid-row:auto;margin-top:clamp(40px,9vw,70px)}
  .vi--3{grid-column:1/6;grid-row:auto;margin-top:clamp(40px,9vw,70px)}
  .vi--4{grid-column:1/4;grid-row:auto;margin-top:clamp(40px,9vw,70px)}
  .vi--5{grid-column:4/7;grid-row:auto;margin-top:clamp(80px,16vw,120px)}
  .vi--4 .vmeta__t,.vi--5 .vmeta__t{font-size:22px}
  .contact{grid-template-columns:minmax(0,1fr)}
  .updates{grid-template-columns:minmax(0,1fr);align-items:start}
  .email{font-size:min(11vw,84px)}
  .contact__media{order:-1;margin-top:clamp(-80px,-11vw,-36px);width:min(76%,420px);margin-left:auto}
}
/* Portrait screens: the opening folds vertically instead of opening sideways */
@media (orientation:portrait) and (max-width:1100px){
  .op-portrait img{object-position:51% 40%}
  .op-shade{background:linear-gradient(180deg,rgba(10,10,9,.6) 0%,rgba(10,10,9,0) 18%,rgba(10,10,9,0) 50%,rgba(10,10,9,.82) 80%,#0A0A09 100%)}
  .motion .op-reel{width:calc(100% - var(--pad) * 2)}
  .motion .op-cap{left:var(--pad);right:var(--pad);width:auto;top:calc(60% + (100vw - var(--fs) * 2 - var(--pad) * 2) * .28125 + 18px)}
}
@media (max-width:759px){
  :root{--ft:26px;--fs:6px;--wr:14px;--navH:58px}
  body{font-size:16px}
  .strip p:last-child{display:none}
  .strip__long{display:none}
  .strip__short{display:inline}
  .topnav{padding:0 4px 0 2px}
  .wordmark{font-size:17px;padding:0 6px}
  .navlinks a{padding:0 7px;font-size:14.5px}
  .navlinks a::after{left:7px;right:7px}
  .navlinks a[data-jump="updates"]{display:none}
  .navlinks .nav-follow{min-height:36px;margin-left:2px;padding:0 10px}
  .atmosphere__stars--near,.atmosphere__cloud--red{display:none}
  .atmosphere__stars--far{opacity:.25}
  .atmosphere__cloud--blue{left:-60%;top:26%;width:150vw;opacity:.2;filter:blur(28px)}
  .navplay{margin-left:2px;padding:0 10px;font-size:12px}
  .nda-release{padding-top:clamp(72px,18vw,104px);padding-bottom:clamp(76px,19vw,110px)}
  .nda-release__title{font-size:min(31vw,138px)}
  .nda-release__art{padding:5px}
  .nda-release__art::before{inset:4% -1% -2% 4%;transform:translate3d(7px,9px,0)}
  .nda-release__art::after{display:none}
  .nda-release__copy{padding-left:16px}
  .nda-release__date{margin-top:30px}
  .nda-release__date time{font-size:clamp(20px,6vw,27px)}
  .op-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .cta{min-height:58px;padding:8px 10px;gap:10px}
  .cta__icon{width:38px;height:38px;font-size:15px}
  .cta__main{font-size:16px}
  .cta__sub{font-size:12px}
  .reel__segs{gap:8px}
  .reel__name{font-size:11px;font-stretch:86%;letter-spacing:.01em;white-space:nowrap}
  .music{grid-template-columns:minmax(0,1fr);--A:min(57vw,240px);gap:8px}
  .stage{height:calc(var(--A) * 1.66)}
  .music__copy{max-width:none}
  .music__actions{display:grid;grid-template-columns:1fr 1fr}
  .music__actions .btn--primary{grid-column:1 / -1}
  .vi--1 .vplane__play{width:54px;height:54px;font-size:17px;right:12px;bottom:12px}
  .vmeta{margin-top:12px}
  .vmeta__t{font-size:28px}
  .iplane{aspect-ratio:4/5;border-radius:var(--wr)}
  .iplane img{object-position:50.5% 62%}
  .follow{grid-template-columns:minmax(0,1fr);gap:30px}
  .quicklinks{justify-self:stretch}
  .quicklinks a{min-height:60px;padding:8px 15px}
  .signup__row{align-items:stretch;flex-direction:column}
  .signup__submit{width:100%}
  .signup-prompt{top:calc(var(--ft) + var(--navH) + 8px);left:auto;right:calc(var(--fs) + 8px);bottom:auto;width:min(340px,calc(100vw - var(--fs) * 2 - 28px))}
  .signup-prompt__box{max-height:min(310px,calc(100svh - var(--ft) - var(--fs) - 24px));padding:11px 12px 12px;border-radius:12px}
  .signup-prompt__bar{margin-bottom:3px}
  .signup-prompt__copy{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:start;gap:5px 9px}
  .signup-prompt__title{font-size:21px;line-height:1;white-space:nowrap}
  .signup-prompt__lede{margin-top:0;font-size:11.5px;line-height:1.3}
  .signup--prompt{margin-top:9px}
  .signup--prompt .signup__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}
  .signup--prompt .signup__submit{width:auto;padding:0 15px}
  .signup--prompt .signup__fine{margin-top:7px;font-size:9px;line-height:1.35}
  .signup-prompt__reopen{top:calc(var(--ft) + var(--navH) + 6px);right:calc(var(--fs) + 8px);padding:0 14px;font-size:13px}
  .dock{left:calc(var(--fs) + 8px);right:calc(var(--fs) + 8px);width:auto;bottom:calc(var(--fs) + 8px + env(safe-area-inset-bottom))}
}
@media (max-width:480px){
  .navlinks a[data-jump="music"],.navlinks a[data-jump="videos"]{display:none}
}
@media (max-width:359px){
  .op-actions{grid-template-columns:auto auto;gap:8px}
  .cta{padding:6px 12px 6px 6px;gap:8px}
  .cta__icon{width:34px;height:34px;font-size:14px}
  .cta__main{font-size:15px}
  .cta__sub{font-size:11px}
}
@media (orientation:landscape) and (max-height:520px){
  .op-portrait{min-height:300px}
  .motion .opening__stage{min-height:300px}
  .op-copy{margin-bottom:14px}
  .op-say{margin-top:6px;font-size:15px}
  .op-actions{display:flex;margin-top:10px}
  .cta{min-height:50px;padding:5px 16px 5px 6px}
  .cta__icon{width:36px;height:36px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .atmosphere__stars,.atmosphere__cloud{transform:none!important;will-change:auto}
  .op-portrait img,.nda-release__frame{clip-path:none!important;filter:none!important;opacity:1!important;visibility:visible!important}
}
@media (forced-colors:active){.case3d{display:none}.case-hit{border:2px solid ButtonText}}

.foot a{display:inline-flex;align-items:center;min-height:44px}