:root{color-scheme:dark;--bg:#0a101b;--panel:#111a27;--ink:#f0f1ec;--muted:#a5afbd;--accent:#9fd4c0;--line:#2a3544;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a,input{touch-action:manipulation}a,button{ -webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img,video{max-width:100%;display:block}figure{margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;line-height:1.1}h2{font-size:clamp(2rem,3.5vw,3.2rem);letter-spacing:-.035em}h3{font-size:1.4rem;letter-spacing:-.02em}strong{color:var(--ink);font-weight:600}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.header{height:100px;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:0 48px;border-bottom:1px solid var(--line);position:relative;z-index:10}.wordmark{display:flex;align-items:center;gap:18px;font-size:26px;letter-spacing:-.09em;font-weight:600}.wordmark span{font:12px var(--mono);letter-spacing:.15em;padding-left:18px;border-left:1px solid var(--line)}nav{display:flex;align-items:center;gap:34px;font-size:14px}nav a{padding:9px 0;color:var(--muted)}nav a:hover,nav a[aria-current=page]{color:var(--ink)}nav a[aria-current=page]{box-shadow:0 1px var(--accent)}nav .nav-contact{margin-left:10px;color:var(--accent)}.skip{position:fixed;left:16px;top:-80px;background:var(--accent);color:var(--bg);padding:12px;z-index:100}.skip:focus{top:16px}.eyebrow{font:12px/1.6 var(--mono);letter-spacing:.13em;color:var(--accent);display:block}.rule{width:28px;height:1px;background:var(--accent);display:inline-block;vertical-align:middle;margin-right:8px}.about-hero{display:grid;grid-template-columns:1.12fr 1fr;gap:7%;align-items:center;padding-block:86px 98px;min-height:710px;overflow:hidden}.hero-copy h1{font-size:clamp(3.7rem,6.8vw,6rem);letter-spacing:-.065em;line-height:1.04;margin:27px 0 25px}.hero-copy h1 span{color:var(--accent)}.hero-intro{font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.4;letter-spacing:-.025em;margin-bottom:18px}.hero-description{font-size:16px;color:var(--muted);max-width:445px;line-height:1.8;margin-bottom:30px}.button{display:inline-flex;align-items:center;gap:38px;padding:13px 20px;border:1px solid var(--line);border-radius:5px;font-size:14px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px);background:#253c39}.button.primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.button.primary:hover{background:#c0e5d6}.text-link{font-size:14px;margin-left:24px;border-bottom:1px solid #5a6978;padding-bottom:4px}.portrait-frame{position:relative;padding:20px 0 0;align-self:center}.portrait-inner{position:relative;aspect-ratio:1/.99;border-radius:120px 10px 10px 10px;overflow:hidden;border:1px solid #405050;background:#1b2c35;z-index:1}.portrait-inner img{width:100%;height:100%;object-fit:cover}.orbit{position:absolute;width:110%;height:110%;border:1px solid #283c47;border-radius:50%;top:-25px;left:-5%;transform:rotate(-25deg);pointer-events:none}.orbit:after{content:"";position:absolute;inset:32px -30px;border:1px solid #23343e;border-radius:50%}.portrait-frame figcaption{display:flex;justify-content:space-between;gap:10px;font:10px/1.5 var(--mono);letter-spacing:.08em;color:var(--muted);padding-top:18px;position:relative;z-index:2}.section-line{border-top:1px solid var(--line)}.about-detail{padding-block:78px;display:grid;grid-template-columns:1fr 1.6fr;gap:10%}.section-heading h2{margin:20px 0 30px}.education{font-size:16px}.education span{display:block;font-size:14px;color:var(--muted);line-height:1.9;margin-top:10px}.prose{color:var(--muted);font-size:16px}.prose p+p{margin-top:23px}.heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}.heading-row h2{margin-top:14px}.heading-row>p{color:var(--muted);font-size:14px}.projects,.skills{padding-block:72px 82px}.project-card{display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--panel);transition:border-color .2s}.project-card:hover{border-color:#627f7d}.project-card-image{position:relative;min-height:435px;overflow:hidden}.project-card-image img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.project-card:hover img{transform:scale(1.025)}.image-tag{position:absolute;bottom:20px;left:20px;right:20px;font:11px/1.5 var(--mono);letter-spacing:.06em;background:#0a101bd9;border:1px solid #586777;padding:10px 12px;width:fit-content;max-width:calc(100% - 40px);border-radius:4px}.project-card-copy{padding:40px;display:flex;flex-direction:column;align-items:flex-start}.project-card-copy h3{font-size:clamp(1.8rem,2.7vw,2.7rem);line-height:1.13;margin:18px 0}.project-card-copy p{color:var(--muted);font-size:16px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.tags span{font-size:12px;border:1px solid #334353;padding:4px 9px;border-radius:4px;color:#cad2d9}.project-link{margin-top:auto;border-top:1px solid var(--line);padding-top:19px;width:100%;font-size:14px;display:flex;justify-content:space-between;color:var(--accent)}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:48px}.skills-grid>div{border-top:1px solid var(--line);padding-top:20px}.index{font:12px var(--mono);color:var(--accent)}.skills-grid h3{margin:20px 0 15px}.skills-grid p{font-size:16px;color:var(--muted)}.experience-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}.experience-strip p{margin-top:14px;font-size:14px}.experience-strip p span{color:var(--muted)}.contact{padding-block:65px 70px}.contact .heading-row{margin-bottom:0}.contact-email{color:var(--accent);font-size:clamp(1.2rem,2vw,1.6rem);border-bottom:1px solid #4e716d;padding-bottom:10px}.contact-email span{margin-left:30px}.footer{border-top:1px solid var(--line);padding-block:26px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.footer a:hover{color:var(--accent)}
@media(min-width:1600px){.about-hero{min-height:800px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.header{padding-inline:28px}.about-hero{gap:5%;padding-block:65px}.hero-copy h1{font-size:4.2rem}.about-detail{gap:6%;grid-template-columns:1fr 1.5fr}.project-card-copy{padding:28px}.skills-grid,.experience-strip{gap:25px}.portrait-inner{border-top-left-radius:80px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:80px;padding-inline:20px}.wordmark span{display:none}nav{gap:22px;font-size:13px}nav .nav-contact{margin:0}.about-hero{grid-template-columns:1fr;gap:50px;padding-block:48px 55px;min-height:0}.hero-copy h1{font-size:clamp(3.5rem,12vw,5rem)}.hero-description{max-width:100%}.hero-intro{font-size:1.5rem}.desktop-break{display:none}.portrait-frame{max-width:440px;width:100%;margin:auto}.portrait-inner{aspect-ratio:1.1}.portrait-frame figcaption{font-size:10px}.about-detail{grid-template-columns:1fr;gap:30px;padding-block:45px}.education{border-left:1px solid var(--line);padding-left:20px}.section-heading h2 br{display:none}.heading-row{display:block}.heading-row>p{margin-top:18px}.projects,.skills{padding-block:45px}.project-card{grid-template-columns:1fr}.project-card-image{min-height:0;aspect-ratio:1.5}.project-card-copy{padding:26px}.project-card-copy h3{font-size:2rem}.skills-grid,.experience-strip{grid-template-columns:1fr;gap:30px}.experience-strip{margin-top:32px}.contact{padding-block:40px}.contact .heading-row h2{margin-bottom:28px}.contact-email{display:inline-block}.footer{flex-wrap:wrap;font-size:12px}.footer>span:nth-child(2){display:none}.text-link{margin-left:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}