.showcase-progress{position:fixed;inset:0 0 auto;height:3px;z-index:100;transform:scaleX(0);transform-origin:left;background:var(--accent,#a6b5ff);pointer-events:none}
.showcase-surface{isolation:isolate}
.showcase-surface::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;background:radial-gradient(600px circle at var(--light-x,50%) var(--light-y,50%),rgba(255,255,255,.22),transparent 55%);opacity:0;transition:opacity .4s}
.showcase-surface:hover::after{opacity:1}
.showcase-word{display:inline-block;transform-origin:50% 100%}
.showcase-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#171a1c;z-index:2;border-radius:28px}
.showcase-video[hidden]{display:none}
.showcase-film-button{position:absolute;right:18px;top:18px;z-index:4;border:1px solid #ffffff66;border-radius:999px;padding:12px 18px;color:#fff;background:#171a1ccc;backdrop-filter:blur(12px);font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.showcase-film-button:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.showcase-surface::after{display:none}.showcase-progress{display:none}}

@media(max-width:720px){.hero-gallery .hero-slides{bottom:110px}}