.hero{container-type:inline-size;position:relative;background:var(--color-bg);overflow:hidden}.hero__bg,.hero__video{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;z-index:0}.hero__bg-img,.hero__video{inline-size:100%;block-size:100%;object-fit:cover}.hero__video{z-index:1}.hero__bg-img--placeholder{fill:var(--color-line);background:var(--color-surface)}.hero__video--mobile{display:none}@media(max-width:749px)and (prefers-reduced-motion:no-preference){.hero--mvideo .hero__video--desktop{display:none}.hero--mvideo .hero__video--mobile{display:block}}@media(prefers-reduced-motion:reduce){.hero__video{display:none}}.hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:var(--color-scrim);opacity:var(--hero-scrim-opacity, 1)}.hero__plot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background-image:linear-gradient(var(--plot-color, transparent) 1px,transparent 1px),linear-gradient(90deg,var(--plot-color, transparent) 1px,transparent 1px);background-size:var(--plot-size, 26px) var(--plot-size, 26px)}.hero__inner:before,.hero__inner:after{content:"";position:absolute;inline-size:var(--mark-size, 0px);block-size:var(--mark-size, 0px);border:var(--hairline) solid var(--color-accent);pointer-events:none}.hero__inner:before{inset-block-start:10px;inset-inline-start:10px;border-inline-end:0;border-block-end:0}.hero__inner:after{inset-block-end:10px;inset-inline-end:10px;border-inline-start:0;border-block-start:0}.hero__inner{position:relative;z-index:3;max-inline-size:var(--section-max, var(--page-width));margin-inline:auto;padding:var(--section-pt, 0) var(--section-pad, var(--page-margin)) var(--section-pb, 0);min-block-size:var(--hero-min-height)}.hero--split .hero__inner{display:grid;grid-template-columns:var(--hero-cols, 5fr 6fr);gap:var(--hero-gap, 48px);align-items:center}.hero--split .hero__inner:has(>:only-child){grid-template-columns:1fr}@container (min-width: 750px){.hero--split .hero__inner>.image,.hero--split .hero__inner>.shopify-block>.image{max-block-size:calc(var(--hero-min-height) - var(--section-pt, 0px) - var(--section-pb, 0px))}.hero--split .hero__inner>.image:last-child{justify-self:end}}.hero--bleed .hero__inner{align-items:stretch;padding-inline:var(--section-pad, 0);gap:var(--hero-gap, 0px)}@container (min-width: 750px){.hero--bleed .hero__inner>.image,.hero--bleed .hero__inner>.shopify-block>.image{max-block-size:none;aspect-ratio:auto;inline-size:100%;justify-self:stretch;position:relative}.hero--bleed .hero__inner>.image>.image__img,.hero--bleed .hero__inner>.shopify-block>.image>.image__img{position:absolute;top:0;right:0;bottom:0;left:0}}.hero--bleed .hero__inner>.layout-box,.hero--bleed .hero__inner>.shopify-block{align-self:stretch}.hero--banner .hero__inner{display:grid;gap:var(--space-sm);justify-items:var(--hero-justify, center);align-content:var(--hero-align, center);text-align:var(--hero-justify, center)}.hero--banner .hero__inner>*{max-inline-size:40rem}.hero--banner.hero--wide .hero__inner>*{max-inline-size:none;inline-size:100%}.hero--has-media .hero__inner .label,.hero--has-media .hero__inner .heading,.hero--has-media .hero__inner .text{color:var(--color-on-scrim)}.hero--has-media .hero__inner .button--primary{background:var(--color-on-scrim);color:var(--color-on-scrim-ink)}@container (max-width: 749px){.hero__inner{min-block-size:var(--hero-min-height-mobile, var(--hero-min-height))}.hero--split .hero__inner{grid-template-columns:1fr;gap:var(--hero-gap-mobile, 32px);justify-items:var(--hero-mobile-align, start);text-align:var(--hero-mobile-align, start)}.hero--split .hero__inner{grid-template-rows:var(--hero-rows, 1fr auto)}.hero--split .hero__inner>.layout-box:not(.layout-box--fit),.hero--split .hero__inner>.shopify-block:has(>.layout-box:not(.layout-box--fit)){justify-self:stretch}.hero--split .hero__inner>:not(script):not(:has(~:not(script))){order:var(--hero-image-order, 0)}.hero--banner .hero__inner{justify-items:var(--hero-justify-mobile, var(--hero-mobile-align, center));align-content:var(--hero-align-mobile, var(--hero-align, center));text-align:var(--hero-justify-mobile, var(--hero-mobile-align, center))}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero.css.map */