.hero-slideshow{overflow:hidden;isolation:isolate;border-radius:20px;-webkit-mask-image:linear-gradient(to right,transparent,#000 18px,#000 calc(100% - 18px),transparent),linear-gradient(to bottom,transparent,#000 18px,#000 calc(100% - 18px),transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 18px,#000 calc(100% - 18px),transparent),linear-gradient(to bottom,transparent,#000 18px,#000 calc(100% - 18px),transparent);mask-composite:intersect}
.hero-slideshow>.hero-slide-incoming{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 2.2s cubic-bezier(.22,.61,.36,1)}
.hero-slideshow>.hero-slide-incoming.is-visible{opacity:1}
@media(prefers-reduced-motion:reduce){.hero-slideshow>.hero-slide-incoming{transition:none}}

.hero-visual>.hero-index{display:inline-flex;align-items:center;gap:10px;z-index:2;top:16px;right:16px;padding:9px 15px 9px 9px;border:1px solid rgba(255,255,255,.32);border-radius:14px;background:rgba(35,44,29,.46494);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 6px 22px rgba(22,29,18,.18),inset 0 1px 0 rgba(255,255,255,.12);color:#fffdf6;font-size:11px;font-weight:600;line-height:1.2;letter-spacing:.1em;text-shadow:none;pointer-events:none}
.hero-visual>.hero-index .ui-icon{width:30px;height:30px;padding:6px;border-radius:9px;background:rgba(255,255,255,.13);color:inherit;stroke:currentColor;flex:0 0 auto}
@media(max-width:620px){.hero-visual>.hero-index{top:12px;right:12px;padding:7px 12px 7px 7px;gap:8px;font-size:10px;border-radius:12px}.hero-visual>.hero-index .ui-icon{width:27px;height:27px;padding:5px}}

@media(max-width:620px){.hero-slideshow{border-radius:16px}}