:root{color-scheme:dark;--bg:#0d0b18;--text:#f0eaf8;--muted:#b6abc8;--lavender:#d1b2f6;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;background:var(--bg);color:var(--text);font-family:var(--sans)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:radial-gradient(ellipse at 30% 20%,#27183b,transparent 65%)}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--lavender);outline-offset:7px}::selection{background:#ab88d6;color:#110b1b}h1,h2,h3,p{margin:0}.skip-link{position:fixed;top:-100px;left:20px;padding:15px;background:var(--lavender);color:#110b1b;z-index:50}.skip-link:focus{top:12px}#starfield{position:fixed;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}.vignette{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,#0d0b1844 80%,#0d0b18aa)}
.header{position:fixed;z-index:20;top:12px;left:24px;right:24px;display:flex;align-items:center;gap:30px;justify-content:space-between;padding:14px 22px;border:1px solid #dcc4ff20;border-radius:9px;background:#110c1df5;transform:translateY(calc(-100% - 20px));transition:transform .25s;pointer-events:none}.top-trigger{position:fixed;z-index:19;left:0;right:0;top:0;height:38px}.top-trigger:hover+.header,.header:hover,.header:focus-within{transform:none;pointer-events:auto}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:600;letter-spacing:-.7px;margin-right:auto}.brand>span>span{font-size:16px;font-weight:400;color:var(--muted)}nav{display:flex;gap:30px;font-size:12px}nav a{padding:10px 0;color:#d7cbe5}nav a:hover{color:white}.motion-toggle{display:grid;place-items:center;width:38px;height:38px;border:1px solid #b99dd433;border-radius:50%;color:var(--lavender);background:transparent;cursor:pointer}.motion-toggle:hover{background:#bea0e415}
.hero{position:relative;min-height:94svh;padding:130px 24px 110px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.eyebrow{font-size:9px;font-weight:500;letter-spacing:3.5px;color:#c1a8d6}.hero h1{font-size:clamp(48px,6.5vw,112px);font-weight:400;line-height:1.1;letter-spacing:-.065em;margin:31px 0 24px}em{font-family:var(--serif);font-weight:400;letter-spacing:-.025em;color:var(--lavender)}.hero h1 em{font-size:1.15em}.hero-description{font-size:14px;line-height:1.9;color:var(--muted)}.discover{font-size:11px;display:inline-flex;align-items:center;gap:20px;padding:17px 2px;margin-top:28px;color:#e2d1f5;border-bottom:1px solid #c5a2e44d}.discover:hover{border-color:var(--lavender)}.discover span{font-size:18px}.hero-star{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);color:#bc96df;font-size:29px}
.projects{padding:60px 5vw 0}.projects-heading{text-align:center;margin-bottom:35px}.projects-heading h2{font-size:clamp(32px,3.7vw,58px);letter-spacing:-2px;font-weight:400;margin-top:15px}.projects-heading h2 em{font-size:1.15em}.project{--accent:#64dfc2;display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:center;max-width:1200px;margin:0 auto;min-height:440px}.project-visual{position:relative;min-width:0;width:100%;aspect-ratio:1.2;display:grid;place-items:center}.constellation{position:absolute;inset:0;width:100%;height:100%;fill:none;color:var(--accent);pointer-events:none;opacity:.35;transition:opacity .3s}.constellation path{stroke:currentColor;stroke-width:.6;opacity:.55}.constellation g{fill:currentColor}.planet{position:relative;display:block;width:clamp(140px,17vw,250px);aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 0 65px -24px var(--accent);border:1px solid #f0eafa33;transition:box-shadow .3s}.planet img{display:block;width:100%;height:100%;object-fit:cover}.project:hover .constellation,.project:focus-within .constellation{opacity:.85}.project:hover .planet,.project:focus-within .planet{box-shadow:0 0 80px -26px var(--accent)}.satellite{position:absolute;left:21%;top:27%;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent)}.project-type{font-size:9px;letter-spacing:2px;color:var(--accent);margin-bottom:16px}.project h3{font-size:clamp(40px,4.3vw,68px);font-weight:400;letter-spacing:-2.5px}.project h3 a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:10px;text-decoration-color:transparent;transition:text-decoration-color .2s}.project h3 a:hover,.project:focus-within h3 a{text-decoration-color:#b4d6ed80}.project-tagline{font-family:var(--serif);font-size:clamp(23px,2.1vw,31px);color:#e4d2f0;margin-top:7px}.project-description{font-size:13px;line-height:1.9;color:var(--muted);max-width:330px;margin-top:18px}.coming-soon{font-size:10px;color:#b6a6c7;display:flex;align-items:center;gap:8px;margin-top:27px}.coming-soon span{width:4px;height:4px;background:#b295d0;border-radius:50%}.project-link{display:inline-flex;align-items:center;gap:32px;font-size:12px;padding:12px 0;border-bottom:1px solid #bdd7e455;margin-top:14px;color:var(--accent)}.project-link:hover{border-color:var(--accent)}.coby{--accent:#a2dce8;margin-top:25px}.coby .project-visual{grid-column:2;grid-row:1}.coby .project-copy{grid-column:1;grid-row:1;justify-self:center;padding-left:2vw}.coby .satellite{left:76%;top:71%}
.studio{text-align:center;padding:100px 24px 110px}.studio-star{display:block;font-size:40px;color:#d2afea;margin-bottom:25px}.studio h2{font-size:clamp(32px,3.7vw,56px);line-height:1.2;letter-spacing:-2px;font-weight:400;margin-top:23px}.studio h2 em{font-size:1.15em}.studio>p:last-child{font-size:13px;color:var(--muted);line-height:1.9;margin-top:23px}footer{margin:0 4vw;padding:28px 0;border-top:1px solid #cba7ed22;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#b1a1c2}.footer-brand{font-size:19px;letter-spacing:-.7px;color:#eee1f8;font-weight:600}.footer-brand span{font-size:15px;color:#b5a2c5;font-weight:400}
@media(hover:none),(pointer:coarse){.header{transform:none;pointer-events:auto}.top-trigger{display:none}}
@media(max-width:700px){.header{left:12px;right:12px;top:10px;padding:10px 13px;gap:14px;transform:none;pointer-events:auto}.brand{font-size:18px;gap:8px}.brand>span>span{font-size:13px}.brand img{width:24px;height:24px}nav{gap:17px;font-size:10px}.motion-toggle{width:32px;height:32px;flex-shrink:0}.top-trigger{display:none}.hero{min-height:90svh;padding:140px 20px 100px}.hero h1{font-size:clamp(39px,7.8vw,62px);letter-spacing:-2.3px;line-height:1.25;margin-top:25px}.hero-description{font-size:12px}.eyebrow{font-size:8px;letter-spacing:2.7px}.discover{font-size:10px;margin-top:22px}.projects{padding:55px 24px 0}.projects-heading{margin-bottom:10px}.projects-heading h2{font-size:35px;letter-spacing:-1.4px}.project{grid-template-columns:1fr;gap:0;min-height:0;max-width:460px}.project-visual{width:100%;max-width:390px;margin-inline:auto;aspect-ratio:1.25}.planet{width:145px}.project-copy{text-align:center}.project-type{font-size:8px;margin-bottom:12px}.project h3{font-size:43px;letter-spacing:-1.5px}.project-tagline{font-size:26px}.project-description{font-size:13px;max-width:305px;margin:14px auto 0}.coming-soon{justify-content:center;margin-top:20px}.coby{margin-top:55px}.coby .project-visual{grid-column:auto;grid-row:auto}.coby .project-copy{grid-column:auto;grid-row:auto;justify-self:stretch;padding:0}.studio{padding:100px 22px 75px}.studio h2{font-size:35px;letter-spacing:-1.4px}.studio>p:last-child{font-size:12px;max-width:320px;margin-inline:auto}.studio>p:last-child br{display:none}footer{margin:0 24px;flex-wrap:wrap;padding:23px 0}footer>p{display:none}footer>span{font-size:9px}}
@media(max-width:370px){.header{gap:10px}.brand>span>span{display:none}nav{gap:14px}.hero h1{font-size:38px}}
body{isolation:isolate}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}