.charmant-trending{position:relative;width:100%;min-height:78vh;min-height:78svh;display:flex;align-items:center;justify-content:center;overflow:hidden}.charmant-trending__bg{position:absolute;top:-10%;right:0;bottom:-10%;left:0;width:100%;height:120%;object-fit:cover}@supports (animation-timeline: view()){.charmant-trending__bg{animation:trendingParallax linear both;animation-timeline:view();animation-range:cover 0% cover 100%}@keyframes trendingParallax{0%{transform:translateY(-4%)}to{transform:translateY(4%)}}}.charmant-trending .charmant-trending__overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#1e181240,#1e181200 30%),#1e181273}.charmant-trending__content{position:relative;z-index:2;text-align:center;padding:48px 24px;color:#fff}.charmant-trending__label{font-family:var(--font-body-family),sans-serif;font-size:1.1rem;letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;color:#e8c878;margin-bottom:18px}.charmant-trending__title{font-family:var(--font-heading-family),serif;font-size:clamp(3rem,6vw,6.4rem);letter-spacing:.1em;text-transform:uppercase;margin-bottom:28px;font-weight:400;line-height:1.08;color:#fff}.charmant-trending__cta{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:15px 42px;border:1px solid #fff;color:#fff;font-family:var(--font-body-family),sans-serif;font-size:11px;letter-spacing:3px;text-transform:uppercase;text-decoration:none;transition:background-color .25s ease,color .25s ease,transform .1s ease-out}.charmant-trending__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-trending__cta:hover{background:#fff;color:#2b2520}.charmant-trending__cta:hover:after{transform:translateY(-50%);opacity:1}.charmant-trending__cta:active{transform:scale(.97)}@media(max-width:749px){.charmant-trending{min-height:64vh;min-height:64svh}}@media(prefers-reduced-motion:reduce){.charmant-trending__bg{animation:none!important;transform:none!important}.charmant-trending__cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/section-charmant-trending.css.map */