/* About joins the existing warm-bone field. Typography, light and motion stay
   in the established family; all text is readable without an entrance effect. */
.about-us{position:relative;scroll-margin-top:6.5rem;background:linear-gradient(165deg,transparent 8%,rgba(192,215,214,.12) 36%,transparent 66%),linear-gradient(20deg,transparent 34%,rgba(235,220,188,.13) 62%,transparent 87%),var(--bone);color:var(--ink)}
.about-shell{max-width:1320px;margin-inline:auto;padding:clamp(5rem,8vw,8.5rem) 7.5vw clamp(4rem,7vw,7rem)}
.about-us p{margin:0 0 1.15rem}
.about-us .section-kicker{margin-bottom:1.1rem;color:var(--muted)}
.about-us h2,.about-us h3,.about-us h4{font-family:Fraunces,serif;font-weight:400;letter-spacing:-.025em;text-wrap:pretty}
.about-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.13fr);column-gap:clamp(2.5rem,6vw,6rem);align-items:start;margin-bottom:clamp(4rem,6vw,6rem)}
.about-opening>.section-kicker{grid-column:1/-1}
.about-opening h2{font-size:clamp(2rem,3.1vw,2.8rem);line-height:1.18;margin:0;max-width:17ch}
.about-intro{max-width:57ch;font-size:1rem;line-height:1.75;padding-top:.1rem}
.about-intro p:last-child{margin-bottom:0}
.about-person{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.13fr);gap:clamp(2.5rem,6vw,6rem);align-items:start}
.about-portrait{margin:0}
.about-photo{overflow:hidden;background:#dce3df;--photo-open:1;--photo-near:1.02}
.about-photo img{display:block;width:100%;height:auto;aspect-ratio:1200/1175;object-fit:cover;object-position:50% 52%}
.about-portrait figcaption{font-size:.76rem;line-height:1.5;color:var(--muted);padding-top:.7rem}
.about-biography h3{font-size:clamp(1.65rem,2.35vw,2.2rem);line-height:1.22;margin:0 0 .8rem;max-width:23ch}
.about-biography .about-role{font-size:.88rem;line-height:1.6;color:var(--muted);margin-bottom:1.8rem;max-width:40ch}
.about-biography>p:not(.section-kicker):not(.about-role){font-size:1rem;line-height:1.75;max-width:59ch}
.about-biography>p:last-child{margin-bottom:0}
.about-films{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.13fr);gap:clamp(2.5rem,6vw,6rem);margin-top:clamp(3rem,5vw,5rem);padding-top:2.1rem;border-top:1px solid rgba(69,101,104,.2)}
.about-films h3{font-size:1.6rem;line-height:1.25;margin:0}
.about-film-list{list-style:none;padding:0;margin:0}
.about-film-list li+li{margin-top:1.55rem}
.about-film-list h4{font-size:1.2rem;line-height:1.4;margin:0 0 .35rem}
.about-film-list p{font-size:.93rem;line-height:1.7;max-width:58ch;margin:0;color:var(--muted)}
.about-film-content .about-film-credit{font-size:.8rem;line-height:1.65;color:var(--muted);margin:1.8rem 0 .2rem;max-width:62ch}
.about-film-content .solid-link{margin-top:.6rem}
.about-mission{max-width:46rem;margin:clamp(5rem,9vw,9rem) auto;text-align:center}
.about-mission h3{font-size:clamp(1.85rem,2.8vw,2.7rem);line-height:1.26;max-width:28ch;margin:0 auto 1.55rem}
.about-mission>p:last-child{max-width:61ch;margin-inline:auto;font-size:1rem;line-height:1.75}
.about-voices>header{margin-bottom:2.7rem}
.about-voices h3{font-size:clamp(1.8rem,2.8vw,2.6rem);line-height:1.25;margin:0 0 .95rem}
.about-voices-intro{font-size:.88rem;line-height:1.65;color:var(--muted);max-width:66ch}
.about-voice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2rem,3.5vw,4rem)}
.about-voice{display:flex;flex-direction:column;align-items:flex-start}
.about-voice h4{font-size:1.35rem;line-height:1.3;margin:0 0 1rem;max-width:23ch}
.about-voice>p{font-size:.97rem;line-height:1.8}
.about-voice footer{margin-top:auto;padding-top:.45rem}
.about-voice .about-attribution{font-size:.79rem;line-height:1.7;color:var(--muted);margin:0 0 .6rem}
.about-review-link{display:inline-block;padding:.5rem 0;min-height:44px;font-size:.8rem;line-height:1.65;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.about-invitation{margin-top:clamp(4rem,7vw,7rem);max-width:42rem}
.about-invitation h3{font-size:clamp(1.8rem,2.7vw,2.4rem);line-height:1.25;margin:0 0 1rem}
.about-invitation>p{font-size:1rem;line-height:1.75;max-width:55ch;margin-bottom:.5rem}
.destination-paora{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:clamp(2rem,6vw,7rem);max-width:68rem;margin:clamp(4rem,8vw,8rem) auto 0;padding-top:2rem;border-top:1px solid rgba(69,101,104,.2)}
.destination-paora h2{font-size:clamp(1.7rem,2.7vw,2.4rem);line-height:1.25;margin:0}
.destination-paora p{font-size:1rem;line-height:1.75;margin:0;max-width:55ch}
.destination-paora .solid-link{margin-top:.7rem}
/* Reuse the existing single arrival observer and image approach/release tokens. */
.about-photo[data-fresh-state=pending]{opacity:.8;transform:translateY(10px)}
.about-photo[data-fresh-state=shown]{opacity:1;transform:none;transition:opacity var(--fresh-settle) var(--fresh-quiet),transform var(--fresh-release) var(--fresh-quiet)}
.about-photo[data-fresh-state=immediate]{opacity:1;transform:none;transition:none}
@media(max-width:900px){
 .about-opening,.about-person,.about-films{column-gap:2.4rem}
 .about-shell{padding-inline:6vw}
 .about-voice-grid{grid-template-columns:1fr;gap:2.6rem;max-width:42rem}
 .about-voice h4{max-width:none}
 .about-voice footer{padding-top:0}
}
@media(max-width:650px){
 .about-shell{padding:4.5rem 1.4rem 3.5rem}
 .about-opening,.about-person,.about-films,.destination-paora{grid-template-columns:1fr;gap:1.8rem}
 .about-opening{margin-bottom:3rem;gap:0}
 .about-opening h2{max-width:22ch;margin-bottom:1.5rem;font-size:2rem}
 .about-opening>.section-kicker{grid-column:auto}
 .about-person{gap:2rem}
 .about-biography h3{font-size:1.8rem}
 .about-films{margin-top:2.8rem;padding-top:1.7rem}
 .about-mission{text-align:left;margin:4.5rem 0}
 .about-mission h3{margin-inline:0;font-size:1.95rem}
 .about-voices>header{margin-bottom:2rem}
 .about-voice-grid{gap:2.7rem}
 .about-invitation{margin-top:4rem}
 .destination-paora{margin-top:3rem;gap:1rem}
}
@media(prefers-reduced-motion:reduce){.about-photo[data-fresh-state]{opacity:1;transform:none;transition:none}.about-photo .breath-image{scale:1!important;transition:none!important}}
html[data-motion=reduce] .about-photo[data-fresh-state]{opacity:1;transform:none;transition:none}
html[data-motion=reduce] .about-photo .breath-image{scale:1!important;transition:none!important}

/* Ines is a full editorial chapter. The complete portrait keeps its native crop. */
.ines-person{margin-bottom:clamp(6rem,11vw,11rem)}
.ines-portrait{margin:0}
.ines-portrait img{display:block;width:100%;height:auto;aspect-ratio:2920/3752}
.ines-heading h3{font-size:clamp(1.65rem,2.35vw,2.2rem);line-height:1.22;margin:0 0 .8rem}
.ines-heading .about-role{font-size:.88rem;line-height:1.6;color:var(--muted);margin-bottom:1.8rem;max-width:40ch}
.ines-copy{font-size:1rem;line-height:1.85;max-width:59ch}
.ines-voice{margin:2.6rem 0 0;max-width:30rem}
.ines-voice p{font-family:Fraunces,serif;font-size:clamp(1.45rem,2.2vw,1.85rem);font-weight:400;line-height:1.5;letter-spacing:-.015em;text-wrap:pretty}
.ines-voice footer{font-size:.85rem;line-height:1.7;color:var(--muted);margin-top:.8rem}
@media(max-width:650px){.ines-heading h3{font-size:1.8rem}.ines-voice{margin-top:2.2rem}}

/* Paora shares Ines's editorial scale. Archival frames remain whole and still. */
.paora-person{row-gap:clamp(3.5rem,6vw,6rem)}
.paora-memory{margin:0}
.paora-memory img{display:block;width:100%;height:auto}
.paora-heading h3{font-size:clamp(1.65rem,2.35vw,2.2rem);line-height:1.22;margin:0 0 .8rem}
.paora-heading .about-role{font-size:.88rem;line-height:1.6;color:var(--muted);margin-bottom:1.8rem;max-width:40ch}
.paora-copy{font-size:1rem;line-height:1.85;max-width:59ch}
.paora-copy>p:last-child{margin-bottom:0}
.paora-continuation .solid-link{margin-top:.5rem}
@media(max-width:650px){.paora-person{row-gap:2rem}.paora-heading h3{font-size:1.8rem}.paora-memory-later{margin-top:2rem}}