.about-hero-media-body{aspect-ratio:4/3.2;position:relative;overflow:hidden}.about-hero-media-glyph{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.85rem;padding-inline:1.5rem;display:flex;position:absolute;inset:0}.product-mockup{border:1px solid var(--border);background:var(--surface-elevated);border-radius:1.25rem;overflow:hidden;box-shadow:0 30px 80px #00000080}