@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";*{box-sizing:border-box}:root{--bg:#000;--fg:#f8f8f3;--muted:#7d8188;--line:#f8f8f324;--panel:#ffffff0a;--cyan:#71dcff;--max:1440px}html{scroll-behavior:smooth}html,body{background:var(--bg);min-height:100%;color:var(--fg);margin:0;font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}body{min-height:620vh;overflow-x:hidden}body:before,body:after,.grain{display:none}.mesh{z-index:1;pointer-events:none;filter:drop-shadow(0 0 18px #ffffff17);opacity:.68;background-image:radial-gradient(circle,#ffffffd6 0 1.35px,#0000 1.8px);background-size:13px 13px;display:none;position:fixed}.mesh-left{clip-path:polygon(0 0,38% 2%,80% 32%,98% 95%,36% 88%,10% 60%);width:30vw;height:68vh;top:5vh;left:18vw;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 62%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 62%,#0000)}.mesh-right{clip-path:polygon(40% 0,100% 0,82% 33%,95% 80%,48% 100%,0 55%);background-size:10px 10px;width:34vw;height:80vh;top:5vh;right:9vw;-webkit-mask-image:linear-gradient(120deg,#0000 0%,#000 28% 84%,#0000 100%);mask-image:linear-gradient(120deg,#0000 0%,#000 28% 84%,#0000 100%)}.line-field{z-index:1;pointer-events:none;opacity:.62;background:linear-gradient(174deg,#0000 22%,#ffffff8c 23%,#0000 24%),linear-gradient(176deg,#0000 49%,#ffffff5c 50%,#0000 51%),linear-gradient(171deg,#0000 72%,#71dcffdb 73%,#0000 74%);height:18vh;display:none;position:fixed;bottom:18vh;left:9vw;right:-5vw}.webgl-wrap{z-index:2;pointer-events:none;position:fixed;inset:0}#webgl{width:100%;height:100%;display:block}a{color:inherit;text-decoration:none}.site-header,.site-footer{z-index:6;color:#f8f8f3ad;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;padding:1.6rem clamp(1.25rem,3vw,2.5rem);font-size:clamp(.66rem,.9vw,.78rem);font-weight:700;display:flex;position:fixed;left:0;right:0}.site-header{top:0}.site-footer{pointer-events:none;bottom:0}.brand,.site-header nav,.site-footer span{align-items:center;gap:clamp(.8rem,2vw,1.8rem);display:flex}.brand-mark{border:1px solid var(--line);width:1.9rem;height:1.9rem;color:var(--fg);border-radius:50%;place-items:center;display:grid;box-shadow:0 0 32px #71dcff3d}.site-header nav a{opacity:.58;transition:opacity .18s,color .18s}.site-header nav a:hover{color:var(--cyan);opacity:1}main{z-index:5;position:relative}.hero,.panel{width:min(100%, var(--max));margin-inline:auto}.hero{grid-template-columns:minmax(0,1fr);align-items:end;gap:clamp(4rem,12vw,14rem);min-height:116vh;padding:22vh clamp(1.25rem,6vw,6rem) 19vh;display:grid}.hero-copy{max-width:960px}.eyebrow,.section-label{color:#f8f8f38a;letter-spacing:.18em;text-transform:uppercase;margin:0 0 1.45rem;font-weight:700}.eyebrow{font-size:clamp(.66rem,.9vw,.78rem)}.section-label{font-size:clamp(1rem,1.4vw,1.35rem)}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance;font-weight:700}h1{letter-spacing:-.105em;max-width:1020px;margin-bottom:2rem;font-size:clamp(4.2rem,11vw,12rem);line-height:.83}h1::selection{background:var(--cyan);color:var(--bg)}h2::selection{background:var(--cyan);color:var(--bg)}p::selection{background:var(--cyan);color:var(--bg)}a::selection{background:var(--cyan);color:var(--bg)}li::selection{background:var(--cyan);color:var(--bg)}.copy{color:#f8f8f39e;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:clamp(.82rem,1.15vw,1rem)}.signal-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff09;border-radius:1.1rem;align-self:end;width:100%;padding:1rem}.signal-card p{color:#f8f8f37a;letter-spacing:.13em;text-transform:uppercase;margin:0 0 4.5rem;font-size:.68rem}.signal-card strong{color:var(--cyan);letter-spacing:-.055em;font-size:clamp(1.25rem,2vw,1.8rem);line-height:1;display:block}.panel{min-height:105vh;padding:24vh clamp(1.25rem,6vw,6rem)}.statement{flex-direction:column;justify-content:center;display:flex}.panel h2{letter-spacing:-.09em;max-width:1050px;margin-bottom:0;font-size:clamp(3rem,8vw,8.4rem);line-height:.9}.work{grid-template-columns:.34fr 1fr;align-items:start;gap:clamp(4rem,10vw,12rem);display:grid}.work .section-label{position:sticky;top:8rem}.project-list{gap:6rem;padding-top:18vh;display:grid}.project-list article{-webkit-backdrop-filter:blur(22px)saturate(120%);backdrop-filter:blur(22px)saturate(120%);background:linear-gradient(135deg,#ffffff14,#0000 32%),#000000d1;border:1px solid #f8f8f338;border-radius:1.1rem;grid-template-columns:5.5rem 1fr;gap:clamp(1.5rem,4vw,4rem);padding:1rem;display:grid;box-shadow:inset 0 1px #ffffff1f,0 24px 80px #0000008f}.project-list span{color:var(--cyan);letter-spacing:.14em;font-size:.78rem;font-weight:700}.project-list h3{letter-spacing:-.085em;margin-bottom:1.1rem;font-size:clamp(2.2rem,5.4vw,5.8rem);line-height:.88}.project-list p{color:#f8f8f394;margin:0;font-size:clamp(.86rem,1.2vw,1rem)}.project-list .meta{color:#f8f8f361;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.85rem;font-size:clamp(.9rem,1.15vw,1.05rem);font-weight:700}.services{flex-direction:column;justify-content:center;display:flex}.service-list{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin:8vh 0 0;padding:0;list-style:none;display:grid}.service-list li{letter-spacing:-.06em;isolation:isolate;perspective:1100px;min-height:22rem;transform-style:preserve-3d;background:0 0;padding:0;line-height:1;transition:transform .52s cubic-bezier(.16,1,.3,1),filter .52s;position:relative}.service-list li:before{content:"";z-index:-1;filter:blur(34px);opacity:0;background:#71dcff38;transition:opacity .52s,transform .52s cubic-bezier(.16,1,.3,1);position:absolute;inset:12% 8% -10%;transform:translateY(1.2rem)scale(.82)}.service-list li strong,.service-list li span{backface-visibility:hidden;transform-style:preserve-3d;border:1px solid #f8f8f321;flex-direction:column;justify-content:flex-end;padding:1rem;transition:transform .72s cubic-bezier(.16,1,.3,1),border-color .52s,box-shadow .52s;display:flex;position:absolute;inset:0;overflow:hidden}.service-list li strong:after,.service-list li span:after{content:"";opacity:0;background:linear-gradient(105deg,#0000 38%,#ffffff47 50%,#0000 62%);transition:opacity .52s,transform .82s cubic-bezier(.16,1,.3,1);position:absolute;inset:-45%;transform:translate(-55%)rotate(10deg)}.service-list li strong{z-index:2;color:var(--fg);background:linear-gradient(135deg,#ffffff0b,#0000 38%),#020303d1;font-size:clamp(1.4rem,2.6vw,2.8rem);font-weight:700;transform:rotateY(0)translateZ(1px)}.service-list li span{color:#f8f8f3db;letter-spacing:.01em;background:radial-gradient(circle at 18% 18%,#71dcff4d,#0000 34%),linear-gradient(145deg,#ffffff1f,#0000 42%),#000000e6;font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.35;transform:rotateY(180deg)translateZ(1px)}.service-list li:hover,.service-list li:focus-visible{z-index:2;filter:drop-shadow(0 24px 46px #0000007a);outline:none;transform:translateY(-.65rem)rotateX(3deg)}.service-list li:hover:before,.service-list li:focus-visible:before{opacity:1;transform:translateY(.4rem)scale(1)}.service-list li:hover strong,.service-list li:focus-visible strong{border-color:#71dcff47;transform:rotateY(-180deg)translateZ(1px);box-shadow:inset 0 1px #ffffff21}.service-list li:hover span,.service-list li:focus-visible span{border-color:#71dcff61;transform:rotateY(0)translateZ(1px);box-shadow:inset 0 1px #ffffff29,0 24px 80px #00000085}.service-list li:hover strong:after,.service-list li:focus-visible strong:after,.service-list li:hover span:after,.service-list li:focus-visible span:after{opacity:1;transform:translate(55%)rotate(10deg)}.education{min-height:105vh}.education-grid{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(4,1fr);gap:1px;margin-top:8vh;display:grid}.education-grid article{background:#020303b8;flex-direction:column;justify-content:flex-end;min-height:20rem;padding:1rem;display:flex}.education-grid span{color:var(--cyan);letter-spacing:.14em;margin-bottom:auto;font-size:.78rem;font-weight:700}.education-grid h3{letter-spacing:-.06em;margin-bottom:1rem;font-size:clamp(1.35rem,2.4vw,2.65rem);line-height:.95}.education-grid p{color:#f8f8f394;margin:0;font-size:clamp(.78rem,1vw,.92rem)}.contact{flex-direction:column;justify-content:center;min-height:92vh;display:flex}.contact h2{margin-bottom:3rem}.contact-link{width:fit-content;color:var(--cyan);letter-spacing:-.035em;font-size:clamp(1rem,2vw,1.6rem);transition:opacity .18s}.contact-link:hover{opacity:.7}@media (width<=980px){.hero,.work{grid-template-columns:1fr}.signal-card{max-width:22rem}.work .section-label{position:static}.project-list{padding-top:4vh}.service-list,.education-grid{grid-template-columns:1fr}.service-list li,.education-grid article{min-height:12rem}}@media (width<=700px){body{min-height:700vh}.site-header,.site-footer{padding-inline:1rem}.brand span:last-child{display:none}.site-header nav{gap:.8rem}.site-footer{display:none}h1{font-size:clamp(3.7rem,18vw,6.6rem)}.mesh-left{width:74vw;left:-16vw}.mesh-right{width:82vw;right:-28vw}.line-field{left:-12vw}.hero,.panel{padding-inline:1rem}.project-list{gap:4rem}.project-list article{grid-template-columns:1fr}}