.about-hero{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:120px 0 40px;display:grid;grid-template-columns:1.2fr 0.8fr;gap:48px;align-items:center}
.about-hero h1{font-size:clamp(40px,6vw,72px);line-height:1;letter-spacing:0;margin:10px 0}
.about-hero p{font-size:19px;line-height:1.8;color:var(--muted)}
.about-hero img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:24px;box-shadow:0 24px 48px rgba(15, 23, 42, .12)}
.about-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.about-badges span{border:1px solid var(--border);background:var(--card);border-radius:12px;padding:12px 16px;font-weight:900;backdrop-filter:blur(8px)}
.about-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;padding-top:20px;padding-bottom:60px}
.about-values article{background:color-mix(in srgb, var(--card) 92%, transparent);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:24px;padding:32px;box-shadow:0 24px 48px rgba(15, 23, 42, .08)}
.about-values article:nth-child(2n){transform:translateY(30px)}
.about-values h2{margin:0 0 8px}.about-values p{color:var(--muted);line-height:1.7}
@media(max-width:900px){.about-hero,.about-values{grid-template-columns:1fr}}