/* 21st #5260 split-screen proportions + #19077 image-before-body editorial rhythm.
   Native layout; original portrait and established Character tokens. */
.experience-page .portrait-hero{width:min(1600px,100%);margin:0 auto;padding:0;display:grid;grid-template-columns:45% 55%;grid-template-rows:auto 1fr;grid-template-areas:'heading portrait' 'intro portrait';gap:0;align-items:start;isolation:isolate}
.portrait-heading{grid-area:heading;padding:clamp(44px,5vw,80px) 36px 0 clamp(32px,5vw,80px);position:relative;z-index:1}
.portrait-kicker{font-size:14px;color:var(--muted);margin:0 0 30px;line-height:1.4}
.experience-page .portrait-hero h1{font-size:clamp(52px,6.15vw,94px);line-height:1.02;letter-spacing:-.065em;text-wrap:initial;font-weight:500;margin:0;max-width:10ch}
.experience-page .portrait-hero .portrait-figure{grid-area:portrait;width:100%;max-width:none;margin:0;align-self:stretch;position:relative;background:#111}
.experience-page .portrait-hero .exp-portrait{width:100%;aspect-ratio:1;position:relative;overflow:hidden;background:#111}
.experience-page .portrait-hero .exp-portrait img{position:absolute;width:115%;max-width:none;height:auto;left:-7.5%;top:0;aspect-ratio:auto;object-fit:initial}
.experience-page .portrait-hero .portrait-figure figcaption{position:absolute;left:32px;bottom:24px;margin:0;color:var(--ink);font-size:11px;line-height:1.4;z-index:1}
.portrait-intro{grid-area:intro;padding:30px 44px 48px clamp(32px,5vw,80px);align-self:start}
.experience-page .portrait-intro .exp-lead{font-size:clamp(17px,1.4vw,21px);line-height:1.65;max-width:34ch;margin:0 0 28px;color:var(--muted)}
.hero-start{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;min-height:48px;padding:11px 0;border-bottom:1px solid var(--pink);font-size:15px;color:var(--ink);text-decoration:none;line-height:1.5}
.hero-start span{font-size:24px;color:var(--pink);transition:transform .18s ease}.hero-start:hover span{transform:translate(3px,3px)}.hero-start:focus-visible{outline:2px solid var(--pink);outline-offset:7px}
.experience-page .exp-map-section{padding-top:65px;padding-bottom:65px;display:grid;grid-template-columns:1fr 1fr;column-gap:8%}
.experience-page .exp-map-section>.eyebrow{display:none}.experience-page .exp-map-section>h2{margin:0;font-size:clamp(29px,3vw,42px);line-height:1.15;max-width:19ch}.experience-page .exp-map-section>p{margin:0;font-size:16px;line-height:1.7;align-self:end}.experience-page .depth-map{grid-column:1/-1;margin-top:36px}
@media(min-width:1600px){.experience-page .portrait-hero{border-inline:1px solid var(--line)}}
@media(min-width:701px) and (max-width:1100px){.experience-page .portrait-hero{grid-template-columns:46% 54%}.portrait-heading{padding-top:38px;padding-left:5vw;padding-right:22px}.experience-page .portrait-hero h1{font-size:clamp(42px,6.3vw,69px)}.portrait-kicker{margin-bottom:22px;font-size:12px}.portrait-intro{padding:22px 30px 32px 5vw}.experience-page .portrait-intro .exp-lead{font-size:16px;margin-bottom:18px}.experience-page .portrait-hero .exp-portrait{aspect-ratio:.88}.experience-page .portrait-hero .exp-portrait img{width:128%;left:-14%}.experience-page .portrait-hero .portrait-figure figcaption{bottom:16px;left:22px}.hero-start{font-size:13px}}
@media(max-width:700px){.experience-page .portrait-hero{width:100%;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:'heading' 'portrait' 'intro';gap:0}.portrait-heading{padding:30px 5% 28px}.portrait-kicker{margin-bottom:16px;font-size:12px}.experience-page .portrait-hero h1{font-size:clamp(43px,11.6vw,72px);line-height:1.04;letter-spacing:-.055em;max-width:100%}.experience-page .portrait-hero .portrait-figure{width:100%;max-width:none;margin:0}.experience-page .portrait-hero .exp-portrait{aspect-ratio:1.06}.experience-page .portrait-hero .exp-portrait img{width:110%;left:-5%}.experience-page .portrait-hero .portrait-figure figcaption{left:5%;bottom:17px;font-size:10px}.portrait-intro{padding:25px 5% 40px}.experience-page .portrait-intro .exp-lead{font-size:18px;line-height:1.65;max-width:34ch;margin-bottom:16px}.hero-start{font-size:14px;gap:42px}.experience-page .exp-map-section{display:block;padding-block:40px}.experience-page .exp-map-section>h2{font-size:30px;max-width:20ch;margin-bottom:18px}.experience-page .exp-map-section>p{font-size:15px}.experience-page .depth-map{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.hero-start span{transition:none}.hero-start:hover span{transform:none}}