:root{--bone:#e9e1d6;--black:#101010;--blue:#4a6274;--red:#cb4948;--line:rgba(233,225,214,.24);--mono:ui-monospace,'Courier New',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--black);color:var(--bone);font-family:Arial,Helvetica,sans-serif;padding-bottom:49px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;background:none;border:0;cursor:pointer}a,button,label{touch-action:manipulation}button,a,.upload{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,.upload:has(+input:focus-visible){outline:2px solid var(--bone);outline-offset:6px}a:hover,button:hover{color:#fff}button[hidden],[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:-80px;left:20px;background:var(--bone);color:#111;padding:15px;z-index:20}.skip:focus{top:15px}
.header{position:absolute;top:0;left:0;right:0;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;z-index:5;border-bottom:1px solid var(--line);background:linear-gradient(#0008,transparent)}.home{font-size:27px;font-weight:900;font-style:italic;letter-spacing:-2px;display:flex;align-items:center;gap:13px}.home span{font-size:22px}.header-line,.menu-toggle,.eyebrow,.small-note,.hero-topline,.hero-foot,.section-label,.art-caption,.text-link,.placeholder-note,figcaption,footer,.prototype,.video-status{font-family:var(--mono);font-size:10px;letter-spacing:1.8px;line-height:1.6}.menu-toggle{min-height:44px;padding:10px 0 10px 20px;display:flex;gap:22px;align-items:center}.menu-toggle span{font-size:24px;font-weight:normal}#menu{position:absolute;right:4%;top:74px;background:var(--bone);color:var(--black);width:min(340px,92vw);padding:20px 28px;box-shadow:0 20px 60px #0005}#menu a{font-size:24px;display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #1113}#menu a:last-child{border:0;font-size:14px}#menu a:hover{color:#84312c}#menu a:focus-visible{outline-color:#111}#menu span{font:11px var(--mono)}
.hero{position:relative;min-height:760px;height:calc(100svh - 49px);max-height:1100px;overflow:hidden;display:flex;flex-direction:column;padding:119px 4% 23px;background:#26333b}.hero-art,.hero-shade,#hero-video{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-art{display:flex;opacity:.82}.portrait{width:66%;height:100%;object-fit:cover}.palms{width:34%;height:100%}#hero-video{object-fit:cover}.hero-shade{background:linear-gradient(180deg,#06101b22 20%,#08101611 40%,#080b0dcc 100%),linear-gradient(90deg,transparent 30%,#0c162744 100%)}.hero-topline,.hero h1,.hero-bottom,.hero-foot{position:relative}.hero-topline{display:flex;justify-content:space-between;font-size:9px}.hero-topline i,.prototype i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);margin-right:10px}.hero h1{margin:25px -1.2% 0;line-height:0;mix-blend-mode:screen}.wordmark{display:block;width:100%;height:auto}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto;padding:35px 0}.eyebrow{font-size:9px;margin:0 0 18px}.hero-message{font-size:clamp(36px,4.5vw,68px);line-height:1.03;letter-spacing:-2.5px;margin:0;font-weight:500}.hero-action{width:260px;display:grid;gap:17px}.button{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:18px 23px;font:11px var(--mono);letter-spacing:1.5px;transition:background .2s,color .2s}.button.light{background:var(--bone);color:var(--black)}.button.light:hover{background:#fff}.button span{font-size:19px;line-height:1}.small-note{font-size:9px;letter-spacing:1.6px}.hero-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:16px;font-size:8px}.hero-foot button{font:inherit;letter-spacing:inherit;min-height:32px}.hero-foot a{padding:10px 0}
.hero-finale{position:absolute;inset:0;background:#101010;opacity:0;pointer-events:none;transition:opacity 1.6s ease}.hero-finale svg{display:block;width:100%;height:100%}#hero-video{transition:opacity 1.6s ease}.hero.is-finale .hero-finale{opacity:1}.hero.is-finale #hero-video{opacity:0}
.hero-play{position:absolute;left:50%;top:50%;z-index:4;display:grid;justify-items:center;gap:13px;transform:translate(-50%,-50%);padding:0;color:var(--bone);font:10px var(--mono);letter-spacing:2px;text-shadow:0 2px 15px #000;transition:opacity .3s ease,transform .3s ease,visibility .3s}.hero-play-icon{display:grid;place-items:center;width:96px;height:96px;padding-left:7px;border:1px solid #ffffffb8;border-radius:50%;background:#0b0b0bbd;box-shadow:0 12px 45px #0008;font:34px/1 Arial,sans-serif;transition:background .2s,transform .2s}.hero-play:hover .hero-play-icon{background:var(--bone);color:var(--black);transform:scale(1.06)}.hero-play:active .hero-play-icon{transform:scale(.98)}.hero-play.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-50%) scale(.88)}
.section{padding:64px 7% 85px}.section-label{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-size:9px}.music{background:#171918}.music-layout{display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center;padding-top:60px}.release-art{width:100%;max-width:470px;transform:rotate(-3deg)}.release-art svg{width:100%;display:block;box-shadow:10px 20px 50px #0006}.art-caption{display:block;font-size:8px;margin-top:18px;letter-spacing:1px}.release-copy h2,.notes h2,.updates h2{font-size:clamp(40px,5.1vw,74px);font-weight:500;line-height:1.04;letter-spacing:-3px;margin:0 0 25px}.release-copy>p{font-size:16px;line-height:1.8;color:#c0c0b9}.text-link{display:flex;justify-content:space-between;align-items:center;padding:24px 0 18px;border-bottom:1px solid var(--line);font-size:10px}.release-copy .placeholder-note{font-size:10px;letter-spacing:.2px;margin-top:18px;color:#c1b8ae}
.notes{background:var(--bone);color:var(--black);padding-bottom:100px}.notes .section-label{border-color:#1114}.notes-heading{display:flex;align-items:center;justify-content:space-between;margin-top:54px}.notes h2{font-size:clamp(48px,6.8vw,92px)}.notes h2 em{font-family:Georgia,serif;font-weight:normal}.star{font-size:90px;line-height:1;margin-right:6%}.notes-layout{display:grid;grid-template-columns:1fr .9fr 1fr;gap:5%;align-items:center;margin-top:38px}.polaroid{margin:0;background:#f7f0e5;padding:14px 14px 21px;transform:rotate(-7deg);box-shadow:0 10px 20px #0002}.polaroid svg{width:100%;aspect-ratio:1/1.08;display:block}.polaroid figcaption{font-family:Georgia,serif;font-style:italic;font-size:17px;letter-spacing:-.4px;text-align:center;margin-top:17px}.note-copy{padding-left:8%}.note-copy p{font:italic 29px/1.4 Georgia,serif;margin:20px 0}.note-rule{display:block;width:35px;height:1px;background:#111;margin:25px 0}.note-copy .small-note{font-size:8px}.night-frame{margin:55px 0 0}.night-frame svg{width:100%;height:210px;display:block}.night-frame figcaption{font-size:8px;margin-top:14px;letter-spacing:1px}.updates{display:flex;justify-content:space-between;align-items:flex-end;background:#253944;padding-top:85px}.updates h2{font-size:clamp(65px,8vw,112px);margin:0}.updates-action{max-width:320px;padding-bottom:7px}.updates-action p{font-size:14px;line-height:1.6;margin-bottom:27px}footer{display:flex;justify-content:space-between;align-items:center;padding:35px 4%;font-size:8px;letter-spacing:1px}.prototype{position:fixed;bottom:0;left:0;right:0;z-index:10;background:#101010;color:#e9e1d6;border-top:1px solid #ffffff30;min-height:49px;padding:0 4%;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px}.prototype>div{display:flex;gap:16px;align-items:center}.upload{display:inline-flex;align-items:center;min-height:48px;cursor:pointer;border-bottom:1px solid transparent}.upload:hover{border-color:var(--bone)}.prototype button{font-size:8px;letter-spacing:1px;min-height:44px}.video-status{position:fixed;right:4%;bottom:63px;z-index:11;background:var(--bone);color:var(--black);max-width:330px;padding:16px;font-size:11px;letter-spacing:.2px;box-shadow:0 5px 30px #0004}
@media(min-width:1600px){.section{padding-left:max(7%,calc((100vw - 1380px)/2));padding-right:max(7%,calc((100vw - 1380px)/2))}}
@media(max-width:700px){html{scroll-padding-top:20px}.header{height:70px;padding:0 6%}.header-line{display:none}.hero{padding:96px 6% 14px;min-height:690px;max-height:950px}.hero-topline{font-size:8px;letter-spacing:1px}.hero-topline>span:last-child{display:none}.portrait{width:100%}.palms{display:none}.hero-art{opacity:.9}.hero h1{margin:45px -2% 0}.hero-shade{background:linear-gradient(180deg,#0002 15%,transparent 35%,#071019dd 100%)}.hero-bottom{display:block;padding:30px 0 22px}.hero-message{font-size:49px;letter-spacing:-2px}.hero-bottom .eyebrow{font-size:8px;letter-spacing:1px}.hero-action{width:100%;margin-top:27px;gap:12px}.hero-action .small-note{display:none}.hero-foot{font-size:7px;letter-spacing:.8px;gap:12px}.hero-foot #hero-state{max-width:116px;text-align:right}.section{padding:40px 7% 55px}.section-label{font-size:8px;letter-spacing:1px}.section-label>span:last-child{max-width:120px;text-align:right}.music-layout{grid-template-columns:1fr;gap:42px;padding-top:45px}.release-art{width:85%;margin:auto}.release-copy h2{font-size:51px;letter-spacing:-2px}.release-copy>p{font-size:15px}.notes-heading{margin-top:40px}.notes h2{font-size:48px;letter-spacing:-2px}.star{font-size:43px;margin:0}.notes-layout{grid-template-columns:1fr 1fr;gap:35px 5%;margin-top:20px}.polaroid{padding:9px 9px 15px}.polaroid figcaption{font-size:12px;margin-top:12px}.note-copy{padding-left:6%}.note-copy .eyebrow{font-size:7px;letter-spacing:.5px}.note-copy p{font-size:23px}.note-copy .small-note{font-size:7px;letter-spacing:.6px}.night-frame{grid-column:1/-1;margin:0 0 0 15%;width:85%}.night-frame svg{height:180px}.updates{display:block;padding-top:55px}.updates h2{font-size:75px}.updates-action{margin-top:35px;max-width:none}.updates-action p{font-size:13px}footer{padding:30px 6%;flex-wrap:wrap;gap:25px}footer>span{order:3;width:100%;font-size:8px}.prototype{padding:0 5%;font-size:7px;letter-spacing:.6px}.prototype-detail{display:none}.prototype i{margin-right:6px;width:5px;height:5px}.prototype>div{gap:10px}}
.header-mark{position:relative;width:70px;min-height:48px;display:flex;align-items:center;overflow:visible}
.header-mark svg{display:block;height:auto;overflow:hidden}
/* One-time identity handoff: full wordmark arrives, moves, then rebuilds in the header. */
.hero h1{opacity:0;transform-origin:50% 50%}
.header-mark .header-full-mark{position:absolute;left:-61px;width:300px;opacity:0;transform:scale(.52);transform-origin:32% 50%}
.header-mark .header-o-mark{position:absolute;inset:auto 0;width:70px;opacity:0;transform:scale(.9)}
.sequence-started .hero h1{animation:wordmark-handoff 4.5s 1.5s both}
.sequence-started .header-mark .header-full-mark{animation:header-wordmark-build 2.8s 5.95s ease-in-out forwards}
.sequence-started .header-mark .header-o-mark{animation:header-o-arrival .6s 8.75s ease-out forwards}
@keyframes wordmark-handoff{
  0%{opacity:0;transform:translateY(12px) scale(.97)}
  16%,47%{opacity:1;transform:translateY(0) rotate(0) scale(1)}
  54%{transform:translateY(-7px) rotate(-1.1deg) scale(1.012)}
  61%{transform:translateY(3px) rotate(.9deg) scale(.995)}
  68%{transform:translateY(-4px) rotate(-.55deg) scale(1.007)}
  75%,82%{opacity:1;transform:translateY(0) rotate(0) scale(1)}
  100%{opacity:0;transform:translateY(-8px) scale(.985);visibility:hidden}
}
@keyframes header-wordmark-build{
  0%{opacity:0;transform:scale(.52);filter:blur(0)}
  18%{opacity:1}
  58%{opacity:1;transform:scale(1);filter:blur(0)}
  78%{opacity:1;transform:scale(1.08);filter:blur(0)}
  100%{opacity:0;transform:scale(1.36);filter:blur(4px)}
}
@keyframes header-o-arrival{to{opacity:1;transform:scale(1)}}
/* Favor the upper part of the source, pushing its captions toward the lower fade. */
#hero-video{object-position:50% 38%}
.hero-shade{background:linear-gradient(180deg,rgba(8,16,24,.16) 0%,rgba(8,16,24,.08) 35%,rgba(8,12,17,.5) 60%,rgba(8,12,17,.9) 82%,#080c11 100%)}
@media(max-width:700px){
  #hero-video{object-position:50% 0%;transform:translateY(-10%) scale(1.2);transform-origin:50% 0%}
}
/* Let content determine the minimum space it needs; never clip hero copy. */
.hero{height:auto;min-height:calc(100svh - 49px);max-height:none}
.hero-topline,.hero h1,.hero-bottom,.hero-foot{flex-shrink:0}
.hero h1{width:min(78%,1080px);margin:32px auto 0;mix-blend-mode:normal}
.wordmark{width:100%;height:auto;max-height:none;aspect-ratio:934/163;overflow:hidden}
.hero-foot{flex-wrap:wrap;gap:8px 18px}
@media(min-width:701px) and (max-height:850px){
  .hero{padding-top:100px;padding-bottom:14px}
  .hero h1{width:min(78%,100svh,1080px);margin:24px auto 0}
  .hero-bottom{padding:22px 0}
  .hero-message{font-size:clamp(36px,4vw,54px)}
  .hero-foot{padding-top:8px}
}
@media(max-width:700px){.hero h1{width:100%;margin:38px auto 0}}
/* Final rhythm and interaction polish, preserving the approved video framing. */
body{padding-bottom:0;-webkit-font-smoothing:antialiased}
::selection{background:var(--red);color:var(--bone)}
.header-line{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}
.menu-star{display:block;width:25px;height:25px;overflow:hidden;transition:transform .18s ease}
.menu-toggle[aria-expanded="true"] .menu-star{transform:rotate(45deg)}
#menu{max-height:calc(100svh - 100px);overflow-y:auto}
.hero-message,.release-copy h2,.notes h2,.updates h2{text-wrap:balance}
.hero-foot{font-size:10px;letter-spacing:1px}
.hero-foot button,.hero-foot a{min-height:44px;display:inline-flex;align-items:center}
.section-label,.eyebrow{font-size:10px}
.art-caption,.night-frame figcaption{font-size:10px;letter-spacing:1px}
.release-art svg,.polaroid svg,.night-frame svg{overflow:hidden}
.release-copy .eyebrow{display:block;margin-bottom:20px}
.release-copy>p{max-width:34ch}
.release-copy .placeholder-note{padding-left:12px;border-left:1px solid #b4a89a;margin-top:23px}
.text-link{min-height:56px}
.text-link span,.button span{transition:transform .18s ease}
.text-link:hover span,.button:hover span{transform:translate(2px,-2px)}
.button:active{transform:translateY(1px)}
.notes-layout{padding-bottom:12px}
.notes .small-note{font-size:9px;letter-spacing:1px}
.site-footer{display:block;padding:0 4%;border-top:1px solid var(--line);font-family:var(--mono);letter-spacing:1.4px}
.footer-main{min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:35px 0}
.footer-mark{width:150px;min-height:54px}
.footer-mark svg{display:block;width:100%;height:auto;overflow:hidden}
.verity-credit{display:grid;grid-template-columns:auto 62px auto;align-items:center;gap:14px;min-height:70px;font-size:8px}
.verity-credit img{display:block;width:62px;height:62px;object-fit:contain}
.verity-credit strong{font:10px var(--mono);letter-spacing:1.6px}
.footer-meta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 0;border-top:1px solid var(--line);font-size:9px}
.footer-meta nav{display:flex;align-items:center;gap:28px}
.footer-meta a{display:inline-flex;align-items:center;min-height:44px}
.video-status{bottom:24px}
@media(max-width:700px){
  .hero-play{top:46%}.hero-play-icon{width:82px;height:82px;font-size:29px}
  .hero-foot{font-size:9px;gap:0 12px;letter-spacing:.6px}
  .hero-foot #hero-state{display:none}
  .hero-message{font-size:clamp(38px,12vw,49px)}
  .section-label{font-size:9px}
  .notes-heading{gap:14px}
  .notes h2{font-size:clamp(36px,11.5vw,48px)}
  .notes .star{flex-shrink:0;font-size:34px}
  .note-copy .eyebrow,.notes .small-note{font-size:9px;letter-spacing:.5px}
  .site-footer{padding:0 6%}
  .footer-main{min-height:0;align-items:flex-start;padding:34px 0 28px}
  .footer-mark{width:120px}
  .verity-credit{grid-template-columns:52px;justify-items:end;gap:5px;text-align:right}
  .verity-credit span,.verity-credit strong{grid-column:1}
  .verity-credit img{grid-column:1;grid-row:1;width:52px;height:52px}
  .footer-meta{align-items:flex-start;flex-direction:column-reverse;gap:12px;padding:20px 0 28px}
  .footer-meta nav{width:100%;justify-content:space-between;gap:12px;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.sequence-started .hero h1,.sequence-started .header-mark .header-full-mark,.sequence-started .header-mark .header-o-mark{animation:none}.hero h1{opacity:0;visibility:hidden}.header-mark .header-full-mark{opacity:0}.sequence-started .header-mark .header-o-mark{opacity:1;transform:none}}