.hero-banner{--hero-banner-ease:cubic-bezier(.16,1,.3,1);display:grid;position:relative;background:var(--hero-banner-background);color:var(--hero-banner-color);font-family:Ysabeau,system-ui,sans-serif;font-weight:420;line-height:1.5;letter-spacing:0;-webkit-font-smoothing:antialiased}.hero-banner *,.hero-banner *:before{box-sizing:border-box}.hero-banner__media,.hero-banner__layout{grid-area:1/1;min-width:0}.hero-banner__media{position:relative;overflow:hidden;aspect-ratio:var(--hero-banner-ratio)}.hero-banner__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--hero-banner-focal)}.hero-banner__layout{z-index:1;display:flex;padding:40px clamp(28px,3.6vw,72px);align-items:center;justify-content:flex-end;pointer-events:none}.hero-banner__content{width:min(100%,calc((100vw - (2*clamp(28px,3.6vw,72px)))*.41));pointer-events:auto;overflow-wrap:anywhere}.hero-banner__layout[data-x=left]{justify-content:flex-start;text-align:left}.hero-banner__layout[data-x=center]{justify-content:center;text-align:center}.hero-banner__layout[data-x=right]{justify-content:flex-end;text-align:left}.hero-banner__layout[data-y=top]{align-items:flex-start}.hero-banner__layout[data-y=bottom]{align-items:flex-end}.hero-banner[data-desktop-height=full]{min-height:100svh}.hero-banner[data-desktop-height=custom]{min-height:var(--hero-banner-height)}.hero-banner:not([data-desktop-height=adapt]) .hero-banner__media{aspect-ratio:auto}.hero-banner .hero-banner__eyebrow{margin:0;font:640 11px/1.5 Ysabeau,system-ui,sans-serif;letter-spacing:3.3px;text-transform:uppercase;color:inherit}.hero-banner .hero-banner__heading{margin:18px 0 0;font:500 64px/1.06 Queens,Georgia,serif;letter-spacing:0;text-transform:none;color:inherit}.hero-banner .hero-banner__heading span{font-family:inherit;font-size:inherit;line-height:inherit;font-weight:inherit;letter-spacing:inherit;color:inherit}.hero-banner .hero-banner__description{margin:18px 0 0;font:420 16px/1.5 Ysabeau,system-ui,sans-serif;color:inherit}.hero-banner__word{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .08em .22em 0;margin:0 -.08em -.22em 0}.hero-banner__word>span{display:inline-block}.hero-banner .hero-banner__button{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:50px;margin-top:28px;padding:16px 32px;border:1px solid currentColor;border-radius:0;background:transparent;color:inherit;text-decoration:none;font:640 13px/16px Ysabeau,system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;text-align:center;transition:color .22s var(--hero-banner-ease) .06s}.hero-banner__button span{font:inherit;letter-spacing:inherit}.hero-banner__button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;transform:scaleX(0);transform-origin:0 50%;transition:transform .38s var(--hero-banner-ease);background:linear-gradient(135deg,#460032,#5e2b47 55%,#7b505f)}.hero-banner .hero-banner__button:hover,.hero-banner .hero-banner__button:focus-visible{color:#e8e3dd}.hero-banner__button:hover:before,.hero-banner__button:focus-visible:before{transform:scaleX(1)}.hero-banner__button:focus-visible{outline:2px solid var(--hero-banner-color);outline-offset:4px}@media(min-width:901px)and (max-width:1159px){.hero-banner .hero-banner__heading{font-size:48px}}@media(max-width:900px){.hero-banner[data-desktop-height]{min-height:0}.hero-banner[data-mobile-height=full]{min-height:100svh}.hero-banner[data-mobile-height=custom]{min-height:var(--hero-banner-mobile-height)}.hero-banner[data-mobile-height] .hero-banner__media{aspect-ratio:auto}.hero-banner[data-mobile-height=adapt] .hero-banner__media{aspect-ratio:var(--hero-banner-mobile-ratio)}.hero-banner__media img{object-position:var(--hero-banner-mobile-focal)}.hero-banner__layout{padding:20px 28px 40px}.hero-banner__content{width:100%}.hero-banner .hero-banner__heading{font-size:36px}.hero-banner__layout[data-mobile-x=left]{justify-content:flex-start;text-align:left}.hero-banner__layout[data-mobile-x=center]{justify-content:center;text-align:center}.hero-banner__layout[data-mobile-x=right]{justify-content:flex-end;text-align:right}.hero-banner__layout[data-mobile-y=top]{align-items:flex-start}.hero-banner__layout[data-mobile-y=middle],.hero-banner__layout[data-mobile-y=center]{align-items:center}.hero-banner__layout[data-mobile-y=bottom]{align-items:flex-end}.hero-banner[data-mobile-placement=below]{grid-template-rows:auto auto}.hero-banner[data-mobile-placement=below] .hero-banner__layout{grid-area:2/1;min-height:var(--hero-banner-content-height);background:linear-gradient(#d2c9ca,var(--hero-banner-background) 150px)}.hero-banner[data-mobile-placement=below][data-mobile-height=full] .hero-banner__media{min-height:max(200px,calc(100svh - var(--hero-banner-content-height)))}.hero-banner[data-mobile-placement=below][data-mobile-height=custom] .hero-banner__media{min-height:max(200px,calc(var(--hero-banner-mobile-height) - var(--hero-banner-content-height)))}}@media(prefers-reduced-motion:no-preference){.hero-banner[data-animate=true] .hero-banner__media img{animation:hero-banner-zoom 6s cubic-bezier(.2,.6,.3,1) both}.hero-banner[data-animate=true] .hero-banner__word>span{animation:hero-banner-word 1.25s var(--hero-banner-ease) calc(var(--d) * 65ms) both}.hero-banner[data-animate=true] .hero-banner__fade{animation:hero-banner-fade 1.2s var(--hero-banner-ease) .45s both}}@media(prefers-reduced-motion:reduce){.hero-banner__button,.hero-banner__button:before{transition:none}}@keyframes hero-banner-zoom{0%{transform:scale(1.06)}to{transform:none}}@keyframes hero-banner-word{0%{transform:translateY(112%)}to{transform:none}}@keyframes hero-banner-fade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hero-banner__mobile-media{display:none}.hero-banner__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover;background:var(--hero-banner-background);fill:#b9ac9a}@media(max-width:900px){.hero-banner__desktop-media{display:none}.hero-banner__mobile-media{display:block}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/hero-banner.css.map */