@font-face{font-family:Aneldur;src:url('/assets/space-grotesk.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:dark;--bg:#030914;--text:#f0f5ff;--muted:#9aaac0;--line:rgba(144,185,226,.17);--ice:#91dcff;--font:Aneldur,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--ice);outline-offset:7px}::selection{background:#286b96;color:#fff}.skip{position:fixed;z-index:10;top:-5rem;left:1rem;padding:1rem;background:#132b43}.skip:focus{top:1rem}.site-shell{max-width:1800px;margin:auto;overflow:hidden}.header{height:112px;margin:0 6.3%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center}.brand img{filter:drop-shadow(0 0 13px #65bfff20)}.wordmark{font-size:29px;font-weight:500;line-height:1;letter-spacing:-1.3px}.brand-sub{display:block;font-size:10px;letter-spacing:4.8px;line-height:1;margin:7px 0 0 3px;font-weight:400;color:#aebfd3}nav{display:flex;align-items:center;gap:37px}nav a{font-size:14px;color:#aebbd0;transition:color .2s}nav a:hover{color:#fff}.nav-star{display:inline-block;color:var(--ice);margin-left:11px;font-size:20px;vertical-align:-2px}.hero{min-height:690px;height:min(720px,calc(100svh - 112px));position:relative;isolation:isolate;display:flex;align-items:center;margin-top:-1px}.art{position:absolute;inset:-45px -9% -30px 8%;z-index:-2;pointer-events:none;will-change:transform;transform:translate3d(var(--px,0px),var(--py,0px),0);transition:transform 1.5s ease-out}.art img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.87;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 75%,transparent)}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--bg) 0%,rgba(3,9,20,.95) 13%,rgba(3,9,20,.6) 38%,rgba(3,9,20,.04) 63%);pointer-events:none}.hero-copy{padding:0 6.3% 40px;width:100%;animation:arrive 1.2s both}.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:2.2px;color:#9bb6cc;margin:0 0 29px}.tiny-orbit{display:inline-block;border:1px solid #72bee8;width:15px;height:15px;border-radius:50%;position:relative;transform:rotate(-35deg)}.tiny-orbit:after{content:"";position:absolute;border:1px solid #72bee8;border-radius:50%;inset:4px -5px}h1{font-size:clamp(48px,5.5vw,83px);font-weight:400;line-height:1.08;letter-spacing:-4px;margin:0 0 28px;max-width:820px}h1 span{color:var(--ice);background:linear-gradient(100deg,#c3ecff,#6aafdf);background-clip:text;-webkit-text-fill-color:transparent}.intro{font-size:17px;line-height:1.75;color:#a2b2c7;margin:0 0 32px;max-width:430px}.explore{display:inline-flex;align-items:center;gap:12px;padding:14px 20px;font-size:14px;background:linear-gradient(115deg,rgba(108,178,224,.12),rgba(63,105,157,.03));border:1px solid rgba(145,220,255,.33);border-radius:4px;transition:background .25s,border-color .25s;min-height:48px}.explore:hover{background:rgba(108,178,224,.2);border-color:#91dcff}.button-orbit{width:14px;height:14px;border:1px solid var(--ice);border-radius:50%;position:relative}.button-orbit:after{content:"";position:absolute;width:4px;height:4px;background:var(--ice);border-radius:50%;top:0;left:0;box-shadow:0 0 8px #7dcfff}.hero-foot{position:absolute;bottom:34px;left:6.3%;right:6.3%;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:2px;color:#627b96}.coordinates{display:flex;align-items:center;gap:13px}.coordinates i{width:48px;height:1px;background:linear-gradient(90deg,#5ea1c7,transparent)}.spaces{display:grid;grid-template-columns:1fr 1fr;margin:0 6.3%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;background:linear-gradient(135deg,rgba(18,41,69,.16),transparent)}.space{padding:35px 42px 37px;scroll-margin-top:40px}.space+.space{border-left:1px solid var(--line)}.space-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.index{font-size:12px;letter-spacing:1.7px;color:#7ba4c6}.space-top svg{width:27px;height:27px;stroke:#8bc6e9;stroke-width:1.1;stroke-linecap:round}.space h2{font-size:26px;font-weight:400;letter-spacing:-.7px;margin:0 0 13px}.space p{font-size:15px;line-height:1.75;color:var(--muted);margin:0}footer{margin:0 6.3%;min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#73879f;font-size:12px}footer .footer-brand{font-size:12px;letter-spacing:1.8px;color:#a5b4c8}footer .footer-brand span{letter-spacing:0;margin-left:9px;color:#63788f}footer a{font-size:10px;letter-spacing:1.7px;white-space:nowrap}footer a span{font-size:19px;color:#91dcff;vertical-align:-2px;margin-left:8px}@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero{min-height:760px}.art{inset:-30px -3% -30px 10%}}
@media(max-width:1000px){.header{height:96px}.hero{min-height:640px;height:auto}.art{inset:5px -20% 0 0}.hero:before{background:linear-gradient(90deg,var(--bg),rgba(3,9,20,.87) 25%,rgba(3,9,20,.18) 75%)}h1{font-size:60px;letter-spacing:-3px}.hero-copy{padding-bottom:50px}.space{padding-inline:28px}footer{flex-wrap:wrap;justify-content:space-between;padding:26px 0;gap:18px}footer>span:nth-child(2){order:3;flex-basis:100%;font-size:12px}}
@media(max-width:640px){.header{height:90px;margin:0 7%}.brand{gap:9px}.brand img{width:35px;height:35px}.wordmark{font-size:25px}.brand-sub{font-size:9px;letter-spacing:3.8px}nav{gap:0}nav a:first-child{display:none}nav a{font-size:12px}.nav-star{font-size:16px;margin-left:7px}.hero{min-height:800px;display:block}.art{inset:220px -48% 5px -39%;transform:none!important}.art img{opacity:.95;object-fit:contain;mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 80%,transparent)}.hero:before{background:linear-gradient(to bottom,var(--bg),rgba(3,9,20,.85) 20%,rgba(3,9,20,.05) 54%,transparent 80%)}.hero-copy{padding:53px 7% 0}.eyebrow{font-size:10px;letter-spacing:1.7px;gap:11px;margin-bottom:24px}h1{font-size:clamp(36px,9.2vw,58px);line-height:1.1;letter-spacing:-1.8px;margin-bottom:22px}.intro{font-size:15px;line-height:1.7;max-width:330px;margin-bottom:24px}.desktop-br{display:none}.explore{padding:12px 17px;font-size:13px;min-height:46px}.hero-foot{left:7%;right:7%;bottom:27px;font-size:9px;letter-spacing:1.5px}.coordinates{gap:6px}.coordinates i{width:20px}.spaces{grid-template-columns:1fr;margin:0 7%}.space,.space+.space{padding:28px 20px 30px;border-left:0}.space+.space{border-top:1px solid var(--line)}.space-top{margin-bottom:18px}.space h2{font-size:25px}.space p{font-size:15px}.index{font-size:11px}.space-top svg{width:25px;height:25px}footer{margin:0 7%;padding:26px 0 30px;row-gap:22px}footer>span:nth-child(2){font-size:11px;line-height:1.6;max-width:290px}footer a{font-size:8px;letter-spacing:1px}footer .footer-brand{font-size:11px}footer .footer-brand span{font-size:10px;margin-left:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-copy{animation:none}.art{transform:none;transition:none}*{transition:none!important}}
.space p{font-size:1rem}.index,.eyebrow,.hero-foot{font-size:.75rem}footer a{font-size:.75rem;letter-spacing:1px}footer>span:nth-child(2){font-size:.75rem}
@media(max-width:640px){.art{inset:235px -10% 45px -46%}.intro{font-size:1rem}.explore,nav a{font-size:.875rem}.eyebrow{letter-spacing:1.2px}.hero-foot{font-size:.75rem;letter-spacing:.6px}.coordinates{display:none}.index{font-size:.75rem}footer a{font-size:.75rem;letter-spacing:.5px}footer .footer-brand,footer .footer-brand span{font-size:.75rem}}

/* Visual refresh: light, depth and restrained orbital motion. */
body{background:radial-gradient(ellipse at 72% 25%,#0a2240 0%,#030914 43%,#020710 100%)}
.site-shell{position:relative;background:linear-gradient(180deg,rgba(5,15,29,.15),rgba(2,7,16,.74))}
.header{border-color:rgba(128,210,255,.2)}
.header:after{content:"";position:absolute;left:0;bottom:-1px;width:90px;height:1px;background:linear-gradient(90deg,#8be6ff,transparent);box-shadow:0 0 16px #65c9ff}
.brand img{filter:drop-shadow(0 0 15px rgba(84,193,255,.45))}
nav a{position:relative;padding:12px 0;color:#bbcde0;transition:color .25s}
nav a:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:1px;background:#79dcff;transform:scaleX(0);transform-origin:left;transition:transform .25s}
nav a:hover:after,nav a:focus-visible:after{transform:scaleX(1)}
.hero{overflow:hidden}
.hero:before{background:linear-gradient(90deg,#030914 0%,rgba(3,9,20,.94) 18%,rgba(3,9,20,.54) 43%,rgba(3,9,20,.05) 68%)}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(180deg,transparent 82%,#030914 100%),radial-gradient(ellipse at 77% 52%,rgba(46,138,205,.12),transparent 42%)}
.art{isolation:isolate}
.art img{opacity:1;filter:contrast(1.04) saturate(1.14)}
.art:before,.art:after{content:"";position:absolute;pointer-events:none;z-index:1;border-radius:50%;border:1px solid rgba(118,211,255,.18);box-shadow:0 0 30px rgba(77,191,255,.05),inset 0 0 28px rgba(77,191,255,.04)}
.art:before{width:min(38vw,570px);height:min(38vw,570px);left:53%;top:50%;transform:translate(-50%,-50%);animation:orbit-breathe 7s ease-in-out infinite}
.art:after{width:min(48vw,710px);height:min(21vw,300px);left:53%;top:50%;transform:translate(-50%,-50%) rotate(-25deg);border-color:rgba(118,211,255,.1)}
.hero-copy{padding-bottom:28px}
.eyebrow{color:#a0dafa;letter-spacing:2.5px}
h1{font-size:clamp(52px,5.8vw,88px);line-height:1.04;letter-spacing:-.055em;text-shadow:0 0 32px rgba(89,167,225,.08)}
h1 span{background:linear-gradient(100deg,#ddf7ff 0%,#8bdcff 48%,#559ad5 100%);background-clip:text;-webkit-text-fill-color:transparent}
.intro{color:#b3c4d8;margin-bottom:0}
.hero-foot{color:#91aac1}
.coordinates i{width:72px;background:linear-gradient(90deg,#80d8ff,transparent);box-shadow:0 0 9px rgba(99,195,255,.6)}
.spaces{gap:16px;border:0;background:none}
.space,.space+.space{position:relative;overflow:hidden;border:1px solid rgba(139,202,239,.18);background:linear-gradient(135deg,rgba(27,61,91,.35),rgba(7,18,32,.52) 58%,rgba(8,26,45,.3));transition:border-color .3s,background .3s}
.space:before{content:"";position:absolute;top:-1px;left:0;width:72px;height:2px;background:linear-gradient(90deg,#8ee5ff,rgba(142,229,255,0));box-shadow:0 0 14px rgba(110,215,255,.5)}
.space:after{content:"";position:absolute;right:0;bottom:0;width:58px;height:58px;background:linear-gradient(135deg,transparent 48.5%,rgba(133,213,255,.1) 49%,rgba(133,213,255,.1) 50%,transparent 50.5%);pointer-events:none}

.space-top{border-bottom:1px solid rgba(140,203,235,.12);padding-bottom:18px}
.space-top svg{stroke:#9bddff;filter:drop-shadow(0 0 8px rgba(103,202,255,.35))}
.space h2{font-size:clamp(24px,2.3vw,31px);letter-spacing:-.035em}
.space p{color:#aabed1}
footer{border-top:1px solid rgba(125,194,234,.12);margin-top:30px}
.footer-note{font-size:.75rem;letter-spacing:1px;white-space:nowrap}
.footer-note span{font-size:19px;color:#91dcff;vertical-align:-2px;margin-left:8px}
@keyframes orbit-breathe{0%,100%{opacity:.42;transform:translate(-50%,-50%) scale(.97)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.03)}}
@media(max-width:1000px){.hero:before{background:linear-gradient(90deg,#030914,rgba(3,9,20,.87) 29%,rgba(3,9,20,.12) 76%)}.art:before{width:55vw;height:55vw}.art:after{width:65vw;height:29vw}}
@media(max-width:640px){
 .header{gap:12px}.header nav{gap:14px}nav a:first-child{display:block}nav a{font-size:12px}.nav-star{margin-left:5px}
 .hero{min-height:740px}.hero:before{background:linear-gradient(to bottom,#030914,rgba(3,9,20,.84) 27%,rgba(3,9,20,.08) 57%,transparent 80%)}
 .hero:after{background:linear-gradient(180deg,transparent 78%,#030914 100%),radial-gradient(ellipse at 52% 65%,rgba(46,138,205,.12),transparent 48%)}
 .hero-copy{padding-top:53px}.art{inset:205px -10% 30px -46%}.art:before{width:75vw;height:75vw}.art:after{width:86vw;height:38vw}
 h1{font-size:clamp(36px,9.2vw,58px);letter-spacing:-.045em}.intro{max-width:330px}
 .spaces{gap:12px}.space,.space+.space{padding:26px 20px 29px;border:1px solid rgba(139,202,239,.18)}.space-top{padding-bottom:14px}
 footer{margin-top:24px}.footer-note{font-size:.7rem;letter-spacing:.4px}
}
@media(max-width:370px){.header nav{gap:8px}nav a{font-size:11px}.nav-star{display:none}.brand img{width:30px;height:30px}.wordmark{font-size:22px}.brand-sub{letter-spacing:3px}}
@media(prefers-reduced-motion:reduce){.art:before{animation:none}.space,nav a,nav a:after{transition:none}}

/* A shared architectural mark and quiet movement. */
.brand img{animation:mark-light 8s ease-in-out infinite}
.art img{animation:portal-drift 10s ease-in-out infinite;transform-origin:center}
.art:after{animation:orbit-light 11s ease-in-out infinite}
.hero-foot .coordinates i{animation:signal-glow 6s ease-in-out infinite}
@keyframes portal-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes mark-light{0%,100%{filter:drop-shadow(0 0 8px rgba(84,193,255,.24))}50%{filter:drop-shadow(0 0 16px rgba(107,212,255,.55))}}
@keyframes orbit-light{0%,100%{opacity:.45;transform:translate(-50%,-50%) rotate(-25deg)}50%{opacity:.8;transform:translate(-50%,-50%) rotate(-22deg)}}
@keyframes signal-glow{0%,100%{opacity:.55}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.brand img,.art img,.art:after,.hero-foot .coordinates i{animation:none}}
.orbit-trace{position:absolute;left:53%;top:50%;width:min(48vw,710px);height:min(21vw,300px);transform:translate(-50%,-50%) rotate(-25deg);pointer-events:none;z-index:2}
.orbit-trace:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#d7f6ff;box-shadow:0 0 5px 2px #85dcff,0 0 18px 4px rgba(65,173,255,.6);offset-path:ellipse(50% 50% at 50% 50%);animation:orbit-travel 22s linear infinite}
@keyframes orbit-travel{to{offset-distance:100%}}
@media(max-width:1000px){.orbit-trace{width:65vw;height:29vw}}
@media(max-width:640px){.orbit-trace{width:86vw;height:38vw}}
@media(prefers-reduced-motion:reduce){.orbit-trace:after{animation:none;opacity:0}}
/* The light path and artwork share the same image coordinates at every viewport. */
.art img{animation:none}
.art:before,.art:after{display:none}
.orbit-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
@media(prefers-reduced-motion:reduce){.orbit-overlay .orbit-light{display:none}}
/* Keep the complete orbital mark in view and align its light with the artwork. */
.art{inset:-30px 0 -30px}
.art img{object-fit:contain}
@media(max-width:640px){.art{inset:205px -10% 30px -46%}}