.hw-hero__inner{padding-left:0;padding-right:0}.hw-hero__picture{display:contents}.hw-hero__art{position:relative;width:100%;aspect-ratio:var(--ratio-mobile)}@media screen and (min-width:750px){.hw-hero__art{aspect-ratio:var(--ratio-desktop)}}.hw-hero__art-clip{position:absolute;top:-60px;right:0;bottom:60px;left:0}@media screen and (min-width:750px){.hw-hero__art-clip{top:0;right:0;bottom:0;left:0}.hw-hero__art{margin-top:60px}}.hw-hero__art-layer{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.hw-hero__art-layer .hw-hero__img{display:block;width:100%;height:100%;object-fit:cover}.hw-hero__headline{position:absolute;left:5%;width:90%;top:0;text-align:center;color:#fff;font-size:clamp(2.6rem,6.5vw,4rem)}@media screen and (min-width:750px){.hw-hero__headline{left:38%;width:56%;top:0;font-size:clamp(3.2rem,4.4vw,6.4rem)}}.hw-hero__promo{position:absolute;z-index:2;left:15%;width:70%;top:100%;text-align:center}.hw-hero__ribbon img{width:100%;height:auto;display:block}.hw-hero__button{margin-top:-6%;position:relative}@media screen and (min-width:750px){.hw-hero__promo{left:49%;top:29%;width:30%}.hw-hero__button{margin-top:-4%}}.hw-hero__frame{position:relative;width:100%;aspect-ratio:var(--ratio-mobile)}@media screen and (min-width:750px){.hw-hero__frame{aspect-ratio:var(--ratio-desktop);margin-top:-8%}}.hw-hero__poster{position:absolute;top:20%;right:19%;bottom:15%;left:12%;overflow:hidden}@media screen and (min-width:750px){.hw-hero__poster{top:16%;right:20%;bottom:18%;left:20%}}.hw-hero__poster .hw-hero__img{display:block;width:100%;height:100%;object-fit:cover}.hw-hero__frame-img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.hw-hero__opener{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.hw-hero__play{width:7.2rem;height:7.2rem;border-radius:50%;background:#fff;border:0;cursor:pointer;display:grid;place-items:center;padding:0}@media screen and (min-width:750px){.hw-hero__play{width:12rem;height:12rem}}.hw-hero__play-icon{display:block;width:36%;height:40%;margin-left:8%;background:#111;clip-path:polygon(0 0,100% 50%,0 100%)}.hw-hero__play:hover{background:#e8e8e8}.hw-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;background:#000000eb;align-items:center;justify-content:center}.hw-modal[open]{display:flex}.hw-modal__content{position:relative;aspect-ratio:var(--video-ratio, 16 / 9);width:min(92vw,160rem,calc((100vh - 9rem) * var(--video-ratio, 1.7778)));width:min(92vw,160rem,calc((100svh - 9rem) * var(--video-ratio, 1.7778)));background:#000}.hw-modal__media,.hw-modal__media iframe,.hw-modal__media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.hw-modal__close{position:absolute;right:0;top:-4.4rem;width:4rem;height:4rem;background:none;border:0;color:#fff;cursor:pointer}.hw-modal__close .icon{width:2rem;height:2rem}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-halloween-hero.css.map */