.about-hero { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr); min-height:650px; background:var(--paper); }
.about-hero-copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; padding:clamp(5rem,6vw,7rem) clamp(1.5rem,8vw,9rem); }
.about-hero-copy h1 { max-width:690px; }
.about-hero-copy > p:not(.eyebrow) { max-width:500px; margin:0 0 2.2rem; color:var(--ink-soft); font-size:1.03rem; }
.about-portrait { position:relative; min-height:460px; margin:0; overflow:hidden; background:#d6d0c7; }
.about-portrait::after { display:none; }
.about-portrait img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 20%; filter:saturate(.82) contrast(.97); }
.about-portrait figcaption { position:absolute; z-index:1; bottom:1.8rem; left:clamp(1.5rem,4vw,4rem); display:flex; gap:1rem; align-items:end; padding:.65rem .8rem; background:rgba(244,240,232,.9); color:var(--ink); }
.about-portrait figcaption span { font:500 1.1rem var(--serif); letter-spacing:.1em; }
.about-portrait figcaption p { margin:0; font-size:.52rem; font-weight:600; letter-spacing:.13em; line-height:1.7; }
.about-intro { padding-bottom:clamp(4.5rem,9vw,7.5rem); }
.trust-section { background:#e7e1d7; }
.trust-wrap { max-width:1280px; margin:0 auto; padding:clamp(4rem,8vw,7rem) clamp(1.5rem,5vw,5rem); }
.trust-heading { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(2.5rem,8vw,7rem); align-items:end; margin-bottom:3.5rem; }
.trust-heading .section-label { margin-bottom:0; }
.trust-heading h2 { max-width:700px; margin:0; }
.trust-grid { display:grid; grid-template-columns:repeat(4,1fr); margin:0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.trust-grid > div { min-height:166px; padding:1.7rem clamp(1rem,2.5vw,2.25rem) 1.5rem 0; border-right:1px solid var(--line); }
.trust-grid > div + div { padding-left:clamp(1rem,2.5vw,2.25rem); }
.trust-grid > div:last-child { border-right:0; padding-right:0; }
.trust-grid dt { margin-bottom:1rem; color:var(--gold); font-size:.62rem; font-weight:600; letter-spacing:.13em; }
.trust-grid dd { margin:0; color:var(--ink); font:500 1.28rem/1.25 var(--serif); }
.trust-grid dd:last-child { font-size:1.08rem; line-height:1.45; }
.trust-grid a { color:inherit; text-decoration-color:var(--gold); text-underline-offset:.2rem; }
.language-note { max-width:740px; margin:1.45rem 0 0; color:var(--ink-soft); font-size:.83rem; }
.language-note strong { color:var(--ink); font-weight:600; }
.timeline-section { background:var(--ink); color:var(--paper); }
.timeline-wrap { max-width:1280px; margin:0 auto; padding:clamp(4rem,9vw,7.5rem) clamp(1.5rem,5vw,5rem); }
.timeline-wrap .section-label { color:var(--gold-light); }
.timeline-wrap .section-label span { color:var(--paper); }
.timeline { margin:0; padding:0; list-style:none; border-top:1px solid rgba(244,240,232,.24); }
.timeline li { display:grid; grid-template-columns:minmax(120px,.35fr) 1fr; gap:clamp(1.5rem,6vw,6rem); padding:2.2rem 0; border-bottom:1px solid rgba(244,240,232,.24); }
.timeline li > span { color:var(--gold-light); font-size:.68rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
.timeline h2 { margin:0 0 .55rem; color:var(--paper); font-size:clamp(2rem,3.5vw,3.25rem); }
.timeline p { max-width:570px; margin:0; color:#d8d4cd; }
.about-principles-grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:2.5rem; border-top:1px solid var(--line); }
.about-principles-grid article { min-height:320px; padding:2rem clamp(1.2rem,3vw,2.7rem) 1rem 0; border-right:1px solid var(--line); }
.about-principles-grid article + article { padding-left:clamp(1.2rem,3vw,2.7rem); }
.about-principles-grid article:last-child { padding-right:0; border-right:0; }
.about-principles-grid > article > span { display:block; margin-bottom:2.7rem; color:var(--gold); font-size:.68rem; font-weight:600; letter-spacing:.12em; }
.about-principles-grid h2 { margin-bottom:1rem; font-size:clamp(2rem,3.1vw,3rem); }
.about-principles-grid p { max-width:315px; margin:0; color:var(--ink-soft); font-size:.92rem; }
.language-section { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(2.5rem,8vw,8rem); align-items:end; padding:clamp(4rem,9vw,7.5rem) max(1.5rem,calc((100vw - 1280px)/2 + 5vw)); background:#e7e1d7; }
.language-section h2 { max-width:620px; margin-bottom:0; }
.language-section > p { max-width:530px; margin:0; color:var(--ink-soft); }
@media (max-width:760px) { .about-hero { grid-template-columns:1fr; } .about-hero-copy { padding-top:4.5rem; transform:none; } .about-portrait { min-height:410px; } .timeline li,.language-section,.trust-heading { grid-template-columns:1fr; gap:1rem; } .trust-heading { margin-bottom:2rem; } .trust-grid { grid-template-columns:1fr; } .trust-grid > div,.trust-grid > div + div { min-height:0; padding:1.35rem 0; border-right:0; border-bottom:1px solid var(--line); } .trust-grid > div:last-child { border-bottom:0; } .about-principles-grid { grid-template-columns:1fr; } .about-principles-grid article,.about-principles-grid article + article { min-height:0; padding:1.7rem 0; border-right:0; border-bottom:1px solid var(--line); } .about-principles-grid article:last-child { border-bottom:0; } .about-principles-grid > article > span { margin-bottom:1.7rem; } }