.ehx{--ehx-ink: #1c120c;--ehx-paper: #fdf6e9;--ehx-accent: #e8442a;--scroll: 0;position:relative;overflow:hidden;padding:clamp(30px,5vw,64px) 0 clamp(20px,3vw,34px);background:linear-gradient(135deg,#fbc4b6,#f0c0b4 52%,#edbbae);color:var(--ehx-ink)}.ehx__grain{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(28,18,12,.055) 1px,transparent 1px);background-size:4px 4px;opacity:.6;pointer-events:none}.ehx__inner{position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);grid-template-areas:"kicker kicker" "title  frame" "copy   frame" "marks  frame";align-items:start;column-gap:clamp(20px,3vw,44px)}@media(max-width:989px){.ehx__inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"kicker" "title" "frame" "copy" "marks";row-gap:22px}}.ehx__kicker{grid-area:kicker;margin:0 0 clamp(14px,2vw,26px);font-size:clamp(11px,.95vw,13px);font-weight:700;letter-spacing:.2em;text-transform:uppercase;opacity:.58}.ehx__title{grid-area:title;position:relative;z-index:3;margin:0;font-size:clamp(58px,9.4vw,152px);font-weight:800;line-height:1.12!important;letter-spacing:-.05em;text-transform:none;color:#315f52}@media(min-width:990px){.ehx__title{margin-right:-26%}.ehx__line--accent{padding-left:.1em}}.ehx__line{display:block;overflow:hidden}.ehx__line--accent{color:#7f9fd1}.ehx__line>span{display:block;transform:translate3d(0,105%,0);transition:transform 1s cubic-bezier(.16,1,.3,1)}.ehx.is-ready .ehx__line>span{transform:none}.ehx.is-ready .ehx__line--accent>span{transition-delay:.11s}.ehx__frame{grid-area:frame;position:relative;z-index:1;perspective:1100px;transform:translate3d(0,calc(var(--scroll) * -36px),0)}@media(min-width:990px){.ehx__frame{width:min(84%,500px);justify-self:end}}.ehx__plate{--tilt-x: 0deg;--tilt-y: 0deg;position:relative;aspect-ratio:4 / 5;border-radius:26px;overflow:visible;background:transparent;transform-style:preserve-3d;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(.96);opacity:0;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .9s ease}.ehx.is-ready .ehx__plate{opacity:1;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}.ehx__shot{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;border-radius:26px;overflow:hidden;background:#e7dcc7;opacity:0;pointer-events:none;transform-origin:50% 50%;will-change:transform,opacity;transition:transform .72s cubic-bezier(.22,1,.36,1),opacity .45s ease,box-shadow .72s cubic-bezier(.22,1,.36,1)}.ehx__shot.is-active{z-index:30;opacity:1;transform:translateZ(0) rotate(0) scale(1);box-shadow:0 16px 34px #1c120c42,0 42px 78px #1c120c57,0 64px 128px #1c120c6b}.ehx__shot.is-next{z-index:20;opacity:1;transform:translate3d(5.5%,1.3%,-28px) rotate(3.6deg) scale(.985);box-shadow:0 14px 30px #1c120c33,0 30px 58px #1c120c38}.ehx__shot.is-after{z-index:10;opacity:1;transform:translate3d(10.5%,2.7%,-56px) rotate(6.8deg) scale(.965);box-shadow:0 12px 24px #1c120c29,0 24px 44px #1c120c2e}.ehx__shot.is-hidden{z-index:0;opacity:0;transform:translate3d(10.5%,2.7%,-70px) rotate(6.8deg) scale(.95);box-shadow:none}.ehx__shot.is-leaving{z-index:25!important;opacity:0;transform:translate3d(-15%,5%,-40px) rotate(-8deg) scale(.985)!important;box-shadow:0 24px 58px #1c120c2e!important}.ehx__shot img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.04)}.ehx__shot.is-active img{animation:ehx-drift 16s ease-in-out infinite alternate}@keyframes ehx-drift{0%{transform:scale(1.04) translateZ(0)}to{transform:scale(1.12) translate3d(-1.5%,-1.5%,0)}}@media(max-width:749px){.ehx__plate{aspect-ratio:4 / 5;border-radius:20px}.ehx__shot{border-radius:20px}.ehx__shot.is-active{box-shadow:0 0 24px #1c120c29,0 0 52px #1c120c24,0 10px 34px #1c120c29}.ehx__shot.is-next{transform:translate3d(3.8%,1%,-24px) rotate(2.6deg) scale(.985)}.ehx__shot.is-after{transform:translate3d(7%,2%,-48px) rotate(5deg) scale(.965)}.ehx__shot.is-hidden{transform:translate3d(7%,2%,-60px) rotate(5deg) scale(.95)}.ehx__shot.is-leaving{transform:translate3d(-10%,4%,-36px) rotate(-6deg) scale(.985)!important}}.ehx__seal{position:absolute;z-index:70;top:clamp(-26px,-2vw,-18px);right:clamp(14px,2.4vw,32px);width:clamp(84px,9vw,122px);aspect-ratio:1;color:var(--ehx-ink);background:var(--ehx-paper);border-radius:50%;padding:4px;box-shadow:0 10px 26px #1c120c2e;animation:ehx-turn 18s linear infinite}.ehx__seal text{font-size:10.5px;font-weight:700;letter-spacing:.16em;fill:currentColor}@keyframes ehx-turn{to{transform:rotate(360deg)}}.ehx__seal>path{animation:ehx-turn 18s linear infinite reverse;transform-origin:60px 60px}.ehx__captions{position:absolute;z-index:70;left:clamp(14px,2vw,24px);bottom:clamp(14px,2vw,24px);height:30px}.ehx__caption{position:absolute;left:0;bottom:0;display:inline-block;padding:7px 14px;border-radius:999px;background:#fdf6e9f0;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;opacity:0;transform:translate3d(0,8px,0);transition:opacity .5s ease,transform .6s cubic-bezier(.22,1,.36,1)}.ehx__caption.is-active{opacity:1;transform:none}.ehx__dots{position:absolute;z-index:70;right:clamp(14px,2vw,24px);bottom:clamp(18px,2.2vw,28px);display:flex;gap:7px}.ehx__dot{width:22px;height:3px;padding:0;border:0;border-radius:2px;background:#fdf6e980;cursor:pointer;transition:width .4s cubic-bezier(.22,1,.36,1),background-color .4s}.ehx__dot.is-active{width:44px;background:var(--ehx-paper)}.ehx__dot:focus-visible{outline:2px solid var(--ehx-paper);outline-offset:3px}.ehx__copy{grid-area:copy;position:relative;z-index:3;margin-top:clamp(22px,3vw,40px);max-width:40ch;opacity:0;transform:translate3d(0,16px,0);transition:opacity .8s ease .35s,transform .9s cubic-bezier(.22,1,.36,1) .35s}@media(min-width:990px){.ehx__copy{width:100%;max-width:none}}.ehx.is-ready .ehx__copy{opacity:1;transform:none}.ehx__dek{margin:0;font-size:25px;font-weight:500;line-height:1.55;opacity:.8}.ehx__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:clamp(20px,2.4vw,28px)}.ehx__button{display:inline-flex;align-items:center;gap:12px;padding:16px 30px;border-radius:999px;background:var(--ehx-ink);color:var(--ehx-paper);font-size:25px;font-weight:700;text-decoration:none;transition:transform .3s cubic-bezier(.22,1,.36,1),background-color .3s}.ehx__button span{transition:transform .3s cubic-bezier(.22,1,.36,1)}.ehx__button:hover{transform:translateY(-2px);background:var(--ehx-accent)}.ehx__button:hover span{transform:translate(4px)}.ehx__ghost{font-size:14px;font-weight:700;color:inherit;text-underline-offset:5px}.ehx__marks{grid-area:marks;display:flex;flex-wrap:wrap;gap:10px 22px;margin:clamp(26px,3vw,40px) 0 0;padding:0;list-style:none}.ehx__marks li{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:0;transform:translate3d(0,10px,0);transition:opacity .6s ease,transform .7s cubic-bezier(.22,1,.36,1)}.ehx.is-ready .ehx__marks li{opacity:.72;transform:none;transition-delay:calc(.55s + var(--i) * 90ms)}.ehx__mark-art{display:grid;place-items:center;width:26px;height:26px;color:var(--ehx-accent)}.ehx__mark-art svg{width:100%;height:100%}.ehx__rule{position:relative;display:flex;align-items:center;gap:18px;width:min(100% - 2 * clamp(18px,4vw,64px),1320px);margin:clamp(30px,4vw,52px) auto 0;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.45}.ehx__rule i{flex:1;height:1px;background:currentColor;opacity:.35}@media(prefers-reduced-motion:reduce){.ehx__seal,.ehx__seal>path,.ehx__shot.is-active img{animation:none}.ehx__line>span,.ehx__copy,.ehx__marks li,.ehx__plate,.ehx__shot,.ehx__caption{transition:none}.ehx__line>span{transform:none}.ehx__copy,.ehx__plate{opacity:1;transform:none}.ehx__marks li{opacity:.72;transform:none}.ehx__frame{transform:none}.ehx__shot.is-leaving{opacity:0}}.ehx__shot.is-active{transform:translateZ(0) rotate(-3deg) scale(1)}@media(max-width:749px){.ehx__title{top:-18px}}@media(max-width:749px){.ehx__frame{width:90%;justify-self:center}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/era-hero.css.map */