.holiday-hero{position:relative;overflow:hidden;background:#0b0b0b;color:#fff;aspect-ratio:4 / 5;max-height:88vh;width:100%}@media(min-width:750px){.holiday-hero{aspect-ratio:16 / 7;max-height:80vh}}.holiday-hero__media,.holiday-hero__media picture,.holiday-hero__poster,.holiday-hero__video,.holiday-hero__placeholder,.holiday-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.holiday-hero__poster,.holiday-hero__video{object-fit:cover}.holiday-hero__placeholder{background:linear-gradient(160deg,#3a0d0d,#0b0b0b)}.holiday-hero__video{opacity:0;transition:opacity .6s ease}.holiday-hero.is-playing .holiday-hero__video{opacity:1}.holiday-hero__shade{background:linear-gradient(to top,rgba(0,0,0,var(--hh-overlay)),rgba(0,0,0,calc(var(--hh-overlay) * .4)) 55%,#0000);pointer-events:none}.holiday-hero__content{position:absolute;left:0;right:0;padding:24px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.holiday-hero__content--top{top:0;padding-top:32px}.holiday-hero__content--center{top:50%;transform:translateY(-50%)}.holiday-hero__content--bottom{bottom:0;padding-bottom:28px}@media(min-width:750px){.holiday-hero__content{padding:40px 48px;gap:14px}.holiday-hero__content--bottom{padding-bottom:48px}}.holiday-hero__eyebrow{margin:0;font-family:var(--FONT-STACK-SUBHEADING, inherit);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 6px rgba(0,0,0,.5)}.holiday-hero__heading{margin:0;font-family:var(--FONT-STACK-HEADING, inherit);font-size:clamp(34px,9vw,72px);line-height:1;font-weight:800;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.45)}.holiday-hero__sub{margin:0;max-width:34em;font-size:clamp(15px,3.8vw,19px);line-height:1.35;text-shadow:0 1px 8px rgba(0,0,0,.5)}.holiday-hero__chips{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.holiday-hero__chip{background:#fff;color:#c70c0c;font-weight:800;font-size:14px;padding:7px 12px;border-radius:999px;line-height:1}.holiday-hero__btn{margin-top:4px;display:inline-block;background:#c70c0c;color:#fff;font-family:var(--FONT-STACK-BUTTON, inherit);font-weight:800;font-size:17px;letter-spacing:.02em;text-decoration:none;padding:15px 30px;border-radius:999px;min-width:220px;box-shadow:0 6px 20px #00000059}.holiday-hero__btn:hover,.holiday-hero__btn:focus-visible{background:#a50a0a;color:#fff}.holiday-hero__footnote{margin:0;font-size:13px;opacity:.9;text-shadow:0 1px 6px rgba(0,0,0,.5)}.holiday-hero--text-top .holiday-hero__shade{background:linear-gradient(to bottom,rgba(0,0,0,var(--hh-overlay)),rgba(0,0,0,calc(var(--hh-overlay) * .4)) 45%,#0000 70%)}@media(min-width:750px){.holiday-hero--split{aspect-ratio:auto;max-height:none;height:min(640px,78vh);display:grid;grid-template-columns:1fr min(46%,calc(min(640px,78vh)*.8));background:radial-gradient(120% 140% at 0% 100%,#5a0f14,#1a0b0c 55%,#0b0b0b)}.holiday-hero--split .holiday-hero__media{position:relative;inset:auto;grid-column:2;grid-row:1}.holiday-hero--split .holiday-hero__shade{display:none}.holiday-hero--split .holiday-hero__content,.holiday-hero--split .holiday-hero__content--top,.holiday-hero--split .holiday-hero__content--bottom,.holiday-hero--split .holiday-hero__content--center{position:relative;inset:auto;transform:none;grid-column:1;grid-row:1;align-self:center;align-items:flex-start;text-align:left;padding:48px clamp(32px,6vw,96px) 48px max(128px,9vw)}.holiday-hero--split .holiday-hero__chips{justify-content:flex-start}.holiday-hero--split .holiday-hero__heading{font-size:clamp(48px,5.4vw,84px)}}@media(min-width:750px){.holiday-hero--split{--hh-h: min(clamp(640px, 36vw, 760px), 80vh);height:var(--hh-h);grid-template-columns:1fr min(46%,calc(var(--hh-h) * .8));padding-inline:max(0px,calc((100% - 1500px)/2))}.holiday-hero--split .holiday-hero__poster,.holiday-hero--split .holiday-hero__video{object-position:50% 50%}.holiday-hero--split .holiday-hero__content{padding-left:max(48px,calc(128px - max(0px,(100vw - 1500px) / 2)))}.holiday-hero--split .holiday-hero__heading{white-space:nowrap;font-size:clamp(44px,5vw,84px)}}
/*# sourceMappingURL=/cdn/shop/t/108/assets/stupid-holiday-hero.css.map */