/* About Us: editorial presentation, scoped to this page. */
.opp-site .opp-about-page { padding:0 0 80px; }
.opp-about-page .opp-about-shell { width:88%; max-width:1200px; margin:0 auto; }
.opp-about-page .opp-about-hero { display:grid; grid-template-columns:1.08fr 1fr; gap:7%; align-items:center; padding:72px 0 64px; }
.opp-about-page .opp-about-hero h1 { font-size:clamp(38px,4.2vw,60px); line-height:1.1; margin:20px 0 26px; }
.opp-about-page .opp-about-hero h1 em { font-family:'Fraunces',Georgia,serif; font-weight:500; color:#45624e; }
.opp-about-page .opp-about-hero p:not(.eyebrow) { max-width:440px; font-size:18px; line-height:1.8; color:var(--opp-muted); }
.opp-about-page img { display:block; width:100%; height:auto; }
.opp-about-page .opp-about-hero-image { margin:0; position:relative; }
.opp-about-page .opp-about-hero-image img { border-radius:18px; aspect-ratio:1; object-fit:cover; }
.opp-about-page .opp-about-hero-image figcaption { position:absolute; bottom:22px; left:22px; right:22px; width:fit-content; background:#fff; padding:10px 18px; border-radius:6px; font-family:'Fraunces',Georgia,serif; font-style:italic; color:#45624e; font-size:18px; box-shadow:0 3px 18px #20262f0a; }
.opp-about-page .opp-about-intro { display:grid; grid-template-columns:1fr 2fr; align-items:start; gap:8%; border-top:1px solid var(--opp-line); border-bottom:1px solid var(--opp-line); padding:40px 0; }
.opp-about-page .opp-about-intro .eyebrow { padding-top:8px; }
.opp-about-page .opp-about-intro p { font-size:clamp(20px,2vw,25px); line-height:1.65; letter-spacing:-.015em; }
.opp-about-page .opp-about-craft { display:grid; grid-template-columns:1fr 1fr; gap:8%; align-items:center; padding:80px 0; }
.opp-about-page .opp-about-craft figure { margin:0; }
.opp-about-page .opp-about-craft img { border-radius:16px; }
.opp-about-page h2 { font-size:clamp(28px,3vw,38px); line-height:1.2; }
.opp-about-page .opp-about-copy p { font-size:17px; line-height:1.85; color:var(--opp-muted); margin-top:20px; }
.opp-about-page .opp-about-guidance { background:#edf3ff; padding:44px; border-radius:16px; display:grid; grid-template-columns:1fr 1.5fr; gap:9%; align-items:start; }
.opp-about-page .opp-about-guidance h2 { margin-top:16px; }
.opp-about-page .opp-about-guidance p { margin:0; }
.opp-about-page .opp-about-meaning { max-width:740px; margin:0 auto; padding:80px 0 60px; }
.opp-about-page .opp-about-meaning h2 { margin:16px 0 24px; }
.opp-about-page .opp-about-signoff { border-top:1px solid var(--opp-line); padding-top:38px; display:grid; grid-template-columns:1.4fr 1fr; gap:8%; align-items:center; }
.opp-about-page .opp-about-signoff p { font-size:22px; line-height:1.6; max-width:610px; }
.opp-about-page .opp-about-signoff .opp-about-motto { margin-top:18px; color:#45624e; font-family:'Fraunces',Georgia,serif; font-style:italic; font-size:27px; }
.opp-about-page .opp-about-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:12px 24px; }
@media(max-width:900px) {
 .opp-about-page .opp-about-hero { gap:5%; padding-top:48px; }
 .opp-about-page .opp-about-intro { grid-template-columns:1fr; gap:18px; }
 .opp-about-page .opp-about-craft { gap:6%; padding:56px 0; }
 .opp-about-page .opp-about-guidance { padding:32px; gap:6%; grid-template-columns:1fr 1.25fr; }
 .opp-about-page .opp-about-signoff { grid-template-columns:1fr; gap:24px; }
 .opp-about-page .opp-about-actions { justify-content:flex-start; }
}
@media(max-width:650px) {
 .opp-site .opp-about-page { padding-bottom:48px; }
 .opp-about-page .opp-about-shell { width:86%; }
 .opp-about-page .opp-about-hero { grid-template-columns:1fr; gap:30px; padding:38px 0 36px; }
 .opp-about-page .opp-about-hero h1 { font-size:clamp(34px,8.8vw,48px); }
 .opp-about-page .opp-about-hero p:not(.eyebrow) { font-size:17px; }
 .opp-about-page .opp-about-hero-image figcaption { left:14px; bottom:14px; right:14px; padding:9px 12px; font-size:16px; }
 .opp-about-page .opp-about-intro { padding:28px 0; }
 .opp-about-page .opp-about-craft { grid-template-columns:1fr; gap:28px; padding:40px 0; }
 .opp-about-page .opp-about-guidance { grid-template-columns:1fr; gap:24px; padding:28px 24px; }
 .opp-about-page .opp-about-copy p { font-size:16px; line-height:1.85; }
 .opp-about-page .opp-about-meaning { padding:44px 0 36px; }
 .opp-about-page .opp-about-signoff p { font-size:20px; }
 .opp-about-page .opp-about-signoff .opp-about-motto { font-size:24px; }
}