:root{--paper:#fdfcf9;--canvas:#ece5db;--ink:#111;--muted:#66635d;--line:#dedbd4;--accent:#c9ff4a;--orange:#ff6b35;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.55;padding:34px}.page-shell{max-width:1380px;margin:auto;background:var(--paper);box-shadow:0 18px 60px rgba(45,38,29,.08)}.skip-link{position:absolute;left:-999px;top:10px;background:var(--ink);color:#fff;padding:9px 14px;z-index:20}.skip-link:focus{left:10px}.site-header{height:78px;padding:0 54px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{font:700 23px "Space Grotesk",sans-serif;color:var(--ink);text-decoration:none}.site-header nav{display:flex;gap:42px}.site-header nav a,.resume-link{position:relative;color:var(--muted);font-size:13px;text-decoration:none}.site-header nav a:hover,.site-header nav a.active{color:var(--ink)}.site-header nav a.active:after{content:"";position:absolute;height:2px;background:var(--ink);left:0;right:0;bottom:-29px}.resume-link{justify-self:end;color:var(--ink);font-weight:700}.resume-link span{margin-left:7px}main{max-width:var(--max);margin:auto;padding:0 54px}.about-hero{min-height:650px;display:grid;grid-template-columns:1.12fr .88fr;gap:80px;align-items:center;padding:82px 0 92px}.kicker,.section-title>p,.contact>p{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 22px}.about-copy h1,.section-title h2,.contact h2{font:700 clamp(3.7rem,6vw,6.2rem)/.94 "Space Grotesk",sans-serif;letter-spacing:-.065em;margin:0}.about-copy .lead{font-size:20px;line-height:1.45;max-width:650px;margin:34px 0 20px}.about-copy>p:not(.lead):not(.kicker){max-width:650px;color:var(--muted);margin:0 0 17px}.quick-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:38px}.quick-facts span,.skill-columns span{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.quick-facts strong{display:block;font:600 14px "Space Grotesk",sans-serif}.quick-facts small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.portrait-stack{position:relative;justify-self:center;width:min(390px,100%);height:485px}.portrait-card,.portrait-back{position:absolute;width:310px;height:400px;border-radius:9px;overflow:hidden;box-shadow:0 18px 36px rgba(26,22,18,.15)}.portrait-card{right:12px;top:24px;margin:0;transform:rotate(2.4deg);z-index:3;background:#222}.portrait-card img{width:100%;height:100%;object-fit:cover;object-position:center 24%;filter:saturate(.82) contrast(1.02)}.portrait-back.one{left:15px;top:74px;transform:rotate(-8deg);background:linear-gradient(155deg,#181817 0 47%,var(--accent) 47% 100%);z-index:1}.portrait-back.two{left:62px;top:13px;transform:rotate(8deg);background:linear-gradient(150deg,var(--orange),#f3c644);z-index:2}.portrait-note{position:absolute;left:-2px;bottom:0;font:600 12px/1.5 "Space Grotesk",sans-serif;text-transform:uppercase;letter-spacing:.08em;transform:rotate(-4deg)}.section{padding:112px 0;border-top:1px solid var(--line)}.section-title{display:grid;grid-template-columns:.8fr 1.2fr;align-items:start;margin-bottom:58px}.section-title h2{font-size:clamp(2.8rem,5vw,5rem)}.work-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}.work-list article{padding:38px 42px 40px 0;border-bottom:1px solid var(--line);min-height:315px}.work-list article:nth-child(even){padding-left:42px;border-left:1px solid var(--line)}.work-list article>span{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:700}.work-list h3{font:600 25px/1.1 "Space Grotesk",sans-serif;margin:25px 0 14px}.work-list p{color:var(--muted);max-width:510px}.work-list ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:25px 0 0}.work-list li{font-size:11px;border:1px solid var(--ink);border-radius:999px;padding:5px 10px}.skill-columns{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.skill-columns>div{padding:32px 28px;min-height:210px;border-right:1px solid var(--line)}.skill-columns>div:first-child{padding-left:0}.skill-columns>div:last-child{border-right:0}.skill-columns p{color:var(--muted);font-size:14px;margin:38px 0 0}.contact{padding:112px 0 84px;border-top:1px solid var(--line)}.contact h2{font-size:clamp(3rem,6vw,6rem);max-width:900px}.contact-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:64px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.contact-row a{position:relative;display:flex;flex-direction:column;padding:28px 40px 28px 0;color:var(--ink);text-decoration:none;border-right:1px solid var(--line)}.contact-row a:not(:first-child){padding-left:28px}.contact-row a:last-child{border:0}.contact-row span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.contact-row strong{font:600 14px "Space Grotesk",sans-serif;margin-top:7px;overflow-wrap:anywhere}.contact-row b{position:absolute;right:20px;top:50%;transform:translateY(-50%)}.copy-profile{margin-top:28px;border:0;border-bottom:1px solid var(--ink);padding:4px 0;background:none;font:600 13px "DM Sans",sans-serif;cursor:pointer}.contact small{margin-left:14px;color:var(--muted)}footer{height:86px;border-top:1px solid var(--line);padding:0 54px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}footer a{color:var(--ink);text-decoration:none}
@media(max-width:900px){body{padding:18px}.site-header{padding:0 28px;grid-template-columns:1fr auto}.site-header nav{display:none}.about-hero{grid-template-columns:1fr;padding-top:64px;gap:50px}.portrait-stack{justify-self:start}.section-title{grid-template-columns:1fr;gap:22px}.skill-columns{grid-template-columns:1fr 1fr}.skill-columns>div:nth-child(2){border-right:0}.skill-columns>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.skill-columns>div:nth-child(3){padding-left:0}.contact-row{grid-template-columns:1fr}.contact-row a,.contact-row a:not(:first-child){padding:24px 46px 24px 0;border-right:0;border-bottom:1px solid var(--line)}.contact-row a:last-child{border-bottom:0}}
@media(max-width:620px){body{padding:0}.page-shell{box-shadow:none}.site-header{height:68px;padding:0 20px}.site-header nav{display:none}main{padding:0 20px}.about-hero{padding:54px 0 70px}.about-copy h1{font-size:3.8rem}.about-copy .lead{font-size:18px}.quick-facts{grid-template-columns:1fr 1fr;gap:20px}.quick-facts div:last-child{grid-column:1/-1}.portrait-stack{width:100%;height:420px}.portrait-card,.portrait-back{width:245px;height:326px}.portrait-card{right:16px}.portrait-back.two{left:50px}.portrait-note{left:0}.section{padding:78px 0}.section-title h2,.contact h2{font-size:3.25rem}.work-list{grid-template-columns:1fr}.work-list article,.work-list article:nth-child(even){padding:30px 0;border-left:0;min-height:auto}.skill-columns{grid-template-columns:1fr}.skill-columns>div,.skill-columns>div:nth-child(3){padding:26px 0;border-right:0;border-bottom:1px solid var(--line);min-height:auto}.skill-columns>div:last-child{border-bottom:0}.skill-columns p{margin-top:18px}.contact{padding:78px 0}.contact-row{margin-top:44px}footer{height:auto;padding:26px 20px;gap:20px;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.social-block{display:grid;grid-template-columns:.8fr 1.2fr;align-items:start;padding:34px 0 8px}.social-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding-top:14px}.social-links{display:flex;flex-wrap:wrap;gap:10px}.social-links a{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 15px;border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;font:600 13px "Space Grotesk",sans-serif;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.social-links a:hover,.social-links a:focus-visible{background:var(--ink);border-color:var(--ink);color:var(--paper);transform:translateY(-2px)}.social-links svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media(max-width:620px){.social-block{grid-template-columns:1fr;gap:14px;padding-top:30px}.social-label{padding-top:0}.social-links{gap:8px}.social-links a{flex:1 1 calc(50% - 8px);justify-content:center}}