.sfumato-hero{--section-bg: #1a1a1a;--section-text: #f2efea;position:relative;width:100%;height:100svh;overflow:hidden;background-color:var(--section-bg)}.sfumato-hero[data-color-scheme=light]{--section-bg: #f7f5f2;--section-text: #1a1a1a}.sfumato-hero[data-color-scheme=dark]{--section-bg: #1a1a1a;--section-text: #f2efea}.sfumato-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.sfumato-hero__media,.sfumato-hero__media picture,.sfumato-hero__image{width:100%;height:100%}.sfumato-hero__image{object-fit:cover;object-position:center}.sfumato-hero[data-ken-burns=true] .sfumato-hero__image{animation:sfumato-ken-burns 20s ease-in-out infinite alternate}@keyframes sfumato-ken-burns{0%{transform:scale(1)}to{transform:scale(1.06)}}.sfumato-hero__placeholder{width:100%;height:100%;background-color:var(--section-bg)}.sfumato-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(to top,rgb(0 0 0 / var(--hero-overlay-opacity, .3)) 0%,rgb(0 0 0 / calc(var(--hero-overlay-opacity, .3) * .4)) 40%,transparent 70%)}.sfumato-hero__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;gap:24px;padding:max(var(--header-height, 72px),72px) 48px 80px}.sfumato-hero[data-position=bottom-left] .sfumato-hero__content{justify-content:flex-end;align-items:flex-start}.sfumato-hero[data-position=bottom-center] .sfumato-hero__content{justify-content:flex-end;align-items:center;text-align:center}.sfumato-hero[data-position=center-left] .sfumato-hero__content{justify-content:center;align-items:flex-start}.sfumato-hero[data-position=center] .sfumato-hero__content{justify-content:center;align-items:center;text-align:center}.sfumato-hero__heading{margin:0;max-width:600px;white-space:pre-line;color:var(--section-text);font-family:var(--font-heading, var(--font-heading--family));font-style:var(--font-heading--style);font-weight:400;font-size:clamp(1.75rem,4vw,3.25rem);line-height:1.25;letter-spacing:-.01em}.sfumato-hero__cta{display:inline-block;padding:14px 40px;color:var(--section-text);text-decoration:none;text-transform:uppercase;letter-spacing:.15em;border:1px solid var(--section-text);background:transparent;font-family:var(--font-body, var(--font-body--family));font-style:var(--font-body--style);font-size:.7rem;font-weight:400;transition:background-color var(--transition-fast, .3s ease),color var(--transition-fast, .3s ease)}.sfumato-hero__cta:hover,.sfumato-hero__cta:focus-visible{background:var(--section-text);color:var(--section-bg)}.sfumato-hero[data-entrance=true]:not([data-design-mode=true]) .sfumato-hero__heading{opacity:0;transform:translateY(20px);animation:sfumato-fade-up .8s ease forwards;animation-delay:.3s}.sfumato-hero[data-entrance=true]:not([data-design-mode=true]) .sfumato-hero__cta{opacity:0;transform:translateY(20px);animation:sfumato-fade-up .8s ease forwards;animation-delay:.6s}@keyframes sfumato-fade-up{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.sfumato-hero__image{animation:none!important}.sfumato-hero[data-entrance=true] .sfumato-hero__heading,.sfumato-hero[data-entrance=true] .sfumato-hero__cta{opacity:1;transform:none;animation:none}}@media(min-width:750px)and (max-width:1023px){.sfumato-hero__content{padding-top:max(var(--header-height, 60px),60px)}}@media(max-width:749px){.sfumato-hero__content{padding:max(var(--header-height, 60px),60px) 24px 100px;align-items:center!important;text-align:center!important}.sfumato-hero__heading{max-width:100%}}.sfumato-hero__video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.sfumato-hero__video--iframe{width:100%;height:100%;position:absolute;top:0;left:0;border:none;pointer-events:none}.sfumato-hero__media--mobile{display:none}@media(max-width:749px){.sfumato-hero:not([data-mobile-media-type=same]) .sfumato-hero__media--desktop{display:none}.sfumato-hero:not([data-mobile-media-type=same]) .sfumato-hero__media--mobile{display:block}}@media(prefers-reduced-motion:reduce){.sfumato-hero__video{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/sfumato-hero.css.map */