.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-md) var(--spacing-lg);overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffffb3;z-index:1;pointer-events:none}.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-container{max-width:1400px;margin:0 auto;position:relative;z-index:2}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);max-width:1400px;margin:0 auto;align-items:center;animation:fadeInUp 1s ease-out}.hero-left{text-align:left;padding-right:var(--spacing-md)}.hero-title{font-family:var(--font-heading);font-size:clamp(6rem,12vw,180px);font-weight:700;line-height:.9;margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:-5px;color:var(--color-comic-green);position:relative;-webkit-text-stroke:2px #000000;paint-order:stroke fill;filter:drop-shadow(8px 8px 0px #000000) drop-shadow(4px 4px 0px #000000);z-index:50}.trademark{font-size:.25em;font-weight:400;position:absolute;top:-.2em;right:-.8em;opacity:.9}.hero-taglines{display:flex;flex-direction:column;gap:var(--spacing-xs)}.highlight{display:block;font-family:var(--font-heading);font-size:clamp(1.3rem,3vw,2.5rem);line-height:1.3;color:var(--color-burgundy);font-weight:600;letter-spacing:0;text-align:left;animation:comicWiggleIn .8s ease-out backwards}.highlight:nth-child(1){animation-delay:.2s}.highlight:nth-child(2){animation-delay:.4s}.highlight:nth-child(3){animation-delay:.6s}.hero-right{position:relative;display:flex;justify-content:center;align-items:center}.product-showcase{position:relative;width:100%;max-width:450px;animation:scaleIn 1.2s cubic-bezier(.68,-.55,.265,1.55) .3s backwards}.hero-product-img{width:100%;height:auto;display:block;filter:drop-shadow(8px 8px 0px rgba(0,0,0,.2));transition:var(--transition-bounce)}.hero-product-img:hover{transform:scale(1.05) rotate(3deg);filter:drop-shadow(12px 12px 0px rgba(0,0,0,.25))}.bubble-1{top:5%;left:-12%;transform:rotate(-8deg);animation:bubblePop .6s cubic-bezier(.68,-.55,.265,1.55) .8s backwards}.bubble-2{top:50%;right:-18%;transform:rotate(5deg);animation:bubblePop .6s cubic-bezier(.68,-.55,.265,1.55) 1s backwards}.bubble-3{bottom:3%;left:-8%;transform:rotate(-3deg);animation:bubblePop .6s cubic-bezier(.68,-.55,.265,1.55) 1.2s backwards}
/*# sourceMappingURL=/cdn/shop/t/23/assets/sections-hero.css.map */