/* ===== about ===== */
.about{padding:24px 0 80px}
.about-top{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;margin-bottom:24px}
.about-hero{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:35% 50%;border-radius:var(--r)}
@media (max-width:820px){.about-top{grid-template-columns:1fr;gap:22px}.about-hero{aspect-ratio:4/5}}
.about-body{max-width:720px}
.about h1{font-size:clamp(2.4rem,5vw,4rem);margin-bottom:18px}
.about .lead{font-family:var(--serif);font-size:clamp(1.3rem,2.4vw,1.6rem);line-height:1.35;color:var(--ink);margin-bottom:8px;font-variation-settings:"opsz" 48,"SOFT" 30}
.about h2{font-size:1.7rem;margin:40px 0 12px}
.about p{color:var(--ink-2);margin-bottom:14px}
.about .signoff{color:var(--ink);font-family:var(--serif);font-size:1.3rem;line-height:1.35;margin-top:28px}
.strip3{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0 8px}
.strip3 .media{aspect-ratio:4/5;border-radius:4px}
.strip3 figure{margin:0}
.strip3 figure{overflow:hidden;border-radius:4px}
.strip3 img,.strip3 video{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:4px;display:block}
.strip3 figcaption{font-size:13px;color:var(--ink-3);margin-top:8px;line-height:1.35}
.strip3.end{margin:36px 0 12px}
.strip3 .media{aspect-ratio:4/5}
@media (max-width:720px){.strip3{grid-template-columns:1fr 1fr;gap:8px}}