.s-hero{--s-hero-ink: var(--s-color-inverse);--s-hero-btn-label: var(--s-color-ink);--s-hero-ghost-fill: rgba(255, 255, 255, .14);--s-hero-ghost-stroke: rgba(255, 255, 255, .55);--s-hero-halo: rgba(0, 0, 0, .32);--s-hero-overlay: .25;position:relative;display:flex;width:100%;min-height:calc(88vh - var(--s-marquee-height));min-height:calc(var(--s-hero-h-mobile, 88svh) - var(--s-marquee-height));overflow:hidden;background:var(--s-color-surface)}.s-hero--ink-dark{--s-hero-ink: var(--s-color-ink);--s-hero-btn-label: var(--s-color-inverse);--s-hero-ghost-fill: rgba(17, 17, 17, .1);--s-hero-ghost-stroke: rgba(17, 17, 17, .45);--s-hero-halo: rgba(255, 255, 255, .62)}@media screen and (min-width:750px){.s-hero{min-height:calc(88vh - var(--s-marquee-height));min-height:calc(var(--s-hero-h-desktop, 88svh) - var(--s-marquee-height))}}.s-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.s-hero__media>*,.s-hero__image,.s-hero__placeholder{width:100%;height:100%;object-fit:cover;display:block}.s-hero__placeholder{background:var(--s-color-surface)}.s-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#000;opacity:var(--s-hero-overlay);pointer-events:none}.s-hero__inner{position:relative;z-index:2;flex:1 1 auto;width:100%;max-width:var(--s-page-max);margin:0 auto;display:flex;flex-direction:column;gap:var(--s-space-4);padding:var(--s-space-6) var(--s-page-pad) var(--s-space-5)}.s-hero--h-left .s-hero__inner{align-items:flex-start;text-align:left}.s-hero--h-center .s-hero__inner{align-items:center;text-align:center}.s-hero--h-right .s-hero__inner{align-items:flex-end;text-align:right}.s-hero--v-top .s-hero__inner{justify-content:flex-start}.s-hero--v-middle .s-hero__inner{justify-content:center}.s-hero--v-bottom .s-hero__inner{justify-content:flex-end}.s-hero__kicker{margin:0;color:var(--s-hero-ink);font-size:1.25rem;font-weight:600;text-shadow:0 0 1px var(--s-hero-halo),0 0 4px var(--s-hero-halo)}.s-hero__heading{margin:0;max-width:100%;font-family:var(--s-font-primary);font-weight:700;font-size:var(--s-text-display);line-height:.9;letter-spacing:-.03em;text-transform:uppercase;color:var(--s-hero-ink);overflow-wrap:break-word}.s-hero__description{margin:0;max-width:46rem;font-family:var(--s-font-primary);font-size:1.45rem;font-weight:500;line-height:1.4;letter-spacing:.01em;color:var(--s-hero-ink);text-shadow:0 0 1px var(--s-hero-halo),0 0 4px var(--s-hero-halo)}.s-hero__btn{--s-hero-btn-corner: 1.1rem;--s-hero-btn-thick: 1.5px;position:relative;align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;margin-top:var(--s-space-2);padding:1.3rem 2.2rem;background-color:transparent;color:var(--s-hero-ink);font-family:var(--s-font-mono);font-size:var(--s-text-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--s-track-nav);text-decoration:none;text-shadow:0 0 1px var(--s-hero-halo),0 0 4px var(--s-hero-halo);background-image:linear-gradient(var(--s-hero-ink),var(--s-hero-ink)),linear-gradient(var(--s-hero-ink),var(--s-hero-ink)),linear-gradient(var(--s-hero-ink),var(--s-hero-ink)),linear-gradient(var(--s-hero-ink),var(--s-hero-ink)),linear-gradient(var(--s-hero-ink),var(--s-hero-ink)),linear-gradient(var(--s-hero-ink),var(--s-hero-ink)),linear-gradient(var(--s-hero-ink),var(--s-hero-ink)),linear-gradient(var(--s-hero-ink),var(--s-hero-ink));background-repeat:no-repeat;background-position:top left,top left,top right,top right,bottom left,bottom left,bottom right,bottom right;background-size:var(--s-hero-btn-corner) var(--s-hero-btn-thick),var(--s-hero-btn-thick) var(--s-hero-btn-corner),var(--s-hero-btn-corner) var(--s-hero-btn-thick),var(--s-hero-btn-thick) var(--s-hero-btn-corner),var(--s-hero-btn-corner) var(--s-hero-btn-thick),var(--s-hero-btn-thick) var(--s-hero-btn-corner),var(--s-hero-btn-corner) var(--s-hero-btn-thick),var(--s-hero-btn-thick) var(--s-hero-btn-corner);transition:color var(--s-duration) var(--s-ease),background-color var(--s-duration) var(--s-ease)}@media(hover:hover){.s-hero__btn:hover{background-color:var(--s-hero-ink);color:var(--s-hero-btn-label)}}@media screen and (max-width:749px){.s-hero__inner{gap:var(--s-space-4);padding:var(--s-space-5) var(--s-page-pad) var(--s-space-5)}.s-hero__heading{font-size:11vw}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/sauvryn-hero.css.map */