#about-michael {
  --about-green:light-dark(#245b3b, var(--dark-accent)); --about-ink:light-dark(#192a22, var(--dark-ink)); --about-muted:light-dark(#526259, var(--dark-muted)); --about-line:light-dark(#dce4da, var(--dark-line));
  max-width:1120px; margin-inline:auto; padding:10px 40px 40px; border-radius:14px;
  background:light-dark(#fafbf7, var(--dark-soft)); color:var(--about-ink); font:17px/1.75 system-ui,sans-serif;
}
#about-michael * { box-sizing:border-box; }
#about-michael p { margin:0 0 21px; }
#about-michael .eyebrow { text-transform:uppercase; letter-spacing:1.4px; font-size:11px; font-weight:750; color:var(--about-green); margin:0 0 16px; }
#about-michael .back-link { display:inline-flex; align-items:center; min-height:44px; color:var(--about-muted); font-size:14px; text-underline-offset:4px; margin-bottom:32px; }
#about-michael .about-opening { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); grid-template-areas:'heading photo' 'intro photo' 'story story'; column-gap:44px; padding-bottom:28px; }
#about-michael .hero-heading { grid-area:heading; }
#about-michael h1 { margin:0 0 26px; font-size:clamp(35px,4.5vw,51px); line-height:1.12; letter-spacing:-1.6px; font-weight:750; }
#about-michael h1 span { color:var(--about-green); }
#about-michael .hero-copy { grid-area:intro; }
#about-michael .hero-copy p { color:var(--about-muted); }
#about-michael .hero-copy .lead { color:var(--about-ink); font-size:19px; line-height:1.7; }
#about-michael .story-copy { grid-area:story; max-width:740px; padding-top:25px; }
#about-michael .story-copy strong { font-weight:650; }
#about-michael .michael-photo { grid-area:photo; margin:0; align-self:start; min-width:0; }
#about-michael .michael-photo img { display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; object-position:80% 50%; border-radius:12px; background:light-dark(#eaf0e3, var(--dark-soft)); }
#about-michael figcaption { color:var(--about-muted); font-size:12px; line-height:1.5; padding-top:9px; }
#about-michael .about-section { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr); gap:44px; border-top:1px solid var(--about-line); padding:43px 0 26px; }
#about-michael h2 { font-size:29px; line-height:1.25; letter-spacing:-.7px; font-weight:700; margin:0 0 23px; }
#about-michael .section-copy { max-width:700px; }
#about-michael .section-copy p { color:var(--about-muted); }
#about-michael h3 { margin:33px 0 18px; font-size:23px; line-height:1.35; letter-spacing:-.35px; }
#about-michael .section-copy .key-line { color:var(--about-green); font-size:21px; line-height:1.5; font-weight:700; border-left:3px solid var(--about-green); padding-left:18px; margin-block:27px; }
#about-michael .about-contact { background:light-dark(#eaf0e3, var(--dark-soft)); border-radius:12px; padding:32px; margin-top:6px; }
#about-michael .about-contact p { max-width:740px; }
#about-michael .about-cta { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:50px; padding:14px 20px; background:var(--about-green); color:light-dark(#fff, var(--dark-on-accent)); border-radius:9px; text-decoration:none; font-size:16px; font-weight:650; text-align:center; line-height:1.4; margin-top:8px; }
#about-michael .about-cta:hover { background:light-dark(#1b482e, var(--dark-accent)); }
#about-michael .cta-note { color:var(--about-muted); font-size:13px; margin:10px 0 0; }
#about-michael a:focus-visible { outline:3px solid light-dark(#ac3029, var(--dark-accent)); outline-offset:4px; }
@media(max-width:800px) {
  #about-michael { padding:10px 24px 24px; }
  #about-michael .about-opening { grid-template-columns:1fr; grid-template-areas:'heading' 'photo' 'intro' 'story'; }
  #about-michael .michael-photo { max-width:520px; width:100%; margin:0 0 25px; }
  #about-michael .michael-photo img { aspect-ratio:4/3; }
  #about-michael .story-copy { padding-top:0; }
  #about-michael .about-section { grid-template-columns:1fr; gap:0; padding-top:32px; }
  #about-michael .about-contact { padding:25px; }
}
@media(max-width:480px) {
  #about-michael { padding:8px 16px 20px; }
  #about-michael .back-link { margin-bottom:24px; }
  #about-michael h1 { font-size:35px; letter-spacing:-1.1px; margin-bottom:24px; }
  #about-michael h2 { font-size:27px; }
  #about-michael h3 { font-size:22px; }
  #about-michael .hero-copy .lead { font-size:18px; }
  #about-michael .about-contact { padding:22px 17px; }
  #about-michael .about-cta { width:100%; font-size:15px; }
  #about-michael .cta-note { text-align:center; }
}
#about-michael .personal-section { padding-bottom:0; } #about-michael .personal-section .about-contact { margin-top:30px; padding:26px; } #about-michael .contact-question { margin:27px 0 12px; color:var(--about-green); } @media(max-width:480px) { #about-michael .personal-section .about-contact { padding:22px 17px; } }
