@font-face{font-family:Montserrat;src:url('assets/montserrat-light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/montserrat-regular.ttf') format('truetype');font-weight:400 700;font-style:normal;font-display:swap}
:root{--ink:#345b70;--light:#ecf1f2;--night:#08131f;--white:#e6edf1;--gutter:clamp(24px,12.8vw,220px);--line:rgba(72,106,124,.24);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--night);color:var(--white);font-family:Montserrat,Arial,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid currentColor;outline-offset:7px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h2{font-size:clamp(34px,3.4vw,62px);line-height:1.2;font-weight:300;letter-spacing:-.035em}p{line-height:1.8}::selection{background:#547b94;color:white}.eyebrow{text-transform:uppercase;font-size:10px;line-height:1.6;letter-spacing:.09em;font-weight:400}.skip-link{position:fixed;top:-100px;left:24px;z-index:1000;padding:16px;background:white;color:#102536}.skip-link:focus{top:20px}
.site-header{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;justify-content:space-between;align-items:center;padding:clamp(30px,7vw,105px) var(--gutter) 24px;transition:padding .6s,color .5s,background .5s;color:#e7edf1;gap:30px}.site-header.scrolled{padding-top:26px;padding-bottom:24px;background:#08131fe8;backdrop-filter:blur(16px)}.site-header.on-light{color:var(--ink);background:#ecf1f2ed}.primary-nav{display:flex;gap:25px;align-items:center}.nav-link,.menu-button,.event-link{text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:400}.nav-link{position:relative;opacity:.62;transition:opacity .3s}.nav-link.active,.nav-link:hover{opacity:1}.nav-link:after{content:'';position:absolute;bottom:-25px;height:1px;left:0;right:0;transform:scaleX(0);transform-origin:left;background:currentColor;transition:transform .4s}.nav-link.active:after,.nav-link:hover:after{transform:scaleX(1)}.site-header.scrolled .nav-link:after{bottom:-13px}.header-right{display:flex;gap:28px;align-items:center}.event-link span{padding-left:8px;font-size:16px}.menu-button{display:flex;align-items:center;gap:20px;padding:10px 0}.menu-dots{display:flex;gap:8px}.menu-dots i{width:3px;height:3px;border-radius:50%;background:currentColor;transition:transform .3s}.menu-button:hover .menu-dots i:first-child{transform:translateX(2px)}
.cosmos{position:relative;background:#07111c}.cosmos-backdrop{position:sticky;top:0;height:100svh;margin-bottom:-100svh;overflow:hidden;pointer-events:none}.cosmos-image{position:absolute;inset:-3%;background:url('assets/station-space.webp') center center/cover;will-change:transform;transform:scale(1.015)}.cosmos-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,23,.47),transparent 65%),linear-gradient(0deg,#08131f 0%,transparent 13%,transparent 80%,rgba(4,13,22,.25))}#starfield{position:absolute;inset:0;width:100%;height:100%;opacity:.45}.hero{height:100svh;min-height:640px;position:relative;padding:0 var(--gutter)}.hero-identity{position:absolute;left:var(--gutter);top:45%;transform:translateY(-25%)}.hero-kicker{margin:0 0 25px 0;font-size:9px;letter-spacing:.17em;color:#b4c5d2}.hero-wordmark{display:flex;align-items:center;gap:26px}.brand-symbol{width:58px;height:58px;filter:brightness(0) invert(94%)}.brand-divider{height:46px;width:1px;background:#ccdce077;display:block;margin-right:2px}.hero h1{font-size:clamp(30px,3.65vw,66px);letter-spacing:.22em;font-weight:300;line-height:1.3}.hero-subtitle{font-size:13px;letter-spacing:.06em;margin:22px 0 0 111px;color:#cfdae1}.hero-bottom{position:absolute;bottom:62px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:30px}.scroll-link{display:flex;align-items:center;gap:16px;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:400}.scroll-line{height:36px;width:1px;background:#e5eef044;position:relative;overflow:hidden}.scroll-line:after{content:'';position:absolute;left:0;top:-100%;width:1px;height:100%;background:#e5eef0;animation:scrollPulse 2.8s ease-in-out infinite}.hero-caption{font-size:8px;text-transform:uppercase;letter-spacing:.09em;opacity:.7}.station-section{min-height:100svh;position:relative;padding:120px var(--gutter) 190px}.station-copy{max-width:430px}.station-copy .eyebrow{margin-bottom:30px}.station-copy h2{font-size:clamp(36px,4vw,68px)}.station-copy>p:last-child{font-size:14px;margin-top:28px;color:#c5d4df}.station-points{position:absolute;inset:0;pointer-events:none}.station-point{position:absolute;display:flex;align-items:center;gap:12px;pointer-events:auto;white-space:nowrap}.station-point>span:first-child{display:grid;place-items:center;min-width:40px;height:40px;border:1px solid #c0d3e080;border-radius:50%;font-size:10px;background:#13253955;backdrop-filter:blur(8px);transition:background .3s,box-shadow .3s}.station-point.selected>span:first-child{background:#e1ebf1;color:#173247;box-shadow:0 0 0 7px #cedde41a}.station-point:hover>span:first-child{box-shadow:0 0 0 7px #cedde42a}.point-label{font-size:9px;text-transform:uppercase;letter-spacing:.04em;text-shadow:0 2px 10px #000;display:block}.point-wheel{left:74%;top:31%}.point-power{left:49%;top:57%}.point-observatory{left:85%;top:61%}.point-observatory .point-label{position:absolute;top:55px;right:0}.station-detail{position:absolute;left:var(--gutter);right:var(--gutter);bottom:50px;border-top:1px solid #c5d5e047;padding-top:25px;display:grid;grid-template-columns:100px 1fr 48px;gap:30px;align-items:center}.detail-number{font-size:10px;letter-spacing:.1em;align-self:start;padding-top:8px;opacity:.7}.station-detail h3{font-size:22px;font-weight:300}.station-detail p{font-size:12px;max-width:560px;margin-top:8px;color:#c0d1dc}.circle-button{width:46px;height:46px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:24px;font-weight:300;transition:transform .3s,background .3s}.circle-button:hover{transform:rotate(-35deg);background:#7f9caf1a}
.light-section{background:var(--light);color:var(--ink);color-scheme:light}.section-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:28px;border-bottom:1px solid var(--line)}.book-section{padding:80px var(--gutter) 115px;position:relative;overflow:hidden}.book-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;margin-top:80px}.book-art{height:580px;position:relative;display:flex;align-items:center;justify-content:center;perspective:1100px}.book-year{position:absolute;top:4%;left:-18%;font-size:clamp(130px,16vw,270px);letter-spacing:-.09em;color:#3c5e7210;font-weight:300;line-height:1}.book-object{position:relative;width:265px;transform:rotate(-9deg) rotateY(-15deg);box-shadow:22px 30px 40px #28475e30;transition:transform .8s}.book-object:hover{transform:rotate(-4deg) rotateY(-3deg) translateY(-8px)}.book-object img{width:100%;position:relative;z-index:2;filter:saturate(.45)}.book-spine{position:absolute;top:3px;bottom:-5px;left:5px;right:-12px;background:repeating-linear-gradient(#c6c4b8 0px,#e5e4dc 1px,#c6c4b8 2px);transform:skewY(3deg);box-shadow:4px 5px 0 #4d514c}.book-caption{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.06em;text-transform:uppercase}.book-copy h2{font-size:clamp(32px,3.2vw,54px);margin-bottom:30px}.book-copy .lead{font-size:20px;line-height:1.6;margin-bottom:24px}.book-copy>p:not(.lead){font-size:13px;line-height:1.9;margin-bottom:20px;max-width:440px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:13px 0;border-bottom:1px solid currentColor;text-transform:uppercase;font-size:10px;font-weight:400;letter-spacing:.03em;transition:gap .3s}.text-link:hover{gap:46px}.text-link span{font-size:20px;font-weight:300;line-height:1}.book-copy .text-link{margin-top:10px}
.earth-section{position:relative;min-height:100svh;background:radial-gradient(ellipse at 75% 45%,#254459 0%,#0a1b29 50%,#07121e 85%);overflow:hidden;padding:125px var(--gutter) 120px}.earth-copy{position:relative;z-index:2;max-width:460px;pointer-events:none}.earth-copy a{pointer-events:auto}.earth-copy .eyebrow{margin-bottom:35px}.earth-copy h2{font-size:clamp(38px,3.7vw,64px)}.earth-copy>p:not(.eyebrow){font-size:13px;line-height:1.85;margin-top:30px;max-width:340px;color:#c0d2df}.orbit-distance{margin:38px 0 25px}.orbit-distance>span{font-size:46px;letter-spacing:-.035em;font-weight:300}.orbit-distance p{font-size:11px;line-height:1.7;margin-top:8px;opacity:.7}.earth-caption{position:absolute;right:var(--gutter);bottom:45px;opacity:.65}#earth-canvas{position:absolute;right:-8%;top:4%;width:80%;height:92%;pointer-events:none;opacity:0;transition:opacity 1s}#earth-canvas.ready{opacity:1}.earth-orbit{position:absolute;right:-2%;top:18%;width:68vw;height:47vw;border:1px solid #9bc6e51a;border-radius:50%;transform:rotate(-28deg);pointer-events:none}
.building-section{position:relative;min-height:100svh;color:var(--ink);padding:150px var(--gutter);display:flex;align-items:center;overflow:hidden;background:#d9e5ec}.building-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.04)}.building-shade{position:absolute;inset:0;background:linear-gradient(90deg,#ebf2f3d9,transparent 80%),linear-gradient(0deg,#e7eff0b0,transparent 30%)}.building-copy{position:relative;max-width:420px}.building-copy .eyebrow{margin-bottom:35px}.building-copy h2{font-size:clamp(36px,3.5vw,60px)}.building-copy>p:not(.eyebrow){font-size:13px;margin-top:28px;max-width:310px}.building-copy .text-link{margin-top:25px}.building-bottom{position:absolute;bottom:46px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:30px}.building-bottom .eyebrow{font-size:8px}
.explore-section{padding:85px var(--gutter) 120px}.explore-section>h2{margin:65px 0;font-size:clamp(38px,4vw,66px)}.explore-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.experience-tab{display:grid;grid-template-columns:30px 1fr 20px;text-align:left;width:100%;gap:16px;padding:30px 0;border-top:1px solid var(--line);opacity:.6;transition:opacity .3s}.experience-tab.selected,.experience-tab:hover{opacity:1}.experience-tab:last-child{border-bottom:1px solid var(--line)}.tab-number{font-size:10px;padding-top:7px}.tab-title{font-size:22px;font-weight:300;display:block;line-height:1.4}.tab-subtitle{font-size:11px;display:block;line-height:1.8;max-width:260px;margin-top:16px}.tab-arrow{font-size:24px;transition:transform .3s}.selected .tab-arrow{transform:rotate(45deg)}.experience-image-wrap{position:relative;overflow:hidden;background:#142c3b;aspect-ratio:1.18}.experience-image-wrap img{width:100%;height:100%;object-fit:cover;transition:opacity .35s,transform .8s;filter:saturate(.5)}.experience-panel:hover img{transform:scale(1.035)}.image-index{position:absolute;bottom:20px;left:22px;color:white;font-size:10px;letter-spacing:.1em;text-shadow:0 2px 10px black}.experience-description{display:flex;gap:25px;align-items:center;justify-content:space-between;margin-top:24px}.experience-description p{font-size:12px;max-width:320px}.experience-description .circle-button{flex-shrink:0;width:40px;height:40px;font-size:20px}
.visit-section{padding:75px var(--gutter) 90px;background:#152f40}.visit-section .section-top{border-color:#dbe7ed26}.visit-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:65px 0 75px}.visit-heading h2{font-size:clamp(36px,3.9vw,66px)}.visit-arrow{font-size:100px;font-weight:300;line-height:1;transition:transform .4s}.visit-arrow:hover{transform:translate(7px,-7px)}.visit-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:7%}.visit-grid h3{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:400;margin-bottom:25px}.visit-grid p,.hours,.contact-link{font-size:12px;line-height:1.9;color:#cad7df}.visit-grid .text-link{margin-top:20px;font-size:8px;gap:20px}.hours{margin:0}.hours div{display:flex;gap:20px;justify-content:space-between}.hours dd{margin:0;white-space:nowrap}.visit-grid .small{font-size:9px;line-height:1.7;opacity:.75;margin-top:12px}.contact-link{display:block;margin-top:10px}.contact-link:hover{text-decoration:underline}footer{display:flex;gap:45px;align-items:center;justify-content:space-between;padding:45px var(--gutter);background:#0e2332;font-size:8px;line-height:1.8;color:#b8cad6}.footer-brand{font-size:20px;letter-spacing:.18em;color:var(--white);font-weight:300}footer button{font-size:8px;text-align:left}footer a:hover,footer button:hover{color:white}.scene-controls{position:fixed;bottom:40px;right:5.8%;z-index:30;display:flex;flex-direction:column-reverse;align-items:center;gap:19px;color:#e5edf3;mix-blend-mode:difference}.motion-button{height:30px;width:30px;border-radius:50%;font-size:13px}.progress-button{width:45px;height:45px;position:relative;display:grid;place-items:center;font-size:16px}.progress-button svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.progress-button circle{fill:none;stroke:currentColor;stroke-width:.8}.progress-track{opacity:.2}#progress-circle{stroke-dasharray:132;stroke-dashoffset:132;stroke-width:1.3}
dialog{border:0;color:inherit}dialog::backdrop{background:#03101bc9;backdrop-filter:blur(12px)}.menu-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100svh;max-height:none;padding:0;margin:0;background:#102a3b;color:#e8edf0}.menu-inner{min-height:100%;padding:60px var(--gutter);display:flex;flex-direction:column;justify-content:space-between}.menu-top{display:flex;justify-content:space-between;align-items:center}.menu-close{display:flex;align-items:center;gap:20px;font-size:10px;text-transform:uppercase}.menu-close span{font-size:30px;font-weight:300}.menu-dialog nav{padding:40px 0;display:flex;flex-direction:column}.menu-dialog nav a{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid #d6e3ec24;font-size:clamp(24px,3.2vw,52px);font-weight:300;letter-spacing:-.02em}.menu-dialog nav small{font-size:10px;margin-right:40px;opacity:.6}.menu-dialog nav a>span{margin-left:auto;font-size:30px;transition:transform .3s}.menu-dialog nav a:hover>span{transform:translate(5px,-5px)}.menu-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#c1d2dc}.info-dialog{background:var(--light);color:var(--ink);max-width:680px;width:calc(100% - 40px);padding:70px 65px;color-scheme:light}.info-dialog h2{font-size:32px;margin:0 0 30px}.info-dialog p,.info-dialog li{font-size:13px;line-height:1.9;margin:15px 0}.info-dialog a{text-decoration:underline;text-underline-offset:4px}.info-dialog ul{padding-left:18px}.info-close{position:absolute;right:20px;top:20px;width:32px;height:32px;font-size:20px}.info-dialog .small{font-size:10px;opacity:.75}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(28px);transition:opacity 1.1s,transform 1.1s}.js-motion .reveal.visible{opacity:1;transform:none}body.motion-paused *{animation-play-state:paused!important;scroll-behavior:auto!important}.motion-paused .reveal{opacity:1;transform:none}.motion-paused .cosmos-image{transform:none!important}
.book-object img{height:auto}
.hero-wordmark,.hero-subtitle{text-shadow:0 2px 24px #020a13a0}
@media(min-width:761px){.cosmos-shade{background:linear-gradient(90deg,#030c17b8 0%,#030c1799 36%,#030c1720 65%,transparent 80%),linear-gradient(0deg,#08131f 0%,transparent 13%,transparent 80%,#040d163f)}}
@keyframes scrollPulse{0%{top:-100%}70%,100%{top:100%}}
@media(min-width:1800px){.hero-identity{top:48%}.station-section{padding-top:180px}.book-layout{max-width:1350px;margin-left:auto;margin-right:auto}}
@media(max-width:1150px){:root{--gutter:7vw}.primary-nav{gap:20px}.site-header{padding-top:45px}.header-right{gap:24px}.hero h1{font-size:45px;letter-spacing:.17em}.hero-wordmark{gap:20px}.hero-subtitle{margin-left:95px}.brand-symbol{width:50px;height:50px}.book-layout{gap:8%}.book-art{height:510px}.book-object{width:225px}.hero-caption{max-width:200px;line-height:1.7;text-align:right}.point-label{display:none}.earth-copy{max-width:400px}.visit-grid{gap:5%}.scene-controls{right:2%}}
@media(max-width:760px){:root{--gutter:26px}.site-header{padding:28px var(--gutter) 18px}.site-header.scrolled{padding-top:18px;padding-bottom:18px}.primary-nav .nav-link:not(:first-child){display:none}.primary-nav .nav-link:first-child:after{display:none}.nav-link,.menu-button,.event-link{font-size:9px}.header-right{gap:22px}.event-link{display:none}.menu-button{gap:16px}.hero{min-height:620px}.cosmos-image{background-position:61% center;inset:-2% -28%;transform:scale(1.01)}.cosmos-shade{background:linear-gradient(90deg,#07131c99,transparent 80%),linear-gradient(0deg,#08131f,transparent 25%,transparent 90%,#08131f88)}.hero-identity{top:42%;transform:translateY(0);left:var(--gutter);right:var(--gutter)}.hero-kicker{font-size:8px;letter-spacing:.04em;margin-bottom:19px;max-width:220px;line-height:1.8}.hero h1{font-size:clamp(26px,6.2vw,45px);letter-spacing:.14em}.brand-symbol{width:36px;height:36px}.brand-divider{height:30px}.hero-wordmark{gap:12px}.hero-subtitle{margin-left:63px;font-size:11px;margin-top:17px;letter-spacing:0}.hero-bottom{bottom:42px;gap:18px}.scroll-link{font-size:8px;gap:11px;white-space:nowrap}.hero-caption{font-size:7px;max-width:135px;line-height:1.7}.station-section{min-height:900px;padding-top:95px;padding-bottom:250px;background:linear-gradient(90deg,#08131f77,transparent)}.station-copy h2{font-size:38px;line-height:1.2}.station-copy{max-width:260px}.station-copy>p:last-child{font-size:12px;margin-top:24px}.station-copy .eyebrow{font-size:8px;margin-bottom:24px}.station-points{top:310px;bottom:220px}.point-wheel{left:70%;top:12%}.point-power{left:35%;top:51%}.point-observatory{left:86%;top:72%}.station-point>span:first-child{min-width:35px;height:35px;font-size:9px}.station-detail{grid-template-columns:1fr 40px;gap:12px;bottom:40px;padding-top:20px}.detail-number{grid-column:1/-1;padding:0;font-size:9px}.station-detail h3{font-size:22px}.station-detail p{font-size:11px}.station-detail .circle-button{width:36px;height:36px}.section-top{align-items:flex-start;gap:18px}.section-top>.eyebrow{font-size:8px}.section-top>.eyebrow:last-child{text-align:right;max-width:120px}.book-section{padding-top:50px;padding-bottom:65px}.book-layout{grid-template-columns:1fr;gap:38px;margin-top:25px}.book-art{height:420px;max-width:420px;width:100%;margin:auto}.book-year{font-size:145px;top:12%;left:0}.book-object{width:190px}.book-caption{font-size:8px;bottom:0}.book-copy{max-width:500px}.book-copy h2{font-size:37px;margin-bottom:25px}.book-copy .lead{font-size:19px}.book-copy>p:not(.lead){font-size:12px}.earth-section{min-height:900px;padding-top:75px;padding-bottom:55px;display:flex;align-items:flex-start}.earth-copy{max-width:100%}.earth-copy h2{font-size:37px}.earth-copy .eyebrow{font-size:8px;margin-bottom:25px}.earth-copy>p:not(.eyebrow){font-size:12px;max-width:280px}.orbit-distance{margin-top:35px}.orbit-distance>span{font-size:38px}.earth-caption{font-size:8px;bottom:25px;right:26px}#earth-canvas{width:135%;height:66%;right:-36%;top:36%}.earth-orbit{width:110vw;height:75vw;top:53%;right:-30%}.earth-copy .text-link{margin-top:230px}.building-section{min-height:830px;padding-top:80px;padding-bottom:300px;align-items:flex-start}.building-image{object-position:68% center;transform:none}.building-shade{background:linear-gradient(180deg,#edf3f4ed,transparent 95%),linear-gradient(90deg,#edf3f490,transparent 70%)}.building-copy h2{font-size:37px}.building-copy>p:not(.eyebrow){font-size:12px;max-width:280px}.building-copy .eyebrow{font-size:8px;margin-bottom:25px}.building-copy .text-link{margin-top:16px}.building-bottom{bottom:35px;flex-direction:column;gap:7px}.building-bottom .eyebrow{font-size:8px}.explore-section{padding-top:50px;padding-bottom:65px}.explore-section>h2{font-size:38px;margin:42px 0 35px}.explore-layout{grid-template-columns:1fr;gap:35px}.experience-tab{padding:23px 0;grid-template-columns:20px 1fr 20px;gap:12px}.tab-title{font-size:21px}.tab-subtitle{font-size:11px;margin-top:9px;max-width:95%}.tab-number{padding-top:6px}.experience-image-wrap{aspect-ratio:1.25}.experience-description p{font-size:11px}.visit-section{padding-top:50px;padding-bottom:60px}.visit-heading{margin:42px 0 45px;align-items:flex-end;gap:8px}.visit-heading h2{font-size:32px}.visit-arrow{font-size:54px;margin-bottom:3px}.visit-grid{grid-template-columns:1fr;gap:35px}.visit-grid>div{padding-bottom:30px;border-bottom:1px solid #dfebee1f}.visit-grid>div:last-child{padding-bottom:0;border-bottom:0}.visit-grid h3{margin-bottom:14px}.visit-grid .text-link{margin-top:15px}.hours{max-width:350px}.visit-grid .small{max-width:300px}footer{padding-top:35px;padding-bottom:75px;display:grid;grid-template-columns:1fr 1fr;gap:25px 15px;font-size:8px}.footer-brand{font-size:19px}.back-top{text-align:right}.scene-controls{right:16px;bottom:18px;flex-direction:row-reverse;gap:10px}.progress-button{width:35px;height:35px}.motion-button{font-size:11px;background:#0a172c3a}.menu-inner{padding:27px 26px 40px}.menu-dialog nav{padding:35px 0}.menu-dialog nav a{padding:22px 0;font-size:26px}.menu-dialog nav small{margin-right:18px;font-size:8px}.menu-dialog nav a>span{font-size:25px}.menu-bottom{flex-direction:column;gap:12px;font-size:10px}.info-dialog{padding:70px 28px 35px}.info-dialog h2{font-size:27px}.info-dialog p,.info-dialog li{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.cosmos-image{will-change:auto}}
/* Animated 3D orbital scene, with the generated image retained as fallback. */
#space-scene{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.2s}
.has-three-scene #space-scene{opacity:1}
.has-three-scene .cosmos-image{opacity:0}
.has-three-scene .cosmos-shade{background:linear-gradient(90deg,#030b1466,transparent 45%),linear-gradient(0deg,#08131f,transparent 10%)}
.has-three-scene .station-points{top:0;bottom:0}
@media(max-width:760px){.has-three-scene .hero-identity{top:45%}.has-three-scene .station-points{top:0}.has-three-scene .station-copy{position:relative;z-index:2;pointer-events:none}.has-three-scene .station-section{background:linear-gradient(90deg,#08131f66,transparent)}}
/* One continuous scroll journey: orbit -> descent -> Vitanje -> six rooms. */
.journey{height:480svh;position:relative}
.journey-waypoint{position:absolute;width:1px;height:1px;pointer-events:none;left:0}
.waypoint-station{top:72svh}.waypoint-center{top:296svh}
.journey .journey-stage{position:sticky;top:0;height:100svh;margin:0;overflow:hidden;pointer-events:auto}
.journey .hero{position:absolute;inset:0;min-height:0;pointer-events:none}
.journey .hero a{pointer-events:auto}
.journey .station-section{position:absolute;inset:0;height:100svh;min-height:0;opacity:0;padding-top:16svh;pointer-events:none}
.journey .station-copy{max-width:430px}.journey .station-copy h2{font-size:clamp(33px,3.3vw,57px)}
.journey .station-detail{bottom:85px;pointer-events:auto}
.journey .station-points{inset:0}
.journey .station-section[inert] .station-points,.journey .station-section[inert] .station-detail{pointer-events:none}
#space-scene{pointer-events:none}
.arrival-scene{position:absolute;inset:0;opacity:0;pointer-events:none;background:#d8e6ed}
.arrival-scene>img{width:100%;height:100%;object-fit:cover;transform-origin:77% 63%;will-change:transform}
.arrival-shade{position:absolute;inset:0;background:linear-gradient(90deg,#eff4f5b0,transparent 70%),linear-gradient(0deg,#eaf0f24a,transparent 30%)}
.atmosphere-transition{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at 55% 60%,#ecf6ff,#8fbbdc 55%,#4f7da7);pointer-events:none;z-index:1}
.arrival-scene{z-index:2}.hero,.station-section,.descent-copy,.arrival-copy{z-index:3}
.descent-copy{position:absolute;left:var(--gutter);right:var(--gutter);top:39%;opacity:0;text-align:center;pointer-events:none;text-shadow:0 2px 20px #07111c77}
.descent-copy .eyebrow{margin-bottom:25px}.descent-copy h2{font-size:clamp(36px,4.4vw,75px)}
.arrival-copy{position:absolute;left:var(--gutter);top:29%;opacity:0;color:var(--ink);max-width:450px}
.arrival-copy .eyebrow{margin-bottom:26px}.arrival-copy h2{font-size:clamp(36px,3.8vw,66px)}
.arrival-copy p:not(.eyebrow){font-size:13px;margin-top:25px}.arrival-copy .text-link{margin-top:20px}
.journey-caption{position:absolute;z-index:5;bottom:34px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:20px;text-transform:uppercase;font-size:9px;letter-spacing:.07em;opacity:0;pointer-events:none;color:#c7d8e6}
.journey-caption.on-light{color:var(--ink)}
.gallery-journey{height:650svh;position:relative;background:#08131f}
.gallery-stage{position:sticky;top:0;height:100svh;overflow:hidden}
.gallery-images,.gallery-shade{position:absolute;inset:0}.gallery-images{background:#0a1824}
.gallery-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s;will-change:transform;filter:saturate(.55)}
.gallery-image.active{opacity:1}
.gallery-shade{background:linear-gradient(90deg,#020d1bd9,transparent 78%),linear-gradient(0deg,#040f1be8,transparent 55%),linear-gradient(180deg,#040f1b99,transparent 25%)}
.gallery-top{position:absolute;left:var(--gutter);right:var(--gutter);top:130px;display:flex;justify-content:space-between;gap:20px}
.gallery-top .eyebrow{font-size:9px}.room-copy{position:absolute;left:var(--gutter);right:var(--gutter);top:35%;max-width:680px}
.room-copy .eyebrow{margin-bottom:26px;font-size:9px;letter-spacing:.1em;color:#b0c8dc}
.room-copy h2{font-size:clamp(37px,4vw,68px);line-height:1.18;text-shadow:0 2px 25px #020d19b0}
.room-copy>p:not(.eyebrow){font-size:13px;margin-top:25px;max-width:380px;color:#d5e1ea}
.room-copy .text-link{margin-top:20px}
.room-navigation{position:absolute;left:var(--gutter);right:var(--gutter);bottom:72px;display:grid;grid-template-columns:repeat(6,1fr);gap:24px}
.room-step{position:relative;text-align:left;padding:20px 0;font-size:9px;border-top:1px solid #e0ebf133;opacity:.5;display:flex;gap:12px;transition:opacity .25s}
.room-step.active,.room-step:hover{opacity:1}.room-step i{position:absolute;top:-1px;height:1px;left:0;width:var(--room-progress,0%);background:#e6edf2}.room-step>span:first-child{font-size:9px}
.gallery-scroll-hint{position:absolute;bottom:33px;left:var(--gutter);font-size:8px;letter-spacing:.05em;text-transform:uppercase;opacity:.7}
@media(max-width:1100px){.room-navigation{gap:14px}.room-step{gap:7px;font-size:8px}.room-copy{max-width:570px}.gallery-top{top:110px}}
@media(max-width:760px){.journey{height:480svh}.waypoint-station{top:72svh}.waypoint-center{top:296svh}.journey .station-section{padding-top:105px;background:linear-gradient(90deg,#08131f55,transparent)}.journey .station-copy{max-width:300px}.journey .station-copy h2{font-size:32px}.journey .station-copy>p:last-child{font-size:11px;margin-top:20px}.journey .station-detail{bottom:84px}.journey .station-detail h3{font-size:18px}.journey .station-detail p{font-size:10px;max-width:270px}.journey-caption{bottom:30px;font-size:7px;line-height:1.6;right:75px}.journey-caption>span:last-child{text-align:right;max-width:170px}.descent-copy{top:35%;text-align:left}.descent-copy h2{font-size:34px}.descent-copy .eyebrow{font-size:8px;max-width:260px;line-height:1.8}.arrival-scene>img{object-position:66% center;transform-origin:73% 65%}.arrival-shade{background:linear-gradient(180deg,#edf4f6c4,transparent 95%),linear-gradient(90deg,#edf4f680,transparent 80%)}.arrival-copy{top:22%;right:26px;max-width:330px}.arrival-copy h2{font-size:36px}.arrival-copy .eyebrow{font-size:8px;max-width:230px}.arrival-copy p:not(.eyebrow){font-size:12px}.gallery-top{top:100px}.gallery-top .eyebrow{font-size:8px;max-width:220px}.room-copy{top:34%;}.room-copy h2{font-size:32px}.room-copy .eyebrow{font-size:8px;margin-bottom:20px;max-width:280px}.room-copy>p:not(.eyebrow){font-size:12px;max-width:290px}.room-copy .text-link{font-size:9px;margin-top:15px}.room-navigation{bottom:70px;gap:12px}.room-step{padding:17px 0;display:block}.room-step>span:last-of-type{display:none}.room-step>span:first-child{font-size:12px}.room-step.active>span:first-child{font-size:16px}.gallery-scroll-hint{font-size:7px;bottom:35px;max-width:220px}.gallery-image{object-position:center}.gallery-shade{background:linear-gradient(90deg,#020d1bcc,transparent 140%),linear-gradient(0deg,#040f1be8,transparent 70%)}}
@media(prefers-reduced-motion:reduce){.gallery-image,.arrival-scene>img{will-change:auto}}
.journey .journey-stage,.gallery-stage{overflow:clip}

/* Photographic station and geographically registered descent. */
.journey{height:640svh}.waypoint-center{top:454svh}
.solar-plate{position:absolute;inset:-2%;background:url('assets/space-sun-plate.png') left center/cover;will-change:transform;opacity:0}
.has-three-scene .solar-plate{opacity:1}
#geo-descent{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:1;pointer-events:none}
.geo-overlay{position:absolute;inset:0;opacity:0;z-index:2;pointer-events:none;text-shadow:0 2px 15px #000}
.destination-pin{position:absolute;top:50%;left:50%;font-size:10px;letter-spacing:.1em;white-space:nowrap}
.destination-pin i{position:absolute;width:22px;height:22px;left:-11px;top:-11px;border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 7px #fff2}
.destination-pin i:after{content:'';position:absolute;inset:7px;border-radius:50%;background:#fff}
.destination-pin span,.destination-pin small{display:block;margin-left:26px;transform:translateY(-7px)}
.destination-pin small{font-size:8px;letter-spacing:.02em;margin-top:7px;opacity:.8}
.geo-attribution{position:absolute;right:24px;bottom:65px;font-size:7px;pointer-events:auto;background:#03101b88;padding:5px 7px}
.descent-copy{top:26%;text-align:left}.descent-copy h2{font-size:clamp(36px,4vw,66px)}
.has-three-scene .cosmos-shade{background:linear-gradient(90deg,#030b1433,transparent 45%),linear-gradient(0deg,#08131f66,transparent 10%)}
.atmosphere-transition{z-index:2}.arrival-scene{z-index:3}.hero,.station-section,.descent-copy,.arrival-copy{z-index:4}
@media(max-width:760px){.journey{height:640svh}.waypoint-center{top:454svh}.descent-copy{top:25%}.solar-plate{background-position:left center}.destination-pin small{font-size:7px}.geo-attribution{bottom:85px;left:26px;right:auto;max-width:75%;font-size:6px}}

/* Slow independent motion keeps the Earth horizon alive without moving the sun. */
.solar-earth{position:absolute;inset:0;background:inherit;mask-image:linear-gradient(transparent 35%,#000 57%);-webkit-mask-image:linear-gradient(transparent 35%,#000 57%);transform-origin:65% 125%;will-change:transform}

/* Continuous camera dive from the existing photographic Earth horizon. */
.solar-plate{transform-origin:74% 86%}
#geo-descent{transform-origin:50% 55%;will-change:transform,opacity;backface-visibility:hidden}
.destination-pin{display:none}
.atmosphere-transition{inset:-20%;background:radial-gradient(ellipse at 64% 55%,#f0faff 0%,#dbeefaeb 28%,transparent 63%),radial-gradient(ellipse at 15% 70%,#f7fcff 0%,#d6e5efbf 33%,transparent 60%),linear-gradient(162deg,#5f8fa9 0%,#b8d9e9 52%,#f2f7f9 78%);filter:blur(12px);will-change:transform,opacity}

.geo-overlay{background:linear-gradient(180deg,#d6eaf2a6,transparent 45%,#08213226)}
