/* /about/ | page styles, prefixed .about-* | logical properties only | no text under 13px */
.about-facts{box-shadow:var(--shadow-3)}
.about-facts-head{display:flex;gap:var(--s-4);align-items:center;margin-block-end:var(--s-4);padding-block-end:var(--s-4);border-block-end:1px solid var(--border)}
.about-facts-head img{flex:none;inline-size:40px;block-size:auto}
.about-facts-name{margin:0;font:var(--fw-semibold) var(--fs-24)/1.1 var(--font-serif)}
.about-dl{margin:0;display:grid;gap:12px}
.about-dl div{display:grid;gap:2px}
.about-dl dt{font-size:var(--fs-13);font-weight:var(--fw-semibold);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--muted)}
:root[dir="rtl"] .about-dl dt{text-transform:none;letter-spacing:0}
.about-dl dd{margin:0;color:var(--ink);overflow-wrap:anywhere}
.about-letter{margin:var(--s-6) 0 0;padding:clamp(24px,4vw,44px);background:var(--sidebar);border:1px solid var(--line-beige);border-radius:var(--r-xl);border-inline-start:6px solid var(--gold);box-shadow:var(--shadow-1)}
.about-letter{display:grid;gap:var(--s-5);align-items:center;justify-items:center}
.about-letter-photo{inline-size:min(100%,240px);block-size:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-xl);border:3px solid var(--gold);box-shadow:var(--shadow-1)}
.about-letter-body{justify-self:stretch}
@media (min-width:760px){.about-letter{grid-template-columns:minmax(0,260px) minmax(0,1fr);justify-items:stretch;gap:var(--s-6)}.about-letter-photo{inline-size:100%}}
.about-letter blockquote{margin:0;display:grid;gap:var(--s-4)}
.about-letter p{font:var(--fw-regular) clamp(18px,2.1vw,22px)/1.55 var(--font-serif);color:var(--ink);margin:0;max-inline-size:none}
.about-letter .about-letter-t{font-size:clamp(22px,2.6vw,28px);line-height:1.3}
.about-letter .about-letter-t strong{font-weight:var(--fw-semibold)}
.about-letter figcaption{display:flex;flex-direction:column;gap:2px;margin-block-start:var(--s-5);color:var(--ink-2)}
.about-letter figcaption strong{font:var(--fw-semibold) var(--fs-18)/1.2 var(--font-serif);color:var(--ink)}
.faq details>div p{margin:0 0 var(--s-3)}
.vf-card{display:grid;gap:var(--s-3)}
.vf-card h3{margin:0}
.vf-p{margin:0;color:var(--ink-2)}
.vf-row{display:flex;gap:var(--s-3);align-items:flex-end;flex-wrap:wrap}
.vf-row .field{flex:1 1 240px;min-inline-size:0}
.vf-row .btn{min-block-size:44px;flex:0 0 auto}
.vf-out{display:grid;gap:var(--s-3);justify-items:start;padding:var(--s-4);border-radius:var(--r-md);border:1px solid var(--border);background:var(--card-2)}
.vf-out[hidden]{display:none}
.vf-out p{margin:0;color:var(--ink-2)}
.vf-out .vf-h{font-weight:var(--fw-semibold);font-size:var(--fs-18);color:var(--ink)}
.vf-out .vf-note{font-size:var(--fs-14)}
.vf-out.is-ok{border-inline-start:6px solid var(--ok)}
.vf-out.is-no{border-inline-start:6px solid var(--danger-ink)}
.vf-out .btn,.vf-out .link-btn{min-block-size:44px}
/* flagged blocks stay hidden until site-flags.js un-hides them, even where a class sets display */
[data-flag][hidden],[data-flag-off][hidden]{display:none!important}

/* cinematic image pass (2026-10-07): decorative photos beside the text; no text sits on a photo except under .cine-scrim */
.cine-band{position:relative;margin:0 0 var(--s-5);aspect-ratio:21/8;overflow:hidden;border-radius:var(--r-md);background:var(--sky-2)}
.cine-band img{display:block;inline-size:100%;block-size:100%;object-fit:cover}
.cine-hero{position:relative;overflow:hidden;isolation:isolate}
.cine-hero-img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;z-index:-2}
.cine-scrim::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,14,26,.9) 0%,rgba(8,14,26,.78) 60%,rgba(8,14,26,.68) 100%)}
.cine-scrim :is(h1,.lead,.eyebrow,.cf-note){color:var(--on-solid)}
.cine-scrim .btn-secondary{background:transparent;color:var(--on-solid);border-color:var(--on-solid)}
:root[data-theme="dark"] .cine-band img{filter:brightness(.85)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cine-band img{filter:brightness(.85)}}
@media (max-width:760px){.cine-band{aspect-ratio:16/9}}.about-proof-row + .cine-band{margin-block-start:var(--s-5)}