.hero{position:relative;display:flex;flex-direction:column}.hero__media{position:relative}.hero__image{width:100%;height:var(--hero-height, 78svh);object-fit:cover;display:block}.hero__image--placeholder{background:linear-gradient(160deg,var(--color-border),var(--color-background))}.hero--compact{--hero-height: 62svh}.hero--standard{--hero-height: 78svh}.hero--tall,.hero--full{--hero-height: 100svh}.hero__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;padding-block:var(--space-lg);color:var(--brand-cream);background:linear-gradient(to top,color-mix(in srgb,var(--brand-brown) calc(var(--hero-overlay, 75) * .8%),transparent),color-mix(in srgb,var(--brand-brown) calc(var(--hero-overlay, 75) * 1%),transparent) 10% 90%,color-mix(in srgb,var(--brand-brown) calc(var(--hero-overlay, 75) * .7%),transparent))}.hero__content-inner{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2xs)}.hero__subheading{margin:0}.hero__heading{margin:0;font-size:var(--text-3xl);line-height:var(--leading-tight)}.hero__text{margin:0;max-width:46ch}.hero__subheading,.hero__text{color:color-mix(in srgb,var(--brand-cream) 88%,transparent)}.hero__button{margin-top:var(--space-2xs);width:100%}@media(min-width:480px){.hero__button{width:auto}}@media(min-width:768px){.hero--compact{--hero-height: 58svh}.hero--standard{--hero-height: 76svh}.hero--tall,.hero--full{--hero-height: 100svh}.hero__content{padding-block:var(--space-xl);background:linear-gradient(to top,color-mix(in srgb,var(--brand-brown) calc(var(--hero-overlay, 75) * .5%),transparent),color-mix(in srgb,var(--brand-brown) calc(var(--hero-overlay, 75) * 1%),transparent) 20% 80%,color-mix(in srgb,var(--brand-brown) calc(var(--hero-overlay, 75) * .35%),transparent))}.hero__content-inner{gap:var(--space-xs)}.hero__subheading,.hero__text{color:color-mix(in srgb,var(--brand-cream) 88%,transparent)}.hero__heading{font-size:var(--text-4xl);max-width:18ch}}.hero__script{display:block;margin-top:-.1em}.hero__actions{display:flex;flex-direction:column;gap:var(--space-2xs);width:100%;margin-top:var(--space-2xs)}@media(max-width:767px){.hero__content{align-items:stretch;padding-block:calc(var(--header-height) + var(--space-md)) calc(var(--space-lg) + var(--safe-bottom))}.hero__actions{margin-block-start:auto;width:100%}}.hero__motifs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.hero__motifs .motif{opacity:.62}@media(min-width:480px){.hero__actions{flex-direction:row;align-items:center;width:auto}}@media(min-width:768px){.hero__content .hero__script{color:color-mix(in srgb,var(--brand-sage) 40%,var(--brand-cream))}.hero__actions{margin-top:var(--space-sm)}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){html:not(.reduce-motion):not(.simplify-motion) body.template-index .shopify-section:has(>.hero),html:not(.reduce-motion):not(.simplify-motion) body.template-index .hero{position:sticky;top:0;z-index:0}}}.materials,.image-text,.featured,.instagram,.footer{position:relative;z-index:1}.image-text,.featured,.instagram{background-color:var(--color-background)}.reduce-motion .hero,.simplify-motion .hero{position:relative}.reduce-motion .hero__media,.reduce-motion .hero__content,.simplify-motion .hero__media,.simplify-motion .hero__content{animation:none!important;transform:none!important;opacity:1!important}@media(prefers-reduced-motion:reduce){.hero{position:relative}.hero__media,.hero__content{animation:none!important;transform:none!important;opacity:1!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-hero.css.map */