:root{--bg:#0a0d11;--bg-2:#11161b;--bg-3:#181e24;--line:#252d36;--line-2:#384451;--ink:#ece9e2;--ink-dim:#d3d0c8;--muted:#8d96a1;--muted-2:#68717c;--accent:#7fa6c9;--accent-soft:#b8cadb;--paper:#f1f2f0;--maxw:1320px;--gutter:clamp(20px, 4vw, 56px)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-weight:400;line-height:1.45;overflow-x:hidden}::selection{background:var(--accent);color:#0b0b0a}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.wrap{max-width:var(--maxw);padding:0 var(--gutter);margin:0 auto;position:relative}.mono{letter-spacing:.02em;font-family:Geist Mono,ui-monospace,Menlo,monospace}.serif{letter-spacing:-.01em;font-family:Instrument Serif,Times New Roman,serif;font-weight:400}.it{font-style:italic}.accent{color:var(--accent)}.muted{color:var(--muted)}.nav{z-index:50;-webkit-backdrop-filter:blur(14px)saturate(120%);backdrop-filter:blur(14px)saturate(120%);background:color-mix(in oklab, var(--bg) 78%, transparent);border-bottom:1px solid color-mix(in oklab, var(--line) 70%, transparent);position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;height:64px;display:flex}@media (width<=930px){.nav{padding:12px 8px}.nav-inner{flex-direction:column;align-items:start;height:84px}.brand{margin-left:14px;padding-top:8px;padding-bottom:8px}.nav-links{flex-wrap:wrap}}@media (width<=576px){.nav-inner{height:124px}#top{padding-top:168px}}.brand{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:10px;font-family:Geist Mono,monospace;font-size:13px;display:flex}.brand-mark{background:var(--ink);width:30px;height:30px;color:var(--bg);letter-spacing:-.02em;background-color:#7fa6c9;border-radius:6px;place-items:center;padding:3px;font-family:Instrument Serif,serif;font-size:18px;font-weight:600;display:grid}.brand-status{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:inline-flex}.pulse-dot{background:#5ad17d;border-radius:50%;width:7px;height:7px;animation:2s infinite pulse;box-shadow:0 0 #5ad17d99}@keyframes pulse{0%{box-shadow:0 0 #5ad17d8c}70%{box-shadow:0 0 0 8px #5ad17d00}to{box-shadow:0 0 #5ad17d00}}.nav-links{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:4px;font-family:Geist Mono,monospace;font-size:12px;display:flex}.nav-links a{color:var(--ink-dim);border-radius:999px;padding:8px 14px;transition:color .2s,background .2s}.nav-links a:hover{color:var(--ink);background:var(--bg-2)}.nav-cta{background:var(--ink);border-radius:999px;align-items:center;gap:8px;margin-left:8px;padding:9px 16px;transition:transform .2s,background .2s;display:inline-flex;color:var(--bg)!important}.nav-cta:hover{background:var(--accent);transform:translateY(-1px);color:#929276!important}.nav-cta .arrow{transition:transform .2s;display:inline-block}.nav-cta:hover .arrow{transform:translate(2px,-2px)}.hero{border-bottom:1px solid var(--line);padding-top:140px;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1fr;align-items:end;gap:48px;display:grid}.eyebrow{border:1px solid var(--line-2);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-radius:999px;align-items:center;gap:10px;margin-bottom:36px;padding:6px 12px;font-family:Geist Mono,monospace;font-size:11px;display:inline-flex}.eyebrow .dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.hero-title{letter-spacing:-.035em;color:var(--ink);margin:0 0 28px;font-family:Instrument Serif,serif;font-size:clamp(56px,11.5vw,192px);font-weight:400;line-height:.9}.hero-title .row{display:block}.smaller{font-size:clamp(56px,11.5vw,160px)}.hero-title .it{color:var(--accent);font-style:italic}.hero_title-container{justify-content:space-between;display:flex}.headshot_container{justify-content:center;align-items:start;padding:20px 44px 40px;display:flex}@media (width<=400px){.headshot_container{display:none}}.headshot{filter:drop-shadow(0 6px 20px #b8cadb3b);width:230px}@media (width<=1260px){.headshot{width:180px}}@media (width<=860px){.headshot{width:140px;top:15%}}.hero-title sup{vertical-align:super;color:var(--muted);letter-spacing:.04em;margin-left:.2em;font-family:Geist Mono,monospace;font-size:.14em;font-weight:400}.hero-sub-row{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:64px;margin-top:24px;padding-top:36px;display:grid}@media (width<=780px){.hero-sub-row{grid-template-columns:1fr;gap:32px}}.hero-lede{color:var(--ink-dim);text-wrap:pretty;max-width:56ch;margin-top:0;font-size:clamp(17px,1.6vw,22px);line-height:1.45}.hero-lede em{color:var(--ink);font-family:Instrument Serif,serif;font-size:1.08em;font-style:italic}.hero-meta{text-transform:uppercase;letter-spacing:.08em;flex-direction:column;gap:14px;font-family:Geist Mono,monospace;font-size:12px;display:flex}.meta-row{border-bottom:1px dashed var(--line-2);color:var(--muted);justify-content:space-between;gap:24px;padding-bottom:14px;display:flex}.meta-row b{color:var(--ink);font-weight:500}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:64px;padding:22px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.logo_marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-track{letter-spacing:-.02em;width:max-content;color:var(--ink-dim);white-space:nowrap;gap:48px;font-family:Instrument Serif,serif;font-size:clamp(28px,4vw,48px);animation:50s linear infinite slide;display:flex}.marquee-track span{align-items:center;gap:48px;display:inline-flex}.logo_marquee-track span{align-items:center;gap:88px;font-size:24px;display:inline-flex}.marquee-track span:after{content:"";background:var(--accent);border-radius:50%;width:10px;height:10px;display:inline-block}.marquee-track .it{color:var(--ink);font-style:italic}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.logo_marquee-track{letter-spacing:-.02em;width:max-content;color:var(--ink-dim);white-space:nowrap;gap:48px;font-family:Instrument Serif,serif;font-size:clamp(28px,4vw,48px);animation:50s linear infinite opp-slide;display:flex}.logo_marquee-track span:after{content:"";width:10px;height:10px;display:inline-block}@keyframes opp-slide{0%{transform:translate(-50%)}to{transform:translate(0)}}.logos{filter:saturate(.8);height:50px}section{position:relative}.section{border-bottom:1px solid var(--line);padding:clamp(80px,12vw,140px) 0}.sec-head{grid-template-columns:200px 1fr;align-items:start;gap:48px;margin-bottom:clamp(48px,7vw,96px);display:grid}@media (width<=780px){.sec-head{grid-template-columns:1fr;gap:16px}}.sec-num{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;font-family:Geist Mono,monospace;font-size:12px;display:flex}.sec-num:before{content:"";background:var(--accent);width:24px;height:1px}.sec-title{letter-spacing:-.025em;text-wrap:balance;margin:0;font-family:Instrument Serif,serif;font-size:clamp(40px,6vw,80px);font-weight:400;line-height:1}.sec-title .it{color:var(--accent)}.projects{flex-direction:column;gap:24px;display:flex}.project{border:1px solid var(--line);background:linear-gradient(180deg, var(--bg-2) 0%, var(--bg) 100%);border-radius:28px;transition:border-color .3s,transform .3s;overflow:hidden}.project:hover{border-color:var(--line-2)}.minis-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.project-inner{grid-template-columns:1.1fr 1fr;gap:0;display:grid}.project-inner-mini{grid-template-columns:1fr;gap:0;display:grid;position:relative}.project.flip .project-inner{grid-template-columns:1fr 1.1fr}.project.flip .project-info{order:2}.project.flip .project-canvas{order:1}@media (width<=900px){.project-inner,.project.flip .project-inner{grid-template-columns:1fr}.project.flip .project-info{order:1}.project.flip .project-canvas{order:2}}.project-info{flex-direction:column;justify-content:space-between;gap:32px;min-height:480px;padding:clamp(28px,4vw,56px);display:flex}.project-info-mini{opacity:0;z-index:10000;scrollbar-width:thin;scrollbar-color:#ffffff59 transparent;flex-direction:column;justify-content:space-between;gap:12px;width:100%;height:100%;min-height:480px;padding:clamp(20px,1vw,26px);transition:all .3s ease-in-out;display:flex;position:absolute;inset:0;overflow-y:auto;transform:translate(100%)}.project-info-mini::-webkit-scrollbar{width:6px}.project-info-mini::-webkit-scrollbar-track{background:0 0}.project-info-mini::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:999px}.project-info-mini::-webkit-scrollbar-thumb:hover{background:#ffffff8c}.project-meta{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);justify-content:space-between;align-items:center;font-family:Geist Mono,monospace;font-size:11px;display:flex}.project-meta .num{color:var(--ink)}.project-meta .year{color:var(--muted)}.project-title{letter-spacing:-.02em;margin:24px 0 16px;font-family:Instrument Serif,serif;font-size:clamp(32px,4vw,56px);font-weight:400;line-height:1}.project-title-mini{letter-spacing:-.02em;margin:24px 0 16px;font-family:Instrument Serif,serif;font-size:clamp(32px,3vw,56px);font-weight:400;line-height:1}.project-title .it,.project-title-mini .it{color:var(--accent)}.project-desc{color:var(--ink-dim);text-wrap:pretty;max-width:46ch;font-size:15px;line-height:1.6}.project-tags{letter-spacing:.04em;flex-wrap:wrap;gap:6px;font-family:Geist Mono,monospace;font-size:11px;display:flex}.project-tags span{border:1px solid var(--line-2);color:var(--ink-dim);border-radius:999px;padding:5px 10px}.project-links{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:14px;padding-top:8px;font-family:Geist Mono,monospace;font-size:12px;display:flex}.pill-link{border:1px solid var(--line-2);color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;transition:all .2s;display:inline-flex}.pill-link:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.pill-link.primary{background:var(--accent);color:#0b0b0a;border-color:var(--accent)}.pill-link.primary:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.project-canvas{border-left:1px solid var(--line);place-items:center;min-height:480px;padding:clamp(24px,4vw,56px);display:grid;position:relative;overflow:hidden}.project-canvas-mini{border-left:1px solid var(--line);place-items:center;min-height:480px;padding:clamp(4px,.5vw,56px);transition:opacity .3s ease-in-out;display:grid;position:relative;overflow:hidden}.project-inner-mini:hover .project-canvas-mini{opacity:0}.project-inner-mini:hover .project-info-mini{opacity:1;transform:translate(0)}.project.flip .project-canvas{border-left:none;border-right:1px solid var(--line)}@media (width<=900px){.project-canvas{border-left:none;border-top:1px solid var(--line);min-height:400px}.project.flip .project-canvas{border-right:none;border-top:1px solid var(--line)}.minis-grid{grid-template-columns:1fr}.project-info-mini{justify-content:space-around}}.canvas-eq{background:radial-gradient(at 50% 18%,#5a78a529,#0000 62%),radial-gradient(at 70% 0,#aa6e5014,#0000 45%),linear-gradient(#11161d,#090c11)}.canvas-pulse{background:radial-gradient(at 70% 20%,#7dc8ff1a,#0000 60%),radial-gradient(at 20% 80%,#be8cff14,#0000 60%),#0d0e10}.canvas-summarist{background:radial-gradient(at 50% 28%,#91a5be24,#0000 68%),radial-gradient(at 50% 0,#fff5e10d,#0000 55%),linear-gradient(#14181d,#0d1014)}.canvas-skinstric{background:radial-gradient(at 34% 42%,#ffffff14,#0000 58%),radial-gradient(at 72% 30%,#96a0aa14,#0000 55%),linear-gradient(#121518,#08090a)}.canvas-ultra{background:radial-gradient(at 50% 40%,#b478ff1f,#0000 60%),radial-gradient(at 20% 80%,#ff64b41a,#0000 60%),#0e0c12}.about-grid{grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);display:grid}@media (width<=900px){.about-grid{grid-template-columns:1fr}}.about-lede{letter-spacing:-.02em;color:var(--ink);text-wrap:pretty;margin:0 0 32px;font-family:Instrument Serif,serif;font-size:clamp(28px,3.4vw,44px);line-height:1.15}.about-lede .it{color:var(--accent)}.about-body p{color:var(--ink-dim);max-width:56ch;margin:0 0 18px;font-size:16px;line-height:1.65}.about-body p:last-child{margin-bottom:0}.portrait{aspect-ratio:4/5;border:1px solid var(--line);background:radial-gradient(circle at 50% 26%,#8c4e3029,#0000 42%),radial-gradient(circle,#ffffff08,#0000 60%),linear-gradient(#121314,#070708);border-radius:20px;place-items:center;display:grid;position:relative;overflow:hidden}.portrait-figure{aspect-ratio:1;z-index:1000;width:88%;position:relative;bottom:20px}.vinyl{filter:sepia(.3)hue-rotate(-180deg)saturate()brightness(.95)}.playPause{opacity:0;cursor:pointer;z-index:100;background-color:#f5f5f5;border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;transition:all .3s ease-in-out;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=900px){.playPause{width:160px;height:160px}}.playBtn,.pauseBtn{color:#4da3ff;font-size:60px}.playPause:hover{opacity:1}.portrait-figure.spinning{animation:2.4s linear infinite spinCCW}@keyframes spinCCW{to{transform:rotate(-360deg)}}.portrait-caption{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-top:1px solid var(--line);background:linear-gradient(#0000,#0006);justify-content:space-between;align-items:end;padding:18px 20px;font-family:Geist Mono,monospace;font-size:11px;display:flex;position:absolute;bottom:0;left:0;right:0}.portrait-caption b{color:var(--ink);font-weight:500;display:block}.stats{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;padding-top:32px;display:grid}.stat-num{letter-spacing:-.03em;color:var(--ink);font-family:Instrument Serif,serif;font-size:clamp(36px,4vw,56px);line-height:1}.stat-num .it{color:var(--accent)}.stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:8px;font-family:Geist Mono,monospace;font-size:11px}.timeline{flex-direction:column;display:flex}.tl-row{border-top:1px solid var(--line);grid-template-columns:180px 1fr 220px;align-items:start;gap:32px;padding:32px 0;transition:padding .3s,background .3s;display:grid}.tl-row:last-child{border-bottom:1px solid var(--line)}.tl-row:hover{background:color-mix(in oklab, var(--bg-2) 50%, transparent)}@media (width<=780px){.tl-row{grid-template-columns:1fr;gap:8px}}.tl-date{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-family:Geist Mono,monospace;font-size:12px}.tl-role{letter-spacing:-.015em;color:var(--ink);margin:0 0 6px;font-family:Instrument Serif,serif;font-size:clamp(22px,2.4vw,32px);line-height:1.15}.tl-role .it{color:var(--accent)}.tl-company{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:14px;font-family:Geist Mono,monospace;font-size:12px}.tl-blurb{color:var(--ink-dim);max-width:62ch;font-size:15px;line-height:1.55}.tl-stack{flex-wrap:wrap;justify-content:flex-end;gap:6px;font-family:Geist Mono,monospace;font-size:11px;display:flex}@media (width<=780px){.tl-stack{justify-content:flex-start}}.tl-stack span{border:1px solid var(--line-2);color:var(--ink-dim);border-radius:999px;padding:4px 10px}.stack-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.stack-card{border:1px solid var(--line);background:var(--bg-2);border-radius:14px;padding:18px;transition:all .2s}.stack-card:hover{border-color:var(--accent);transform:translateY(-2px)}.stack-card .k{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:10px;font-family:Geist Mono,monospace;font-size:10px}.stack-card ul{color:var(--ink);flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.stack-card li{padding-left:0;position:relative}.contact{text-align:center;border-bottom:1px solid var(--line);padding:clamp(80px,14vw,180px) 0;position:relative}.contact-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);align-items:center;gap:10px;margin-bottom:32px;font-family:Geist Mono,monospace;font-size:12px;display:inline-flex}.contact-title{letter-spacing:-.035em;margin:0 0 48px;font-family:Instrument Serif,serif;font-size:clamp(56px,11vw,168px);font-weight:400;line-height:.9}.contact-title .it{color:var(--accent)}.contact-cta{background:var(--accent);color:#0b0b0a;text-transform:uppercase;letter-spacing:.1em;border-radius:999px;align-items:center;gap:14px;padding:18px 36px;font-family:Geist Mono,monospace;font-size:13px;transition:transform .2s,background .2s;display:inline-flex}.contact-cta:hover{background:var(--ink);transform:translateY(-2px)}.contact-links{text-transform:uppercase;letter-spacing:.08em;flex-wrap:wrap;justify-content:center;gap:clamp(20px,4vw,60px);margin-top:64px;font-family:Geist Mono,monospace;font-size:12px;display:flex}.contact-links a{color:var(--ink-dim);border-bottom:1px solid var(--line-2);padding-bottom:4px;transition:color .2s,border-color .2s}.contact-links a:hover{color:var(--accent);border-color:var(--accent)}.footer{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:48px 0;font-family:Geist Mono,monospace;font-size:11px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand-mark-footer{width:20px;height:20px}.reveal{opacity:0;transition:opacity .9s,transform .9s;transform:translateY(24px)}.reveal.in{opacity:1;transform:none}.mock,.mock-mini{aspect-ratio:4/3;border:1px solid var(--line-2);background:#0a0a09;border-radius:14px;width:100%;max-width:520px;transition:transform .5s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden;box-shadow:0 30px 80px -30px #0009,inset 0 0 0 1px #ffffff05}.project:hover .mock{transform:translateY(-6px)rotate(-.4deg)}.mock-bar{border-bottom:1px solid var(--line);background:#15140f;align-items:center;gap:6px;height:28px;padding:0 12px;display:flex}.mock-bar i{background:#2a2722;border-radius:50%;width:8px;height:8px;display:block}.mock-body-mini,.mock-body{padding:12px;display:flex;position:absolute}.mock-body{justify-content:center;align-items:center;height:100%}