.hh{--hh-bg: #0c0907;--hh-ink: #f8efe0;--hh-ar: calc(1916 / 821);--hh-h: clamp(460px, min(calc(100svh - 45px - var(--theme-header-height, 0px)), 45vw), 1300px);--hh-copy-left: min(52vw, calc(var(--hh-h) * 2.3337 * .5));position:relative;isolation:isolate;display:grid;padding-top:var(--theme-header-height, 0px);background:var(--hh-bg);color:var(--hh-ink);overflow:hidden}.hh-defs{position:absolute;width:0;height:0}.hh-scene{grid-area:1 / 1;position:relative;height:var(--hh-h)}.hh-stage{position:absolute;inset-block:0;left:0;aspect-ratio:var(--hh-ar)}.hh-stage:before,.hh-stage:after{content:"";position:absolute;z-index:1;pointer-events:none}.hh-stage:before{inset:0 0 auto;height:7%;background:linear-gradient(var(--hh-bg),transparent)}.hh-stage:after{inset:0 0 0 auto;width:4%;background:linear-gradient(to left,var(--hh-bg),transparent)}.hh-picture,.hh-img,.hh-fx{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.hh-fx--mid,.hh-fx--tall{display:none}.hh-copy{grid-area:1 / 1;z-index:2;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,2.6vh,28px);margin-left:var(--hh-copy-left);padding:4vh 4vw 9vh}.hh-title{margin:0;line-height:0}.hh-lettering{width:min(calc(100vw - var(--hh-copy-left) - 8vw),1400px,calc(var(--hh-h) * 1.1));height:auto;color:var(--hh-ink)}.hh-offer{margin:0;font:600 clamp(22px,calc(var(--hh-h) * .058),68px) / 1 "Oswald Campaign",var(--font-body-family, sans-serif);letter-spacing:.04em;text-transform:uppercase;color:#ff8000;color:color(display-p3 1 .5 0)}.hh-cue{position:absolute;z-index:3;bottom:clamp(14px,3vh,32px);right:0;left:var(--hh-copy-left, 0);margin-inline:auto;width:max-content;display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;background:none;border:0;font:600 13px / 1 "Oswald Campaign",var(--font-body-family, sans-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--hh-ink);opacity:.8;cursor:pointer}.hh-cue:hover{opacity:1}.hh-cue svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:hh-bob 2.4s ease-in-out infinite}@media(orientation:portrait){.hh{--hh-copy-left: 0px;grid-template-rows:auto auto}.hh-copy{grid-area:1 / 1;margin-left:0;padding:clamp(12px,3vw,28px) 6vw 0;gap:clamp(8px,2.4vw,18px)}.hh-lettering{width:min(68vw,420px)}.hh-offer{font-size:clamp(22px,6vw,40px)}.hh-scene{grid-area:2 / 1;height:auto;aspect-ratio:calc(var(--hh-ar) / (1 - var(--hh-top) - var(--hh-bottom)));overflow:hidden;margin-top:clamp(4px,2vw,16px)}.hh-stage{inset:auto 0;top:calc(-100% * var(--hh-top) / (1 - var(--hh-top) - var(--hh-bottom)));width:100%}.hh-stage:before{top:calc(100% * var(--hh-top));height:9%}.hh-stage:after{inset:auto 0 calc(100% * var(--hh-bottom)) 0;width:auto;height:22%;background:linear-gradient(transparent,#0c0907b3)}}@media(orientation:portrait)and (min-width:700px){.hh{--hh-ar: .75 ;--hh-top: .15;--hh-bottom: .08}.hh-fx--wide{display:none}.hh-fx--mid{display:block}.hh-lettering{width:min(50vw,480px)}}@media(orientation:portrait)and (max-width:699.98px){.hh{--hh-ar: calc(941 / 1672);--hh-top: .18;--hh-bottom: .08}.hh-fx--wide{display:none}.hh-fx--tall{display:block}}.hh-fx{--loop: 10s}.hh-fx .hh-halo{mix-blend-mode:screen;animation:hh-breathe 7s ease-in-out infinite alternate}.hh-fx .hh-moonlit{opacity:.12;animation:hh-moonlit var(--loop) ease-in-out infinite}.hh-fx .hh-win{opacity:.3;animation:hh-flicker var(--d) ease-in-out infinite var(--dl)}.hh-fx .hh-witch{fill:#140d08;animation:hh-witch var(--loop) linear infinite}.hh-fx .hh-hat{fill:#30291f;animation:hh-hat var(--loop) ease-in-out infinite}.hh-fx .hh-eye{fill:#c9dc8c;fill:#bfdf86;transform-box:fill-box;transform-origin:50% 50%;animation:hh-blink 5.5s ease-in-out infinite}.hh-offer{animation:hh-lit 6.4s ease-in-out infinite}@keyframes hh-breathe{0%{opacity:.35}to{opacity:.85}}@keyframes hh-moonlit{0%,38%,to{opacity:.12}69%{opacity:.7}}@keyframes hh-flicker{0%,to{opacity:.3}12%{opacity:.85}20%{opacity:.45}34%{opacity:.95}47%{opacity:.5}61%{opacity:.9}76%{opacity:.35}88%{opacity:.75}}@keyframes hh-witch{0%,50%{transform:translate(calc(var(--run) * -1),8px)}69%{transform:translateY(-2px)}88%,to{transform:translate(var(--run),6px)}}@keyframes hh-hat{0%,38%,to{transform:translateY(6px) scale(.3,.15)}50%,88%{transform:none}}@keyframes hh-blink{0%,44%,52%,90%,96%,to{transform:scaleY(1)}48%,93%{transform:scaleY(.08)}}@keyframes hh-lit{0%,to{color:#ff8000}27%{color:#ffc56b}52%{color:#ffb24a}74%{color:#ffc160}15%,38%,61%,86%{color:#ff8a14}}@keyframes hh-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes hh-fade{0%,38%,to{opacity:0}50%,88%{opacity:1}}@media(prefers-reduced-motion:reduce){.hh-fx .hh-hat,.hh-fx .hh-witch{transform:none;animation-name:hh-fade}.hh-cue svg{animation:none}}.badge-sale{display:inline-flex;align-items:center;gap:6px;margin-top:2px;padding:2px 10px 2px 7px;border-radius:16px;white-space:nowrap;color:#a63d02;font-weight:600;font-size:var(--text-sm);line-height:1.35;letter-spacing:-.005em;background-color:#fff5ec;background-color:oklch(97.5% .025 65);border:1px solid oklch(86% .08 58);box-shadow:inset 0 1px #fff}.badge-sale[hidden]{display:none}.sbi{display:grid;flex:none;width:1.25em;height:1.25em}.sbi-i{grid-area:1 / 1;width:100%;height:100%;overflow:visible;opacity:0;animation:sbi-melt 18s cubic-bezier(.45,.05,.25,1) infinite both}.sbi-jack{animation-delay:-1.2s}.sbi-hat{animation-delay:3.3s}.sbi-ghost{animation-delay:7.8s}.sbi-bat{animation-delay:12.3s}@keyframes sbi-melt{0%{opacity:0;filter:blur(2px);transform:translateY(1.5px) scale(.82) rotate(-6deg)}6.67%,25%{opacity:1;filter:blur(0);transform:none}31.67%,to{opacity:0;filter:blur(2px);transform:translateY(-1.5px) scale(.86) rotate(4deg)}}.sbi-body{fill:var(--sbi-body, oklch(74% .22 50))}.sbi-stem{fill:var(--sbi-stem, oklch(42% .09 135))}.sbi-glow{fill:var(--sbi-glow, oklch(86% .17 88));animation:sbi-flicker 2.2s steps(1) infinite}.sbi-wisp{animation:sbi-bob 1.6s ease-in-out infinite alternate}@keyframes sbi-flicker{0%{opacity:1}38%{opacity:.78}42%{opacity:1}71%{opacity:.86}74%{opacity:1}}@keyframes sbi-bob{to{transform:translateY(-.6px)}}@media(prefers-reduced-motion:reduce){.sbi-i{animation-name:sbi-fade}.sbi-wisp{animation:none}}@keyframes sbi-fade{0%{opacity:0}6.67%,25%{opacity:1}31.67%,to{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/14/compiled_assets/styles.css.map?subset=AAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIA */
