.hero{position:relative;height:100svh;min-height:560px;overflow:hidden;color:var(--ivory);background:var(--plaster)}.hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;clip-path:inset(0 0 0 100%)}.hero__slide.az-active{z-index:1;clip-path:inset(0 0 0 0);transition:clip-path 1.2s cubic-bezier(.76,0,.24,1)}.hero__slide.is-leaving{clip-path:inset(0 0 0 0)}.hero .hero__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;object-fit:cover;object-position:50% var(--fy,40%)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#1a181447,#1a181400 20% 46%,#1a181480 74%,#1a1814a3)}.hero__foot{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(40px,7vh,72px);z-index:3;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-end;gap:24px;pointer-events:none}.hero__foot>*{pointer-events:auto}.hero__ctrl[hidden]{display:none}.hero__caption{display:grid;gap:18px;justify-items:start}.hero__caption p{margin:0;font-size:16px;letter-spacing:.01em;transition:opacity .5s var(--ease),transform .5s var(--ease)}.hero__caption p.is-swapping{opacity:0;transform:translateY(10px)}.hero__meta [hidden]{display:none}.hero__ctrl{display:flex;align-items:center;gap:8px;margin-bottom:21px}.hero__toggle{background:none;border:0;padding:12px;margin:-12px 0;cursor:pointer;color:var(--ivory);display:grid;place-items:center}.hero__toggle[hidden]{display:none}.hero__toggle svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.5;fill:none}.hero__toggle .az-icon-play,.hero__toggle.is-off .az-icon-pause{display:none}.hero__toggle.is-off .az-icon-play{display:block}.hero__dots{display:flex;gap:10px}.hero__dots button{position:relative;width:44px;height:3px;padding:0;border:0;cursor:pointer;background:#fbf6eab3}.hero__dots button:after{content:"";position:absolute;top:-20px;right:-5px;bottom:-20px;left:-5px}.hero__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ivory);transform:scaleX(0);transform-origin:0 50%}.hero__dots button[aria-current=true] .hero__fill{transform:scaleX(1)}.hero.is-playing .hero__dots button[aria-current=true] .hero__fill{animation:heroFill var(--hero-dur,5s) linear both}.hero.is-paused .hero__dots button[aria-current=true] .hero__fill{animation-play-state:paused}@keyframes heroFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:820px){.hero .hero__img{object-position:var(--mfx,48%) var(--fy,40%)}}@media(max-width:520px){.hero:after{background:linear-gradient(180deg,#1a181447,#1a181400 20% 36%,#1a181485 62%,#1a1814a8)}.hero__foot{flex-direction:column;align-items:flex-start;gap:22px}.hero__ctrl{margin:0}.hero__toggle{margin-left:-12px}.hero__dots button{width:30px}}@media(prefers-reduced-motion:reduce){.hero__slide.az-active{transition:none}.hero.is-playing .hero__dots button[aria-current=true] .hero__fill{animation:none}}.hero--film{background:#2a211c}.hero__film{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hero__film-bg{position:absolute;top:-80px;right:-80px;bottom:-80px;left:-80px;background-size:cover;background-position:50% 50%;filter:blur(42px) saturate(1.1) brightness(.72);transform:scale(1.1)}.hero__film-bgvideo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover}.hero__film-frame{position:absolute;z-index:1;left:50%;top:calc(var(--nav-h) + 20px);bottom:clamp(20px,3vh,32px);aspect-ratio:9/16;max-width:calc(100% - 2 * var(--pad));transform:translate(-50%);overflow:hidden;background:#1a1814;box-shadow:0 40px 90px -40px #000000b3}.hero__film-video,.hero__film-frame video,.hero__film-frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:contain;display:block}.hero--film:after{background:linear-gradient(180deg,#1a181459,#1a181400 18% 70%,#1a181466)}.hero--film .hero__ctrl{margin-bottom:12px}.hero--film .hero__caption{max-width:min(420px,32vw)}@media(max-width:1100px){.hero__film-frame{top:0;bottom:auto;left:50%;right:auto;transform:translate(-50%);width:min(100%,56.25svh);max-width:none;aspect-ratio:9/16;box-shadow:none;background:transparent}.hero--film .hero__caption{max-width:none}.hero--film:after{background:linear-gradient(180deg,#1a181400 0% 62%,#1a18148c)}}.hero--cover{background:#2a211c}.hero__film--cover .hero__film-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 45%;display:block}.hero--cover:after{background:linear-gradient(180deg,#1a18146b,#1a181400 22% 58%,#1a181480)}@media(max-width:749px){.hero__film--cover .hero__film-video{object-position:50% 40%}.hero--cover:after{background:linear-gradient(180deg,#1a181461,#1a181400 20% 52%,#1a18149e)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-azra-hero.css.map */