:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090b10;--text:#f3f5fa;--muted:#abb1c3;--line:#292d39;--blue:#889cff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.55 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline-offset:4px;outline:2px solid #b4f9ff}.wrap{width:min(1250px,90%);margin:auto}.skip{z-index:8;background:#000;padding:12px;position:fixed;top:-90px}.skip:focus{top:4px}header,nav,.sectionhead,.meta,.fieldhead,.fieldfoot,footer,.contact{justify-content:space-between;align-items:center;gap:16px;display:flex}header{border-bottom:1px solid var(--line);height:86px}.mark{letter-spacing:-3px;white-space:nowrap;font-size:34px;font-weight:900}.mark span,h2 span{color:#8496ff}.mark small{letter-spacing:3px;margin-left:9px;font:700 10px monospace}nav{gap:30px;font-size:13px}.outline{border:1px solid #474d60;border-radius:24px;padding:8px 15px}a:hover{color:#a7c6ff}.hero{grid-template-columns:.94fr 1.06fr;align-items:center;gap:5%;padding-block:60px 74px;display:grid}.mono,.fieldhead,.fieldfoot,.meta{letter-spacing:1.7px;color:#b0b8ca;font:10px/1.5 monospace}.tag,.fieldhead span:first-child{align-items:center;gap:10px;display:flex}i{background:#93e5ff;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 12px #82ddff}.lead h1{letter-spacing:-.075em;margin:32px 0 24px;font-size:clamp(55px,7.2vw,108px);font-weight:550;line-height:.98}em{color:#c3c9fd;letter-spacing:-.065em;font-family:Georgia,serif;font-weight:400}.lead p,.studio p,article p{color:var(--muted);max-width:405px}.primary{color:#10162b;background:#bdcaff;border-radius:30px;align-items:center;gap:32px;margin-top:16px;padding:12px 20px;font-size:14px;font-weight:600;display:inline-flex}.primary:hover{color:#131d44;background:#fff}.field{isolation:isolate;background:radial-gradient(at 50% 52%,#17254c 0%,#0b1122 54%,#090d15 82%);border:1px solid #31394c;border-radius:8px;position:relative;overflow:hidden}.field:before{content:"";z-index:-1;background-image:radial-gradient(#8398bc44 .7px,#0000 .9px);background-size:16px 16px;position:absolute;inset:0}.fieldhead,.fieldfoot{padding:16px 20px;font-size:9px}.fieldhead{border-bottom:1px solid #a2bdff1c}.fieldhead i{width:5px;height:5px}.plot{place-items:center;display:grid;overflow:hidden}.plot svg{width:100%;height:clamp(290px,30vw,408px);transform:rotate(var(--tilt,0deg));transition:transform .35s ease-out}.mesh{transform-origin:50%;filter:drop-shadow(0 0 3px #5270ff60);animation:10s ease-in-out infinite alternate float}@keyframes float{to{transform:translateY(-5px)rotate(5deg)}}.fieldfoot{border-top:1px solid #a2bdff1c}.fieldfoot div{gap:3px;display:flex}.fieldfoot button{color:#b0bad3;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;padding:7px 10px;font:11px monospace}.fieldfoot button[aria-pressed=true]{color:#fff;background:#293855;border-color:#52688f}.work,.studio,.contact,footer{border-top:1px solid var(--line);padding-block:56px}.sectionhead{align-items:end;margin-bottom:25px}h2{letter-spacing:-.055em;margin:17px 0 0;font-size:clamp(32px,4vw,61px);font-weight:500;line-height:1.08}.cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}article{border:1px solid var(--line);background:linear-gradient(130deg,#161b26,#101218);border-radius:6px;padding:24px}.meta{font-size:9px}.meta span:first-child{color:#8fb7ff}.study{fill:none;stroke:#8a9eff;stroke-width:1.1px;width:100%;height:120px}.cards article:nth-child(2) .study{stroke:#9cdeeb}.cards article:nth-child(3) .study{stroke:#bba1ee}h3{letter-spacing:-1px;margin:0;font-size:24px;font-weight:500}article p{margin:11px 0 0;font-size:14px}.studio{grid-template-columns:1fr 2fr;gap:20px;display:grid}.studio h2{margin-top:0}.studio p{max-width:540px}.contact h2 span{margin-left:15px;font-size:.65em}.contact address{color:var(--muted);font-size:14px;font-style:normal}.contact address span{margin-bottom:10px;display:block}footer{color:var(--muted);padding-block:30px;font-size:11px}footer .mark{color:#fff}@media (max-width:730px){.wrap{width:90%}header{height:68px}nav{gap:13px;font-size:12px}.outline{padding:6px 10px}.hero{grid-template-columns:1fr;gap:30px;padding-block:42px}.lead h1{font-size:clamp(64px,12vw,85px)}.lead p{font-size:15px}.plot svg{height:285px}.work,.studio,.contact{padding-block:38px}.cards,.studio{grid-template-columns:1fr}.index{display:none}.study{height:94px}.contact,footer{flex-direction:column;align-items:start}footer{gap:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mesh{animation:none}.plot svg{transition:none;transform:none}}
