#chart-3d { position:absolute; inset:0; width:100%; height:100%; opacity:0; transition:opacity 1.2s; }
.webgl-ready #chart-3d { opacity:1; }
.webgl-ready .world .chart-drift { opacity:0; }
.world .chart-drift { transition:opacity 1.2s; }
.site-header,.site-header.is-scrolled,.story__copy,.section-heading,.cta-section { background:linear-gradient(120deg,#68452138,#190e08b0 60%); backdrop-filter:blur(18px) saturate(.8); -webkit-backdrop-filter:blur(18px) saturate(.8); box-shadow:inset 0 1px 0 #ffe1a444,inset 1px 0 0 #ffe1a422,0 22px 45px #0006; }
.story__copy { background:linear-gradient(120deg,#452716a8,#120b07d4); }
.section-heading { background:linear-gradient(120deg,#54341bab,#130c07cd); }
.cinematic-panel { --tilt-x:0deg; --tilt-y:0deg; transform:perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)); transition:transform .25s ease-out,box-shadow .3s; }
.cinematic-panel:hover { box-shadow:0 28px 50px #0009; }
.gallery-card::before { content:""; position:absolute; z-index:3; inset:0; pointer-events:none; background:radial-gradient(circle at var(--hover-x,50%) var(--hover-y,50%),#ffe6ad40,transparent 55%); opacity:0; transition:opacity .3s; }
.gallery-card:hover::before { opacity:1; }
.cursor-light { transition:transform .18s ease-out; }
.gallery-card.cinematic-panel>img:first-child { filter:sepia(.35) brightness(.88); }
.gallery-card>.hover-image { position:absolute; inset:0; z-index:1; clip-path:circle(0% at var(--hover-x,50%) var(--hover-y,50%)); transition:clip-path .65s ease,transform .8s; filter:none; pointer-events:none; }
.gallery-card:hover>.hover-image,.gallery-card:focus-visible>.hover-image { clip-path:circle(145% at var(--hover-x,50%) var(--hover-y,50%)); }
.gallery-card .hover-reveal { position:absolute; inset:auto 1rem 3.8rem; z-index:4; color:#ffefd4; font:1.4rem var(--display); text-shadow:0 2px 8px #000; opacity:0; transform:translateY(18px); transition:opacity .35s,transform .35s; }
.gallery-card:hover .hover-reveal,.gallery-card:focus-visible .hover-reveal { opacity:1; transform:none; }
.kinetic-word { display:inline-block; color:inherit; transform:translateY(calc((1 - var(--type-progress,1)) * 24px)) rotateX(calc((1 - var(--type-progress,1)) * 55deg)); opacity:calc(.35 + var(--type-progress,1) * .65); filter:blur(calc((1 - var(--type-progress,1)) * 4px)); transition:transform .35s,filter .35s,opacity .35s; transition-delay:var(--word-delay,0ms); }
h1>.kinetic-word { color:var(--white); }
h1>span:not(.kinetic-word)>.kinetic-word,h2>span:not(.kinetic-word)>.kinetic-word { color:var(--gold); }
.story-step { transform:translateY(var(--step-y,0px)) scale(var(--step-scale,1)); opacity:var(--step-opacity,1); transition:transform .15s linear,opacity .15s linear; }
.voyage-board { transform:perspective(1300px) rotateX(var(--board-rotation,0deg)) rotateZ(-.65deg) scale(var(--board-scale,1)); transform-origin:center; transition:transform .15s linear; }
.chapter-divider { position:relative; isolation:isolate; overflow:hidden; min-height:150px; }
.chapter-divider::before,.chapter-divider::after { content:""; z-index:-1; position:absolute; inset:-80% -10%; border-radius:40% 60% 65% 35% / 45% 30% 70% 55%; background:radial-gradient(ellipse,#c8863259,transparent 65%); animation:liquid-light 12s ease-in-out infinite alternate; }
.chapter-divider::after { background:radial-gradient(ellipse,#713b2177,transparent 65%); animation-direction:alternate-reverse; animation-duration:17s; }
.chapter-divider strong { transform:translateX(var(--chapter-x,0px)); transition:transform .15s linear; }
.main-nav a { font-weight:calc(500 + var(--nav-weight,0) * 200); }
.main-nav a[aria-current="location"] { color:#ffd98a; --nav-weight:1; }
.main-nav a[aria-current="location"]::after { right:0; }
@keyframes liquid-light { from { transform:translateX(-18%) rotate(-15deg) scale(.85); border-radius:40% 60% 65% 35% / 45% 30% 70% 55%; } to { transform:translateX(18%) rotate(18deg) scale(1.2); border-radius:65% 35% 30% 70% / 30% 65% 35% 70%; } }
.motion-paused .kinetic-word { transform:none; opacity:1; filter:none; }
.motion-paused .story-step,.motion-paused .voyage-board,.motion-paused .cinematic-panel { transform:none; opacity:1; }
.motion-paused .chapter-divider strong { transform:none; }
.motion-paused .cursor-light { transition:none; }
@media(hover:none) { .gallery-card .hover-reveal { display:none; } .cinematic-panel { transform:none; } }
@media(max-width:620px) { .site-header,.story__copy,.section-heading,.cta-section { backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); } }
@media(prefers-reduced-motion:reduce) { .kinetic-word { transform:none!important; opacity:1!important; filter:none!important; } .story-step,.voyage-board,.cinematic-panel,.chapter-divider strong { transform:none!important; opacity:1!important; } }