.charmant-hero{position:relative;width:100%;min-height:100vh;min-height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#faf7f0}.charmant-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block}.charmant-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;animation:heroKenBurns 14s var(--charmant-ease-out, cubic-bezier(.22, 1, .36, 1)) forwards;will-change:transform}@keyframes heroKenBurns{0%{transform:scale(1.08)}to{transform:scale(1)}}@supports (animation-timeline: view()){.charmant-hero__media{animation:heroParallax linear both;animation-timeline:view();animation-range:exit 0% exit 100%}@keyframes heroParallax{0%{transform:translateY(0)}to{transform:translateY(14%)}}}.charmant-hero .charmant-hero__overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:radial-gradient(ellipse 62% 48% at 50% 52%,#faf7f085,#faf7f04d 45%,#faf7f000 75%),linear-gradient(to top,#faf7f0e6,#faf7f000 18%);pointer-events:none}.charmant-hero__content{position:relative;z-index:3;text-align:center;padding:20px;max-width:92vw}.charmant-hero__line{display:block;overflow:hidden}.charmant-hero__line>span{display:block;transform:translateY(110%);animation:heroLineUp .9s var(--charmant-ease-out, cubic-bezier(.22, 1, .36, 1)) forwards}@keyframes heroLineUp{to{transform:translateY(0)}}.charmant-hero__subtitle{font-family:var(--font-body-family),sans-serif;font-size:clamp(11px,1.4vw,14px);letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;color:#8a650b;margin:0 0 14px;text-shadow:0 0 8px rgba(250,247,240,.95),0 0 20px rgba(250,247,240,.8)}.charmant-hero__subtitle>span{animation-delay:.05s}.charmant-hero__title{font-family:var(--font-heading-family),serif;font-size:clamp(42px,9vw,104px);letter-spacing:clamp(4px,1.2vw,14px);text-indent:clamp(4px,1.2vw,14px);text-transform:uppercase;color:#2b2520;margin:0;font-weight:400;line-height:1.04}.charmant-hero__title>span{animation-delay:.18s}.charmant-hero__tagline{font-family:var(--font-heading-family),serif;font-style:italic;font-size:clamp(15px,2vw,21px);color:#2b2520;margin:22px 0 0;text-shadow:0 0 10px rgba(250,247,240,.8)}.charmant-hero__tagline>span{animation-delay:.34s}.charmant-hero__cta{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-top:38px;padding:15px 42px;font-family:var(--font-body-family),sans-serif;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#faf7f0;background:#2b2520;text-decoration:none;border:1px solid #2b2520;transition:background-color .3s ease,color .3s ease,transform .1s ease-out;opacity:0;animation:heroCtaIn .7s ease-out .55s forwards}.charmant-hero__cta:after{content:"\2192";position:absolute;right:16px;top:50%;transform:translate(-4px,-50%);opacity:0;transition:transform .3s var(--charmant-ease-out, ease-out),opacity .3s ease}.charmant-hero__cta:hover{background:transparent;color:#2b2520}.charmant-hero__cta:hover:after{transform:translateY(-50%);opacity:1}.charmant-hero__cta:active{transform:scale(.97)}@keyframes heroCtaIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:749px){.charmant-hero{min-height:88vh;min-height:88svh}.charmant-hero__cta{padding:13px 34px;font-size:10px}}@media(prefers-reduced-motion:reduce){.charmant-hero__image,.charmant-hero__media{animation:none!important;transform:none!important}.charmant-hero__line>span{animation:none!important;transform:none!important}.charmant-hero__cta{animation:none!important;opacity:1!important}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/section-charmant-hero.css.map */