.zoh-xmas-hero{position:relative;isolation:isolate;overflow:hidden;color:var(--zoh-xmas-text, #fff);background:var(--zoh-xmas-bg, #000);padding:var(--zoh-xmas-hero-pad-top-mobile, 48px) var(--zoh-xmas-hero-pad-x-mobile, 20px) var(--zoh-xmas-hero-pad-bottom-mobile, 48px)}.zoh-xmas-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.zoh-xmas-hero__bg-image{width:100%;height:100%;object-fit:cover;object-position:center}.zoh-xmas-hero__bg-fallback{width:100%;height:100%;background:linear-gradient(160deg,#1a1818,#000)}.zoh-xmas-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#000000e0,#0000008c 45%,#00000059)}.zoh-xmas-hero__inner{position:relative;z-index:1;display:grid;gap:2rem;max-width:1200px;margin:0 auto;align-items:center}.zoh-xmas-hero__copy{max-width:34rem}.zoh-xmas-hero__heading{margin:0 0 1rem;font-family:var(--zoh-xmas-font-display, "Anton", sans-serif);font-weight:400;font-size:clamp(2rem,6vw,3.25rem);line-height:1.1;letter-spacing:.01em;color:#fff}.zoh-xmas-hero__heading-accent{color:#fff}.zoh-xmas-hero__subcopy{margin:0 0 1.5rem;font-family:var(--zoh-xmas-font-body, Inter, sans-serif);font-size:1rem;line-height:1.5;color:var(--zoh-xmas-muted, rgba(255, 255, 255, .72))}.zoh-xmas-hero__media{position:relative;justify-self:center;max-width:420px;width:100%}.zoh-xmas-hero__product-image{display:block;width:100%;height:auto;border-radius:8px}.zoh-xmas-hero__badge{position:absolute;right:-.25rem;top:12%;z-index:2}.zoh-xmas-hero__placeholder{aspect-ratio:4 / 5;border-radius:8px;border:1px dashed var(--zoh-xmas-border, rgba(255, 255, 255, .18));background:var(--zoh-xmas-surface, #1a1818);display:grid;place-items:center;color:var(--zoh-xmas-muted, rgba(255, 255, 255, .72));font-size:.875rem;text-align:center;padding:1rem}@media(min-width:750px){.zoh-xmas-hero{padding:var(--zoh-xmas-hero-pad-top-desktop, 72px) var(--zoh-xmas-hero-pad-x-desktop, 40px) var(--zoh-xmas-hero-pad-bottom-desktop, 72px)}.zoh-xmas-hero__inner{grid-template-columns:1fr 1fr;gap:3rem}.zoh-xmas-hero__badge{right:-.5rem;width:6.25rem;height:6.25rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/zoh-xmas-hero.css.map */