:root{--background:#050505;--foreground:#f3f4ef;--muted:#96998f;--accent:#b8ff36;--surface:#0a0b0a;--line:rgb(255 255 255/12%);--font-display:"Avenir Next","Futura","Century Gothic",sans-serif;--font-body:"Avenir Next","Futura","Century Gothic",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--background)}body{margin:0;background:radial-gradient(circle at 78% 12%,rgb(184 255 54/5%),transparent 24rem),var(--background);color:var(--foreground);font-family:var(--font-body);font-size:16px;line-height:1.5;overflow-x:hidden}body:before{position:fixed;inset:0;z-index:5;pointer-events:none;content:"";opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.skip-link{position:fixed;z-index:20;top:1rem;left:1rem;padding:.7rem 1rem;border-radius:999px;background:var(--accent);color:#050505;transform:translateY(-200%);transition:transform .35s cubic-bezier(.32,.72,0,1)}.skip-link:focus{transform:translateY(0)}.site-header{position:fixed;z-index:10;top:1.4rem;left:50%;width:min(1180px,calc(100% - 2rem));min-height:3.7rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:.5rem .65rem .5rem 1.2rem;border:1px solid rgb(255 255 255/10%);border-radius:999px;background:rgb(7 8 7/72%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translateX(-50%);box-shadow:inset 0 1px rgb(255 255 255/7%)}.wordmark{width:max-content;display:inline-flex;align-items:center;gap:.65rem;font-size:.84rem;font-weight:650;letter-spacing:.08em}.wordmark-mark{width:.68rem;height:.68rem;border:2px solid var(--accent);border-radius:50%;box-shadow:inset 0 0 0 2px #050505}.site-header nav{display:flex;align-items:center;gap:.3rem;padding:.3rem;border-radius:999px;background:rgb(255 255 255/4%)}.header-link,.site-header nav a{min-height:2.45rem;display:inline-flex;align-items:center;border-radius:999px;color:#c9cbc5;font-size:.78rem;transition:color .5s cubic-bezier(.32,.72,0,1),background-color .5s cubic-bezier(.32,.72,0,1),transform .5s cubic-bezier(.32,.72,0,1)}.site-header nav a{padding:0 .95rem}.site-header nav a:hover{color:#fff;background:rgb(255 255 255/7%)}.header-link{justify-self:end;gap:.55rem;padding:0 .85rem 0 1rem;background:var(--foreground);color:#080908;font-weight:650}.contact-icon,.external-mark,.project-symbol{display:grid;place-items:center;border-radius:50%;background:rgb(0 0 0/7%);transition:transform .6s cubic-bezier(.32,.72,0,1)}.external-mark{width:1.75rem;height:1.75rem}.contact-row a:hover .contact-icon,.header-link:hover .external-mark,.project-card:hover .project-symbol{transform:translate(2px,-2px) scale(1.05)}.hero{position:relative;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:2rem;padding:8.5rem max(5vw,1.5rem) 5rem;overflow:hidden}.hero:after{position:absolute;right:0;bottom:0;left:0;height:1px;content:"";background:linear-gradient(90deg,transparent,var(--line) 15%,var(--line) 85%,transparent)}.hero-copy{position:relative;z-index:2;max-width:52rem}.eyebrow{display:flex;align-items:center;gap:.8rem;margin:0 0 1.6rem;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;letter-spacing:.15em;text-transform:uppercase}.eyebrow:before{width:1.75rem;height:1px;content:"";background:var(--accent)}.hero h1{margin:0;font-family:var(--font-display);font-size:clamp(4rem,8.8vw,9.3rem);font-weight:520;line-height:.86;letter-spacing:-.075em;text-wrap:balance;animation:hero-in 1s cubic-bezier(.16,1,.3,1) both}.hero h1 span{display:block;color:transparent;-webkit-text-stroke:1px rgb(243 244 239/42%)}.hero-intro{max-width:34rem;margin:2.4rem 0 0;color:#b7bab1;font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.65;text-wrap:pretty;animation:hero-in 1s cubic-bezier(.16,1,.3,1) .16s both}.primary-cta{width:max-content;min-height:3.8rem;display:inline-flex;align-items:center;gap:1.2rem;margin-top:2.4rem;padding:.42rem .48rem .42rem 1.45rem;border-radius:999px;background:var(--accent);color:#090a08;font-size:.83rem;font-weight:700;animation:hero-in 1s cubic-bezier(.16,1,.3,1) .28s both;transition:transform .65s cubic-bezier(.32,.72,0,1)}.primary-cta:hover{transform:translateY(-3px)}.primary-cta:active{transform:scale(.98)}.cta-orbit{position:relative;width:2.9rem;height:2.9rem;display:grid;place-items:center;border-radius:50%;background:#0b0c0a}.cta-orbit:before{width:1.1rem;height:1.1rem;border:1px solid var(--accent);border-radius:50%;content:""}.cta-orbit i{position:absolute;width:.28rem;height:.28rem;border-radius:50%;background:var(--accent);transform:translate(.52rem,-.32rem)}.three-hero{position:relative;z-index:1;width:min(48vw,46rem);min-width:0;aspect-ratio:1;justify-self:end;animation:object-in 1.3s cubic-bezier(.16,1,.3,1) .18s both}.three-canvas,.three-fallback,.three-host{position:absolute;inset:0;width:100%;height:100%}.three-canvas,.three-host{pointer-events:none}.three-canvas{opacity:0;transition:opacity .9s cubic-bezier(.32,.72,0,1)}.three-hero[data-ready=true] .three-canvas{opacity:1}.three-hero[data-ready=true] .three-fallback{opacity:0}.three-fallback{display:grid;place-items:center;opacity:1;transition:opacity .8s cubic-bezier(.32,.72,0,1)}.fallback-core{width:34%;aspect-ratio:1;border:1px solid rgb(184 255 54/38%);border-radius:34% 66% 61% 39%/39% 31% 69% 61%;background:radial-gradient(circle at 65% 30%,rgb(184 255 54/16%),transparent 28%),#0b0d0b;box-shadow:0 0 7rem rgb(184 255 54/8%);transform:rotate(22deg)}.fallback-orbit{position:absolute;width:58%;aspect-ratio:1;border:1px solid rgb(184 255 54/24%);border-radius:50%}.fallback-orbit-a{transform:rotateX(66deg) rotate(14deg)}.fallback-orbit-b{transform:rotateY(66deg) rotate(-28deg)}.motion-control{position:absolute;right:9%;bottom:11%;min-height:2.75rem;display:flex;align-items:center;gap:.65rem;padding:0 .95rem;border:1px solid rgb(255 255 255/12%);border-radius:999px;background:rgb(7 8 7/68%);color:#b7bab1;font:inherit;font-size:.72rem;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:color .5s cubic-bezier(.32,.72,0,1),border-color .5s cubic-bezier(.32,.72,0,1)}.motion-control:hover{color:#fff;border-color:rgb(184 255 54/44%)}.motion-indicator{width:.48rem;height:.48rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 .28rem rgb(184 255 54/10%)}.motion-control[aria-pressed=true] .motion-indicator{background:#74776f;box-shadow:none}.hero-index{position:absolute;right:max(5vw,1.5rem);bottom:2rem;left:max(5vw,1.5rem);display:flex;justify-content:space-between;color:#656861;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;letter-spacing:.13em}.section-shell{width:min(1180px,calc(100% - 3rem));margin:0 auto;padding:clamp(7rem,12vw,11rem) 0}.section-heading{display:grid;grid-template-columns:1fr 1.3fr;gap:4rem;margin-bottom:4.5rem}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:-1.5rem}.about h2,.contact h2,.section-heading h2{margin:0;font-size:clamp(2.8rem,6.5vw,6.8rem);font-weight:510;line-height:.94;letter-spacing:-.065em;text-wrap:balance}.about-body,.section-heading>p:last-child{max-width:35rem;align-self:end;margin:0;color:#a8aba2;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.75}.project-card{display:block;padding:.5rem;border:1px solid rgb(255 255 255/9%);border-radius:2.1rem;background:rgb(255 255 255/3%);transition:transform .8s cubic-bezier(.32,.72,0,1),border-color .8s cubic-bezier(.32,.72,0,1)}.project-card:hover{border-color:rgb(184 255 54/27%);transform:translateY(-6px)}.project-card-inner{min-height:30rem;display:grid;grid-template-rows:auto 1fr auto auto;padding:clamp(2rem,4vw,4rem);border-radius:calc(2.1rem - .5rem);background:radial-gradient(circle at 85% 20%,rgb(184 255 54/10%),transparent 26rem),linear-gradient(145deg,#0e100e,#080908);box-shadow:inset 0 1px rgb(255 255 255/8%)}.project-meta,.project-tags{display:flex;align-items:center;gap:1rem;color:#777a72;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.64rem;letter-spacing:.13em}.project-meta{justify-content:space-between}.project-title-row{align-self:center}.project-title-row h3{max-width:54rem;margin:0;font-size:clamp(3.4rem,8.8vw,8.7rem);font-weight:510;line-height:.9;letter-spacing:-.07em}.project-symbol{float:right;width:3.8rem;height:3.8rem;margin-top:-2.2rem;background:var(--accent);color:#050505;font-size:1.15rem}.project-card-inner>p{max-width:37rem;margin:1.5rem 0 2rem;color:#a8aba2;font-size:1rem;line-height:1.65}.project-tags span{padding:.55rem .75rem;border:1px solid rgb(255 255 255/9%);border-radius:999px}.about{display:grid;grid-template-columns:.32fr 1.2fr .8fr;gap:3rem;border-top:1px solid var(--line)}.about-number{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem}.about-copy .eyebrow{margin-bottom:2rem}.about h2{font-size:clamp(2.7rem,5vw,5.2rem)}.about-body{align-self:end}.about-body p{margin:0}.about-body p+p{margin-top:1.5rem}.contact{border-top:1px solid var(--line)}.contact-row{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.contact h2{max-width:50rem}.contact-row a{min-width:max-content;display:flex;align-items:center;gap:1rem;padding:.45rem .5rem .45rem 1.35rem;border:1px solid rgb(255 255 255/12%);border-radius:999px;color:#d8dad3;font-size:.82rem;transition:border-color .6s cubic-bezier(.32,.72,0,1)}.contact-row a:hover{border-color:rgb(184 255 54/44%)}.contact-icon{width:2.9rem;height:2.9rem;background:var(--accent);color:#050505}.site-footer{width:min(1180px,calc(100% - 3rem));display:flex;justify-content:space-between;gap:2rem;margin:0 auto;padding:2rem 0 2.5rem;border-top:1px solid var(--line);color:#a3a69d;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;letter-spacing:.12em}.reveal{animation:reveal-up 1s cubic-bezier(.16,1,.3,1) both}@supports (animation-timeline:view()){.reveal{animation-timeline:view();animation-range:entry 5% cover 28%}}@keyframes hero-in{0%{opacity:0;transform:translateY(2.5rem);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes object-in{0%{opacity:0;transform:scale(.86) rotate(-3deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes reveal-up{0%{opacity:0;transform:translateY(4rem);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media (max-width:860px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:minmax(0,1fr);align-content:center;padding:8.5rem 1.2rem 5rem}.hero-copy{min-width:0;padding-top:2rem}.three-hero{width:min(92vw,34rem);margin-top:-2rem;justify-self:center}.hero-index{display:none}.about,.section-heading{grid-template-columns:1fr;gap:2rem}.section-heading .eyebrow{margin-bottom:0}.about-number{display:none}.contact-row{align-items:flex-start;flex-direction:column}}@media (max-width:520px){.site-header{top:.8rem;width:calc(100% - 1rem)}.hero h1{font-size:clamp(3.4rem,17vw,5.5rem)}.three-hero{width:100%;max-width:34rem;margin-left:0;margin-top:-3rem}.motion-control{right:13%;bottom:13%}.section-shell,.site-footer{width:calc(100% - 2rem)}.about h2,.contact h2,.section-heading h2{font-size:clamp(2.8rem,14vw,4rem)}.project-card-inner{min-height:27rem;padding:1.6rem}.project-title-row h3{font-size:clamp(3.2rem,18vw,5.2rem)}.project-symbol{margin-top:1.2rem}.project-tags{gap:.45rem;flex-wrap:wrap}.site-footer{flex-direction:column;gap:.65rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}