@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg:#f4f3ef;--fg:#111;--muted:#777;--line:#c9c7c0;--pad:clamp(18px, 3vw, 48px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);margin:0;font-family:DM Mono,monospace;line-height:1.35}a{color:inherit;text-decoration:none}.wrap{padding-left:var(--pad);padding-right:var(--pad);justify-content:between;max-width:1500px;margin:auto}.nav{border-bottom:1px solid var(--line);letter-spacing:.08em;justify-content:space-between;align-items:center;height:82px;font-size:12px;display:flex}.brand{font-weight:500}.brand span{display:inline-block;transform:translateY(2px)}nav{gap:24px;display:flex}nav a,.footer a{transition:opacity .2s}nav a:hover,.footer a:hover{opacity:.45}.hero{flex-direction:column;justify-content:space-between;min-height:calc(100vh - 250px);padding-bottom:40px;display:flex}.eyebrow{letter-spacing:.12em;color:var(--muted);font-size:11px}h1{letter-spacing:-.075em;margin:10vh 0 7vh;font-family:Space Grotesk,sans-serif;font-size:clamp(58px,11.7vw,190px);font-weight:600;line-height:.82}h1 span{font-weight:400}#work{padding-top:120px}h1 em{letter-spacing:0;vertical-align:top;font-family:DM Mono,monospace;font-size:clamp(11px,1.2vw,18px);font-style:normal;position:relative;top:4px}.hero-bottom{justify-content:space-between;align-items:end;gap:40px;display:flex}.hero-bottom p{max-width:540px;font-size:12px;line-height:1.7}.circle-link{border:1px solid var(--fg);border-radius:50%;flex-shrink:0;place-items:center;width:54px;height:54px;font-size:20px;transition:background .25s,color .25s;display:grid}.circle-link:hover{background:var(--fg);color:var(--bg)}.section{padding-top:clamp(100px,14vw,220px)}.section-head{border-top:1px solid var(--line);letter-spacing:.1em;align-items:center;gap:20px;padding-top:12px;font-size:11px}.section-head h2{margin:0;font:500 clamp(13px,1.2vw,18px)/1 DM Mono,monospace}.project-tabs{gap:8px;padding-bottom:8px;display:flex}.tab-btn{border:1px solid var(--line);color:var(--muted);letter-spacing:.08em;cursor:pointer;text-transform:uppercase;background:0 0;padding:6px 10px;font:500 10px/1 DM Mono,monospace;transition:all .2s}.tab-btn:hover{color:#000;border-color:#000}.tab-btn.active{color:#fff;background:#000;border-color:#000}@media (width<=640px){.project-tabs{flex-wrap:wrap;grid-column:2;margin-top:8px}}.projects{margin-top:55px}.project{border-bottom:1px solid var(--line);grid-template-columns:70px 1fr minmax(220px,340px);gap:20px;padding:23px 0;transition:padding .3s,background .3s;display:grid}.project:hover{background:#ebe9e3;padding-left:12px;padding-right:12px}.project-no,.project-meta,.status{color:var(--muted);font-size:10px}.project-title-row{align-items:center;gap:15px;display:flex}.project h3{letter-spacing:-.04em;margin:0;font:500 clamp(22px,3vw,48px)/.95 Space Grotesk,sans-serif}.project-main p{color:var(--muted);margin:8px 0 0;font-size:11px}.status{border:1px solid var(--line);padding:4px 6px}.project-meta{grid-template-columns:1fr auto auto;align-items:center;gap:18px;display:grid}.project-meta span:first-child{line-height:1.4}.skills{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:55px;display:grid}.skill-group{border-top:1px solid var(--line);padding-top:12px}.skill-group h3{color:var(--muted);margin:0 0 25px;font-size:10px;font-weight:400}.skill-group ul{margin:0;padding:0;list-style:none}.skill-group li{letter-spacing:-.04em;margin-bottom:5px;font:500 clamp(25px,3vw,48px)/1.05 Space Grotesk,sans-serif}.about-grid{grid-template-columns:1.1fr .9fr;gap:clamp(30px,6vw,100px);margin-top:55px;display:grid}.about-left{flex-direction:column;gap:32px;display:flex}.about-lead{letter-spacing:-.055em;margin:0;font:500 clamp(28px,4.2vw,64px)/.98 Space Grotesk,sans-serif}.about-bio p{color:var(--muted);max-width:480px;margin:0;font-size:13px;line-height:1.8}.about-experience{flex-direction:column;gap:40px;display:flex}.exp-group{flex-direction:column;gap:20px;display:flex}.exp-label{letter-spacing:.1em;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:8px;font:500 10px/1 DM Mono,monospace}.exp-item{flex-direction:column;gap:4px;display:flex}.exp-head{justify-content:space-between;align-items:baseline;display:flex}.exp-item h3{letter-spacing:-.02em;margin:0;font:500 16px/1.2 Space Grotesk,sans-serif}.exp-year{color:var(--muted);font:500 10px/1 DM Mono,monospace}.exp-company{color:var(--muted);margin:0;font-size:11px}.exp-desc{margin:6px 0 0;font-size:12px;line-height:1.6}@media (width<=768px){.about-grid{grid-template-columns:1fr;gap:40px}}.contact{padding-top:clamp(140px,20vw,300px);padding-bottom:100px}.contact h2{letter-spacing:-.07em;margin:70px 0 90px;font:500 clamp(48px,10vw,150px)/.85 Space Grotesk,sans-serif}.contact h2 span{font-weight:400}.contact-row{border-top:1px solid var(--line);justify-content:space-between;padding-top:14px;font-size:12px;display:flex}.contact-row div{gap:25px;display:flex}.footer{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:1fr 1fr auto;gap:20px;padding-top:14px;padding-bottom:25px;font-size:10px;display:grid}@media (width<=700px){.nav{height:68px}.nav nav{gap:12px;font-size:10px}.hero{min-height:calc(100svh - 68px)}h1{margin:20vh 0 12vh}.project{grid-template-columns:35px 1fr}.project-meta{grid-column:2;justify-content:space-between;margin-top:10px;display:flex}.skills,.about-grid{grid-template-columns:1fr}.about-grid{gap:55px}.contact h2{margin:55px 0 70px}.contact-row,.footer{grid-template-columns:1fr;gap:16px;display:grid}.contact-row div{justify-content:space-between}.footer{padding-bottom:35px}}