/* About page — self-contained design tokens (see core/css/Home.css for the
   homepage's copy of the same palette; each page keeps its own namespaced
   copy so it renders correctly without depending on another page's CSS). */
:root{
    --about-navy: #0B1F3A;
    --about-navy-2: #14315C;
    --about-navy-3: #1E4079;
    --about-coral: #D6363C;
    --about-coral-dark: #C22A30;
    --about-amber: #FFB020;
    --about-teal: #0B7A6D;
    --about-bg: #F5F7FB;
    --about-ink: #1A2333;
    --about-muted: #5B6478;
    --about-border: #E3E7F0;
    --about-heading-font: 'Zilla Slab', Georgia, serif;
    --about-body-font: 'Karla', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.about-main{background:var(--about-bg);font-family:var(--about-body-font);color:var(--about-ink);}

/* Breadcrumb */
.about-crumb{background:#fff;border-bottom:1px solid var(--about-border);padding:12px 20px;}
.about-crumb-wrap{max-width:960px;margin:0 auto;display:flex;align-items:center;gap:8px;font-size:0.85rem;color:var(--about-muted);}
.about-crumb-wrap a{color:var(--about-navy-3);text-decoration:none;}
.about-crumb-wrap a:hover{text-decoration:underline;}

/* Hero */
.about-hero{background:linear-gradient(100deg, var(--about-navy) 0%, var(--about-navy-2) 55%, var(--about-navy-3) 100%);color:#fff;padding:56px 20px;text-align:center;}
.about-hero-eyebrow{display:inline-block;font-size:0.8rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--about-amber);margin-bottom:10px;}
.about-hero h1{font-family:var(--about-heading-font);font-size:clamp(1.9rem, 4vw, 2.6rem);font-weight:700;margin:0 0 12px;}
.about-hero p{max-width:640px;margin:0 auto;color:#D7DEEC;font-size:1.05rem;line-height:1.6;}

/* Layout */
.about-wrap{max-width:960px;margin:0 auto;padding:48px 20px;}
.about-card{background:#fff;border:1px solid var(--about-border);border-radius:14px;box-shadow:0 8px 24px rgba(11,31,58,0.06);overflow:hidden;}

.about-profile{display:flex;flex-wrap:wrap;gap:28px;align-items:center;padding:36px 36px 8px;}
.about-profile img{width:140px;height:140px;border-radius:50%;object-fit:cover;border:4px solid var(--about-bg);box-shadow:0 0 0 1px var(--about-border);flex-shrink:0;}
.about-profile-name{font-family:var(--about-heading-font);font-size:1.3rem;font-weight:700;color:var(--about-navy);margin:0 0 4px;}
.about-profile-role{color:var(--about-coral-dark);font-weight:600;font-size:0.95rem;margin:0;}
.about-profile-fact{color:var(--about-muted);font-size:0.92rem;margin:10px 0 0;line-height:1.6;}

.about-body{padding:8px 36px 36px;}
.about-body p{margin:0 0 16px;line-height:1.75;font-size:1rem;color:var(--about-ink);}
.about-body hr{border:none;border-top:1px solid var(--about-border);margin:24px 0;}

.about-signoff{margin-top:8px;}
.about-signature{display:block;font-family:var(--about-heading-font);font-size:1.3rem;color:var(--about-navy);margin-bottom:2px;}
.about-title{color:var(--about-muted);font-size:0.9rem;}

.about-cta-row{margin-top:28px;padding-top:24px;border-top:1px solid var(--about-border);display:flex;justify-content:flex-end;}
.about-btn{display:inline-flex;align-items:center;gap:10px;background:var(--about-coral);color:#fff;font-weight:700;font-size:0.95rem;padding:12px 22px;border-radius:999px;text-decoration:none;border:none;cursor:pointer;transition:background-color 0.2s ease, transform 0.2s ease;}
.about-btn:hover{background:var(--about-coral-dark);transform:translateY(-1px);}

@media (max-width: 560px){
    .about-profile{flex-direction:column;text-align:center;padding:28px 22px 8px;}
    .about-body{padding:8px 22px 28px;}
    .about-cta-row{justify-content:center;}
}

/* Illustration image (not a headshot) — used by pages like the mission
   statement that show a graphic rather than a circular profile photo. */
.about-illustration{display:block;margin:0 auto 8px;border-radius:10px;max-width:100%;height:auto;}

/* Trustpilot / external review badge link */
.about-trustpilot{display:inline-block;margin:4px 0 20px;}
.about-trustpilot img{display:block;border-radius:8px;border:1px solid var(--about-border);}

/* Awards grid (awards.php) */
.about-awards-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:20px;padding:8px 36px 36px;}
.about-award-card{border:1px solid var(--about-border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px;background:var(--about-bg);}
.about-award-media{display:flex;align-items:center;justify-content:center;height:72px;}
.about-award-media img{max-height:72px;max-width:100%;object-fit:contain;}
.about-award-year{display:inline-block;align-self:flex-start;background:var(--about-navy);color:#fff;font-size:0.75rem;font-weight:700;letter-spacing:0.03em;padding:4px 10px;border-radius:999px;}
.about-award-org{font-family:var(--about-heading-font);font-size:0.95rem;font-weight:700;color:var(--about-navy);margin:0;}
.about-award-title{color:var(--about-muted);font-size:0.9rem;margin:0;line-height:1.5;}

/* "Where else to find us" partner-link list (Find-Us.php) */
.about-links-list{list-style:none;margin:0;padding:8px 36px 36px;display:grid;gap:14px;}
.about-links-list li{border:1px solid var(--about-border);border-radius:10px;transition:border-color 0.2s ease, background-color 0.2s ease;}
.about-links-list li:hover{border-color:var(--about-navy-3);background:var(--about-bg);}
.about-links-list a{color:var(--about-navy-3);font-weight:600;text-decoration:none;display:flex;align-items:center;gap:16px;padding:14px 18px;}
.about-links-list a:hover{color:var(--about-coral-dark);}
.about-links-list img{max-height:40px;max-width:120px;object-fit:contain;flex-shrink:0;}

@media (max-width: 560px){
    .about-awards-grid{padding:8px 22px 28px;}
    .about-links-list{padding:8px 22px 28px;}
    .about-links-list a{flex-wrap:wrap;}
}