.hero{border-radius:var(--hafo-radius-2xl);isolation:isolate;min-height:420px;overflow:hidden;position:relative;width:100%}.hero:after{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.hero__slider{height:100%;position:relative;width:100%}.hero__slider .swiper-wrapper{height:100%}.hero__slider .swiper-slide{display:block!important}.hero__slide,.hero__slider .swiper-slide{opacity:1!important;visibility:visible!important}.hero__slide{height:100%;position:relative;width:100%}.hero__picture{display:block;height:100%;width:100%}.hero__image{display:block;height:100%!important;max-width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.hero__nav{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2e;border:none;border-radius:var(--hafo-radius-full);color:var(--hafo-color-text-inverted);cursor:pointer;display:inline-flex;font-size:var(--hafo-font-size-3xl);height:50px;justify-content:center;min-height:44px;min-width:44px;position:absolute;top:50%;transform:translateY(-50%);transition:background var(--hafo-transition-normal),opacity var(--hafo-transition-normal),transform var(--hafo-transition-normal);width:50px;z-index:3}.hero__nav--prev{left:var(--hafo-space-3)}.hero__nav--next{right:var(--hafo-space-3)}.hero__nav:focus-visible,.hero__nav:hover{background:#ffffff52;transform:translateY(-50%) scale(1.05)}.hero__nav.is-disabled{cursor:not-allowed;opacity:.35;pointer-events:none}.hero__controls{display:flex;gap:var(--hafo-space-2-5);left:50%;transform:translate(-50%);z-index:4}.hero__controls,.hero__glass-toggle{align-items:center;bottom:var(--hafo-space-4);position:absolute}.hero__glass-toggle{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff2e;border:none;border-radius:var(--hafo-radius-full);color:transparent;cursor:pointer;display:inline-flex;height:58px;justify-content:center;min-height:44px;min-width:44px;pointer-events:auto;right:var(--hafo-space-4);transition:background var(--hafo-transition-normal),transform var(--hafo-transition-normal);width:58px;z-index:10;--timer-progress:0}.hero__glass-toggle:before{bottom:-3px;left:-3px;right:-3px;top:-3px;transition:opacity var(--hafo-transition-normal)}.hero__glass-toggle:after,.hero__glass-toggle:before{border-radius:var(--hafo-radius-full);content:"";position:absolute;z-index:-1}.hero__glass-toggle:after{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:inherit;bottom:0;left:0;right:0;top:0}.hero__glass-toggle:focus-visible,.hero__glass-toggle:hover{background:#ffffff47;transform:translateY(-2px)}.hero__glass-toggle.is-paused{background:#070c20bf}.hero__glass-toggle.is-paused:before{opacity:.3}.hero__glass-shape{position:absolute;transition:opacity var(--hafo-transition-fast)}.hero__glass-shape--pause{display:inline-flex;gap:5px;height:20px;opacity:1;width:18px}.hero__glass-shape--pause:after,.hero__glass-shape--pause:before{background:var(--hafo-color-text-inverted);border-radius:2px;content:"";flex:1}.hero__glass-shape--play{border-bottom:11px solid transparent;border-left:18px solid var(--hafo-color-text-inverted);border-top:11px solid transparent;height:0;margin-left:var(--hafo-space-half);opacity:0;width:0}.hero__glass-toggle.is-paused .hero__glass-shape--pause{opacity:0}.hero__glass-toggle.is-paused .hero__glass-shape--play{opacity:1}.hero__pills{align-items:center;display:flex;gap:var(--hafo-space-1-5)}.hero__pill{background:#ffffff40;border:none;border-radius:var(--hafo-radius-full);cursor:pointer;height:var(--hafo-space-1);overflow:hidden;padding:0;position:relative;transition:opacity var(--hafo-transition-normal);width:56px;--pill-fill:0;min-height:8px;min-width:24px}.hero__pill:after{background:var(--hafo-color-text-inverted);bottom:0;content:"";left:0;opacity:calc(.25 + var(--pill-fill)*.75);position:absolute;right:0;top:0;transform:scaleX(var(--pill-fill));transform-origin:left;transition:transform .12s linear,opacity .12s linear}.hero__pill:not(.is-active){opacity:.7}.hero__pill:focus-visible{outline:2px solid hsla(0,0%,100%,.9);outline-offset:2px}@media (min-width:1400px){.hero{border-radius:max(16px,min(1.5vw,24px))}.hero__nav{font-size:max(24px,min(2vw,32px));height:max(48px,min(3.5vw,56px));width:max(48px,min(3.5vw,56px))}.hero__nav--prev{left:max(20px,min(1.5vw,32px))}.hero__nav--next{right:max(20px,min(1.5vw,32px))}}@media (max-width:1399px) and (min-width:1024px){.hero{border-radius:var(--hafo-radius-xl)}.hero__nav{font-size:26px;height:52px;width:52px}.hero__nav--prev{left:var(--hafo-space-2-5)}.hero__nav--next{right:var(--hafo-space-2-5)}.hero__controls{bottom:28px}.hero__glass-toggle{bottom:28px;height:54px;right:28px;width:54px}}@media (max-width:1023px) and (min-width:768px){.hero{border-radius:var(--hafo-radius-lg);min-height:300px}.hero__nav{display:none}.hero__controls{bottom:var(--hafo-space-3);gap:var(--hafo-space-2)}.hero__glass-toggle{bottom:var(--hafo-space-3);height:52px;right:var(--hafo-space-3);width:52px}.hero__pills{gap:10px}.hero__pill{height:7px;width:var(--hafo-space-6)}.hero__glass-shape--pause{height:18px;width:var(--hafo-space-2)}.hero__glass-shape--play{border-bottom-width:10px;border-left-width:var(--hafo-space-2);border-top-width:10px;margin-left:3px}}@media (max-width:767px) and (min-width:600px){.hero{border-radius:14px;min-height:250px}.hero__nav{display:none}.hero__controls{bottom:var(--hafo-space-2-5);gap:14px}.hero__glass-toggle{bottom:var(--hafo-space-2-5);height:50px;right:var(--hafo-space-2-5);width:50px}.hero__pills{gap:9px}.hero__pill{height:7px;width:44px}}@media (max-width:599px) and (min-width:480px){.hero{border-radius:var(--hafo-radius-lg);min-height:220px}.hero__controls{bottom:18px;gap:var(--hafo-space-1-5)}.hero__glass-toggle{bottom:18px;height:var(--hafo-space-6);right:18px;width:var(--hafo-space-6)}.hero__pills{gap:var(--hafo-space-1)}.hero__pill{height:6px;width:var(--hafo-space-5)}.hero__glass-shape--pause{gap:var(--hafo-space-half);height:var(--hafo-space-2);width:14px}.hero__glass-shape--play{border-bottom-width:var(--hafo-space-1);border-left-width:14px;border-top-width:var(--hafo-space-1);margin-left:2px}}@media (max-width:479px){.hero{border-radius:var(--hafo-radius-lg);max-height:none;min-height:0;min-height:auto}.hero,.hero[style*=height]{aspect-ratio:4/3;height:auto!important}.hero__nav{display:none}.hero__controls{align-items:center;bottom:var(--hafo-space-2);flex-direction:row;gap:var(--hafo-space-1-5);justify-content:center;left:50%;padding:0 var(--hafo-space-2);transform:translate(-50%);width:auto}.hero__pills{flex-wrap:nowrap;gap:var(--hafo-space-1);justify-content:center;max-width:calc(100vw - 100px)}.hero__pill{height:6px;margin:calc(var(--hafo-space-1)*-1) 0;min-width:36px;padding:var(--hafo-space-1) 0;width:36px}.hero__glass-toggle{bottom:var(--hafo-space-2);height:var(--hafo-space-6);margin-top:0;position:absolute;right:var(--hafo-space-2);width:var(--hafo-space-6)}.hero__glass-shape--pause{gap:var(--hafo-space-half);height:var(--hafo-space-2);width:14px}.hero__glass-shape--play{border-bottom-width:var(--hafo-space-1);border-left-width:14px;border-top-width:var(--hafo-space-1);margin-left:2px}}@media (max-width:360px){.hero{border-radius:10px}.hero[style*=height]{aspect-ratio:4/3;height:auto!important}.hero__controls{bottom:var(--hafo-space-1-5);gap:10px}.hero__pills{gap:6px}.hero__pill{height:5px;min-width:var(--hafo-space-4);width:var(--hafo-space-4)}.hero__glass-toggle{height:44px;width:44px}}@media (max-width:767px) and (orientation:landscape){.hero{min-height:0;min-height:auto}.hero,.hero[style*=height]{aspect-ratio:16/9;height:auto!important;max-height:50vh}.hero__controls,.hero__glass-toggle{bottom:var(--hafo-space-1-5)}.hero__glass-toggle{right:var(--hafo-space-1-5)}}@media (min-resolution:192dpi){.hero__image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion:reduce){.hero__glass-shape,.hero__glass-toggle,.hero__nav,.hero__pill,.hero__pill:after{transition:none}}@media (hover:none) and (pointer:coarse){.hero__glass-toggle:hover,.hero__nav:hover,.hero__pill:hover{background:#ffffff2e;transform:translateY(-50%)}.hero__glass-toggle:active,.hero__nav:active,.hero__pill:active{background:#ffffff59}.hero__nav:active{transform:translateY(-50%) scale(.95)}.hero__glass-toggle:active,.hero__pill:active{transform:scale(.95)}@media (max-width:767px){.hero__nav{height:56px;width:56px}.hero__glass-toggle{height:52px;width:52px}.hero__pill{margin:-10px 0;min-height:10px;padding:10px 0}}@media (max-width:479px){.hero__pill{margin:calc(var(--hafo-space-1-5)*-1) 0;padding:var(--hafo-space-1-5) 0}}}