:root{color-scheme:dark;background:#000;color:#f5f7f5;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;width:100%;min-height:100%;background:#000}main{height:100svh;min-height:620px;position:relative;overflow:hidden;background:#000}video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#000}main::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.1),transparent 20%,transparent 65%,rgba(0,0,0,.18) 76%,rgba(0,0,0,.65) 90%,#000 100%)}
header{position:absolute;z-index:2;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:30px 5vw;gap:36px}.brand{display:block;width:176px;flex-shrink:0;opacity:.93}.brand img{display:block;width:100%;height:auto}nav{display:flex;gap:30px;align-items:center}nav a{font-size:13px;font-weight:400;letter-spacing:0;color:#c2c9c5;text-decoration:none;padding:8px 0;transition:color .2s}nav a:hover{color:#fff}a:focus-visible{outline:2px solid #a2d6b9;outline-offset:7px}
.hero-copy{position:absolute;z-index:2;top:31%;left:50%;transform:translateX(-50%);width:min(94%,1120px);text-align:center;text-shadow:0 2px 24px rgba(0,0,0,.5)}.hero-lead{margin:0 0 23px;font-size:clamp(18px,1.8vw,24px);font-weight:400;line-height:1.4;letter-spacing:-.015em;color:#c4ccc7}.hero-copy h1{margin:0;font-size:clamp(52px,6.3vw,94px);font-weight:500;line-height:1.09;letter-spacing:-.035em}.hero-copy h1 span{color:#c2daca}.continuation{padding:60px 7vw 120px;max-width:1400px;margin:auto}.continuation section{min-height:260px;scroll-margin-top:60px}.continuation h2{font-weight:400;font-size:30px;color:#aebeb4;letter-spacing:-.025em}
@media(max-width:700px){main{min-height:580px}header{padding:25px 24px;flex-direction:column;align-items:flex-start;gap:18px}.brand{width:148px}nav{width:100%;justify-content:space-between;gap:12px}nav a{font-size:12px}.hero-copy{top:33%;width:94%}.hero-copy h1{font-size:clamp(30px,9.1vw,60px);letter-spacing:-.03em;line-height:1.13}.hero-lead{font-size:18px;margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.celestial-motion{--celestial-day:90s;background:#000 url('assets/poster-v17.jpg') center/cover no-repeat}
.celestial-motion .sky{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;background:#010604;-webkit-mask-image:url('assets/sky-mask-v24.svg');mask-image:url('assets/sky-mask-v24.svg');-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.celestial-motion .sky-rotor{position:absolute;left:25%;top:-15%;display:block;width:max(180vw,210svh,1400px);height:max(180vw,210svh,1400px);max-width:none;transform-origin:50% 50%;transform:translate(-50%,-50%) rotate(0deg);animation:celestial-day var(--celestial-day) linear infinite;will-change:transform}
.celestial-motion .sky-rotor img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover}.celestial-motion .sky-base{opacity:.25}.celestial-motion .sky-detail{opacity:.95}
.celestial-motion video{z-index:0;background:transparent;pointer-events:none}
.celestial-motion::after{z-index:2}
.celestial-motion header,.celestial-motion .hero-copy{z-index:3}
.scene-paused .sky-rotor{animation-play-state:paused}
@keyframes celestial-day{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.celestial-motion .sky-rotor{animation-play-state:paused}}