@layer components{.hero-video{--fade:clamp(80px,var(--width)*.26,280px);--right-gap:calc(100cqw - var(--left) - var(--width));bottom:0;left:var(--left);width:var(--width);max-width:none;height:auto;aspect-ratio:var(--ratio);object-fit:cover;pointer-events:none;--mask:linear-gradient(to bottom,transparent,#000 22%),linear-gradient(to right,transparent,#000 clamp(0px,var(--left)*100,var(--fade)),#000 calc(100% - clamp(0px,var(--right-gap)*100,var(--fade))),transparent);-webkit-mask-image:var(--mask);-webkit-mask-composite:source-in;-webkit-mask-image:var(--mask);-webkit-mask-image:var(--mask);-webkit-mask-image:var(--mask);mask-image:var(--mask);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;display:block;position:absolute;-webkit-mask-composite:source-in;mask-composite:intersect}.hero-video[data-kind=tablet-landscape]{--width:clamp(60cqw,100cqh/(1 - var(--devices-top))*var(--ratio),100cqw/(var(--devices-right) - var(--devices-left)));--left:calc(50cqw - var(--width)*(var(--devices-left) + var(--devices-right))/2)}.hero-video[data-kind=desktop]{--ratio:2;--devices-left:.078;--devices-right:.899;--devices-top:.35;--width:100cqw;--left:0px}@media not all and (min-width:1536px){.hero-video[data-kind=desktop]{--width:clamp(60cqw,100cqh/(1 - var(--devices-top))*var(--ratio),100cqw/(var(--devices-right) - var(--devices-left)));--left:calc(50cqw - var(--width)*(var(--devices-left) + var(--devices-right))/2)}}.hero-video[data-kind=tablet-landscape]{--ratio:1.2;--devices-left:.035;--devices-right:.962;--devices-top:.484}.hero-video[data-kind=portrait]{--ratio:.6952;--phone-left:.225;--phone-right:.775;--phone-top:.555;--phone-share:calc(var(--phone-right) - var(--phone-left));--max-width:min((100cqw - 48px)/var(--phone-share),520px/var(--phone-share));--width:max(100cqw,min(var(--max-width),100cqh/(1 - var(--phone-top))*var(--ratio)));--left:calc(50cqw - var(--width)/2)}@media not all and (min-width:744px){.hero-video[data-kind=portrait]{--max-width:calc((100cqw - 32px)/var(--phone-share))}@media (min-width:390px){.hero-video[data-kind=portrait]{--max-width:calc((100cqw - 88px)/var(--phone-share))}}}}