@keyframes san-home-hero-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes san-home-hero-settle{0%{transform:scale(1.04)}to{transform:none}}@keyframes san-home-hero-word{0%{transform:translate3d(0,110%,0)}to{transform:none}}@keyframes san-home-hero-rise{0%{opacity:0;transform:translate3d(0,1.6rem,0)}to{opacity:1;transform:none}}@keyframes san-home-hero-fade{0%{opacity:0}to{opacity:1}}.san-home-hero{--hero-fade: 1.2s;--hero-enter: .35s;--hero-ease: cubic-bezier(.16, 1, .3, 1);--nav-ink: #1f3a13;--nav-height: 4.4rem;--hero-radius: .8rem;--nav-top: clamp(2rem, 2.8vw, 5.2rem);--copy-left: 55%;--copy-width: min(29%, 60rem);position:relative;isolation:isolate;display:block;overflow:hidden;background-color:var(--hero-bg, #ebebde);transition:background-color var(--hero-fade) ease}.san-home-hero[data-side=left]{--copy-left: 6%}.san-home-hero[data-tone=light]{--nav-ink: #ffffff}.san-home-hero__slides{display:grid}.san-home-hero__slide{--ink: #1f3a13;--ink-soft: rgba(31, 58, 19, .82);--cta-bg: #31591d;--cta-fg: #ffffff;--cta-hover: #1f3a13;--copy-left: 55%;grid-area:1 / 1;position:relative;z-index:0;visibility:hidden;color:var(--ink);transition:visibility 0s linear var(--hero-fade)}.san-home-hero__slide[data-side=left]{--copy-left: 6%}.san-home-hero__slide[data-tone=light]{--ink: #ffffff;--ink-soft: rgba(255, 255, 255, .86);--cta-bg: #afea90;--cta-fg: #1f3a13;--cta-hover: #ffffff}.san-home-hero__slide.is-active,.san-home-hero__slide.is-prev{visibility:visible;transition:none}.san-home-hero__slide.is-active{z-index:2}.san-home-hero__slide.is-prev{z-index:1}.san-home-hero__media{position:relative;overflow:hidden;aspect-ratio:var(--hero-ratio, 2.357);background-color:var(--slide-bg);opacity:0;transition:opacity 0s linear var(--hero-fade)}.san-home-hero__slide.is-active .san-home-hero__media{opacity:1;transition:opacity var(--hero-fade) cubic-bezier(.4,0,.2,1)}.san-home-hero__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.san-home-hero__slide.is-active .san-home-hero__img,.san-home-hero__slide.is-prev .san-home-hero__img{animation:san-home-hero-settle 2.4s var(--hero-ease) both}.san-home-hero__placeholder{background-color:var(--slide-bg, #ebebde);color:#1f3a1338}.san-home-hero__copy{position:relative;z-index:1;opacity:0}.san-home-hero__slide.is-active .san-home-hero__copy{opacity:1}.san-home-hero__slide.is-prev .san-home-hero__copy{opacity:0;transform:translate3d(0,-1rem,0);transition:opacity .4s ease,transform .6s var(--hero-ease)}.san-home-hero__title{margin:0;font-family:"Noto Serif",Georgia,serif;font-size:clamp(3.6rem,3.5vw,6.4rem);font-style:italic;font-weight:400;line-height:1.18;letter-spacing:-.015em;color:var(--ink)}.san-home-hero__line{display:block}.san-home-hero__word{display:inline-block;overflow:clip;padding:.12em .1em .18em;margin:-.12em -.1em -.18em;vertical-align:top}.san-home-hero__word>span{display:inline-block}.san-home-hero__slide.is-active .san-home-hero__word>span{animation:san-home-hero-word 1.15s var(--hero-ease) both;animation-delay:calc(var(--hero-enter) + var(--i, 0) * 70ms)}.san-home-hero__text{max-width:36ch;margin:2rem 0 0;font-family:Poppins,sans-serif;font-size:clamp(1.5rem,1.12vw,1.8rem);font-weight:400;line-height:1.75;color:var(--ink-soft)}.san-home-hero__slide.is-active .san-home-hero__text{animation:san-home-hero-rise .9s var(--hero-ease) both;animation-delay:calc(var(--hero-enter) + .42s)}.san-home-hero__actions{display:flex;flex-direction:column;align-items:flex-start;gap:2rem;margin-top:clamp(2rem,2vw,3.2rem)}.san-home-hero__slide.is-active .san-home-hero__actions{animation:san-home-hero-rise .9s var(--hero-ease) both;animation-delay:calc(var(--hero-enter) + .56s)}.san-home-hero__cta{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:5.6rem;border-radius:var(--hero-radius);padding:0 3.8rem;background-color:var(--cta-bg);color:var(--cta-fg);font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:600;letter-spacing:.14em;line-height:1;text-transform:uppercase;text-decoration:none;white-space:nowrap}.san-home-hero__cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:var(--cta-hover);transform:scaleX(0);transform-origin:right center;transition:transform .55s var(--hero-ease)}@media(hover:hover){.san-home-hero__cta:hover:before{transform:scaleX(1);transform-origin:left center}}.san-home-hero__cta:focus-visible,.san-home-hero__chip:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.san-home-hero__scene{position:relative;display:flex;align-items:center;gap:1.4rem}.san-home-hero__chips{display:flex;margin:0;padding:0;list-style:none}.san-home-hero__chips>li+li{margin-left:-1rem}.san-home-hero__chips>li:hover,.san-home-hero__chips>li:focus-within{z-index:1}.san-home-hero__chip{display:block;border-radius:50%;color:inherit;text-decoration:none}.san-home-hero__chip-media{display:block;width:4.6rem;height:4.6rem;overflow:hidden;border-radius:50%;background-color:#ececec;box-shadow:0 0 0 .2rem var(--slide-bg);transition:transform .4s var(--hero-ease)}.san-home-hero__chip-media img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.2)}.san-home-hero__chip-caption{position:absolute;top:50%;left:calc(var(--chips, 1) * 3.6rem + 2.4rem);transform:translateY(-50%);font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:500;line-height:1.35;color:var(--ink);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s ease}.san-home-hero__chip-price{display:block;font-weight:400;color:var(--ink-soft)}.san-home-hero__scene-label{font-family:Poppins,sans-serif;font-size:1.3rem;line-height:1.35;color:var(--ink-soft);transition:opacity .25s ease}@media(hover:hover){.san-home-hero__chip:hover .san-home-hero__chip-media{transform:translateY(-.3rem)}.san-home-hero__chip:hover .san-home-hero__chip-caption{opacity:1}.san-home-hero__scene:has(.san-home-hero__chip:hover) .san-home-hero__scene-label{opacity:0}}.san-home-hero__chip:focus-visible .san-home-hero__chip-caption{opacity:1}.san-home-hero__scene:has(.san-home-hero__chip:focus-visible) .san-home-hero__scene-label{opacity:0}.san-home-hero__nav{position:relative;z-index:3;display:flex;align-items:flex-end;gap:1.6rem;color:var(--nav-ink);transition:color var(--hero-fade) ease}.san-home-hero__toggle{flex:none;display:grid;place-items:center;width:var(--nav-height);border-radius:var(--hero-radius);height:var(--nav-height);padding:0;border:1px solid color-mix(in srgb,currentColor 32%,transparent);background:transparent;color:inherit;cursor:pointer;transition:border-color .25s ease}.san-home-hero__toggle svg{width:1.2rem;height:1.2rem}@media(hover:hover){.san-home-hero__toggle:hover{border-color:currentColor}}.san-home-hero__icon-play,.san-home-hero.is-user-paused .san-home-hero__icon-pause{display:none}.san-home-hero.is-user-paused .san-home-hero__icon-play{display:block}.san-home-hero__tabs{flex:1;display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:1.6rem}.san-home-hero__tab{display:flex;flex-direction:column;justify-content:flex-end;gap:1.1rem;min-height:var(--nav-height);padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.san-home-hero__tab-track{position:relative;display:block;height:2px;overflow:hidden;background-color:color-mix(in srgb,currentColor 22%,transparent)}.san-home-hero__tab-fill{position:absolute;top:0;right:0;bottom:0;left:0;background-color:currentColor;transform:scaleX(0);transform-origin:left center}.san-home-hero__tab.is-active .san-home-hero__tab-fill{transform:none}.san-home-hero.is-autoplay .san-home-hero__tab.is-active .san-home-hero__tab-fill{animation:san-home-hero-progress var(--hero-interval, 7s) linear both}.san-home-hero.is-paused .san-home-hero__tab.is-active .san-home-hero__tab-fill{animation-play-state:paused}.san-home-hero__tab-label{overflow:hidden;font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:500;line-height:1.2;white-space:nowrap;text-overflow:ellipsis;color:color-mix(in srgb,currentColor 74%,transparent);transition:color .3s ease}.san-home-hero__tab.is-active .san-home-hero__tab-label,.san-home-hero__tab:hover .san-home-hero__tab-label{color:currentColor}.san-home-hero__tab:focus-visible,.san-home-hero__toggle:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media screen and (min-width:990px){.san-home-hero__nav{position:absolute;top:var(--nav-top);left:var(--copy-left);width:max(var(--copy-width),38rem);transition:color var(--hero-fade) ease,left .8s var(--hero-ease)}.san-home-hero__copy{position:absolute;top:calc(var(--nav-top) + var(--nav-height) + clamp(1.6rem,1.6vw,3.2rem));bottom:28%;left:var(--copy-left);width:var(--copy-width);display:flex;flex-direction:column;justify-content:center;justify-content:safe center;pointer-events:none}.san-home-hero__copy-inner{pointer-events:auto}.san-home-hero--single .san-home-hero__copy{top:var(--nav-top)}.san-home-hero__actions{flex-direction:row;align-items:center;gap:2.4rem}.san-home-hero__chip-caption,.san-home-hero__scene-label{position:absolute;top:calc(100% + .8rem);left:0;transform:none}}@media screen and (min-width:990px)and (max-width:1279px){.san-home-hero__text{display:none}}@media screen and (max-width:989px){.san-home-hero{display:flex;flex-direction:column}.san-home-hero__slides{order:1}.san-home-hero__nav{order:2;padding:0 4rem 3.2rem}.san-home-hero__media{aspect-ratio:1.6}.san-home-hero__img{object-position:var(--focus-x, 15%) 50%}.san-home-hero__media:after{content:"";position:absolute;inset:auto 0 0;height:14%;background:linear-gradient(to bottom,transparent,var(--slide-bg));pointer-events:none}.san-home-hero__copy{padding:3.2rem 4rem}.san-home-hero__title{font-size:clamp(3.4rem,5.6vw,4.8rem)}.san-home-hero__text{font-size:1.6rem}}@media screen and (max-width:749px){.san-home-hero__media{aspect-ratio:var(--hero-ratio-mobile, 1.2)}.san-home-hero__copy{padding:2.4rem 2rem 2.8rem}.san-home-hero__title{font-size:clamp(2.8rem,8.2vw,3.6rem)}.san-home-hero__text{margin-top:1.6rem}.san-home-hero__actions{align-items:stretch;gap:1.8rem;margin-top:2.4rem}.san-home-hero__nav{gap:1.2rem;padding:0 2rem 2.4rem}.san-home-hero__tabs{gap:1rem}.san-home-hero__tab-label{font-size:1.2rem}.san-home-hero__slide--art .san-home-hero__copy{position:static}.san-home-hero__slide--art.is-prev .san-home-hero__copy{transform:none}.san-home-hero__slide--art .san-home-hero__title{position:absolute;z-index:2;top:2rem;right:2rem;left:2rem;line-height:1.14}.san-home-hero__slide--art .san-home-hero__text{margin-top:0}}@media(prefers-reduced-motion:reduce){.san-home-hero__slide.is-active .san-home-hero__img,.san-home-hero__slide.is-prev .san-home-hero__img,.san-home-hero__slide.is-active .san-home-hero__word>span{animation:none}.san-home-hero__slide.is-active .san-home-hero__title,.san-home-hero__slide.is-active .san-home-hero__text,.san-home-hero__slide.is-active .san-home-hero__actions{animation:san-home-hero-fade .6s ease both;animation-delay:.2s}.san-home-hero__slide.is-prev .san-home-hero__copy{transform:none}.san-home-hero__cta:before,.san-home-hero__chip-media,.san-home-hero__nav{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-san-hero.css.map */