.daoud-video-hero{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background-color:var(--daoud-encre)}@media screen and (max-width:749px){.daoud-video-hero{aspect-ratio:4 / 5}}.daoud-video-hero__video{position:absolute;top:50%;left:0;width:100%;height:120%;object-fit:cover;object-position:center center;transform:translateY(calc(-50% + var(--daoud-parallax-y, 0px)));will-change:transform}.daoud-video-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--daoud-encre) 40%,transparent),color-mix(in srgb,var(--daoud-encre) 16%,transparent) 45%,color-mix(in srgb,var(--daoud-encre) 34%,transparent));pointer-events:none}.daoud-video-hero__nav{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;padding:24px;z-index:2}@media screen and (max-width:749px){.daoud-video-hero__nav{display:grid;grid-template-columns:repeat(2,auto);align-content:center;justify-content:center;justify-items:center;gap:14px}}.daoud-video-hero__chip{font-family:var(--font-subheading--family);font-size:1.3rem;letter-spacing:.02em;color:#fff;text-decoration:none;text-align:center;width:fit-content;padding:18px 38px;border-radius:999px;background:color-mix(in srgb,#fff 10%,transparent);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid color-mix(in srgb,#fff 40%,transparent);box-shadow:inset 0 1px color-mix(in srgb,#fff 35%,transparent),inset 0 0 0 1px color-mix(in srgb,#fff 6%,transparent),0 8px 20px -8px color-mix(in srgb,var(--daoud-encre) 45%,transparent);text-shadow:0 1px 12px color-mix(in srgb,var(--daoud-encre) 45%,transparent);transition:background-color .2s var(--ease-out-cubic, ease-out),border-color .2s var(--ease-out-cubic, ease-out),box-shadow .2s var(--ease-out-cubic, ease-out),transform .2s var(--ease-out-cubic, ease-out)}@media screen and (max-width:749px){.daoud-video-hero__chip{font-size:1.02rem;padding:14px 18px;width:150px}}@media(any-pointer:fine){.daoud-video-hero__chip:hover{background:color-mix(in srgb,#fff 22%,transparent);border-color:color-mix(in srgb,#fff 70%,transparent);box-shadow:inset 0 1px color-mix(in srgb,#fff 50%,transparent),inset 0 0 0 1px color-mix(in srgb,#fff 10%,transparent),0 12px 28px -10px color-mix(in srgb,var(--daoud-encre) 55%,transparent);transform:translateY(-3px) scale(1.04)}}.daoud-video-hero__chip:active{transform:scale(.96);transition-duration:.1s}.daoud-video-hero__sound{position:absolute;right:20px;bottom:20px;z-index:2;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid color-mix(in srgb,#fff 40%,transparent);background:color-mix(in srgb,#fff 10%,transparent);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px color-mix(in srgb,#fff 35%,transparent),inset 0 0 0 1px color-mix(in srgb,#fff 6%,transparent),0 8px 20px -8px color-mix(in srgb,var(--daoud-encre) 45%,transparent);color:#fff;cursor:pointer;transition:background-color .2s var(--ease-out-cubic, ease-out),border-color .2s var(--ease-out-cubic, ease-out),box-shadow .2s var(--ease-out-cubic, ease-out),transform .2s var(--ease-out-cubic, ease-out)}@media(any-pointer:fine){.daoud-video-hero__sound:hover{background:color-mix(in srgb,#fff 22%,transparent);border-color:color-mix(in srgb,#fff 70%,transparent);box-shadow:inset 0 1px color-mix(in srgb,#fff 50%,transparent),inset 0 0 0 1px color-mix(in srgb,#fff 10%,transparent),0 12px 28px -10px color-mix(in srgb,var(--daoud-encre) 55%,transparent);transform:translateY(-3px) scale(1.06)}}.daoud-video-hero__sound:active{transform:scale(.93);transition-duration:.1s}.daoud-video-hero__icon{width:22px;height:22px;position:absolute;filter:drop-shadow(0 1px 8px color-mix(in srgb,var(--daoud-encre) 50%,transparent));transition:opacity .16s var(--ease-out-cubic, ease-out)}.daoud-video-hero__icon--on,.daoud-video-hero__sound[aria-pressed=true] .daoud-video-hero__icon--off{opacity:0}.daoud-video-hero__sound[aria-pressed=true] .daoud-video-hero__icon--on{opacity:1}.daoud-video-hero__scroll-hint{position:absolute;left:50%;bottom:22px;z-index:2;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid color-mix(in srgb,#fff 40%,transparent);background:color-mix(in srgb,#fff 10%,transparent);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px color-mix(in srgb,#fff 35%,transparent),inset 0 0 0 1px color-mix(in srgb,#fff 6%,transparent),0 8px 20px -8px color-mix(in srgb,var(--daoud-encre) 45%,transparent);color:#fff;cursor:pointer;opacity:0;pointer-events:none;transform:translate(-50%);transition:opacity .4s var(--ease-out-cubic, ease-out),background-color .2s var(--ease-out-cubic, ease-out),border-color .2s var(--ease-out-cubic, ease-out)}.daoud-video-hero__scroll-hint svg{width:20px;height:20px;filter:drop-shadow(0 1px 8px color-mix(in srgb,var(--daoud-encre) 50%,transparent))}.daoud-video-hero__scroll-hint[data-visible=true]{opacity:1;pointer-events:auto;animation:daoud-scroll-hint-bounce 1.6s cubic-bezier(.77,0,.175,1) 3}@media(any-pointer:fine){.daoud-video-hero__scroll-hint:hover{background:color-mix(in srgb,#fff 22%,transparent);border-color:color-mix(in srgb,#fff 70%,transparent)}}@keyframes daoud-scroll-hint-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(7px)}}@media(prefers-reduced-motion:reduce){.daoud-video-hero__chip,.daoud-video-hero__sound{transition:none}.daoud-video-hero__video{transform:translateY(-50%)!important}.daoud-video-hero__scroll-hint{transition:opacity .4s ease}.daoud-video-hero__scroll-hint[data-visible=true]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/daoud-video-hero.css.map */