/* Owner-led About page. Existing brand tokens; no shared-page selectors. */
.about-page { --about-space:clamp(56px,7vw,104px); --about-gap:clamp(28px,5vw,72px); --about-muted-on-dark:#c5cdcf; }
.about-page .about-section { padding-block:var(--about-space); }
.about-page .about-label { font-size:13px; line-height:1.4; color:var(--site-muted); margin:0 0 24px; }
.about-page h1 { font-size:clamp(44px,6vw,84px); line-height:1.04; letter-spacing:-.04em; max-width:18ch; margin:0 0 40px; }
.about-page h2 { font-size:clamp(32px,3.4vw,48px); line-height:1.12; letter-spacing:-.035em; }
.about-page p { font-size:17px; line-height:1.65; }
.about-page .about-opening { display:block; padding-block:clamp(40px,5vw,72px) var(--about-space); }
.about-page .about-opening-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr); gap:var(--about-gap); align-items:center; }
.about-page .about-opening-copy { max-width:48ch; }
.about-page .about-opening-copy p:last-child { margin-bottom:0; }
.about-page .about-project-photo { margin:0; }
.about-page .about-project-photo img { display:block; width:100%; height:auto; aspect-ratio:8/5; object-fit:contain; }
.about-page .about-project-photo figcaption { font-size:13px; line-height:1.5; color:var(--site-muted); margin-top:12px; }
.about-page .about-editorial { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr); gap:var(--about-gap); border-top:1px solid var(--site-rule); }
.about-page .about-editorial h2 { max-width:14ch; margin:0; }
.about-page .about-prose { max-width:64ch; }
.about-page .about-prose p:last-child { margin-bottom:0; }
.about-page .about-delivery { background:var(--ink); color:var(--paper); }
.about-page .about-delivery-intro { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr); gap:var(--about-gap); margin-bottom:48px; }
.about-page .about-delivery h2 { max-width:16ch; margin:0; }
.about-page .about-delivery-intro p { color:var(--paper); }
.about-page .about-team-structure { margin:0; }
.about-page .about-team-structure > div { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr); gap:var(--about-gap); padding-block:24px; border-top:1px solid var(--site-light-rule); }
.about-page .about-team-structure dt { font-size:14px; line-height:1.5; color:var(--about-muted-on-dark); }
.about-page .about-team-structure dd { font-size:clamp(20px,2vw,28px); line-height:1.4; letter-spacing:-.015em; margin:0; max-width:36ch; }
.about-page #credentials,.about-page #traceability { scroll-margin-top:118px; }
.about-page #credentials:focus-visible,.about-page #traceability:focus-visible { outline:2px solid var(--site-accent-text); outline-offset:4px; }
.about-page #traceability:focus-visible { outline-offset:-4px; }
.about-page .about-credentials h2 { max-width:22ch; margin-bottom:40px; }
.about-page .about-ifc { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr); gap:var(--about-gap); padding-block:32px; border-block:1px solid var(--site-rule); align-items:start; }
.about-page .about-ifc h3 { font-size:clamp(32px,4vw,56px); letter-spacing:-.03em; line-height:1.12; margin:0; max-width:12ch; }
.about-page .about-ifc h3 span { display:block; }
.about-page .about-ifc-brand img { display:block; width:240px; max-width:100%; height:auto; object-fit:contain; }
.about-page .about-ifc .about-cert-statement { font-size:21px; line-height:1.5; }
.about-page .about-other-credentials { display:flex; align-items:baseline; flex-wrap:wrap; gap:16px 32px; padding-top:28px; }
.about-page .about-other-credentials p { font-size:15px; margin:0; color:var(--site-muted); }
.about-page .about-other-credentials ul { display:flex; flex-wrap:wrap; gap:16px 40px; list-style:none; padding:0; margin:0; }
.about-page .about-other-credentials li { font-size:21px; line-height:1.5; }
.about-page .about-records { background:var(--site-soft); }
.about-page .about-record-intro { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr); gap:var(--about-gap); margin-bottom:40px; }
.about-page .about-record-intro h2 { max-width:17ch; margin:0; }
.about-page .about-record-intro .trace-credit { margin-top:22px; margin-bottom:0; }
.about-page .about-record-shot { margin:0; }
.about-page .about-record-shot > img { display:block; width:100%; height:auto; object-fit:contain; aspect-ratio:2118/900; border:1px solid var(--site-rule); }
.about-page .about-record-shot figcaption { display:flex; align-items:start; justify-content:space-between; gap:16px; padding-top:12px; font-size:13px; line-height:1.5; color:var(--site-muted); }
.about-page .about-record-shot figcaption span { display:block; }
.about-page .about-record-link { display:inline-flex; align-items:center; flex-shrink:0; min-height:44px; color:var(--site-accent-text); text-decoration:underline; text-underline-offset:4px; }
.about-page .about-record-link:focus-visible { outline:2px solid var(--site-accent-text); outline-offset:4px; }
.about-record-dialog { width:min(1280px,94vw); max-height:94svh; padding:20px; border:1px solid var(--site-rule); background:var(--paper); color:var(--ink); }
.about-record-dialog::backdrop { background:rgb(16 24 32 / 80%); }
.about-record-dialog .about-dialog-top { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:16px; }
.about-record-dialog h2 { margin:0; font-size:20px; font-weight:400; }
.about-record-dialog button { min-height:44px; padding:10px 16px; font:inherit; white-space:nowrap; color:inherit; background:none; border:1px solid var(--site-rule); cursor:pointer; }
.about-record-dialog :focus-visible { outline:2px solid var(--site-accent-text); outline-offset:3px; }
.about-record-dialog .about-image-zoom { overflow:auto; max-height:70svh; }
.about-record-dialog img { display:block; width:100%; min-width:1100px; height:auto; }
.about-record-dialog p { font-size:13px; line-height:1.5; margin:14px 0 0; }
@media(max-width:1000px) {
 .about-page .about-opening-grid { grid-template-columns:1fr; }
 .about-page .about-opening-copy { display:grid; grid-template-columns:1fr 1fr; gap:28px; max-width:none; }
 .about-page .about-opening-copy p { margin:0; }
 .about-page .about-project-photo { max-width:900px; }
}
@media(max-width:760px) {
 .about-page .about-opening-grid,.about-page .about-opening-copy,.about-page .about-editorial,.about-page .about-delivery-intro,.about-page .about-ifc,.about-page .about-record-intro { grid-template-columns:1fr; }
 .about-page h1 { margin-bottom:28px; }
 .about-page .about-label { margin-bottom:18px; }
 .about-page .about-editorial h2,.about-page .about-delivery h2,.about-page .about-record-intro h2 { max-width:20ch; }
 .about-page .about-team-structure > div { grid-template-columns:1fr; gap:10px; padding-block:22px; }
 .about-page .about-other-credentials { display:block; }
 .about-page .about-other-credentials ul { display:block; margin-top:12px; }
 .about-page .about-other-credentials li + li { margin-top:12px; }
 .about-page .about-record-shot figcaption { display:block; }
 .about-page #credentials,.about-page #traceability { scroll-margin-top:112px; }
}