.roots-hero{position:relative;display:flex;align-items:center;overflow:hidden;isolation:isolate;min-block-size:30rem}.roots-hero--small{min-block-size:34rem}.roots-hero--medium{min-block-size:44rem}.roots-hero--large{min-block-size:56rem}.roots-hero--full{min-block-size:100vh;min-block-size:100dvh}.roots-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.roots-hero__image{inline-size:100%;block-size:100%;object-fit:cover;object-position:center;animation:roots-hero-drift 24s ease-in-out infinite alternate;transform-origin:center}@keyframes roots-hero-drift{0%{transform:scale(1)}to{transform:scale(1.045)}}@media(prefers-reduced-motion:reduce){.roots-hero__image{animation:none}}.roots-hero__media>.roots-hero__scrim{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-background),var(--roots-hero-overlay, .35))}@media screen and (min-width:990px){.roots-hero--split .roots-hero__media{inset-inline-start:56%}.roots-hero--split .roots-hero__content{inline-size:56%;max-inline-size:none;margin-inline:0;padding-inline-start:max(5rem,calc((100% - var(--page-width)) / 2 + 5rem));padding-inline-end:var(--space-8)}.roots-hero--split .roots-hero__media:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:.2rem;background-color:var(--roots-copper);z-index:1}}@media screen and (max-width:989px){.roots-hero--split{display:block}.roots-hero--split .roots-hero__media{position:relative;inset:auto;block-size:clamp(28rem,42vh,36rem);border-block-end:.2rem solid var(--roots-copper)}.roots-hero--split.roots-hero--small,.roots-hero--split.roots-hero--medium,.roots-hero--split.roots-hero--large,.roots-hero--split.roots-hero--full{min-block-size:0}}.roots-hero--fullbleed{min-block-size:100vh;min-block-size:100svh;align-items:flex-end}.roots-hero__stage{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.roots-hero__chrome-sentinel{position:absolute;inset-inline-start:0;inset-block-start:var(--roots-announce-h, 3.4rem);inline-size:1px;block-size:1px}.roots-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 1.4s cubic-bezier(.33,0,.2,1)}.roots-hero__slide.is-active{opacity:1;z-index:1}.roots-hero__slide picture,.roots-hero__slide .roots-hero__image{display:block;inline-size:100%;block-size:100%}.roots-hero--fullbleed .roots-hero__image{object-fit:cover;object-position:center var(--roots-slide-focus, center);animation:none;transform:scale(1);transition:transform 9s linear}.roots-hero__slide.is-active .roots-hero__image{transform:scale(1.05)}.roots-hero__stage>.roots-hero__crown{display:block;position:absolute;inset-inline:0;inset-block-start:0;block-size:calc(var(--roots-chrome-h, 11rem) + 8rem);z-index:2;background:linear-gradient(to bottom,rgba(var(--color-background),.88),rgba(var(--color-background),.8) 55%,rgba(var(--color-background),.34) 82%,rgba(var(--color-background),0));pointer-events:none}.roots-hero__stage>.roots-hero__veil{display:block;position:absolute;inset-inline:0;inset-block-end:0;block-size:78%;z-index:2;background:linear-gradient(to top,rgba(var(--color-background),var(--roots-hero-veil, .72)),rgba(var(--color-background),calc(var(--roots-hero-veil, .72) * .72)) 34%,rgba(var(--color-background),calc(var(--roots-hero-veil, .72) * .28)) 62%,rgba(var(--color-background),0));pointer-events:none}.roots-hero--fullbleed:after{content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:.2rem;background-color:var(--roots-copper);z-index:4}.roots-hero--fullbleed .roots-hero__content{z-index:3;padding-block-start:calc(var(--roots-chrome-h, 11rem) + var(--space-7));padding-block-end:var(--space-9)}.roots-hero--fullbleed .roots-hero__heading{text-wrap:balance;max-inline-size:22ch}.roots-hero__link{position:relative;display:inline-flex;align-items:center;min-block-size:4.5rem;padding-inline:.2rem;font-size:1.5rem;font-weight:var(--font-body-weight-bold);letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-heading));text-decoration:none}.roots-hero__link:after{content:"";position:absolute;inset-inline:0;inset-block-end:1.1rem;block-size:.15rem;background-color:var(--roots-copper);transform-origin:left center;transition:scale .22s cubic-bezier(.16,1,.3,1)}.roots-hero__link:hover:after,.roots-hero__link:focus-visible:after{scale:1.06 1}.roots-hero__rail{display:flex;align-items:center;gap:var(--space-4)}.roots-hero__rail-wrap{position:absolute;inset-inline:0;inset-block-end:var(--space-5);z-index:4;pointer-events:none}.roots-hero__rail-wrap button{pointer-events:auto}.roots-hero__ticks{display:flex;align-items:center;gap:var(--space-2)}.roots-hero__tick{-webkit-appearance:none;appearance:none;border:0;padding:2rem 0;background:none;cursor:pointer;inline-size:3.2rem;display:flex;align-items:center}.roots-hero__tick:before{content:"";inline-size:100%;block-size:.2rem;background-color:rgba(var(--color-foreground),.35);transition:background-color .26s ease,scale .26s cubic-bezier(.16,1,.3,1);transform-origin:left center}.roots-hero__tick:hover:before{background-color:rgba(var(--color-foreground),.6)}.roots-hero__tick[aria-current=true]:before{background-color:var(--roots-copper);scale:1 2}@media screen and (max-width:749px){.roots-hero--fullbleed .roots-hero__content{padding-block-end:calc(var(--space-9) + var(--space-4))}.roots-hero--fullbleed .roots-hero__heading{max-inline-size:16ch}.roots-hero__stage>.roots-hero__veil{block-size:88%}}@media(prefers-reduced-motion:reduce){.roots-hero__slide,.roots-hero--fullbleed .roots-hero__image,.roots-hero__tick:before,.roots-hero__link:after{transition:none}.roots-hero__slide.is-active .roots-hero__image{transform:none}}.roots-hero.roots-hero--plate{display:block;min-block-size:0;overflow:hidden}.roots-hero__grid{display:grid;gap:var(--space-8);align-items:center}@media screen and (min-width:990px){.roots-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:var(--space-9);min-block-size:clamp(52rem,calc(100svh - 11.2rem),80rem)}}.roots-hero--plate .roots-hero__content{display:block;padding:0}.roots-hero--plate .roots-hero__inner{max-inline-size:46rem}.roots-hero--plate .roots-hero__heading{text-wrap:balance}.roots-hero__plate{--roots-niche-gap: var(--space-4);position:relative;display:block;inline-size:100%;max-inline-size:min(42rem,calc(100% - 2 * var(--roots-niche-gap)));margin-inline:auto}@media screen and (min-width:990px){.roots-hero__plate{--roots-niche-gap: var(--space-5);justify-self:end;max-inline-size:50rem;margin-inline:0}}.roots-hero__plate-niche{position:relative;display:block}.roots-hero__plate-niche:before{content:"";position:absolute;inset:calc(-1 * var(--roots-niche-gap));border:.1rem solid rgba(var(--roots-copper-rgb),.42);border-radius:var(--roots-arch-outer);pointer-events:none}.roots-hero__plate-frame{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--roots-arch);border:.2rem solid var(--roots-copper);background-color:rgba(var(--color-foreground),.07)}.roots-hero--plate .roots-hero__image{object-fit:cover;object-position:center var(--roots-slide-focus, center);animation:none;transform:scale(1);transition:transform 9s linear}.roots-hero--plate .roots-hero__slide.is-active .roots-hero__image{transform:scale(1.04)}.roots-hero--plate .roots-hero__rail{margin-block-start:var(--space-7);justify-content:center}@media screen and (min-width:990px){.roots-hero--plate .roots-hero__rail{justify-content:flex-start}}@media screen and (max-width:989px){.roots-hero--plate .roots-hero__inner{max-inline-size:none}}@media(prefers-reduced-motion:reduce){.roots-hero--plate .roots-hero__image{transition:none}.roots-hero--plate .roots-hero__slide.is-active .roots-hero__image{transform:none}}body:has(.roots-hero--plate) .header-wrapper--border-bottom{border-bottom-color:transparent}.roots-chrome-overlay .roots-section--overlaid{margin-block-start:calc(-1 * var(--roots-chrome-h, 11rem))}.roots-chrome-overlay .utility-bar,.roots-chrome-overlay .section-header .header-wrapper{background:transparent;transition:background-color .26s ease,border-color .26s ease}.roots-chrome-overlay .announcement-bar-section{border-top-color:transparent}.roots-chrome-overlay .utility-bar--bottom-border,.roots-chrome-overlay .header-wrapper--border-bottom{border-bottom-color:transparent}.roots-chrome-solid .section-header .header-wrapper{background-color:rgb(var(--color-background))}.roots-chrome-solid .header-wrapper--border-bottom{border-bottom-color:var(--roots-header-rule)}.roots-chrome-overlay .section-header .header-wrapper:before{content:"";position:absolute;inset-inline:0;inset-block-start:0;block-size:.2rem;background-color:var(--roots-copper);opacity:0;transition:opacity .26s ease;pointer-events:none;z-index:6}.roots-chrome-solid .section-header .header-wrapper:before{opacity:1}@media(prefers-reduced-motion:reduce){.roots-chrome-overlay .utility-bar,.roots-chrome-overlay .section-header .header-wrapper,.roots-chrome-overlay .section-header .header-wrapper:before{transition:none}}.roots-hero__content{position:relative;z-index:1;inline-size:100%;display:flex}.roots-hero--has-image .roots-hero__content{color:rgb(var(--color-heading))}.roots-hero__content--left{justify-content:flex-start}.roots-hero__content--center{justify-content:center}.roots-hero__content--right{justify-content:flex-end}.roots-hero__inner{display:flex;flex-direction:column;max-inline-size:62rem}.roots-hero:not(.roots-hero--has-image) .roots-hero__inner{max-inline-size:72rem}.roots-hero__content--left .roots-hero__inner{align-items:flex-start;text-align:start}.roots-hero__content--center .roots-hero__inner{align-items:center;text-align:center}.roots-hero__content--right .roots-hero__inner{align-items:flex-end;text-align:end}.roots-hero__inner--boxed{padding:var(--space-7) var(--space-6);border-radius:var(--radius-card)}.roots-hero__heading{font-size:var(--type-display);margin:var(--space-3) 0 0}.roots-hero__inner .roots-ornament{margin-block:var(--space-5)}.roots-hero__inner .roots-ornament svg{inline-size:13rem}.roots-hero__content--left .roots-hero__inner .roots-ornament{justify-content:flex-start}.roots-hero__content--right .roots-hero__inner .roots-ornament{justify-content:flex-end}.roots-hero__subheading{max-inline-size:48ch;font-size:var(--type-body-lg)}.roots-hero__subheading p{margin:0}.roots-hero__buttons{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin-top:var(--space-6)}.roots-hero__content--center .roots-hero__buttons{justify-content:center}.roots-hero__content--right .roots-hero__buttons{justify-content:flex-end}@media screen and (max-width:749px){.roots-hero__buttons{gap:var(--space-3)}.roots-hero__buttons .button{padding-inline:var(--space-5)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-roots-hero.css.map */