:root{--abyss: #06121f;--deep: #0b1b2b;--blue: #16344f;--steel: #2a4d6e;--amber: #e8a04c;--amber-light: #f2c078;--ink: #eaf1f8;--ink-soft: rgba(234, 241, 248, .82);--ink-faint: rgba(234, 241, 248, .62);--serif: "Fraunces", "Times New Roman", serif;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--gutter: clamp(1.25rem, 5vw, 4rem);--maxw: 1240px;color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{font-family:var(--sans);background:var(--deep);color:var(--ink);line-height:1.6;font-weight:300;letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}::selection{background:var(--amber);color:var(--abyss)}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--serif);font-weight:300;line-height:1.04;letter-spacing:-.02em;text-wrap:balance}.canvas-layer{position:fixed;inset:0;z-index:0;pointer-events:auto}body.is-island-hover{cursor:pointer}.scroll-layer{position:relative;z-index:1;pointer-events:none}.scroll-layer main{pointer-events:none}.scene{position:relative;min-height:100svh;display:flex;align-items:center;padding:clamp(4rem,12vh,9rem) var(--gutter)}.scene__inner{width:100%;max-width:var(--maxw);margin:0 auto}.scrim{position:relative}.scrim:before{content:"";position:absolute;inset:-10% -14%;z-index:-1;background:radial-gradient(130% 100% at 28% 50%,#06121fe6,#06121f9e 48%,#06121f6b 82%,#06121f52);pointer-events:none}.eyebrow{font-family:var(--sans);font-size:clamp(.7rem,.9vw,.82rem);font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--amber-light)}.lead{font-size:clamp(1.05rem,1.6vw,1.3rem);color:var(--ink-soft);max-width:46ch}:focus-visible{outline:2px solid var(--amber-light);outline-offset:3px;border-radius:2px}.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}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--amber);color:var(--abyss);padding:.75rem 1.25rem;font-weight:600;border-radius:0 0 6px}.skip-link:focus{left:0}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.header{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:clamp(.9rem,2.2vw,1.5rem) var(--gutter);pointer-events:none}.header>*{pointer-events:auto}.header__brand{font-family:var(--serif);font-size:clamp(1.05rem,1.5vw,1.3rem);letter-spacing:-.01em;color:#fff;text-shadow:0 1px 18px rgba(6,18,31,.85)}.header__brand-accent{color:var(--amber-light)}.header__nav{display:none;gap:clamp(1rem,2vw,1.8rem)}@media (min-width: 920px){.header__nav{display:flex}}.header__navlink{background:none;border:0;cursor:pointer;font-family:var(--sans);font-size:.72rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#eaf1f8b8;padding:.4rem 0;transition:color .4s ease;text-shadow:0 1px 14px rgba(6,18,31,.8)}.header__navlink:hover{color:var(--amber-light)}.cta{display:inline-flex;align-items:center;gap:.55rem;min-height:44px;font-family:var(--sans);font-weight:500;transition:transform .5s cubic-bezier(.22,1,.36,1),color .4s ease,box-shadow .5s ease}.cta svg{transition:transform .5s cubic-bezier(.22,1,.36,1)}.cta:hover svg{transform:translate(4px)}.cta--solid{padding:1rem 1.85rem;font-size:1rem;border-radius:100px;color:var(--abyss);background:linear-gradient(180deg,var(--amber-light),var(--amber));box-shadow:0 14px 40px -10px #e8a04c99}.cta--solid:hover{transform:translateY(-2px);box-shadow:0 18px 52px -12px #e8a04cbf}.cta--ghost{padding:.6rem 1.2rem;font-size:.9rem;border-radius:100px;color:var(--ink);border:1px solid rgba(234,241,248,.22);background:#0b1b2b66;backdrop-filter:blur(8px)}.cta--text{padding:.4rem .2rem;font-size:.92rem;color:#fff;position:relative;text-shadow:0 1px 18px rgba(6,18,31,.85)}.cta--text:after{content:"";position:absolute;left:.2rem;right:.2rem;bottom:.2rem;height:1px;background:var(--amber-light);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.22,1,.36,1)}.cta--text:hover:after{transform:scaleX(1)}.header__right{display:flex;align-items:center;gap:1rem}.header__isle{background:none;border:1px solid rgba(242,192,120,.35);border-radius:100px;cursor:pointer;font-family:var(--sans);font-size:.74rem;font-weight:500;letter-spacing:.1em;color:var(--amber-light);padding:.45rem .9rem;min-height:36px;transition:border-color .4s ease,background .4s ease;text-shadow:0 1px 12px rgba(6,18,31,.8)}.header__isle:hover{border-color:var(--amber-light);background:#e8a04c14}.hud{position:fixed;inset:0;z-index:15;pointer-events:none}.hud__center{position:absolute;left:50%;bottom:clamp(3.2rem,9vh,6rem);transform:translate(-50%);text-align:center;width:min(90vw,640px)}.hud__prompt,.hud__name{font-family:var(--serif);font-style:italic;font-weight:300;letter-spacing:-.02em;line-height:1;font-size:clamp(1.9rem,4.5vw,3.2rem);margin:0 0 .45rem;text-shadow:0 2px 36px rgba(6,18,31,.9);animation:hud-in .7s cubic-bezier(.22,1,.36,1)}.hud__name{color:var(--amber-light)}.hud__tag{margin:0;font-size:clamp(.74rem,1.2vw,.88rem);letter-spacing:.12em;color:var(--ink-faint);text-transform:uppercase;text-shadow:0 1px 18px rgba(6,18,31,.9)}@keyframes hud-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hud__back{position:absolute;left:var(--gutter);top:clamp(4.2rem,10vh,6rem);pointer-events:auto;background:#0b1b2b80;backdrop-filter:blur(8px);border:1px solid rgba(242,192,120,.35);border-radius:100px;cursor:pointer;font-family:var(--sans);font-size:.82rem;font-weight:500;letter-spacing:.08em;color:var(--amber-light);padding:.55rem 1.1rem;min-height:44px;transition:border-color .4s ease,background .4s ease}.hud__back:hover{border-color:var(--amber-light);background:#e8a04c1f}.archipel{position:fixed;inset:0;z-index:60;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:clamp(1.5rem,5vh,4rem) var(--gutter);background:radial-gradient(120% 85% at 50% 115%,rgba(232,160,76,.16) 0%,transparent 55%),linear-gradient(180deg,var(--abyss) 0%,var(--deep) 55%,#10263a 100%)}.archipel__inner{width:100%;max-width:1040px;text-align:center}.archipel__brand{font-family:var(--serif);font-size:1.15rem;margin-bottom:clamp(1.4rem,5vh,2.6rem)}.archipel__brand-accent{color:var(--amber-light)}.archipel__title{font-family:var(--serif);font-style:italic;font-weight:300;letter-spacing:-.02em;line-height:1;font-size:clamp(2.2rem,6vw,4.2rem);margin:0 0 .5em}.archipel__sub{color:var(--ink-soft);font-size:clamp(.9rem,1.5vw,1.05rem);max-width:52ch;margin:0 auto clamp(2rem,6vh,3.4rem)}.archipel__isles{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(.9rem,2.5vw,1.6rem)}@media (min-width: 880px){.archipel__isles{grid-template-columns:repeat(4,1fr)}}.isle{background:linear-gradient(180deg,#16344f59,#0b1b2b26);border:1px solid rgba(234,241,248,.12);border-radius:16px;cursor:pointer;color:var(--ink);font-family:var(--sans);padding:clamp(1.2rem,2.5vw,1.8rem) 1rem 1.3rem;display:flex;flex-direction:column;align-items:center;gap:.7rem;transition:transform .6s cubic-bezier(.22,1,.36,1),border-color .4s ease,box-shadow .6s ease;animation:isle-float 7s ease-in-out infinite;will-change:transform}@keyframes isle-float{0%,to{translate:0 0}50%{translate:0 -7px}}.isle:hover,.isle:focus-visible{transform:translateY(-6px);border-color:#f2c07899;box-shadow:0 22px 50px -18px #e8a04c59}.isle__art{width:clamp(58px,7vw,76px);height:auto;color:var(--amber-light)}.isle__art svg{width:100%;height:auto;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.isle__label{font-family:var(--serif);font-style:italic;font-size:clamp(1.1rem,2vw,1.35rem)}.isle__tagline{font-size:.74rem;line-height:1.45;color:var(--ink-faint);max-width:24ch}.archipel__skip{margin-top:clamp(1.6rem,5vh,2.6rem);background:none;border:0;cursor:pointer;font-family:var(--sans);font-size:.86rem;color:var(--ink-faint);padding:.6rem 1rem;min-height:44px;transition:color .4s ease}.archipel__skip:hover{color:var(--amber-light)}.guide{position:fixed;left:clamp(.9rem,3vw,2.2rem);bottom:clamp(1.2rem,4vh,2.4rem);z-index:25;display:flex;align-items:flex-end;gap:.7rem;max-width:min(340px,78vw);pointer-events:none}.guide__badge{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;font-family:var(--serif);font-style:italic;font-size:1.3rem;color:var(--abyss);background:linear-gradient(180deg,var(--amber-light),var(--amber));box-shadow:0 8px 26px -8px #e8a04c99}.guide__card{background:#06121fc7;backdrop-filter:blur(10px);border:1px solid rgba(234,241,248,.12);border-radius:14px 14px 14px 4px;padding:.7rem .95rem;animation:guide-in .7s cubic-bezier(.22,1,.36,1)}@keyframes guide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.guide__who{display:block;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--amber-light);margin-bottom:.25rem}.guide__line{margin:0;font-size:.88rem;line-height:1.5;color:var(--ink)}@media (max-width: 560px){.guide{max-width:82vw}.guide__line{font-size:.8rem}}.filmscroll{height:860vh;width:100%}.deck{position:fixed;inset:0;z-index:5;pointer-events:none}.panel{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(5.5rem,13vh,9rem) var(--gutter);will-change:opacity,transform}.panel--center{align-items:center;text-align:center}.panel--center .panel__inner{align-items:center}.panel--left{align-items:flex-start}.panel__inner{position:relative;z-index:1;width:100%;max-width:1080px;display:flex;flex-direction:column}.panel__ghost{position:absolute;z-index:0;right:clamp(-1rem,2vw,3rem);top:50%;transform:translateY(-50%);font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(11rem,32vw,30rem);line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(234,241,248,.08);pointer-events:none;user-select:none}@media (max-width: 760px){.panel__ghost{display:none}}.panel__chapter{font-family:var(--sans);font-size:clamp(.68rem,.95vw,.8rem);font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--amber-light);margin-bottom:1.1rem}.panel__title{font-family:var(--serif);font-weight:300;font-style:italic;line-height:.98;letter-spacing:-.025em;font-size:clamp(2.5rem,8vw,6.4rem);max-width:15ch;margin:0;text-shadow:0 2px 44px rgba(6,18,31,.82)}.panel--left .panel__title{max-width:13ch}.panel__sub{margin:1.3rem 0 0;font-size:clamp(.95rem,1.6vw,1.18rem);font-weight:300;color:var(--ink);max-width:36ch;text-shadow:0 1px 20px rgba(6,18,31,.9)}.panel__cta{pointer-events:auto;margin-top:clamp(1.8rem,4vh,2.6rem);display:flex;flex-direction:column;gap:1rem}.panel--center .panel__cta{align-items:center}.panel--left .panel__cta{align-items:flex-start}.panel__reassure{font-size:.8rem;letter-spacing:.05em;color:var(--ink-faint)}.marquee{margin-top:clamp(2rem,5vh,3.5rem);width:min(60vw,640px);overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee__track{display:inline-flex;white-space:nowrap;will-change:transform;animation:marq 26s linear infinite}.marquee__track span{padding-right:1.5rem;font-family:var(--serif);font-style:italic;font-size:clamp(1.1rem,2.6vw,2rem);color:#eaf1f880}@keyframes marq{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.steps{list-style:none;margin:clamp(2rem,5vh,3rem) 0 0;padding:0;max-width:680px}.steps__row{display:grid;grid-template-columns:auto 1fr;gap:.15rem 1.4rem;align-items:baseline;padding:1.15rem .6rem 1.15rem 0;border-top:1px solid rgba(234,241,248,.12);transition:padding-left .5s cubic-bezier(.22,1,.36,1),border-color .4s ease}.steps li:last-child{border-bottom:1px solid rgba(234,241,248,.12)}.steps__row:hover{padding-left:.9rem;border-color:#f2c07880}.steps__n{grid-row:span 2;font-family:var(--serif);font-size:1.35rem;color:var(--amber-light)}.steps__label{font-family:var(--serif);font-style:italic;font-size:clamp(1.4rem,3vw,1.9rem)}.steps__detail{grid-column:2;color:var(--ink-soft);font-size:.94rem;max-width:48ch}.examples{list-style:none;margin:clamp(1.8rem,4vh,2.6rem) 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:.9rem 2.2rem;max-width:760px}@media (min-width: 720px){.examples{grid-template-columns:1fr 1fr}}.examples__item{display:grid;gap:.15rem;padding:.7rem 0 .7rem 1rem;border-left:1px solid rgba(242,192,120,.35);transition:border-color .4s ease,transform .5s cubic-bezier(.22,1,.36,1)}.examples__item:hover{border-color:var(--amber-light);transform:translate(3px)}.examples__title{font-family:var(--serif);font-style:italic;font-size:clamp(1.05rem,2vw,1.35rem)}.examples__detail{color:var(--ink-soft);font-size:.88rem;line-height:1.5;max-width:40ch}.counters{display:flex;flex-wrap:wrap;gap:clamp(1.6rem,5vw,4rem);margin:clamp(2.2rem,5vh,3rem) 0 0}.counters__item{margin:0}.counters__value{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(2.6rem,6vw,4.6rem);line-height:1;color:var(--ink)}.counters__label{margin:.5rem 0 0;font-size:.8rem;letter-spacing:.05em;color:var(--ink-soft);max-width:16ch}.roster{list-style:none;margin:clamp(2rem,5vh,3rem) 0 0;padding:0;max-width:680px}.roster__row{display:grid;gap:.25rem;padding:1.15rem 0;border-top:1px solid rgba(234,241,248,.12)}.roster li:last-child{border-bottom:1px solid rgba(234,241,248,.12)}.roster__name{font-family:var(--serif);font-style:italic;font-size:clamp(1.3rem,2.6vw,1.7rem)}.roster__detail{color:var(--ink-soft);font-size:.94rem}.panel__footer{pointer-events:auto;margin-top:clamp(2rem,5vh,3rem)}.panel__cols{display:flex;flex-wrap:wrap;gap:1.8rem 3rem}.panel__col{display:flex;flex-direction:column;gap:.45rem}.panel__col-title{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--amber-light);margin-bottom:.3rem}.panel__col a{color:var(--ink-soft);font-size:.95rem;min-height:36px;display:inline-flex;align-items:center}.panel__col a:hover{color:var(--amber-light)}.panel__copy{margin-top:2rem;font-size:.78rem;color:var(--ink-faint);max-width:50ch}.scrollcue{position:fixed;left:50%;bottom:26px;transform:translate(-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:.7rem;font-size:.64rem;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-faint);pointer-events:none}.scrollcue__line{width:1px;height:40px;background:linear-gradient(180deg,var(--amber-light),transparent);animation:cuepulse 3s ease-in-out infinite}@keyframes cuepulse{0%,to{opacity:.4;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1)}}.progress{position:fixed;left:0;right:0;bottom:0;height:2px;z-index:30;background:#eaf1f812}.progress__bar{height:100%;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--blue),var(--amber-light))}.poster{position:relative;z-index:1;min-height:100svh;max-width:720px;margin:0 auto;padding:clamp(5rem,14vh,9rem) var(--gutter) 4rem;display:flex;flex-direction:column;justify-content:center}.poster__brand{font-family:var(--serif);font-size:1.2rem;margin-bottom:clamp(2rem,8vh,4rem)}.poster__brand-accent{color:var(--amber-light)}.poster__title{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(2.4rem,7vw,4.4rem);line-height:1;margin:0 0 1.2rem}.poster__sub{font-size:clamp(.98rem,1.6vw,1.15rem);color:var(--ink-soft);max-width:42ch;margin:0 0 clamp(2.5rem,7vh,4rem)}.poster__beats{list-style:none;display:grid;gap:1.4rem;margin:0 0 clamp(2.5rem,7vh,4rem);padding:0}.poster__beats li{display:grid;grid-template-columns:auto 1fr;gap:.2rem 1.2rem;align-items:baseline;padding-bottom:1.4rem;border-bottom:1px solid rgba(234,241,248,.1)}.poster__num{grid-row:span 2;font-family:var(--serif);font-size:1.4rem;color:var(--amber-light)}.poster__beat-title{font-family:var(--serif);font-style:italic;font-size:1.5rem}.poster__beat-sub{grid-column:2;color:var(--ink-soft);font-size:.95rem}.poster__cta{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.poster__reassure{font-size:.82rem;letter-spacing:.05em;color:var(--ink-faint);margin:0}.footer{position:relative;z-index:1;padding:clamp(3rem,8vh,5rem) var(--gutter) clamp(2rem,5vh,3rem);border-top:1px solid rgba(234,241,248,.08);background:linear-gradient(180deg,rgba(6,18,31,0) 0%,var(--abyss) 100%)}.footer__inner{max-width:var(--maxw);margin:0 auto;display:grid;gap:1.2rem}.footer__logo{font-family:var(--serif);font-size:1.4rem}.footer__logo-accent{color:var(--amber-light)}.footer__tagline{color:var(--ink-soft);max-width:44ch;font-size:.95rem}.footer__links{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;font-size:.92rem;color:var(--ink-soft)}.footer__links a{display:inline-flex;align-items:center;min-height:44px;padding:0 .2rem}.footer__links a:hover{color:var(--amber-light)}.footer__copy{font-size:.8rem;color:var(--ink-faint)}.static-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.static-bg__sky{position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 112%,rgba(232,160,76,.22) 0%,transparent 55%),linear-gradient(180deg,var(--abyss) 0%,var(--deep) 45%,var(--blue) 100%)}.static-bg__lead{position:absolute;border-radius:2px;background:#6f9fc7;box-shadow:0 0 6px #6f9fc780}.static-bg__chosen{position:absolute;left:50%;bottom:12%;width:14px;height:18px;border-radius:3px;transform:translate(-50%);box-shadow:0 0 28px 8px #f2c078b3}