/* Photographic art direction: the environment leads; reading surfaces remain in normal flow. */
:root{--bg:#06080F;--gold:#C9A35C;--gold-light:#E8C98A;--body:#e1e1df;--gutter:clamp(24px,5.4vw,180px);--header-height:88px;--dock-height:80px;--dock-clearance:120px}
html{scroll-padding-top:calc(var(--header-height) + 24px)}
.world-environments{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;background:#090e12;contain:strict}
.environment{position:absolute;inset:0;display:block;transform:none;transform-origin:0 0;backface-visibility:hidden}
.environment:not(:first-child){visibility:hidden;opacity:0}
.environment img{width:100%;height:100vh;display:block;object-fit:cover;object-position:center;user-select:none;transform:translate3d(-.8%,-5.2%,0) scale(1.18);transform-origin:center;backface-visibility:hidden}
.environment[data-environment=field] img{object-position:100% 50%}
.environment[data-environment=tower] img{object-position:42% 50%}
.journey-bridge{position:absolute;inset:0;width:100%;height:100vh;object-fit:cover;transform-origin:center;visibility:hidden;pointer-events:none;z-index:2;backface-visibility:hidden}
.world-shade{background:linear-gradient(180deg,rgba(4,8,13,.50),transparent 21%,transparent 65%,rgba(4,8,13,.56))}
.atmosphere{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden;contain:strict}
.light-leak{position:absolute;opacity:.13;transform:translate3d(0,0,0)}
.light-leak-warm{inset:-30%;background:radial-gradient(ellipse at 25% 48%,rgba(239,184,105,.28),transparent 46%);mix-blend-mode:screen}
.light-leak-cool{inset:-25%;background:radial-gradient(ellipse at 78% 32%,rgba(136,176,210,.13),transparent 42%);mix-blend-mode:screen}
.grain{position:absolute;inset:0;opacity:.025;background:url('grain.svg') repeat;mix-blend-mode:soft-light}
.sky-signal{position:absolute;inset:0;z-index:4;width:100%;height:100%;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden}
.projection-plane{display:block;width:100%;height:100%;transform-origin:center;pointer-events:none}
.projection-motion{position:absolute;inset:0;width:100%;height:100%;transform-origin:center;pointer-events:none;mix-blend-mode:screen;opacity:.085}
.projection-motion-fit{position:absolute;width:1672px;height:941px;transform-origin:0 0}
.projection-motion-gobo{position:absolute;left:1079px;top:131px;width:296px;height:248px;transform:rotate(-12deg);transform-origin:50% 50%;isolation:isolate;background:#e7eeec;mask-mode:alpha,alpha;mask-repeat:no-repeat;mask-position:center;mask-size:208px 192px,100% 100%;mask-composite:exclude;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:208px 192px,100% 100%;-webkit-mask-composite:xor;filter:blur(1.4px)}
.projection-cloud-video{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;pointer-events:none}
.journey-premise{position:absolute;z-index:3;top:calc(var(--header-height) + 24px);left:var(--gutter);max-width:42ch;margin:0;font-size:.75rem;line-height:1.65;letter-spacing:.035em;color:#ded5c5;text-shadow:0 2px 8px #080d14}
.top{z-index:12;min-height:88px;padding:17px var(--gutter);background:linear-gradient(180deg,rgba(5,9,14,.58),rgba(5,9,14,.12));border-bottom:1px solid rgba(239,224,197,.19)}
.top.scrolled{background:rgba(7,12,17,.79);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.wm>span{font-size:2.15rem}.wm small{font-size:.6875rem;letter-spacing:.16em}.audience{font-size:.8125rem;color:#e5ceb0}
.pill{border-radius:2px;box-shadow:inset 0 1px 0 rgba(255,255,255,.09)}
.chapters{z-index:2}
.ch,.ch.r,.ch.c{min-height:124svh;padding:max(142px,calc(var(--header-height) + 38px)) var(--gutter) max(140px,calc(var(--dock-height) + 55px));perspective:1800px}
.ch:first-of-type{min-height:100svh}
.ch.r{padding-right:calc(var(--gutter) + 64px)}
.ch::before,.ch.r::before,.ch.c::before{opacity:.28}
.ch .in,.ch:nth-of-type(6) .in,.ch.c .in{width:min(100%,535px);max-width:none;border:0;background:none;box-shadow:none;padding:34px 36px 36px;border-radius:3px;isolation:isolate;transform-origin:center;overflow:visible;backface-visibility:hidden}
.ch .in> :not(.pane-surface):not(.pane-rim){position:relative;z-index:2}
.pane-surface{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;background:linear-gradient(125deg,rgba(12,20,26,.84),rgba(10,17,23,.70) 70%,rgba(18,27,34,.56));box-shadow:0 24px 65px -30px rgba(0,0,0,.65),inset 0 1px 0 rgba(250,238,219,.12)}
.ch.near .pane-surface{backdrop-filter:blur(9px) saturate(110%);-webkit-backdrop-filter:blur(9px) saturate(110%)}
.pane-surface::after{content:'';position:absolute;inset:0;background:url('grain.svg') repeat;opacity:.03;pointer-events:none}
.pane-specular{position:absolute;inset:-90%;background:linear-gradient(112deg,transparent 37%,rgba(252,231,195,.055) 43%,rgba(255,245,224,.095) 45%,transparent 53%);transform:translate3d(0,0,0);pointer-events:none}
.pane-rim{position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;border:1px solid rgba(237,220,189,.2);border-left-color:rgba(238,212,167,.62);border-right-color:rgba(239,225,204,.09)}
.eb{font-size:.75rem;font-weight:500;letter-spacing:.16em;margin-bottom:23px;color:#ead0a8}
.eb::before{content:'';display:inline-block;width:24px;height:1px;background:currentColor;margin-right:12px;vertical-align:middle;opacity:.65}
.ch h1,.ch h2{font-size:clamp(3rem,4.4vw,4.625rem);line-height:1.07;letter-spacing:-.037em;margin-bottom:25px;text-wrap:balance;font-optical-sizing:auto;text-shadow:0 2px 15px rgba(0,0,0,.15)}
.ch h1 em,.ch h2 em{color:#edd5ad;letter-spacing:-.025em}
.ch .t{font-size:clamp(1rem,1.1vw,1.0625rem);line-height:1.83;letter-spacing:-.006em;color:#e0e2e2;max-width:46ch}
.ch:nth-of-type(6) .in{width:min(100%,630px)}
.ch:nth-of-type(6) h2{font-size:clamp(2.75rem,3.8vw,4rem);line-height:1.09;letter-spacing:-.035em}
.ch:nth-of-type(6) .pane-surface{background:linear-gradient(130deg,rgba(21,29,35,.90),rgba(9,17,25,.86))}
.duo{grid-template-columns:minmax(150px,190px) minmax(0,1fr);margin-top:28px;padding-top:25px;gap:22px}.duo b{font-size:1.55rem;line-height:1.22}.duo span{font-size:.8125rem;line-height:1.6}.duo small{font-size:.75rem;line-height:1.6;color:#bac2c8}
.ch.c{min-height:120svh;padding-right:var(--gutter);justify-content:flex-start;text-align:left}
.ch.c .in{width:min(100%,630px);padding:38px 38px 40px}
.ch.c .pane-surface{background:linear-gradient(135deg,rgba(26,31,34,.89),rgba(9,17,25,.9));box-shadow:0 30px 90px -35px rgba(0,0,0,.8),inset 0 1px 0 rgba(245,218,172,.2)}
.ch.c .pane-rim{border-color:rgba(230,204,161,.28)}
.ch.c h2{font-size:clamp(3rem,4.25vw,4.6rem)}
.ch.c .t,.ch.c .fine{margin-left:0}.ch.c .mark{margin-left:0}.ch.c .ctas{justify-content:flex-start}
.mark{width:65px;aspect-ratio:1;margin-bottom:25px;filter:drop-shadow(0 4px 18px rgba(233,188,109,.17))}
.ctas{gap:15px;margin-top:30px}.magnet{display:inline-flex;padding:9px;margin:-9px;position:relative;isolation:isolate}
.btn{border-radius:2px;min-height:56px;padding:16px 24px;gap:25px;transform:translate3d(0,0,0);transition:box-shadow .35s,border-color .35s,background .35s}
.btn span,.btn svg{transform:none;transition:none}
.btn::before{inset:-90%;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.38) 48%,transparent 59%);opacity:.3;transform:translate3d(var(--sheen-x,0px),0,0)}
.solid{background:linear-gradient(130deg,#f4e2be,#e0c28d 50%,#c7a16a);color:#151b1f;border-color:#e9cfa1;box-shadow:inset 0 1px 0 rgba(255,254,242,.7),inset 0 -2px 2px rgba(100,67,28,.15),0 10px 24px -12px rgba(214,170,100,.33)}
.solid:hover{box-shadow:inset 0 1px 0 #fff0d4,0 15px 30px -14px rgba(232,190,126,.5)}
.ghost{background:linear-gradient(135deg,rgba(196,204,208,.10),rgba(255,255,255,.025));border-color:rgba(226,224,216,.30)}
.fine{font-size:.8125rem;color:#c3c9cc;line-height:1.7}
.rail{z-index:11;right:22px;gap:5px}.rail-number{background:rgba(9,16,22,.53);border-radius:2px;color:#d1d4d5}.rail a[aria-current] .rail-number{border-color:rgba(226,198,151,.72);background:rgba(10,18,25,.86);box-shadow:inset 0 1px 0 rgba(255,239,211,.12)}
.rail-label{border-radius:2px;background:#111b23}
.journey-dock{z-index:11;min-height:80px}.motion-toggle{border-radius:2px;background:rgba(12,20,27,.72);font-size:.75rem}.motion-toggle svg{fill:currentColor;stroke:none}.progress-track span{box-shadow:0 -1px 10px rgba(236,193,119,.2)}
.motion-paused .btn{transform:none!important}
@media(min-width:1800px){.ch .in{width:min(34vw,750px);padding:clamp(38px,2.4vw,65px)}.ch:nth-of-type(6) .in{width:min(39vw,880px)}.ch.c .in{width:min(39vw,880px)}.ch h1,.ch h2{font-size:clamp(4.625rem,4vw,6.5rem)}.ch:nth-of-type(6) h2{font-size:clamp(4rem,3.4vw,5.7rem)}.ch.c h2{font-size:clamp(4rem,3.4vw,5.7rem)}.ch .t{font-size:clamp(1.125rem,.92vw,1.375rem)}.eb{font-size:.875rem}.rail{right:42px}.duo b{font-size:2rem}.duo span,.fine{font-size:1rem}.duo small{font-size:.875rem}}
@media(max-width:1100px){.ch .in{width:min(100%,480px)}.ch.r{padding-right:80px}.ch h1,.ch h2{font-size:clamp(2.85rem,5.3vw,3.8rem)}.ch:nth-of-type(6) .in{width:min(100%,590px)}.ch.c .in{width:min(100%,700px)}}
@media(max-width:760px){
 :root{--gutter:19px;--header-height:78px;--dock-height:72px}
 .top{min-height:78px;padding:14px 21px}.wm>span{font-size:1.8rem}.top-actions .pill{font-size:.75rem}
 .world-shade{background:linear-gradient(180deg,rgba(4,8,13,.40),transparent 22%,rgba(4,8,13,.13) 48%,rgba(4,8,13,.61))}
 .environment[data-environment=field] img{object-position:100% 50%}.environment[data-environment=tower] img{object-position:40% 50%}.environment[data-environment=office] img{object-position:73% 50%}
 .journey-premise{top:calc(var(--header-height) + 14px);max-width:18ch;font-size:.75rem;line-height:1.65}
 .light-leak{opacity:.08}.grain{opacity:.017}
 .ch,.ch.r,.ch.c{min-height:120svh;padding:38svh var(--gutter) max(174px,calc(var(--dock-height) + 96px));align-items:center;perspective:none}
 .ch:first-of-type{min-height:100svh;padding-top:max(60svh,calc(var(--header-height) + 9rem))}.ch::before,.ch.r::before,.ch.c::before{opacity:.15}
 .ch .in,.ch:nth-of-type(6) .in,.ch.c .in{width:100%;padding:26px 25px 28px;border-radius:3px;transform:none!important}
 .pane-surface,.ch:nth-of-type(6) .pane-surface,.ch.c .pane-surface{background:linear-gradient(130deg,rgba(16,26,34,.93),rgba(10,18,27,.86));box-shadow:0 20px 50px -24px rgba(0,0,0,.64)}
 .ch.near .pane-surface{backdrop-filter:none;-webkit-backdrop-filter:none}
 .eb{font-size:.6875rem;letter-spacing:.1em;line-height:1.6;margin-bottom:18px}.eb::before{width:18px;margin-right:9px}
 .ch h1,.ch h2,.ch:nth-of-type(6) h2,.ch.c h2{font-size:clamp(2.5rem,8.8vw,3.8rem);line-height:1.09;letter-spacing:-.036em;margin-bottom:22px}
 .ch .t{font-size:1rem;line-height:1.8}.duo{grid-template-columns:minmax(120px,150px) minmax(0,1fr);gap:16px;margin-top:24px;padding-top:23px}.duo b{font-size:1.375rem}.duo span,.duo small{font-size:.75rem}
 .mark{width:58px;margin:0 0 23px}.ctas{margin-top:26px;gap:14px}.btn{font-size:.875rem;padding:15px 20px;min-height:54px;gap:18px}.fine{font-size:.75rem}
 .rail{gap:2px;right:auto;bottom:calc(var(--dock-height) + 3px);border-radius:3px;background:rgba(10,18,25,.94);padding:4px 6px;backdrop-filter:none}.rail-number{background:none}.rail a[aria-current] .rail-number{background:rgba(223,193,144,.10)}
 .journey-dock{min-height:72px;padding-inline:21px}.motion-toggle{font-size:.75rem}
}
@media(max-width:380px){:root{--gutter:14px}.ch .in,.ch:nth-of-type(6) .in,.ch.c .in{padding:24px 21px}.ch h1,.ch h2,.ch.c h2,.ch:nth-of-type(6) h2{font-size:clamp(2.3rem,9.1vw,2.7rem)}.duo{grid-template-columns:1fr}.duo b{font-size:1.6rem}.magnet,.btn{width:100%}.btn{justify-content:space-between}.ghost{justify-content:center}.rail a{min-width:35px}}
@media(max-height:620px) and (min-width:761px){.top{min-height:76px}.ch,.ch.r,.ch.c{padding-block:calc(var(--header-height) + 35px) calc(var(--dock-height) + 38px)}.ch .in{padding:28px 32px}.ch h1,.ch h2{font-size:3.3rem}.rail a{min-height:34px}.rail{gap:0}}
@media(max-height:440px) and (min-width:761px){.rail{top:auto;bottom:calc(var(--dock-height) + 3px);left:50%;right:auto;transform:translateX(-50%);flex-direction:row;gap:5px;padding:4px 8px;border:1px solid var(--line);background:#0b1420}.rail a{min-width:40px;min-height:44px}.rail-number{width:34px;height:34px}.rail-label{display:none}.ch,.ch.r,.ch.c{padding-bottom:calc(var(--dock-height) + 112px)}}
@media(prefers-reduced-motion:reduce){.light-leak,.ch .in,.pane-specular,.btn{transform:none!important}.grain{opacity:.012}.environment img{transform:scale(1.035)}}
@supports not (backdrop-filter:blur(1px)){.pane-surface{background:linear-gradient(130deg,rgba(18,28,37,.95),rgba(9,18,27,.94))}.top.scrolled{background:#0b131d}}
@media print{.world-environments,.atmosphere,.pane-surface,.pane-rim{display:none!important}.journey-premise{position:static;color:black;margin-bottom:20px}.ch,.ch.r,.ch.c,.ch:first-of-type{min-height:0;padding:20px 0}.ch .in,.ch:nth-of-type(6) .in,.ch.c .in{padding:0;width:100%;transform:none!important}.ch .in>*{transform:none!important;opacity:1!important}.ch h1,.ch h2,.ch:nth-of-type(6) h2,.ch.c h2{font-size:30pt}.ch .t,.fine,.duo small{color:black}.magnet{padding:0;margin:0}}
