.hvattum-hero{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.hvattum-hero__stage{display:block;position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden;background-color:rgb(var(--color-background))}@media screen and (min-width:750px){.hvattum-hero__stage{aspect-ratio:16 / 9}}.hvattum-hero__poster,.hvattum-hero__poster-image,.hvattum-hero__film{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.hvattum-hero__poster-image,.hvattum-hero__film{object-fit:cover;object-position:center center}.hvattum-hero__poster{z-index:0}.hvattum-hero__film{z-index:1;opacity:0;border:0}.hvattum-hero__stage[data-film-ready=true] .hvattum-hero__film{opacity:1}@media(prefers-reduced-motion:no-preference){.hvattum-hero__film{transition:opacity var(--hvattum-transition-duration, .15s) linear}}.hvattum-hero__film-toggle{position:absolute;z-index:4;right:var(--hvattum-gutter, 2rem);bottom:var(--hvattum-gutter, 2rem);display:flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;padding:0;margin:0;border:.1rem solid rgb(255 255 255 / .7);border-radius:0;background-color:transparent;color:#fff;cursor:pointer;-webkit-appearance:none;appearance:none}.hvattum-hero__film-toggle[hidden]{display:none}.hvattum-hero__film-toggle:hover{border-color:#fff}.hvattum-hero__film-toggle:focus-visible{outline:.2rem solid currentcolor;outline-offset:.3rem}.hvattum-hero__film-icon{display:block;width:1rem;height:1.2rem;border-left:.3rem solid currentcolor;border-right:.3rem solid currentcolor}.hvattum-hero__film-toggle[data-playing=false] .hvattum-hero__film-icon{width:0;height:0;border-left:1.1rem solid currentcolor;border-right:0;border-top:.7rem solid transparent;border-bottom:.7rem solid transparent;margin-left:.3rem}.hvattum-hero__stage>.hvattum-hero__scrim{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background-color:rgb(0 0 0 / var(--hvattum-hero-scrim, .15))}.hvattum-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;align-content:center;justify-items:center;gap:1.6rem;padding:var(--hvattum-gutter, 2rem);text-align:center;color:#fff;pointer-events:none}.hvattum-hero__overlay .hvattum-hero__heading,.hvattum-hero__overlay .hvattum-hero__supporting{max-width:34ch;color:inherit}.hvattum-hero__overlay .hvattum-hero__supporting{max-width:48ch}.hvattum-hero__overlay .hvattum-hero__cta{pointer-events:auto;margin-top:1.6rem;background-color:transparent;color:#fff;border-color:#fff}.hvattum-hero__overlay .hvattum-hero__cta:hover,.hvattum-hero__overlay .hvattum-hero__cta:focus-visible{background-color:#fff;color:#1a1a18}.hvattum-hero__text{max-width:var(--page-width);margin:0 auto;padding-left:1.5rem;padding-right:1.5rem}@media screen and (min-width:750px){.hvattum-hero__text{padding-left:5rem;padding-right:5rem}}.hvattum-hero__text:empty{display:none}.hvattum-hero__heading{margin:0;font-size:var(--hvattum-type-heading-md, 2.8rem);font-weight:inherit;line-height:1.15}@media screen and (min-width:750px){.hvattum-hero__heading{font-size:var(--hvattum-type-heading-lg, 3.6rem)}}.hvattum-hero__supporting{margin:var(--hvattum-space-2, .8rem) 0 0;font-size:var(--hvattum-type-body, 1.5rem);max-width:60ch}.hvattum-hero__editor-note{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;margin:0;padding:var(--hvattum-space-3, 1.6rem);text-align:center;font-size:var(--hvattum-type-body, 1.5rem);color:rgba(var(--color-foreground),.7)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hvattum-campaign-hero.css.map */