:root{color-scheme:dark;--bg:#111212;--text:#eeeeeb;--muted:#a5a7a7;--line:#303333}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}a:hover{color:#fff;text-decoration:underline;text-underline-offset:6px}a:focus-visible,button:focus-visible{outline:2px solid white;outline-offset:6px}p{color:var(--muted);margin:0 0 22px}h1,h2,h3{font-weight:500;line-height:1.2;letter-spacing:-.035em;margin:0}h2{font-size:36px}h3{font-size:25px}.section-shell,.site-header{max-width:1200px;margin:auto;padding-left:48px;padding-right:48px}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:20px;font-weight:600;letter-spacing:-.04em}.main-nav{display:flex;gap:30px;font-size:14px;color:var(--muted)}.menu-toggle{display:none}.hero{padding-top:88px;padding-bottom:90px}.hero-meta,.eyebrow,.card-kicker{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.hero-meta{margin-bottom:34px}.hero .eyebrow{display:none}h1{font-size:clamp(42px,6.2vw,76px);max-width:950px;line-height:1.1}h1 span{display:block;color:#929696}.hero-intro{max-width:590px;margin-top:30px;font-size:18px}.hero-actions,.contact-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.button{font-size:14px;display:inline-flex;padding:12px 0}.button-primary{background:#e9eae6;color:#151717;border:1px solid #e9eae6;padding:11px 20px;border-radius:3px}.button-primary:hover{background:white;color:#111;text-decoration:none}.project-section,.experience-section,.about-section,.contact-section{padding-top:65px;padding-bottom:70px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px}.section-heading .eyebrow{display:none}.section-heading>p{max-width:340px;margin:0;font-size:15px}.featured-project{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;margin-bottom:56px;align-items:center}.project-media{background:#1b1d1d;overflow:hidden;border-radius:4px}.project-media img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain}.project-topline{font-size:13px;color:var(--muted);margin-bottom:17px}.project-topline span{display:block}.project-topline span+span{display:none}.project-content h3{font-size:30px}.project-content>p{margin:20px 0}.project-tags{display:flex;flex-wrap:wrap;gap:8px 16px;color:#aaaead;font-size:12px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 30px}.project-card{min-width:0;border-top:1px solid var(--line);padding-top:20px}.card-visual{aspect-ratio:16/9;background:#1b1d1d;border-radius:4px;overflow:hidden;margin-bottom:24px}.card-visual img{width:100%;height:100%;object-fit:contain;display:block}.card-kicker{margin-bottom:8px;font-size:12px}.card-body>p:not(.card-kicker){margin:15px 0 20px;font-size:15px}.project-card:first-child{display:flex;align-items:center;padding:32px;background:#191b1b;border-radius:4px}.timeline-row{display:grid;grid-template-columns:85px 270px 1fr;gap:30px;padding:28px 0;border-bottom:1px solid var(--line)}.timeline-date{font-size:14px;color:var(--muted)}.timeline-role h3{font-size:20px;letter-spacing:-.02em}.timeline-role p{font-size:14px;margin-top:8px}.timeline-copy p{font-size:15px;margin:0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.about-title h2{max-width:400px}.about-copy p{font-size:16px}.skills-track{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:28px;font-size:14px;color:var(--muted)}.contact-inner{max-width:720px}.contact-inner>p:not(.eyebrow){margin:22px 0}.footer{padding-top:28px;padding-bottom:28px;display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}@media(max-width:760px){.section-shell,.site-header{padding-left:24px;padding-right:24px}.site-header{height:80px}.brand{font-size:18px}.main-nav{gap:16px;font-size:13px}.main-nav a:nth-child(2),.main-nav a:nth-child(3){display:none}.hero{padding-top:64px;padding-bottom:64px}.hero-intro{font-size:16px}.hero-meta{font-size:12px}h2{font-size:30px}.section-heading{display:block}.section-heading>p{margin-top:20px}.featured-project,.project-grid,.about-grid{grid-template-columns:1fr}.featured-project{gap:24px}.project-content h3{font-size:26px}.timeline-row{grid-template-columns:1fr;gap:8px}.timeline-role p{margin-bottom:8px}.about-grid{gap:28px}.project-section,.experience-section,.about-section,.contact-section{padding-top:45px;padding-bottom:45px}.contact-actions{gap:12px}.contact-actions .button{font-size:13px}.project-grid{gap:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Refined portfolio composition */
:root{--bg:#101112;--muted:#a6aaac;--line:#2b2e30}.section-shell,.site-header{max-width:1280px;padding-left:60px;padding-right:60px}.site-header{height:96px}.brand{letter-spacing:-.03em}.main-nav{gap:32px}.hero{padding-top:65px;padding-bottom:0}.hero-meta{font-size:12px;letter-spacing:.12em;margin-bottom:32px}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:center}h1{font-size:clamp(48px,5.8vw,78px);letter-spacing:-.055em;line-height:1.07}h1 span{color:#a0a5a7}.hero-intro{font-size:17px;max-width:540px;line-height:1.8;margin:26px 0}.portrait{margin:0;align-self:center}.portrait img{width:100%;height:auto;aspect-ratio:4/4.5;object-fit:cover;object-position:50% 30%;border-radius:3px;display:block}.portrait figcaption{font-size:14px;margin-top:15px;color:#e7e9ea}.portrait figcaption span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.expertise{display:flex;justify-content:space-between;padding:26px 0;margin-top:62px;border-top:1px solid var(--line);font-size:13px;color:#a6aaac;letter-spacing:.025em}.project-section{padding-top:70px}.section-heading{margin-bottom:42px;align-items:start}h2{font-size:38px;letter-spacing:-.04em}.section-heading>p{max-width:380px;line-height:1.7}.featured-project{background:#181a1b;gap:44px;padding:0 36px 0 0;border:1px solid #292c2e;border-radius:4px;overflow:hidden;margin-bottom:40px;grid-template-columns:1.2fr 1fr}.project-media{border-radius:0;background:#1b1d1f}.project-media img{aspect-ratio:1.3}.project-content h3{font-size:34px}.project-content>p{font-size:15px}.project-note{border-top:1px solid #343739;padding-top:17px;font-size:13px!important;color:#bbbfc0}.project-tags{font-size:12px;gap:7px 14px}.project-grid{gap:44px 32px}.project-card,.project-card:first-child{border:0;padding:0;display:block;background:transparent;border-radius:0}.card-visual{margin-bottom:22px;background:#191c20;aspect-ratio:16/9;border:1px solid #282c30}.card-visual img{object-fit:cover}.card-body{padding:0 2px}.card-body h3{font-size:25px}.card-body>p:not(.card-kicker){font-size:15px;max-width:510px}.card-kicker{font-size:12px;letter-spacing:.07em;color:#8f969b}.render-note{font-size:12px!important;color:#81878c;margin:14px 0 0!important}.project-card:has(.card-body):not(:has(img)){padding:28px;border:1px solid var(--line);display:flex;align-items:center}.timeline-row{grid-template-columns:80px 280px 1fr;gap:34px;padding:32px 0}.timeline-copy p{line-height:1.8}.workshop-panel{display:grid;grid-template-columns:1.35fr .65fr;background:#191b1d;margin-bottom:65px;align-items:center;border:1px solid var(--line)}.workshop-panel>img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;display:block}.workshop-caption{padding:36px}.workshop-caption>span{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.workshop-caption p{font-size:32px;line-height:1.25;letter-spacing:-.035em;color:#e9ebec;margin:18px 0 0}.about-grid{gap:80px}.about-title h2{font-size:34px}.skills-track{border-top:1px solid var(--line);padding-top:30px;margin-top:38px;font-size:13px}.contact-section{padding-top:72px;padding-bottom:80px}.contact-inner{max-width:760px}.contact-inner h2{font-size:48px}.contact-inner>p:not(.eyebrow){max-width:580px}.contact-actions{margin-top:28px}.skip-link{position:absolute;left:20px;top:-100px;background:white;color:black;padding:10px;z-index:10}.skip-link:focus{top:10px}.button{transition:background .15s}.footer{padding-top:30px;padding-bottom:30px}
@media(max-width:900px){.section-shell,.site-header{padding-left:32px;padding-right:32px}.hero-grid{gap:40px;grid-template-columns:1.2fr .8fr}h1{font-size:52px}.featured-project{gap:28px;padding-right:25px}.project-content h3{font-size:27px}.timeline-row{grid-template-columns:65px 210px 1fr;gap:20px}.workshop-caption{padding:24px}.workshop-caption p{font-size:26px}}
@media(max-width:640px){.section-shell,.site-header{padding-left:22px;padding-right:22px}.site-header{height:auto;min-height:88px;align-items:start;flex-direction:column;justify-content:center;gap:12px;padding-top:17px;padding-bottom:17px}.main-nav{width:100%;gap:0;justify-content:space-between;font-size:12px}.main-nav a:nth-child(2),.main-nav a:nth-child(3){display:block}.hero{padding-top:38px}.hero-meta{font-size:10px;margin-bottom:24px}.hero-grid{display:flex;flex-direction:column;gap:30px;align-items:stretch}h1{font-size:51px}.hero-intro{font-size:16px}.portrait{align-self:stretch;display:grid;grid-template-columns:105px 1fr;gap:20px;align-items:center}.portrait img{aspect-ratio:1;width:105px}.portrait figcaption{margin:0}.portrait figcaption span{max-width:190px;line-height:1.5;margin-top:5px}.expertise{margin-top:34px;gap:18px;font-size:11px;padding:22px 0;line-height:1.5}.section-heading{margin-bottom:28px}.section-heading>p{font-size:14px;max-width:340px}h2{font-size:32px}.featured-project{display:block;padding:0;margin-bottom:36px}.project-media img{aspect-ratio:16/10}.project-content{padding:24px}.project-content h3{font-size:28px}.project-grid{gap:38px}.timeline-row{grid-template-columns:1fr;gap:7px}.timeline-role h3{font-size:20px}.timeline-copy p{font-size:14px}.workshop-panel{grid-template-columns:1fr;margin-bottom:38px}.workshop-panel>img{aspect-ratio:4/3}.workshop-caption{padding:22px}.workshop-caption p{font-size:25px;margin-top:10px}.about-grid{gap:25px}.about-title h2{font-size:30px}.contact-inner h2{font-size:36px}.contact-actions{gap:15px}.contact-section{padding-top:48px;padding-bottom:50px}.footer{font-size:11px}.card-body h3{font-size:24px}}