.about-experience{--story-progress:0;overflow:clip}.about-experience h1,.about-experience h2{text-transform:none;overflow-wrap:anywhere}.about-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(35px,6vw,100px);padding-block:65px 100px;align-items:center}.about-intro-copy{padding-block:25px}.about-intro h1{font-size:clamp(38px,5.5vw,80px);line-height:1.08;letter-spacing:-.05em;margin-bottom:30px}.about-lead{font-size:clamp(16px,1.6vw,21px);line-height:1.75;max-width:520px;color:var(--muted)}.about-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:32px}.about-story-link{font-size:13px;border-bottom:1px solid;padding-block:8px}.about-intro-note{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);margin-top:42px;padding-top:22px;color:var(--muted);font-size:12px}.about-intro-note>span:first-child{color:var(--ember);font-size:32px}.about-portrait{position:relative;border-radius:160px 16px 16px 16px;overflow:hidden;aspect-ratio:4/5;background:var(--brown);box-shadow:0 30px 70px #3e272320;isolation:isolate}.about-portrait>img{width:100%;height:100%;object-fit:cover;transform:scale(1.05) translateY(var(--portrait-y,0px));will-change:transform}.about-photo-caption{position:absolute;inset:auto 0 0;padding:65px 24px 25px;display:flex;justify-content:space-between;background:linear-gradient(transparent,#000b);color:white;font-size:10px;letter-spacing:.12em;z-index:1}.about-portrait canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.about-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(35px,7vw,110px);align-items:start;padding-bottom:70px}.about-sticky{position:sticky;top:30px}.about-gallery{position:relative;height:clamp(320px,55vh,620px);background:var(--brown);overflow:hidden;border-radius:18px}.about-gallery>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .7s ease,transform 1s ease}.about-gallery>img.is-active{opacity:1;transform:scale(1)}.about-gallery-shade{position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#000b)}.about-gallery-mark{position:absolute;left:28px;bottom:68px;color:#fff;font-size:clamp(28px,3vw,48px);font-weight:bold;line-height:1;letter-spacing:-.06em}.about-progress{position:absolute;bottom:25px;left:28px;right:28px;color:white;display:flex;align-items:center;gap:14px;font-size:12px}.about-progress>div{flex:1;height:2px;background:#fff4}.about-progress b{display:block;width:100%;height:2px;background:var(--ember);transform:scaleX(var(--story-progress));transform-origin:left}.about-chapter-nav{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.about-chapter-nav a{display:flex;align-items:center;gap:8px;flex:1;min-width:100px;font-size:10px;line-height:1.4;padding:12px;border:1px solid var(--line);border-radius:7px;background:#fff}.about-chapter-nav a>span:first-child{color:var(--ember);font-size:16px}.about-chapter-nav a[aria-current]{border-color:var(--ember);box-shadow:inset 0 -2px var(--ember)}.about-chapter{display:flex;flex-direction:column;justify-content:center;min-height:76vh;padding-block:65px;border-bottom:1px solid var(--line);scroll-margin-top:40px}.about-chapter h2{font-size:clamp(28px,3.3vw,49px);line-height:1.15;margin-bottom:24px}.about-chapter .prose{font-size:16px;line-height:1.9;max-width:580px;color:#62584f}.about-chapter .underlined{margin-top:22px}.about-number{font-size:14px;letter-spacing:.14em;color:var(--ember);margin-bottom:25px}.about-inline-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.about-inline-gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.about-finale{padding:45px 50px;margin-bottom:85px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--brown);color:var(--sand);border-radius:18px}.about-finale h2{font-size:clamp(26px,3vw,45px);max-width:650px;margin:0}.about-finale .eyebrow{color:#ffb98f;margin-bottom:15px}.about-finale .button{flex-shrink:0}
@media(max-width:800px){.about-intro{gap:30px;padding-top:35px;padding-bottom:55px}.about-intro h1{font-size:42px}.about-portrait{border-radius:90px 14px 14px 14px}.about-story{gap:30px}.about-chapter .prose{font-size:14px}.about-chapter-nav a>span+span{display:none}.about-chapter-nav a{min-width:0;justify-content:center}.about-finale{padding:30px}}
@media(max-width:600px){.about-intro{grid-template-columns:minmax(0,1fr);gap:24px}.about-intro-copy{padding:0}.about-intro h1{font-size:clamp(34px,10vw,49px)}.about-portrait{aspect-ratio:5/4;border-radius:65px 12px 12px 12px}.about-intro-note{margin-top:25px}.about-story{display:block;padding-bottom:35px}.about-sticky{position:relative;top:auto}.about-gallery{height:300px}.about-chapter-nav{margin-bottom:15px}.about-chapter{min-height:0;padding-block:38px}.about-chapter h2{font-size:31px}.about-chapter .prose{font-size:15px;line-height:1.8}.about-number{margin-bottom:15px}.about-finale{flex-direction:column;align-items:flex-start;margin-bottom:45px}.about-finale h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.about-portrait>img{transform:none;will-change:auto}.about-gallery>img{transition:none;transform:none}.about-portrait canvas{display:none}}

/* r8 editorial rhythm and readable mobile story cards */
.about-experience{background:radial-gradient(ellipse at 4% 20%,#e6510009,transparent 45%)}
.about-portrait{aspect-ratio:5/4;border-radius:100px 18px 18px 18px;outline:1px solid #3e272315;outline-offset:12px}
.about-intro{padding-bottom:75px}.about-chapter{min-height:64vh}.about-number{font-size:clamp(40px,5vw,70px);line-height:1;color:#e6510045;font-weight:700;letter-spacing:-.06em}
.about-chapter-nav a{transition:transform .2s,box-shadow .2s}.about-chapter-nav a:hover{transform:translateY(-3px);box-shadow:0 8px 20px #3e272315}.about-mobile-story-image{display:none}
.about-finale{background:radial-gradient(ellipse at top right,#694233,var(--brown));border:1px solid #ffffff20;box-shadow:0 20px 50px #3e272315}
@media(max-width:600px){.about-sticky .about-gallery{display:none}.about-chapter-nav a>span+span{display:block}.about-chapter-nav a{flex-basis:100%;justify-content:flex-start;padding:12px 16px}.about-mobile-story-image{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:18px;margin-bottom:25px}.about-number{font-size:36px}.about-chapter{min-height:0}.about-portrait{outline-offset:6px}.about-chapter-nav{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){.about-chapter-nav a{transition:none}.about-chapter-nav a:hover{transform:none}}