/* About shares the homepage palette and portrait, without decorative suit patterns. */
.about-page { background:#faf7f2; }
.about-page .brand strong,.about-page .brand small { color:#ffe8ae; }
.about-page .about-hero { min-height:0; padding:78px 0 0; background:radial-gradient(ellipse at 76% 52%,#c20d0d,transparent 49%),linear-gradient(110deg,#660202,#8f0606 52%); }
.about-page .about-hero::before,.about-page .about-hero::after,.about-page .about-assurance-bar { display:none; }
.about-page .about-hero-grid { min-height:510px; padding:48px 0 44px; }
.about-page .about-hero-copy { width:52%; }
.about-page .about-hero h1 { color:#ffe8ae; font-size:clamp(40px,5vw,68px); line-height:1.04; }
.about-page .about-kicker { color:#ffe8ae; }
.about-page .about-intro { color:#fff; }
.about-page .about-hero-visual { inset:86px 1% 65px auto; width:47%; overflow:hidden; mask-image:linear-gradient(#000 calc(100% - 50px),transparent); }
.about-page .about-hero-visual img { object-fit:cover; object-position:center top; filter:none; transform:none; }
.about-page .about-trust-chips span { background:#69090940; color:#fff6df; border-color:#f6c65355; backdrop-filter:none; }
.about-page .about-trust-chips b { color:#ffe8ae; }
.about-page .about-trust-ribbon { background:#8f0606; backdrop-filter:none; border-color:#f6c65340; }
.about-page .about-trust-ribbon span { color:#fff6df; }
.about-page .about-trust-ribbon b { color:#ffe8ae; }
.about-page .about-download-actions { flex-wrap:wrap; }
.about-page .about-download-actions .about-apk-button,.about-page .about-download-actions .about-google-play { flex:none; width:210px; min-width:0; height:60px; min-height:60px; padding:8px 10px; }
.about-page .about-download-actions .about-apk-button { font-size:14px; gap:8px; }
.about-page .about-download-actions .about-apk-button > span { font-size:22px; }
.about-page .about-apk-button,.about-page .about-google-play { border-radius:8px; }
.about-page .about-apk-button { font-size:16px; padding:9px 18px; }
.about-page .about-content-section { --muted:#70615c; --line:#e5d7c7; background:#faf7f2; color:#34221b; padding:64px 0; }
.about-page .about-content-grid { gap:48px; }
.about-page .about-lead-card { background:#fffaf3; border-color:#e5d7c7; }
.about-page .about-section-label,.about-page .about-lead-card h2,.about-page .about-principle h2 { color:#780606; }
.about-page .about-lead-card a,.about-page .about-principle a,.about-page .about-principle > span { color:#8f0606; }
.about-page .about-contact-strip,.about-page .about-final-download { background:#faf7f2; padding-bottom:48px; }
.about-page .about-contact-strip .container { background:linear-gradient(110deg,#701e22,#561216); border-color:#d8b77b55; }
.about-page .about-contact-strip h2,.about-page .about-final-download h2 { color:#ffe8ae; }
.about-page .about-contact-strip small,.about-page .about-final-download small { color:#eed8ad; }
.about-page .about-contact-strip a { border-radius:8px; background:#eddbb2; color:#4a171a; }
.about-page .about-final-download .container { background:linear-gradient(110deg,#8f0606,#a50808); box-shadow:none; border-color:#f6c65355; }
.about-page .about-final-download p,.about-page .about-final-download .container > div:last-child > a:last-child { color:#fff6df; }
.about-page .site-footer { background:#690202; }
@media(max-width:980px) and (min-width:721px) {
 .about-page .about-download-actions { gap:10px; }
 .about-page .about-apk-button { font-size:14px; padding:9px 12px; }
}
@media(max-width:720px) {
 .about-page .nav-shell { gap:8px; }
 .about-page .nav-actions { gap:10px; }
 .about-page .nav-actions .about-header-download { display:inline-flex; font-size:11px; padding:0 10px; min-height:38px; white-space:nowrap; }
 .about-page .about-hero { padding:78px 0 0; }
 .about-page .about-hero-visual { position:relative; inset:auto; margin:0 auto; width:100%; height:240px; mask-image:linear-gradient(#000 80%,transparent); }
 .about-page .about-hero-visual::after { display:none; }
 .about-page .about-hero-visual img { object-fit:contain; object-position:center top; height:145%; }
 .about-page .about-hero-grid { min-height:0; padding:12px 0 30px; }
 .about-page .about-hero-copy { width:100%; margin:0; }
 .about-page .about-hero h1 { font-size:36px; }
 .about-page .about-intro { display:block; overflow:visible; font-size:14px; }
 .about-page .about-content-section { padding:40px 0; }
 .about-page .about-content-grid { gap:30px; }
 .about-page .about-final-download { padding-bottom:90px; }
}
@media(max-width:360px) { .about-page .brand small,.about-page .brand strong { font-size:10px; letter-spacing:.08em; } .about-page .nav-actions { gap:6px; } }