.halloween-hero{--hero-heading-size: clamp(40px, 5vw, 144px);--hero-copy-width: 37.5vw;--hero-copy-top: max(clamp(240px, 30vh, 300px), calc(3.2 * var(--hero-heading-size)));position:relative;display:block;height:100vh;overflow:hidden;isolation:isolate;background:#241026;color:#fff;font-family:var(--nelko-font-family, var(--font-body-family, sans-serif))}.halloween-hero *{box-sizing:border-box;font-family:inherit}.halloween-hero__background,.halloween-hero__background-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.halloween-hero__background{z-index:-1}.halloween-hero__background-image{max-width:none;object-fit:cover;object-position:center top}.halloween-hero__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(12px,1.111vw,32px);width:100%;padding:var(--hero-copy-top) clamp(20px,6.944vw,100px) 0}.halloween-hero__title{position:relative;width:max-content;font-size:var(--hero-heading-size)}.halloween-hero__heading,.halloween-hero__description,.halloween-hero__offer{width:100%;margin:0;color:inherit;letter-spacing:normal;text-transform:none}.halloween-hero__heading{font-size:1em;font-family:bebas neue;font-weight:800;line-height:1.36}.halloween-hero__description{width:min(100%,var(--hero-copy-width));max-width:36.111vw;font-size:clamp(16px,1.4583vw,36px);font-weight:400;line-height:1.38}.halloween-hero__offer{width:min(100%,var(--hero-copy-width));max-width:36.111vw;font-size:clamp(12px,1.0417vw,26px);font-weight:500;line-height:1.333}.halloween-hero__witch{position:absolute;bottom:calc(100% + .5em);left:.333em;z-index:2;width:3.6em;aspect-ratio:3 / 2;transform-origin:50% 60%;pointer-events:none;-webkit-user-select:none;user-select:none}.halloween-hero__witch img{display:block;width:100%;height:100%;object-fit:contain;transform:rotate(-2deg);filter:drop-shadow(0 6px 3px rgba(0,0,0,.22))}.halloween-hero__witch--animated{animation:halloween-witch-flight var(--witch-flight-duration, 8s) ease-in-out infinite}@keyframes halloween-witch-flight{0%,to{transform:translateZ(0) rotate(-4deg)}25%{transform:translate3d(-.16em,-.14em,0) rotate(3deg)}50%{transform:translate3d(0,.03em,0) rotate(6deg)}75%{transform:translate3d(.14em,.11em,0) rotate(-2deg)}}.halloween-hero__printer{position:absolute;left:41.4583%;top:70%;width:150px;height:125px;object-fit:contain;pointer-events:none}@media(min-width:750px){.halloween-hero{height:calc(90vh - var(--header-height, 0px))}.halloween-hero__background-image{object-position:center}}@media(max-width:749px){.halloween-hero{--hero-heading-size: 48px;--hero-copy-width: 100%;--hero-copy-top: 176px;height:calc(90vh - var(--header-height, 96px));height:calc(90dvh - var(--header-height, 96px))}.halloween-hero__background{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 140px);mask-image:linear-gradient(to bottom,transparent,#000 140px)}.halloween-hero__inner{gap:18px;padding:80px 20px 0}.halloween-hero__description,.halloween-hero__offer{width:100%}.halloween-hero__heading{font-size:48px;line-height:66px;white-space:pre-line}.halloween-hero__description{max-width:520px;font-size:16px;line-height:22px}.halloween-hero__offer{max-width:520px;font-size:12px;line-height:16px}.halloween-hero__witch{bottom:10%;right:-20rem;left:auto;width:3.6667em}.halloween-hero__witch--animated{animation-name:halloween-witch-flight-mobile}.halloween-hero__printer{left:calc(50% + 40px);top:750px;width:120px;height:110px}}@keyframes halloween-witch-flight-mobile{0%,to{transform:translateZ(0) rotate(-4deg)}25%{transform:translate3d(-.1667em,-.125em,0) rotate(2deg)}50%{transform:translate3d(-.0417em,.0417em,0) rotate(4deg)}75%{transform:translate3d(.0833em,.125em,0) rotate(-2deg)}}@media(prefers-reduced-motion:reduce){.halloween-hero__witch--animated{animation:none}}.nelko-banner-carousel__slide--halloween .halloween-hero{height:100%;min-height:0}.nelko-banner-carousel__slide--halloween:not(.is-active) .halloween-hero__witch--animated{animation-play-state:paused}@media(min-width:750px){.nelko-banner-carousel__slide--halloween .halloween-hero{container-type:size;--hero-heading-size: clamp(28px, min(5cqw, 10cqh), 144px)}.nelko-banner-carousel__slide--halloween .halloween-hero__inner{gap:clamp(6px,2cqh,32px);padding-top:min(var(--hero-copy-top),32cqh)}.nelko-banner-carousel__slide--halloween .halloween-hero__heading{font-size:var(--hero-heading-size)}.nelko-banner-carousel__slide--halloween .halloween-hero__description{font-size:clamp(12px,min(1.4583cqw,3cqh),36px)}.nelko-banner-carousel__slide--halloween .halloween-hero__offer{font-size:clamp(10px,min(1.0417cqw,2cqh),26px)}.nelko-banner-carousel__slide--halloween .halloween-hero__button{min-height:clamp(36px,6cqh,48px);padding-block:clamp(8px,1.5cqh,12px);margin-top:clamp(12px,calc(14cqh - 40px),70px);font-size:clamp(12px,min(1.111cqw,2.5cqh),20px)}}.halloween-hero__button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 28px;background:#f47d20;color:#241026;font-size:clamp(14px,1.111vw,20px);font-weight:700;line-height:1.4;text-align:center;text-decoration:none;margin-top:70px}.halloween-hero__button:hover{background:#ff9140}.halloween-hero__button:focus-visible{outline:2px solid #fff;outline-offset:4px}@media(max-width:749px){.halloween-hero__button{align-self:center;min-height:44px;padding:10px 24px;margin-top:0}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/nelko-halloween-hero.css.map */