:root{--em-tint-dark:#141210;--em-tint-warm:#5a5049;--em-tint-light:#faf8f4}em-hero-3d{--em-lift:clamp(0, calc((var(--em-progress,0) - .78) * 4.5), 1);--em-mid:color-mix(in oklab, var(--em-tint-warm) calc(var(--em-lift) * 55%), var(--em-tint-dark));--em-bg:color-mix(in oklab, var(--em-tint-light) calc(var(--em-lift) * var(--em-lift) * 100%), var(--em-mid));background:var(--em-bg)!important;transition:background-color .12s linear}.em-hero3d__sticky:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(58% 46% at 50% 46%,rgba(201,162,39,calc((1 - var(--em-lift)) * .2)) 0%,transparent 70%)}em-hero-3d .em-display,em-hero-3d .em-body{color:color-mix(in oklab,#141210 calc(var(--em-lift) * 100%),#f6f2ea)}em-hero-3d .em-eyebrow{color:color-mix(in oklab,#9a7b1f calc(var(--em-lift) * 100%),#e3c77e)}em-hero-3d .em-hero3d__loader{color:#8a8378}.em-hero3d__scroll span{background:linear-gradient(to bottom,transparent,var(--em-gold-light))}.em-banner{position:relative;width:100%;overflow:hidden;background:var(--em-tint-dark)}.em-banner img{width:100%;height:100%;object-fit:cover;display:block}.em-banner:after{content:"";position:absolute;inset:auto 0 0;height:22%;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--em-tint-dark))}.em-banner__cue{position:absolute;left:50%;bottom:2.2rem;transform:translate(-50%);z-index:2}.em-banner__cue span{display:block;width:1px;height:54px;background:linear-gradient(to bottom,transparent,var(--em-gold-light));animation:em-drop 2.4s var(--em-ease) infinite}.em-after-hero{background:var(--em-ivory)}.em-duotone{position:relative;isolation:isolate}.em-duotone img{filter:grayscale(1) contrast(1.06) brightness(1.02)}.em-duotone:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(150deg,#faf8f4,#c9a227 42%,#241f19);mix-blend-mode:color;opacity:.72}@media(prefers-reduced-motion:reduce){em-hero-3d{transition:none}.em-banner__cue span{animation:none}}@supports not (background: color-mix(in oklab,#000 50%,#fff)){em-hero-3d{background:var(--em-tint-dark)!important}em-hero-3d .em-display,em-hero-3d .em-body{color:#f6f2ea}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/em-scroll-tint.css.map */