.muse-showcase{position:relative;z-index:4;background:#101112;padding:90px 5.5%;scroll-margin-top:64px;border-top:1px solid var(--line)}
.showcase-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.showcase-heading h2{margin:0}.showcase-heading>p{max-width:340px;color:var(--dim);font-size:15px;line-height:1.8}
.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1180px}
.showcase-card{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:18px;border:1px solid #ffffff25;background:#1a1c1e;isolation:isolate}.showcase-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.showcase-card:after{content:"";position:absolute;inset:30% 0 0;z-index:1;background:linear-gradient(transparent,#07090bc9 65%,#07090b)}.showcase-card:hover img{transform:scale(1.035)}.showcase-card:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
.showcase-play{position:absolute;right:18px;top:18px;z-index:2;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #ffffff65;background:#0d111980;font-size:13px;color:#fff}.showcase-caption{position:absolute;z-index:2;bottom:25px;left:25px;right:25px;display:grid;gap:9px}.showcase-genre{font:10px monospace;letter-spacing:1.8px;text-transform:uppercase;color:#d0d9c9}.showcase-caption strong{font:500 clamp(22px,2.2vw,30px)/1.12 Archivo,Arial,sans-serif;color:#fff}.showcase-meta{font-size:12px;color:#b8bcb9}.showcase-cta{margin-top:32px}
.showcase-dialog{padding:0;width:min(1120px,94vw);max-width:1120px;max-height:92svh;background:#080a0c;color:#fff;border:1px solid #ffffff30}.showcase-dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}.showcase-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px}.showcase-dialog-bar h2{font-size:18px;letter-spacing:0;margin:0}.showcase-dialog-bar button{width:38px;height:38px;margin:0;border:1px solid #ffffff40;border-radius:6px;background:#15181c;color:#fff}.showcase-dialog video{display:block;width:100%;max-height:76svh;background:#000}.showcase-error{padding:0 20px 16px;color:#ddd}
@media(max-width:700px){.muse-showcase{padding:65px 7%}.showcase-heading{display:block}.showcase-heading>p{margin-top:24px}.showcase-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto;gap:22px}.showcase-caption strong{font-size:28px}}
@media(prefers-reduced-motion:reduce){.showcase-card img{transition:none}.showcase-card:hover img{transform:none}}