.about-hero { padding-block: clamp(3rem, 8vw, 7rem); background: var(--gradient-wash); }.about-grid { display: grid; grid-template-columns: 1fr .8fr; align-items: center; gap: 4rem; }.about-grid p { max-width: 680px; color: var(--color-muted); font-size: 1.1rem; }.about-mark { display: grid; min-height: 360px; place-items: center; align-content: center; gap: 1.5rem; border-radius: 2rem; background: rgb(255 255 255 / 65%); box-shadow: var(--shadow-lg); }.about-values { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; padding-block: 4rem; }.about-values article { padding: 1.5rem; }
@media (max-width: 760px) { .about-grid, .about-values { grid-template-columns: 1fr; }.about-mark { min-height: 260px; } }