/* =====================================================================
   Page styles for about-us.php
   Loaded after style.css, only on this page.
   ===================================================================== */

/* about */
.stats{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface)}
.stat{padding:26px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat:nth-child(2n){border-right:0}
.stat:nth-last-child(-n+2){border-bottom:0}
.stat b{display:block;font-family:var(--display);font-size:clamp(38px,4.4vw,54px);font-weight:900;font-variant-numeric:tabular-nums;color:var(--accent)}
.stat span{font-size:14px;color:var(--muted)}

/* about page */
.mv{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:820px){.mv{grid-template-columns:minmax(0,1fr)}}
/* about: team teaser */
.team-peek{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0}
.team-peek img,.team-peek span{width:clamp(72px,9vw,110px);aspect-ratio:1;border-radius:50%;border:4px solid #FBFAF9;margin-left:-18px;object-fit:cover;object-position:center top;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:clamp(18px,2vw,26px);box-shadow:0 14px 30px -18px rgba(24,24,24,.5)}
.team-peek :first-child{margin-left:0}
.team-peek span:nth-of-type(1){background:var(--ink)}
.team-peek span:nth-of-type(2){background:var(--soft);color:var(--accent)}
.team-peek span:nth-of-type(3){background:#181818;color:var(--accent)}
@media (max-width:520px){.team-peek img,.team-peek span{margin-left:-14px}}

/* hero photo: clean rounded image, no frame or border */
.ph .visual.about-hero-img{border:0;border-radius:28px;background:#181818;box-shadow:0 30px 60px -36px rgba(24,24,24,.45)}
.ph .visual.about-hero-img img{object-position:center 40%}
@media (max-width:620px){.ph .visual.about-hero-img{border-radius:20px}}