.ma-showcase { padding-block:clamp(32px,6vw,76px); }
.ma-showcase-intro { padding:clamp(24px,4vw,48px); border:1px solid var(--ma-border); border-radius:24px; background:linear-gradient(120deg,#eff8f7,#fff 70%); margin-bottom:28px; }
.ma-showcase-intro h1 { font-size:clamp(2rem,4vw,3.4rem); line-height:1.14; letter-spacing:-.035em; margin:12px 0 18px; overflow-wrap:anywhere; }
.ma-showcase-intro p { max-width:760px; }
.ma-showcase-search { display:block; font-weight:650; max-width:540px; }
.ma-showcase-search input { display:block; width:100%; margin-top:8px; padding:12px 16px; border:1px solid var(--ma-border); border-radius:12px; background:#fff; }
.ma-showcase-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.ma-showcase-card { min-width:0; display:block; }
.ma-showcase-card .ma-card { height:100%; padding:0; overflow:hidden; display:flex; flex-direction:column; }
.ma-showcase-card .ma-card-media { margin:0; aspect-ratio:16/9; border-radius:0; }
.ma-showcase-card .ma-card-media img { width:100%; height:100%; object-fit:cover; }
.ma-showcase-card-body { padding:24px; flex:1; display:flex; flex-direction:column; }
.ma-showcase-card h2 { margin:0 0 12px; font-size:1.25rem; line-height:1.35; overflow-wrap:anywhere; }
.ma-showcase-card p { color:var(--ma-muted); }
.ma-showcase-cta { margin-top:auto; padding-top:12px; color:var(--ma-brand); font-weight:750; }
.ma-showcase-text-cover { aspect-ratio:16/9; background:linear-gradient(125deg,#eaf3f1,#f8f5ed); padding:24px; display:flex; align-items:center; color:var(--ma-brand); font-size:1.25rem; font-weight:700; overflow-wrap:anywhere; }
.ma-showcase-back { margin-top:32px; }
.ma-showcase [hidden] { display:none !important; }
.ma-showcase a:focus-visible,.ma-showcase input:focus-visible { outline:3px solid var(--ma-brand); outline-offset:4px; }
.ma-mobile-nav a { text-align:left; }
.ma-nav { min-width:0; overflow-x:auto; }
.ma-nav > ul { flex-wrap:nowrap; }
.ma-nav > ul > li { flex-shrink:0; }
@media(max-width:1000px) { .ma-showcase-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:620px) { .ma-showcase-grid { grid-template-columns:minmax(0,1fr); } }
/* Switch to the compact menu before long navigation labels crowd the header. */
@media(max-width:1200px) { .ma-nav { display:none; } .ma-mobile-nav { display:block; } }