:root[data-theme=dark]{--mb-page-bg: #0f1115;--mb-hero-bg: color-mix(in srgb, var(--brand-blue) 6%, #0f1115);--mb-card-bg: #020617;--mb-muted: #9ca3af}:root[data-theme=light]{--mb-page-bg: #f6f7f9;--mb-hero-bg: #eef2ff;--mb-card-bg: #ffffff;--mb-muted: #6b7280}.mb-page{background:var(--mb-page-bg)}.mb-hero{background:var(--mb-hero-bg);border-bottom:1px solid rgba(148,163,184,.25)}.mb-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;padding:clamp(28px,4vw,64px) 0;align-items:center}.mb-title{font-weight:800;line-height:1.15;font-size:clamp(28px,5vw,44px);margin:0 0 .2em;letter-spacing:.2px}.mb-lead{margin:0;font-size:clamp(16px,1.9vw,18px);opacity:.9}.mb-sizes{margin-top:8px;opacity:.8}.mb-hero-visual{display:flex;justify-content:center}.mb-hero-img{width:100%;max-width:720px;height:auto;display:block;object-fit:cover;object-position:center;filter:drop-shadow(0 24px 36px rgba(0,0,0,.15))}.mb-card-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding:32px 0 8px}.mb-card{grid-column:span 4;position:relative;display:block;text-decoration:none;color:inherit;border-radius:24px;overflow:hidden;background:radial-gradient(120% 180% at 0% 0%,rgba(148,163,184,.25),transparent 55%),var(--mb-card-bg);box-shadow:0 18px 40px #0f172aa6,0 0 0 1px #94a3b81f;transform:translateY(0) scale(1);transition:transform .26s ease,box-shadow .26s ease;will-change:transform,box-shadow}.mb-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 26px 80px #0f172ae6,0 0 0 1px #818cf866}.mb-card-media{display:block;width:100%;height:auto;object-fit:contain;background-color:#020617;transition:transform .35s ease-out,filter .35s ease-out}.mb-card:hover .mb-card-media{transform:scale(1.03);filter:brightness(.92)}.mb-card-label{position:absolute;left:18px;bottom:18px;z-index:2;pointer-events:none;font-size:clamp(18px,2vw,24px);font-weight:800;color:#fff;text-shadow:0 3px 12px rgba(0,0,0,.9);opacity:1;transform:translateY(0);transition:opacity .22s ease-out,transform .22s ease-out}.mb-card:hover .mb-card-label{opacity:0;transform:translateY(4px)}.mb-card-pad{position:absolute;inset:0;padding:20px 20px 22px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.7) 40%,transparent 80%);color:#fff;opacity:0;transform:translateY(18px);transition:opacity .26s ease-out,transform .26s ease-out}.mb-card:hover .mb-card-pad{opacity:1;transform:translateY(0)}.mb-card-kicker{font-weight:800;letter-spacing:.12em;opacity:.85;font-size:.75rem;text-transform:uppercase}.mb-card-title{margin:.25em 0 .2em;font-weight:800;font-size:1.3rem}.mb-card-desc{color:#e5e7eb;margin:0;max-width:40rem}.mb-note{border-top:1px dashed rgba(148,163,184,.4);padding:16px 0 24px;color:var(--mb-muted)}@media(max-width:960px){.mb-hero-grid{grid-template-columns:1fr}.mb-card{grid-column:span 12}.mb-card-pad{opacity:1;transform:translateY(0)}.mb-card-label,.mb-card-desc{display:none}}
