.hero-slider{aspect-ratio:16/9;background-color:#000;width:100%;margin-top:0;position:relative;overflow:hidden}.hero-slide{width:100%;height:100%;position:absolute;inset:0}.hero-flash{z-index:8;pointer-events:none;opacity:0;background-color:#000;transition:opacity .24s ease-in;position:absolute;inset:0}.hero-slider.is-flashing .hero-flash{opacity:1;transition:opacity .24s ease-out}@media (prefers-reduced-motion:reduce){.hero-flash{transition:none}}.hero-media-link{cursor:pointer;width:100%;height:100%;color:inherit;text-decoration:none;display:block;position:relative}.hero-media{object-fit:cover;width:100%;height:100%}.hero-overlay{pointer-events:none;background:0 0;position:absolute;inset:0}.hero-pagination{z-index:10;align-items:center;gap:.75rem;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.hero-indicator{cursor:pointer;pointer-events:auto;background-color:#fff6;border:none;border-radius:50%;width:.5rem;height:.5rem;padding:0;transition:all .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.hero-indicator:hover{background-color:#ffffffb3;transform:scale(1.2)}.hero-indicator.is-active{background-color:#ffffff4d;border-radius:1rem;width:2.5rem}.hero-indicator.is-active:hover{background-color:#fff6;transform:scale(1.05)}.hero-indicator-progress{background-color:#1a110a;border-radius:1rem;height:100%;animation:5s linear forwards hero-progress;position:absolute;top:0;left:0}@keyframes hero-progress{0%{width:0%}to{width:100%}}.hero-nav{z-index:11;pointer-events:none;position:absolute;inset:0}.hero-nav__btn{color:#fff;cursor:pointer;pointer-events:auto;opacity:0;background-color:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;transition:opacity .28s,transform .28s,background-color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)scale(.92)}.hero-nav__btn svg{width:1rem;height:1rem}.hero-nav__btn--prev{left:1rem}.hero-nav__btn--next{right:1rem}.hero-slider.is-hovered .hero-nav__btn{opacity:1;transform:translateY(-50%)scale(1)}.hero-nav__btn:hover{background-color:#000000a6}.hero-nav__btn:active{transform:translateY(-50%)scale(.96)}@media (max-width:768px){.hero-overlay{padding:3rem 1.5rem}.hero-description{font-size:.875rem}}