@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Mono:wght@400;700&display=swap";:root{color-scheme:dark;--bg:#080b14;--text:#efefe9;--muted:#8b939e;--accent:#c4d4ff;--line:rgba(176,194,236,.14);--mono:"Space Mono",monospace;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);transition:background .6s}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#82d6ed;color:#080b10}.hero{min-height:760px;height:100svh;max-height:1100px;position:relative;isolation:isolate;overflow:hidden}#world,.vignette{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.vignette{z-index:-1;pointer-events:none;background:linear-gradient(90deg,var(--bg) 0%,rgba(8,11,16,.93) 20%,rgba(8,11,16,.45) 47%,transparent 70%),linear-gradient(0deg,var(--bg),transparent 22%)}header{margin:0 5.5%;height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:32px;font-weight:700;letter-spacing:-2px}.brand-dot{color:var(--accent)}.domain{font-weight:450;color:#9ca6b0;font-size:23px;letter-spacing:-1px}nav{display:flex;gap:34px;font-size:12px}nav a{color:#aeb6c0;transition:color .2s}nav a:hover{color:#fff}nav span{color:var(--accent);margin-left:7px}.studio-status{font:9px var(--mono);color:#909aa4;letter-spacing:.6px;display:flex;align-items:center;gap:9px}.studio-status i,.live-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px #a8deff60;display:inline-block}.hero-copy{position:relative;margin:clamp(72px,11vh,135px) 0 130px 9%;width:57%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font:10px var(--mono);letter-spacing:1.7px;color:#9aa6b1;display:flex;align-items:center;gap:12px}.little-cross{font-size:19px;color:var(--accent);font-weight:400}h1{font-size:clamp(58px,6.3vw,100px);line-height:1.04;letter-spacing:-5px;font-weight:450;margin:24px 0 28px}h1 em{font-weight:400;font-style:normal;color:var(--accent)}.hero-copy p{font-size:16px;color:#949ea9;line-height:1.75;margin-bottom:31px}.primary-link{display:inline-flex;align-items:center;gap:38px;border-bottom:1px solid #6f9cad;padding:0 0 12px;font-size:13px}.primary-link span{font-size:20px;color:var(--accent);transition:transform .2s}.primary-link:hover span{transform:translate(3px,-3px)}.specimen-label{position:absolute;right:8%;top:29%;display:flex;gap:12px;font:8px var(--mono);letter-spacing:1px;color:#677b8e;pointer-events:none}.specimen-cross{font-size:18px;margin-top:-6px}.hero-bottom{position:absolute;bottom:34px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:22px}.world-caption,.scroll-link{font:8px var(--mono);letter-spacing:1px;color:#85929e;display:flex;align-items:center;gap:11px}.world-caption button{border:1px solid #33414c;background:#101821aa;border-radius:3px;width:25px;height:25px;font-size:10px;color:#9aadb9}.scroll-link span{font-size:17px;margin-left:10px}.coordinate{position:absolute;right:4%;top:53%;font:8px var(--mono);color:#4e6577;writing-mode:vertical-rl;letter-spacing:3px}.work{padding:95px 9% 105px;border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1fr 1.2fr;align-items:end;column-gap:50px}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:27px}h2{font-size:clamp(34px,3.6vw,54px);font-weight:450;letter-spacing:-2px;line-height:1.12;margin:0}.section-heading p{color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 3px}.services{margin-top:48px;border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:45px 1fr 1.15fr;gap:24px;align-items:start;padding:35px 0;border-bottom:1px solid var(--line)}.service-number{font:11px var(--mono);color:var(--accent);padding-top:6px}.service h3{font-size:23px;font-weight:450;letter-spacing:-.65px;margin:0 0 13px}.service-tags{font:8px var(--mono);color:#85929e;letter-spacing:.8px;line-height:1.8;display:block}.service p{font-size:14px;color:var(--muted);line-height:1.85;margin:0;max-width:440px}.studio{padding:75px 9% 90px;display:grid;grid-template-columns:1fr 2fr .7fr;gap:40px;border-top:1px solid var(--line);align-items:start}.studio .eyebrow{font-size:9px;padding-top:10px;white-space:nowrap}.studio h2 span{color:var(--accent)}.studio p{color:var(--muted);font-size:14px;line-height:1.85;max-width:470px;margin-top:25px}.io-mark{font:14px var(--mono);color:#72818f;display:flex;gap:15px;align-items:center;padding-top:50px}.io-mark span{font-size:35px;color:var(--accent)}footer{margin:0 5.5%;padding:28px 0 35px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}footer>span,footer>a:last-child{font:8px var(--mono);letter-spacing:1px;color:#798692}footer .wordmark{font-size:25px}footer .domain{font-size:18px}@media(min-width:1600px){.hero-copy{margin-top:14vh}}@media(max-width:1000px){.studio-status{display:none}.hero-copy{margin-left:7%;width:75%}h1{letter-spacing:-3px}.specimen-label{right:7%;top:24%;font-size:7px}.studio{grid-template-columns:1fr 2fr}.io-mark{display:none}.section-heading{grid-template-columns:1fr 1fr}.work{padding-left:7%;padding-right:7%}}@media(max-width:600px){.hero{height:850px;min-height:760px;max-height:calc(100svh + 160px)}header{height:86px;margin:0 6%}nav{gap:20px;font-size:11px}.wordmark{font-size:29px}.hero-copy{margin:87px 6% 0;width:90%}h1{font-size:57px;letter-spacing:-3.5px;line-height:1.06;margin-top:23px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.3px}.hero-copy p{font-size:14px;line-height:1.7}.hero-copy .primary-link{font-size:12px}.vignette{background:linear-gradient(90deg,#080b10dd,#080b1050 70%,transparent),linear-gradient(0deg,#080b10,transparent 35%)}.specimen-label{top:auto;bottom:135px;right:7%;font-size:7px}.hero-bottom{bottom:24px;left:6%;right:6%;gap:10px}.world-caption{font-size:6px;letter-spacing:.4px;gap:6px}.scroll-link{font-size:0;gap:0}.scroll-link span{font-size:20px}.coordinate{display:none}.work{padding:58px 6%}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:23px}.section-heading h2{font-size:39px}.section-heading p{margin-top:23px;font-size:13px}.studio{padding:45px 6%;display:block}.studio .eyebrow{margin-bottom:28px}.studio h2{font-size:40px}.studio p{font-size:13px}footer{margin:0 6%;flex-wrap:wrap;gap:25px}footer>span{display:none}footer>a:last-child{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}@media(max-width:1000px){.service{grid-template-columns:30px 1fr 1.1fr;gap:18px}.service h3{font-size:21px}.service p{font-size:13px}}@media(max-width:600px){.hero-copy p{max-width:340px}.desktop-break{display:none}.services{margin-top:32px}.service{grid-template-columns:24px 1fr;gap:10px 14px;padding:27px 0}.service h3{font-size:22px;margin-bottom:9px}.service p{grid-column:2;font-size:13px;margin-top:6px}.service-tags{font-size:7px;letter-spacing:.5px}}.vignette{background:linear-gradient(90deg,#080b14 0%,#080b14e0 27%,#080b1460 48%,transparent 65%),linear-gradient(0deg,#080b14,transparent 20%)}.specimen-label{top:24%;right:8%;font-size:7px;opacity:.65}.nebula-map{position:absolute;inset:0;pointer-events:none}.nebula-map[hidden]{display:none}.service-star{position:absolute;transform:translate(-50%,-50%);width:48px;height:48px;border:0;border-radius:50%;background:transparent;pointer-events:auto;padding:0;z-index:2}.service-star[hidden]{display:none}.star-reticle{position:absolute;inset:8px;border:1px solid #baceff50;border-radius:50%;transition:transform .3s,border-color .3s,box-shadow .3s}.service-star:hover .star-reticle,.service-star:focus-visible .star-reticle{transform:scale(1.3);border-color:#d2deff;box-shadow:0 0 24px #abc5ff50}.star-label{position:absolute;left:46px;top:16px;font-size:11px;white-space:nowrap;color:#c1cce1;text-shadow:0 2px 10px #000,0 0 6px #080b14;transition:color .2s}.star-label small{font:8px var(--mono);color:#8798ba;display:block;letter-spacing:1px;margin-bottom:5px}.service-star:hover .star-label{color:#fff}.hero-copy{transition:opacity .55s,transform .65s}.hero[data-exploring=true] .hero-copy{opacity:0;transform:translateY(-15px);pointer-events:none}.hero[data-exploring=true] .hero-copy a{pointer-events:none}.constellation-panel{position:absolute;left:9%;top:32%;width:34%;max-width:460px;z-index:2}.constellation-panel[hidden]{display:none}.constellation-panel h2{font-size:clamp(36px,4.3vw,65px);line-height:1.06;letter-spacing:-2.5px;margin:27px 0 23px;font-weight:450;outline:none}.constellation-tags{font:8px var(--mono);letter-spacing:1px;line-height:1.8;color:var(--accent)}.constellation-panel p{color:#a0adbf;font-size:15px;line-height:1.85;margin:25px 0 35px;max-width:360px}.constellation-navigation{display:flex;gap:25px;align-items:center}.constellation-navigation button{padding:0 0 10px;border:0;border-bottom:1px solid #788eae70;background:transparent;font-size:11px;color:#c9d6eb;text-align:left}.constellation-next{color:#8e9db5!important}@media(max-width:1000px){.star-label{font-size:9px;left:38px}.constellation-panel{left:7%;width:37%}.constellation-navigation{gap:18px;flex-wrap:wrap}}@media(max-width:600px){.hero{height:940px;max-height:none}.hero-copy{margin-top:50px}h1{font-size:48px}.hero-copy p{max-width:300px;font-size:13px}.specimen-label{top:auto;bottom:110px;font-size:6px}.star-label{font-size:8px;left:34px;top:19px}.star-label small{font-size:6px;margin-bottom:3px}.constellation-panel{top:18%;left:6%;width:88%;max-width:380px}.constellation-panel h2{font-size:39px;margin:20px 0 15px}.constellation-panel p{font-size:13px;margin:18px 0 20px;max-width:320px}.constellation-panel .eyebrow{font-size:8px}.constellation-tags{font-size:7px}.constellation-navigation button{font-size:10px}}.star-label-left{left:auto;right:46px;text-align:right}@media(max-width:1000px){.star-label-left{left:auto;right:38px}}@media(max-width:600px){.star-label-left{left:auto;right:34px}}
