osiris-hero-rotator{display:contents}
.osiris-hero__frame{position:absolute;inset:0;opacity:0;transition:opacity 1.6s ease;pointer-events:none}
.osiris-hero__frame.is-active{opacity:1}
.osiris-hero__frame picture{display:block;width:100%;height:100%}
.osiris-hero__frame img{object-position:65% center}
.osiris-hero__frame.is-active img{animation:osiris-hero-drift 10s linear both;animation-play-state:paused}
.is-running .osiris-hero__frame.is-active img{animation-play-state:running}
@keyframes osiris-hero-drift{from{transform:scale(1) translateX(0)}to{transform:scale(1.025) translateX(-.3%)}}
.osiris-hero__controls{position:absolute;right:2rem;top:2rem;z-index:2;display:flex;align-items:center;gap:.4rem;padding:.3rem;border:1px solid #ffffff35;border-radius:999px;background:#141414b8;color:#f2f2f2}
.osiris-hero__controls[hidden]{display:none}
.osiris-hero__controls button[hidden]{display:none}
.osiris-hero__controls button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.osiris-hero__controls button:hover{background:#ffffff12}
.osiris-hero__controls button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.osiris-hero__controls svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}
.osiris-hero__count{font-size:1.1rem;letter-spacing:.1em;min-width:3.4rem;text-align:center;font-variant-numeric:tabular-nums}
@media(max-width:749px){.osiris-hero__controls{top:1.2rem;left:1.2rem;right:auto;gap:0;padding:.2rem}.osiris-hero__frame img{object-position:center 38%}}
@media(prefers-reduced-motion:reduce){.osiris-hero__frame,.osiris-hero__frame.is-active img{transition:none;animation:none;transform:none}}