.about-page { width:100%; color:#f4efd8; background:#435b42; }
.about-page * { box-sizing:border-box; min-width:0; }
.about-page .about-wrap { width:min(1160px,calc(100% - 40px)); margin-inline:auto; }
.about-page .about-hero { padding-block:clamp(56px,7vw,112px); border-bottom:1px solid #f4efd84d; }
.about-page .about-eyebrow { margin:0 0 20px; font-size:14px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; line-height:1.5; }
.about-page h1 { max-width:1000px; margin:0 0 28px; color:#f2c7d5; font-size:clamp(42px,6.6vw,88px); line-height:1.04; letter-spacing:-.035em; }
.about-page .about-lead { font-size:clamp(24px,3vw,36px); line-height:1.25; max-width:800px; font-weight:600; }
.about-page p { max-width:min(100%,900px); margin:0 0 22px; font-size:20px; line-height:1.65; }
.about-page .about-article { padding-block:20px 0; }
.about-page .about-section { padding-block:56px; border-bottom:1px solid #f4efd84d; scroll-margin-top:32px; }
.about-page h2 { max-width:900px; margin:0 0 28px; font-size:clamp(30px,3.5vw,46px); line-height:1.15; letter-spacing:-.02em; color:inherit; }
.about-page .about-panel { background:#f4efd8; color:#30472f; border-radius:28px; padding:clamp(24px,4vw,56px); margin-block:32px; border:0; }
.about-page .about-criteria { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr)); gap:24px 36px; list-style:none; padding:0; margin:32px 0; font-size:20px; line-height:1.6; }
.about-page .about-criteria li { border-top:2px solid #435b4255; padding-top:18px; }
.about-page .about-criteria strong { display:block; margin-bottom:8px; }
.about-page .about-button { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; max-width:100%; min-height:48px; padding:16px 26px; border-radius:40px; background:#f2c7d5; color:#263a25; font-size:18px; line-height:1.4; font-weight:700; text-decoration:none; }
.about-page .about-button span { flex:none; font-size:24px; }
.about-page .about-button:hover { background:#f4efd8; }
.about-page a:focus-visible { outline:3px solid #ff8a3d; outline-offset:5px; }
.about-page .about-contact { border:0; padding-bottom:72px; }
.about-page .about-actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px 28px; padding-top:12px; }
.about-page .about-text-link { display:inline-flex; min-height:44px; align-items:center; font-size:18px; text-underline-offset:5px; }
@media(max-width:600px) {
 .about-page .about-wrap { width:calc(100% - 32px); }
 .about-page .about-section { padding-block:36px; }
 .about-page .about-panel { padding:24px 20px; border-radius:20px; }
 .about-page p, .about-page .about-criteria { font-size:18px; }
 .about-page .about-eyebrow { font-size:13px; }
 .about-page .about-lead { font-size:26px; }
 .about-page .about-contact { padding-bottom:48px; }
}