:root{--ink:#11110f;--paper:#f5f3ee;--white:#fff;--stone:#b7aa96;--muted:#77746e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:var(--paper);border-bottom:1px solid #ddd9d1;position:sticky;top:0;z-index:20}.brand{font-family:'Manrope',sans-serif;font-size:18px;letter-spacing:.18em;text-decoration:none;color:inherit}.brand span{display:block;font:500 8px 'DM Sans';letter-spacing:.25em;margin-top:5px}.nav nav{display:flex;gap:32px}.nav nav a{text-decoration:none;color:inherit;text-transform:uppercase;font-size:11px;letter-spacing:.13em}.hero{min-height:760px;display:grid;grid-template-columns:55% 45%;border-bottom:1px solid #ddd9d1}.hero-copy{padding:9vh 5vw 7vh}.eyebrow,.section-number{font-size:11px;letter-spacing:.22em;font-weight:600}.hero h1{font-family:'Manrope';font-weight:500;font-size:clamp(70px,9vw,145px);letter-spacing:-.065em;line-height:.76;margin:58px 0 30px}.role{text-transform:uppercase;letter-spacing:.28em;font-size:14px}.hero h2{font-family:'Manrope';font-size:clamp(27px,3vw,47px);line-height:1.15;font-weight:400;margin:62px 0 24px}.disciplines{font-size:13px;color:#555;letter-spacing:.03em}.disciplines span{padding:0 9px;color:var(--stone)}.actions{display:flex;gap:12px;margin-top:42px}.button{display:inline-block;text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:600;padding:17px 25px}.dark{background:var(--ink);color:white}.line{border:1px solid var(--ink);color:var(--ink)}.light{background:var(--paper);color:var(--ink)}.portrait{overflow:hidden;background:white}.portrait img{width:100%;height:100%;object-fit:cover;object-position:52% center;display:block}.statement{padding:120px 5vw 140px}.statement h2,.section-head h2,.testimonials h2,.transition h2,.contact h2{font-family:'Manrope';font-weight:400;letter-spacing:-.045em}.statement h2{font-size:clamp(46px,6vw,88px);line-height:1.03;margin:30px 0 0}.about{display:grid;grid-template-columns:32% 68%;padding:100px 5vw;background:white}.about-copy{max-width:800px}.about-copy p{font-size:17px;line-height:1.8;color:#4b4945}.about-copy .lead{font:400 clamp(27px,3vw,40px)/1.35 'Manrope';color:var(--ink);margin-top:0}.experience{background:var(--ink);color:white;padding:110px 5vw}.section-head{display:flex;justify-content:space-between;align-items:flex-start}.section-head h2{font-size:clamp(48px,6vw,82px);line-height:1;margin:0;text-align:right}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:100px 0 70px;border-top:1px solid #3b3a37;border-bottom:1px solid #3b3a37}.stats article{padding:45px 25px;border-right:1px solid #3b3a37}.stats article:last-child{border:0}.stats strong{display:block;font:400 48px 'Manrope';color:#d6c7b0}.stats span{display:block;margin-top:10px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.career{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#33322f;margin-bottom:55px}.career p{background:var(--ink);margin:0;padding:24px 0;font-size:11px;letter-spacing:.16em}.testimonials{padding:110px 5vw 90px}.testimonial-grid{display:grid;grid-template-columns:40% 60%;gap:6vw;margin-top:65px}.testimonials h2{font-size:clamp(55px,7vw,92px);line-height:.95;margin:0}.sub{max-width:330px;color:var(--muted);line-height:1.7}.testimonials blockquote{margin:0;background:white;padding:55px 60px}.stars{letter-spacing:.14em;color:#8e7551;font-size:15px}.stars span{font-size:9px;color:#777;margin-left:15px}.testimonials blockquote p{font:400 clamp(23px,2.5vw,35px)/1.45 'Manrope';letter-spacing:-.02em}.testimonials blockquote footer{text-transform:uppercase;letter-spacing:.14em;font-size:11px}.more{text-align:right;color:#888;font-size:11px;text-transform:uppercase;letter-spacing:.14em;margin-top:25px}.transition{padding:130px 5vw;background:#c9c0b4}.transition p{font-size:13px;letter-spacing:.22em}.transition p span{padding:0 18px}.transition h2{font-size:clamp(45px,6vw,82px);line-height:1.04;margin:45px 0 0}.contact{padding:130px 5vw}.contact h2{font-size:clamp(58px,8vw,110px);line-height:.9;margin:45px 0}.contact>p:not(.section-number){font-size:18px;line-height:1.7;max-width:620px;margin-bottom:40px}.footer{background:var(--ink);color:white;padding:50px 5vw;display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:50px}.footer p{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#aaa}@media(max-width:800px){.nav nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding-top:70px}.portrait{height:560px}.section-head,.testimonial-grid,.about{display:block}.section-head h2{text-align:left;margin-top:40px}.stats{grid-template-columns:1fr 1fr}.career{grid-template-columns:1fr}.testimonial-grid blockquote{margin-top:50px;padding:35px}.footer{grid-template-columns:1fr}.statement,.about,.experience,.testimonials,.transition,.contact{padding-top:80px;padding-bottom:80px}}
.status{margin:14px 0 0;font-size:10px;letter-spacing:.14em;color:var(--muted);font-weight:600}.status span{padding:0 7px;color:var(--stone)}
.timeline{margin:70px 0 50px;border-top:1px solid #3b3a37}.timeline article{display:grid;grid-template-columns:150px 1fr 1.2fr;gap:30px;align-items:baseline;padding:24px 0;border-bottom:1px solid #3b3a37}.timeline span{font-size:10px;letter-spacing:.14em;color:#a7a39c}.timeline h3{font:500 18px 'Manrope';margin:0}.timeline p{margin:0;color:#aaa;font-size:12px;line-height:1.5}.resume-actions{display:flex;align-items:center;gap:28px}.text-link{color:#ddd;text-transform:uppercase;letter-spacing:.14em;font-size:10px;text-decoration:none;border-bottom:1px solid #666;padding-bottom:5px}
.testimonial-intro{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;margin-top:65px}.review-count{text-align:right;border-left:1px solid #d7d1c7;padding-left:40px}.review-count strong{display:block;font:400 54px 'Manrope';line-height:1}.review-count span{display:block;margin-top:8px;font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#ddd8cf;margin-top:55px}.review-grid blockquote{background:white;margin:0;padding:42px;min-height:330px;display:flex;flex-direction:column}.review-grid blockquote.featured{grid-column:1/-1;min-height:auto;background:var(--ink);color:white;padding:60px}.review-grid blockquote p{font:400 22px/1.5 'Manrope';letter-spacing:-.02em;flex:1}.review-grid blockquote.featured p{font-size:clamp(28px,3vw,42px);max-width:1000px}.review-grid blockquote footer{text-transform:uppercase;letter-spacing:.14em;font-size:10px;margin-top:25px}.review-grid .stars{margin-bottom:10px}
@media(max-width:800px){.timeline article{grid-template-columns:1fr;gap:8px}.testimonial-intro{display:block}.review-count{text-align:left;border-left:0;border-top:1px solid #d7d1c7;padding:25px 0 0;margin-top:30px}.review-grid{grid-template-columns:1fr}.review-grid blockquote.featured{grid-column:auto;padding:35px}.resume-actions{flex-wrap:wrap}}

/* Refined mobile layout */
@media (max-width: 800px){
  body{overflow-x:hidden}
  .nav{height:74px;padding:0 22px;position:sticky}
  .brand{font-size:15px;letter-spacing:.14em}.brand span{font-size:7px;letter-spacing:.2em}
  .hero{min-height:0;display:flex;flex-direction:column}
  .hero-copy{padding:52px 22px 48px}
  .eyebrow,.section-number{font-size:10px;letter-spacing:.18em}
  .status{font-size:9px;line-height:1.7;letter-spacing:.1em;max-width:310px}
  .hero h1{font-size:clamp(54px,18vw,78px);line-height:.82;letter-spacing:-.055em;margin:42px 0 24px}
  .role{font-size:11px;letter-spacing:.22em;line-height:1.5}
  .hero h2{font-size:clamp(27px,8vw,36px);margin:42px 0 22px;line-height:1.12}
  .disciplines{font-size:12px;line-height:2;max-width:360px}.disciplines span{padding:0 5px}
  .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:34px}.button{text-align:center;padding:16px 12px}
  .portrait{height:auto;aspect-ratio:4/5}.portrait img{height:100%;object-position:52% center}
  .statement,.about,.experience,.testimonials,.transition,.contact{padding-left:22px;padding-right:22px;padding-top:70px;padding-bottom:70px}
  .statement h2{font-size:clamp(38px,11vw,54px);line-height:1.05;margin-top:24px}.statement h2 br{display:none}
  .about-copy{margin-top:38px}.about-copy .lead{font-size:27px;line-height:1.35}.about-copy p{font-size:16px;line-height:1.7}
  .section-head h2{font-size:clamp(42px,12vw,60px);margin-top:28px}
  .stats{grid-template-columns:1fr 1fr;margin:60px 0 50px}.stats article{padding:30px 16px;min-width:0}.stats article:nth-child(2){border-right:0}.stats strong{font-size:34px;overflow-wrap:anywhere}.stats span{font-size:9px;line-height:1.5}
  .career p{padding:20px 0;font-size:10px}
  .timeline{margin-top:50px}.timeline article{padding:20px 0}.timeline h3{font-size:17px}.timeline p{font-size:11px}
  .resume-actions{gap:18px}.resume-actions .button{width:100%}.text-link{font-size:9px}
  .testimonial-intro{margin-top:42px}.testimonials h2{font-size:clamp(48px,14vw,68px)}.sub{max-width:none;font-size:15px}
  .review-count strong{font-size:46px}.review-grid{margin-top:38px}.review-grid blockquote,.review-grid blockquote.featured{min-height:0;padding:30px 24px}.review-grid blockquote p,.review-grid blockquote.featured p{font-size:21px;line-height:1.5}.review-grid blockquote footer{font-size:9px}.stars{font-size:13px}.stars span{font-size:8px;margin-left:8px}
  .transition p{font-size:11px;line-height:1.7}.transition p span{padding:0 10px}.transition h2{font-size:clamp(39px,11vw,54px);margin-top:30px}.transition h2 br{display:none}
  .contact h2{font-size:clamp(50px,14vw,70px);line-height:.95;margin:35px 0}.contact>p:not(.section-number){font-size:16px}
  .footer{padding:42px 22px;gap:22px}.footer p{margin:0;line-height:1.6}
}
@media (max-width: 390px){
  .hero-copy,.statement,.about,.experience,.testimonials,.transition,.contact{padding-left:18px;padding-right:18px}
  .nav{padding:0 18px}.hero h1{font-size:56px}.actions{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.stats article{border-right:0;border-bottom:1px solid #3b3a37}.stats article:last-child{border-bottom:0}.review-grid blockquote p,.review-grid blockquote.featured p{font-size:19px}
}

/* Mobile portrait refinement — keep original headshot untouched */
@media (max-width: 800px){
  .portrait{
    width:min(74vw,320px);
    aspect-ratio:4/5;
    margin:0 auto 54px;
    height:auto;
    background:transparent;
    overflow:hidden;
  }
  .portrait img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:52% center;
    display:block;
  }
}
@media (max-width: 390px){
  .portrait{width:min(72vw,280px);margin-bottom:46px}
}