/* about.css */
.about-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center}
.about-intro__media{position:relative}
.about-intro__img{aspect-ratio:4/3;border-radius:var(--radius-lg);background:center/cover no-repeat;box-shadow:var(--shadow-lg)}
.about-intro__badge{position:absolute;right:-18px;bottom:-22px;background:var(--color-accent);color:#fff;border-radius:var(--radius);padding:20px 26px;box-shadow:var(--shadow-lg);text-align:center}
.about-intro__badge strong{display:block;font-family:var(--font-display);font-size:2.2rem;line-height:1}
.about-intro__badge span{font-size:13px;opacity:.9}
.stats-band{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.statbox{background:#fff;border:1px solid var(--color-line);border-radius:var(--radius);padding:30px 24px;text-align:center;transition:var(--trans)}
.statbox:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.statbox i{color:var(--color-accent);font-size:1.8rem;margin-bottom:12px}
.statbox strong{display:block;font-family:var(--font-display);font-size:2rem;color:var(--color-dark);line-height:1}
.statbox span{color:var(--color-muted);font-size:14px;margin-top:6px;display:block}
.values__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.value{background:#fff;border:1px solid var(--color-line);border-radius:var(--radius);padding:30px 26px;transition:var(--trans)}
.value:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.value__icon{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;margin-bottom:18px}
.value h3{font-family:var(--font-display);font-weight:400;font-size:1.25rem;color:var(--color-dark);margin-bottom:10px}
.value p{color:var(--color-muted);font-size:14.5px;line-height:1.7}
@media (max-width:1024px){ .stats-band{grid-template-columns:repeat(2,1fr)} .values__grid{grid-template-columns:1fr} .about-intro{grid-template-columns:1fr;gap:44px} }
@media (max-width:680px){ .stats-band{grid-template-columns:1fr} .about-intro__badge{right:0;left:0;margin:0 auto;width:max-content} }