/* AH | The editorial balance pass (2026-10-21)
   A layout, visibility and responsiveness correction. Original copy and crawlable HTML retained. */
:root{--quiet-border:rgba(231,218,197,.13);--ah-cream:#f5efe5;--ah-gold:#c4a079}
.experience-page .header { background:rgba(10,13,17,.93)!important; }
.experience-page .header-inner { width:min(calc(100% - 64px),1190px); }
.experience-page .brand { flex:0 0 auto; min-width:0; }
.experience-page .header .wordmark { width:218px;max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 0 12px rgba(255,255,255,.045)); }
.experience-page .nav a { color:var(--ah-cream)!important; }
.experience-page .nav a:hover,.experience-page .nav a[aria-current=page] { color:var(--ah-gold)!important; }
.experience-page .header .menu { color:var(--ah-cream); }
.experience-page .header .mobile-nav { background:#11161c;color:var(--ah-cream);border:1px solid var(--quiet-border); }
.experience-page .header .mobile-nav a { color:var(--ah-cream); }
.experience-page .footer-wordmark { width:225px; }
/* Consistent composition, without the false full-screen expectation. */
.experience-page main > .experience-chapter { box-sizing:border-box; }
.experience-page main > .experience-chapter.inner-hero { min-height:min(740px,calc(100svh - 74px));padding:clamp(62px,10vh,110px) 0; }
.experience-page .inner-hero {
 display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(310px,.76fr);
 grid-template-rows:auto auto;align-content:center;align-items:start;
 gap:18px clamp(42px,7vw,112px); width:min(calc(100% - 64px),1190px);
}
.experience-page .inner-hero > .eyebrow { grid-column:1;grid-row:1;margin:0 0 6px; }
.experience-page .inner-hero > h1 { grid-column:1;grid-row:2;align-self:start;font-size:clamp(48px,5.25vw,75px)!important;line-height:1.07!important;letter-spacing:-.045em!important;margin:0!important;max-width:850px; }
.experience-page .inner-hero > .name-variant { grid-column:1;grid-row:3; }
.experience-page .inner-hero > .hero-sub {
 display:flex;flex-direction:column;gap:26px;grid-column:2;grid-row:2/4;
 margin:0!important;align-self:center;align-items:flex-start;min-width:0;
 padding:0 0 0 28px;border-left:1px solid rgba(201,158,109,.35);
}
.experience-page .inner-hero > .hero-sub p { font:clamp(21px,2.12vw,28px)/1.44 var(--serif);letter-spacing:-.02em;color:#e6ded2!important;max-width:480px; }
.experience-page .inner-hero > .hero-sub small { font:10px/1.7 var(--font);letter-spacing:.075em;color:var(--ah-gold)!important;max-width:320px;margin:0; }
.experience-page .inner-hero:has(>.name-variant) .hero-sub { grid-row:2/4; }
/* Make standard chapters centred by layout, not by a mountain of empty vertical space. */
.experience-page main > .experience-chapter.inner-section { min-height:0!important; padding:clamp(76px,11vh,124px) 0 clamp(82px,12vh,135px)!important;display:block!important; }
.experience-page main > .experience-chapter.section { min-height:0!important; padding-top:clamp(68px,8vh,110px);padding-bottom:clamp(72px,9vh,120px);display:block!important; }
.experience-page main > .experience-chapter.inner-section > .wrap { width:min(calc(100% - 64px),1010px)!important;margin:auto; }
.experience-page .inner-section .section-heading { display:block!important;max-width:900px;margin:0 0 31px!important; }
.experience-page .inner-section .section-heading .eyebrow {display:block;margin:0 0 17px!important;}
.experience-page .inner-section .section-heading h2 {font-size:clamp(42px,4.5vw,62px)!important;line-height:1.12!important;letter-spacing:-.033em!important;max-width:900px;margin:0;}
.experience-page .inner-section .prose.narrow { margin:0;width:min(100%,760px)!important;font-size:15px;line-height:1.85; }
.experience-page .inner-section .prose:not(.narrow) { font-size:15px;line-height:1.85; }
.experience-page .inner-section .rows {margin-top:36px!important;}
.experience-page .inner-section .item-row {padding:22px 0;align-items:center;}
.experience-page .inner-section .item-row h3 {font-size:clamp(22px,2.5vw,32px)!important;letter-spacing:-.024em;}
.experience-page .inner-section .item-row p {font-size:14px;line-height:1.65;}
/* Work image sits alongside the explanation; neither is stranded. */
.experience-page .work-layout {display:grid!important;grid-template-columns:minmax(0,1fr) 260px;gap:8px 38px;align-items:start;}
.experience-page .work-layout>.section-heading {grid-column:1/-1;}
.experience-page .work-layout>.prose {grid-column:1;grid-row:2;max-width:100%;}
.experience-page .work-layout>.work-photo {grid-column:2;grid-row:2;margin:0!important;width:260px;max-width:100%;}
.experience-page .work-layout>.work-photo img {width:100%;max-height:305px;height:auto;object-fit:cover;object-position:top;aspect-ratio:4/4.6;}
/* Do not force a tiny picture to carry half of a cinematic panel. */
.experience-page main > .experience-chapter.founder-feature {
 min-height:0!important;display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;
 align-items:center;gap:clamp(25px,5vw,80px);padding:clamp(65px,8vh,100px) max(32px,calc((100vw - 1110px)/2));
}
.experience-page .founder-feature>.founder-seal {display:flex!important;padding:0!important;min-width:0;border:none!important;align-items:center;}
.experience-page .founder-feature .speaking-photo {max-width:none;width:min(100%,410px);margin:0!important;}
.experience-page .founder-feature .speaking-photo img {width:100%;height:auto;max-height:375px;aspect-ratio:1/1.05;object-fit:cover;object-position:center 20%;}
.experience-page .founder-feature>div:last-child {padding:0!important;min-width:0;}
.experience-page .founder-feature blockquote{font-size:clamp(31px,3.1vw,46px)!important;line-height:1.22!important;margin:20px 0 27px!important;}
.experience-page .founder-feature .founder-sign{gap:15px;}
/* Quiet, purposeful full-screen pause only for statements. */
.experience-page main > .experience-chapter.inner-quote,
.experience-page main > .experience-chapter.statement {min-height:65svh!important;padding:clamp(62px,8vh,105px) 0!important;display:flex!important;justify-content:center;flex-direction:column;}
.experience-page main > .experience-chapter.inner-quote .wrap {width:min(calc(100% - 64px),1010px);}
.experience-page main > .experience-chapter.inner-quote blockquote{font-size:clamp(42px,5vw,68px)!important;}
.experience-page main > .experience-chapter.outro {min-height:0!important;padding:clamp(73px,10vh,120px) 0!important;display:block!important;}
/* Stronger image presence and purposeful whitespace */
.experience-page .person-photo img {display:block;}
.experience-page .work-photo,.experience-page .speaking-photo,.experience-page .about-photo {overflow:hidden;}
.experience-page .experience-nav{bottom:20px!important;right:22px!important;box-shadow:0 8px 25px rgba(0,0,0,.35)!important;}
.experience-page .experience-title {font-family:var(--font)!important;font-size:12px!important;font-weight:600;}
.experience-page .experience-overline {font-size:9px!important;letter-spacing:.14em;}
/* Consistent spacing and contrast for the human reading the page. */
.experience-page .section-label,.experience-page .topline,.experience-page .baseline {letter-spacing:.08em;}
.experience-page .inner-section p,.experience-page .inner-section li,.experience-page .founder-feature p{color:#c8c1b7!important}
.experience-page .about-feature {gap:clamp(28px,6vw,86px)!important;align-items:center;}
.experience-page .about-feature .portrait-monogram {align-self:center;}
.experience-page .about-feature .about-photo {max-width:370px;width:100%;}
.experience-page .about-feature .prose {max-width:660px;}
.experience-page .about-feature .prose h2 {font-size:clamp(34px,3.4vw,47px)!important;}
@media(min-width:1000px){
  /* Snap is a hint only: never attempt to trap tall reading sections. */
  html:has(body.experience-page){scroll-snap-type:y proximity;}
  .experience-page main >.experience-chapter.inner-section{scroll-snap-align:none!important;}
}
@media(max-width:960px){
  .experience-page .header-inner{width:calc(100% - 38px)}
  .experience-page .header .wordmark{width:190px}
  .experience-page .inner-hero{width:calc(100% - 44px);grid-template-columns:minmax(0,1fr) minmax(240px,.7fr);gap:18px 30px;}
  .experience-page .inner-hero>h1{font-size:clamp(43px,6.2vw,60px)!important;}
  .experience-page .inner-hero>.hero-sub p{font-size:clamp(19px,2.5vw,24px)}
}
@media(max-width:760px){
 .experience-page .header .wordmark{width:166px}
 .experience-page main > .experience-chapter.inner-hero{min-height:0!important;padding:55px 0 64px!important;}
 .experience-page .inner-hero{display:block!important;width:calc(100% - 42px)}
 .experience-page .inner-hero>.eyebrow{margin-bottom:18px!important}
 .experience-page .inner-hero>h1{font-size:clamp(41px,9vw,59px)!important;line-height:1.08!important;max-width:none}
 .experience-page .inner-hero>.hero-sub{border-left:1px solid rgba(201,158,109,.36);padding:2px 0 2px 18px;margin-top:28px!important;}
 .experience-page .inner-hero>.hero-sub p{font-size:clamp(21px,5vw,27px);line-height:1.38;}
 .experience-page .inner-hero>.hero-sub small{font-size:9px;}
 .experience-page .inner-hero>.name-variant{margin-top:17px;}
 .experience-page main >.experience-chapter.inner-section{padding:55px 0 71px!important;}
 .experience-page main >.experience-chapter.inner-section>.wrap{width:calc(100% - 42px)!important;}
 .experience-page .inner-section .section-heading{margin-bottom:24px!important;}
 .experience-page .inner-section .section-heading h2{font-size:clamp(39px,8vw,51px)!important;}
 .experience-page .inner-section .prose.narrow{width:100%!important;}
 .experience-page .work-layout{display:flex!important;flex-direction:column;gap:15px}
 .experience-page .work-layout>.work-photo{order:2;width:min(100%,320px);margin:7px 0 16px!important;}
 .experience-page .work-layout>.prose{order:3;}
 .experience-page main>.experience-chapter.founder-feature{display:flex!important;flex-direction:column;gap:22px;padding:60px 22px 72px;align-items:stretch;}
 .experience-page .founder-feature>.founder-seal{width:100%;}
 .experience-page .founder-feature .speaking-photo{width:min(100%,380px)}
 .experience-page .founder-feature .speaking-photo img{max-height:300px;aspect-ratio:1.26}
 .experience-page main >.experience-chapter.inner-quote,.experience-page main >.experience-chapter.statement{min-height:55svh!important;padding:65px 0!important;}
 .experience-page main >.experience-chapter.inner-quote blockquote{font-size:clamp(35px,9vw,54px)!important;}
 .experience-page .experience-nav{left:12px!important;right:12px!important;bottom:12px!important;}
}
@media (max-width:380px){.experience-page .header .wordmark{width:151px}.experience-page .header-inner{width:calc(100% - 28px)}.experience-page .inner-hero>h1{font-size:39px!important}}
@media(prefers-reduced-motion:reduce){.experience-page .experience-nav{animation:none!important}}
/* Small-width guard: the About portrait must never exceed its column. */
.experience-page .portrait-monogram,.experience-page .about-feature .about-photo,.experience-page .about-feature .about-photo img{max-width:100%!important;min-width:0!important;}
.experience-page .portrait-monogram{width:100%!important;overflow:hidden;}