*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:#0a0f24;color:#fff;font-family:Inter,sans-serif}button,a,input,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0}a{text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid #00ffcc;outline-offset:5px}.navbar{position:fixed;top:24px;left:50%;translate:-50% 0;transform:translateY(-120px);opacity:0;width:calc(100% - 40px);max-width:900px;border-radius:100px;background:#0a0f24f2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid #ffffff0d;padding:14px 24px;display:flex;align-items:center;gap:32px;z-index:50;overflow:hidden}.navbar>video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.6;pointer-events:none}.navbar>a,.navbar>div,.navbar>button{position:relative}.navbar>a{font:600 28px Cormorant Garamond;margin-right:auto}.navlinks{display:flex;gap:24px;font-size:12px}.start{background:#0fc;color:#112024;border-radius:50px;padding:13px 24px;font-size:12px;font-weight:500}.start:hover{scale:1.03}.burger{display:none}.hero{position:relative;height:100svh;min-height:600px;background:linear-gradient(#0a0f24,#1a2b4c 65%,#fff);overflow:hidden}.stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#fff9 1px,transparent 1px),radial-gradient(circle,#fff4 1px,transparent 1px);background-size:139px 157px,233px 211px;background-position:24px 15px,100px 80px}.hero h1{position:absolute;inset:12% 0 auto;text-align:center;font:300 clamp(4rem,10vw,12rem)/.85 "Cormorant Garamond";letter-spacing:-.05em;z-index:3}.hero .t2,.hero .t3{opacity:0}.hero .t3{color:#112024}.astronaut{position:absolute;left:50%;top:15%;translate:-50% 0;width:min(48vw,650px);height:78%;object-fit:contain;z-index:4;filter:drop-shadow(0 30px 30px #0004)}.clouds{position:absolute;bottom:-20%;left:-10%;width:120%;height:55%;object-fit:cover;z-index:5;-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent)}.herofooter{position:absolute;bottom:30px;left:50%;translate:-50% 0;z-index:7;display:flex;align-items:center;flex-direction:column;gap:10px;color:#0a0f24}.herofooter b{font:600 60px Cormorant Garamond}.herofooter small{font-size:8px;letter-spacing:.2em}.services{background:#fff;color:#112024;padding:120px max(24px,calc((100vw - 1280px)/2));position:relative}.eyebrow{font-size:10px;letter-spacing:.25em;font-weight:600;color:#0fc}h2{font:400 clamp(3.5rem,6vw,7rem)/.9 "Cormorant Garamond";letter-spacing:-.04em}.services>.eyebrow{color:#667479;margin-bottom:30px}.servicegrid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;margin-top:64px}.service{position:relative;min-height:330px;border-radius:32px;background:#0a0f24;color:#fff;overflow:hidden;padding:40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.service:nth-child(3){background:#050814}.service>video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s}.service:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent,#0a0f24 90%);pointer-events:none}.service:hover>video{opacity:.6}.service>*:not(video){position:relative;z-index:2}.service h3{font:400 44px Cormorant Garamond;margin:28px 0 12px}.service p{font-size:13px;line-height:1.7;color:#fffc;max-width:400px}.service svg{transition:transform .4s}.service:hover svg{transform:scale(1.1) rotate(8deg)}.work{position:relative;min-height:100svh;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:100px max(24px,calc((100vw - 1280px)/2));overflow:hidden}.gallery,.projectcopy{position:relative}.gallery>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:20px;background:#1a2b4c}.thumbs{display:flex;gap:12px;overflow:auto;scrollbar-width:none;margin-top:20px;padding:5px}.thumbs button{flex-shrink:0;background:none;width:85px;height:60px;border-radius:8px;overflow:hidden;border:2px solid transparent}.thumbs button.active{border-color:#0fc;box-shadow:0 0 12px #0fc5}.thumbs img{width:100%;height:100%;object-fit:cover}.projectcopy .eyebrow{margin-bottom:26px}.projectcopy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#fffc;margin:30px 0;max-width:400px}.projectcopy>button{background:none;display:flex;gap:20px;align-items:center;font-size:14px}.projectcopy>button span{border:1px solid #fff5;border-radius:50%;padding:12px;transition:transform .3s}.projectcopy>button:hover span{transform:translate(8px)}footer{min-height:100svh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:80px 24px}footer>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.1;mix-blend-mode:screen;pointer-events:none}footer>small{font-size:9px;letter-spacing:.25em;text-align:center}footer>button{font:300 clamp(5rem,14vw,15rem) "Cormorant Garamond";background:none;display:flex;align-items:center;gap:20px}footer>button svg{width:10vw;height:10vw}footer>div{position:absolute;bottom:40px;left:5%;right:5%;display:flex;gap:30px;align-items:center;font-size:9px;letter-spacing:.15em}footer>div span{margin-right:auto}footer>div button{background:none;font-size:9px;letter-spacing:.15em}dialog{margin:auto;background:#0a0f24;border:1px solid #fff3;border-radius:28px;padding:36px;color:#fff;max-width:min(650px,90vw);max-height:90svh;overflow:auto}dialog::backdrop{background:#000a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}dialog h2{font-size:60px;margin:30px 0}dialog p{font-size:14px;color:#aab5c9;line-height:1.7;margin-bottom:24px}dialog input,dialog textarea{width:100%;background:#ffffff0a;border:1px solid #fff3;padding:14px;border-radius:12px;margin-bottom:16px}dialog img{width:100%;border-radius:12px}.close{float:right;background:none}@media(max-width:767px){.hero h1{font-size:16vw;top:24%}.astronaut{width:80vw;top:25%;height:60%}.clouds{height:45%;bottom:-10%}.herofooter b{font-size:44px}.services{padding:80px 24px}.servicegrid{grid-template-columns:1fr;gap:20px;margin-top:40px}.service{min-height:300px;padding:28px}.service h3{font-size:36px}.work{grid-template-columns:1fr;gap:40px;padding:90px 24px}.projectcopy{padding-bottom:40px}.navbar{top:16px;padding:10px 18px;overflow:visible}.navbar>video{border-radius:100px}.navlinks{display:none}.navlinks.open{display:flex;position:fixed;left:-1px;right:-1px;top:70px;flex-direction:column;padding:32px;border-radius:24px;background:#0a0f24f2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.burger{display:block;background:none}.navbar .start{padding:10px 14px;font-size:10px}.navbar{gap:12px}.navbar>a{font-size:23px}footer>div{flex-wrap:wrap;gap:16px}footer>div span{width:100%}dialog h2{font-size:44px}}@media(prefers-reduced-motion:reduce){.navbar{transform:none;opacity:1}.hero .t2,.hero .t3{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.whiteout{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;z-index:1;pointer-events:none}.astro-entry,.astro-entry>img{width:100%;height:100%;object-fit:contain}.navbar:has(video[data-failed]){background:radial-gradient(ellipse at 30% 50%,#254766,#0a0f24 70%)}.service:has(video[data-failed]):before{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:radial-gradient(ellipse at 30% 35%,#2b8c8caa,transparent 45%),radial-gradient(ellipse at 70% 60%,#32539cbb,transparent 50%);opacity:0;transition:opacity .6s;animation:nebulaDrift 8s ease-in-out infinite alternate;pointer-events:none}.service:has(video[data-failed]):hover:before{opacity:.8}@keyframes nebulaDrift{0%{transform:translate(-3%,-2%) rotate(-5deg)}to{transform:translate(5%,4%) rotate(8deg)}}.service video[data-failed],.navbar video[data-failed]{display:none}@media(prefers-reduced-motion:reduce){.service:before{animation:none!important}}.navbar .local-nebula,.service .local-nebula{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% 70%,#7636c888,transparent 60%),radial-gradient(ellipse at 80% 20%,#203fae99,transparent 55%),#090617;background-size:180% 180%;animation:nebula-drift 12s ease-in-out infinite alternate}.navbar,.service{isolation:isolate}.service .local-nebula{opacity:0;transition:opacity .5s}.service:hover .local-nebula{opacity:1}@keyframes nebula-drift{to{background-position:100% 60%}}@media(prefers-reduced-motion:reduce){.local-nebula{animation:none!important}}.pin-spacer{max-width:100%}.hero{width:100vw!important;max-width:100vw!important;height:100svh!important;max-height:100svh!important}.gallery,.projectcopy,.servicegrid,.service{min-width:0}.gallery>img{max-width:100%}