/* Shared foundations. Individual design overrides follow below. No external assets. */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.65}a{color:inherit;text-underline-offset:.23em}a:focus-visible{outline:3px solid currentColor;outline-offset:6px}.skip-link{position:absolute;left:1rem;top:-8rem;padding:.6rem 1rem;background:var(--ink);color:var(--paper);z-index:2}.skip-link:focus{top:1rem}.site-header,main,footer{width:min(1320px,88%);margin:auto}.site-header{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.wordmark{font-weight:800;font-size:28px;letter-spacing:-2px;text-decoration:none}.site-header nav{display:flex;gap:32px;font-size:15px}.site-header nav a{text-decoration:none}.hero{position:relative;padding:95px 0 85px;border-bottom:1px solid var(--line)}h1,h2,p{margin:0}h1:not(.portfolio-name){font-size:clamp(70px,10vw,148px);line-height:1;letter-spacing:-.065em;font-weight:400}.role{margin-top:22px;font-size:21px}.intro{max-width:700px;margin:65px 0 0 auto;font-size:clamp(23px,2.5vw,34px);line-height:1.45;letter-spacing:-.025em}.hero-mark{position:absolute;bottom:80px;left:0;font-size:65px;line-height:1}h2{font-size:12px;line-height:1.5;font-weight:600;letter-spacing:.12em}.text-section{display:grid;grid-template-columns:1fr 2fr;gap:64px;padding:64px 0;border-bottom:1px solid var(--line)}.text-section p+p{margin-top:24px}.text-section>div{max-width:750px}.awards p{font-size:20px}.explore{padding:75px 0}.explore h2{margin-bottom:30px}.work-links a{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0;border-top:1px solid var(--line);font-size:clamp(25px,3.4vw,46px);line-height:1.2;letter-spacing:-.04em;text-decoration:none;cursor:default}.work-links a:last-child{border-bottom:1px solid var(--line)}.work-links span{font-size:.8em;flex-shrink:0}.contact{display:grid;grid-template-columns:1fr 2fr;gap:64px;padding:64px 0 85px;border-top:1px solid var(--line)}.contact>div{max-width:700px}.email{margin-top:28px}.email a{overflow-wrap:anywhere}.linkedin{margin-top:12px;font-size:15px}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 0;border-top:1px solid var(--line);font-size:12px}
/* A — quiet, editorial, warm paper and serif typography. */
.design-a{--paper:#f6f3eb;--ink:#292821;--line:#c9c5bb}.design-a h1,.design-a .intro,.design-a .work-links a{font-family:Georgia,'Times New Roman',serif}.design-a .role{font-family:Georgia,'Times New Roman',serif;font-style:italic}.design-a .hero-title{max-width:900px}.design-a .text-section p{font-family:Georgia,'Times New Roman',serif;font-size:21px;line-height:1.7}
/* B — heavy type, hard rules and a reversed hero. */
.design-b{--paper:#fff;--ink:#111;--line:#111}.design-b h1{font-weight:900;text-transform:uppercase;max-width:900px;font-size:clamp(90px,13vw,186px);line-height:.83;letter-spacing:-.08em}.design-b .site-header{border-bottom:3px solid}.design-b .hero{background:#111;color:#fff;margin-top:24px;padding:60px 5%}.design-b .role{font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-top:30px}.design-b .intro{font-size:clamp(23px,2.4vw,32px);margin-top:50px;max-width:670px}.design-b .hero-mark{left:5%;bottom:65px}.design-b h2{font-weight:800}.design-b .text-section{border-bottom:2px solid}.design-b .work-links a{font-weight:800;padding:30px 0;border-top:3px solid}.design-b .work-links a:last-child{border-bottom:3px solid}.design-b .contact{background:#111;color:#fff;padding:45px 5%;margin-bottom:60px}
/* C — soft sage, plum, rounded shapes and an asymmetric introduction. */
.design-c{--paper:#eef0e7;--ink:#34312f;--line:#b9bdb0}.design-c .wordmark{color:#67445b}.design-c .hero{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;padding:95px 0}.design-c h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(74px,9vw,126px);color:#67445b;max-width:520px}.design-c .role{display:inline-block;border:1px solid #8e9785;border-radius:40px;padding:6px 20px;font-size:16px;margin-top:30px}.design-c .intro{font-size:clamp(24px,2.4vw,32px);margin:0;max-width:530px}.design-c .hero-mark{position:static;grid-column:2;font-size:45px;color:#67445b}.design-c .biography{padding:0 4%}.design-c .text-section{grid-template-columns:1fr 2fr}.design-c .explore{background:#e1d8df;border-radius:28px;padding:45px 4%;margin:45px 0 65px;color:#4b3143}.design-c .explore h2{letter-spacing:0;font-size:18px}.design-c .work-links a{font-family:Georgia,'Times New Roman',serif;font-size:clamp(27px,3.3vw,44px);border-color:#a99aa3}.design-c .contact{padding-left:4%;padding-right:4%}
@media(min-width:1500px){.site-header,main,footer{width:min(1320px,84%)}}@media(max-width:700px){body{font-size:17px}.site-header,main,footer{width:88%}.site-header{padding:20px 0}.site-header nav{gap:22px}.hero{padding:65px 0 50px}h1:not(.portfolio-name){font-size:clamp(64px,15vw,100px)}.role{font-size:19px}.intro{margin-top:40px;font-size:25px}.hero-mark{display:none}.text-section,.contact{grid-template-columns:1fr;gap:24px;padding:40px 0}.text-section>div{max-width:none}.text-section p+p{margin-top:20px}.explore{padding:45px 0}.work-links a{padding:23px 0;font-size:29px}.awards p{font-size:18px}.contact{padding-bottom:50px}footer{font-size:11px;flex-wrap:wrap}.design-a .text-section p{font-size:19px}.design-b .hero{padding:45px 7%}.design-b h1{font-size:clamp(68px,17vw,118px)}.design-b .intro{margin-top:35px}.design-b .role{font-size:15px}.design-b .contact{padding:32px 7%;margin-bottom:40px}.design-c .hero{grid-template-columns:1fr;gap:35px;padding:60px 0 45px}.design-c h1{font-size:clamp(70px,16vw,110px)}.design-c .intro{font-size:25px}.design-c .biography{padding:0}.design-c .text-section{grid-template-columns:1fr}.design-c .explore{padding:30px 6%;border-radius:20px;margin:35px 0 45px}.design-c .work-links a{font-size:28px}.design-c .contact{padding-left:0;padding-right:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
