.er-ls{position:relative;color:var(--er-on-deep);background:radial-gradient(120% 70% at 78% 12%,color-mix(in srgb,var(--er-caoba) 30%,transparent) 0%,transparent 62%),linear-gradient(168deg,color-mix(in srgb,var(--er-cacao) 88%,#000),color-mix(in srgb,var(--er-cacao) 42%,#000));--er-hair:color-mix(in srgb,var(--er-trigo) 22%, transparent);--er-hair-soft:color-mix(in srgb,var(--er-trigo) 12%, transparent);--er-dim:color-mix(in srgb,var(--er-trigo) 62%, transparent)}.er-ls__track{height:340vh}.er-ls__stage{position:sticky;top:0;height:100svh;overflow:hidden;--p:0;--pour:0;--b:0;--a:0;--fill:0;--steam:0;--logo:0}.er-ls__grid{display:grid;height:100%;grid-template-columns:1fr clamp(132px,13.5vw,214px) minmax(380px,.94fr)}.er-ls__media{position:relative;overflow:hidden;background:#0d0703}.er-ls__photo{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;visibility:hidden;transform:scale(1.07);transition:opacity .85s var(--er-ease),transform 1.6s var(--er-ease),visibility .85s}.er-ls__photo.on{opacity:1;visibility:visible;transform:none}.er-ls__photo img{width:100%;height:100%;object-fit:cover;display:block}.er-ls__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#0d070385,#0d07031a 38%,#0d0703c7)}.er-ls__cap{position:absolute;left:clamp(20px,3vw,44px);bottom:clamp(20px,3vw,40px);display:flex;align-items:center;gap:12px;margin:0;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--er-dim)}.er-ls__cap b{display:grid;place-items:center;width:30px;height:30px;border-radius:100px;border:1px solid var(--er-hair);font-weight:600;font-size:.62rem;color:var(--er-trigo)}.er-ls__cap span{max-width:34ch;line-height:1.5}.er-ls__count{position:absolute;left:clamp(20px,3vw,44px);top:clamp(84px,10vh,120px);display:flex;align-items:center;gap:12px;font-size:.66rem;letter-spacing:.2em;color:var(--er-dim);font-variant-numeric:tabular-nums}.er-ls__count i{display:block;width:56px;height:1px;background:var(--er-hair);position:relative}.er-ls__count i:after{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--p) * 100%);background:var(--er-trigo)}.er-ls__ritual{position:relative;border-inline:1px solid var(--er-hair-soft)}.er-ls__scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:var(--er-trigo)}.er-ls-line{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.er-ls-mate .er-ls-line{stroke-width:5.4}.er-ls-mate .er-ls-steam{stroke-width:2.8}.er-ls-termo .er-ls-line{stroke-width:6.2}.er-ls-termo{transform:translate(110px,320px) rotate(calc(174deg + var(--pour) * 16deg));transform-box:view-box;transform-origin:0 0}.er-ls-drip{fill:currentColor;opacity:calc(var(--pour) - var(--b) * 4)}.er-ls-flow,.er-ls-flow-halo{fill:none;stroke:currentColor;stroke-linecap:round;stroke-dasharray:calc(var(--b) - var(--a)) 1;stroke-dashoffset:calc(-1 * var(--a))}.er-ls-flow{stroke-width:6.2}.er-ls-flow-halo{stroke-width:19;opacity:.14}.er-ls-liq{fill:currentColor;opacity:.82;transform:translateY(calc((1 - var(--fill)) * 56px));will-change:transform}.er-ls-steam{opacity:var(--steam);transform:translateY(calc((1 - var(--steam)) * 9px))}.er-ls-mark{fill:currentColor;opacity:var(--logo);transform:translateY(calc((1 - var(--logo)) * 12px))}.er-ls__copy{display:flex;flex-direction:column;padding:clamp(84px,11vh,132px) clamp(24px,3.4vw,64px) clamp(26px,4vh,52px)}.er-ls__top{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--er-hair)}.er-ls__top .lbl{color:var(--er-dim);margin:0}.er-ls__addr{margin:0;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--er-dim)}.er-ls__scenes{position:relative;flex:1;display:grid;align-content:center;padding-block:clamp(20px,4vh,44px)}.er-ls__sc{grid-area:1/1;display:flex;flex-direction:column;gap:14px;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .55s var(--er-ease),transform .6s var(--er-ease),visibility .55s}.er-ls__sc.on{opacity:1;visibility:visible;transform:none}.er-ls__sc-n{display:flex;align-items:center;gap:12px;margin:0;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--er-trigo);font-weight:600}.er-ls__sc-n i{width:26px;height:1px;background:var(--er-hair);font-style:normal}.er-ls__sc h3{margin:0;font-size:clamp(1.9rem,3.4vw,3.2rem);color:var(--er-trigo)}.er-ls__sc p{margin:0;font-size:clamp(.95rem,1.15vw,1.08rem);line-height:1.65;color:color-mix(in srgb,var(--er-trigo) 78%,transparent);max-width:40ch}.er-ls__foot{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--er-hair)}.er-ls__dots{display:flex;gap:8px}.er-ls__dots button{display:block;width:34px;height:22px;padding-block:10px;background:var(--er-hair);background-clip:content-box;border-radius:2px;transition:background .35s var(--er-ease),width .45s var(--er-ease)}.er-ls__dots button.on{background:var(--er-trigo);background-clip:content-box;width:56px}.er-ls__foot .lnk{color:var(--er-trigo);border-color:var(--er-hair)}.er-ls__foot .lnk:hover{border-color:var(--er-trigo)}.er-ls__foot .lnk svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}@media(max-width:1080px){.er-ls__grid{grid-template-columns:1fr clamp(112px,12vw,150px) minmax(320px,.9fr)}.er-ls__count{display:none}}@media(max-width:900px){.er-ls__track{height:300vh}.er-ls__grid{grid-template-columns:clamp(78px,21vw,116px) 1fr;grid-template-rows:38svh 1fr}.er-ls__media{grid-column:1/-1;grid-row:1}.er-ls__ritual{grid-column:1;grid-row:2;border-inline:0;border-right:1px solid var(--er-hair-soft)}.er-ls__copy{grid-column:2;grid-row:2;padding:clamp(18px,3vh,30px) clamp(18px,5vw,30px)}.er-ls__cap{font-size:.6rem;letter-spacing:.16em;gap:9px}.er-ls__cap b{width:26px;height:26px}.er-ls__sc h3{font-size:clamp(1.5rem,6vw,2.1rem)}.er-ls__sc p{font-size:.9rem}.er-ls__dots button{width:24px}.er-ls__dots button.on{width:40px}.er-ls__mark{bottom:3%}}@media(max-width:520px){.er-ls__foot .lnk{font-size:.78rem}.er-ls__addr{display:none}}@media(prefers-reduced-motion:reduce){.er-ls__track{height:auto}.er-ls__stage{position:static;height:auto;--p:1;--pour:1;--b:1;--a:0;--fill:1;--steam:1;--logo:1}.er-ls__grid{min-height:92svh}.er-ls__photo,.er-ls__sc{transition:none}.er-ls__photo{opacity:1;visibility:visible;transform:none}.er-ls__photo:not(:first-of-type){display:none}.er-ls__scenes{display:flex;flex-direction:column;gap:30px;align-content:stretch}.er-ls__sc{opacity:1;visibility:visible;transform:none}.er-ls__dots{display:none}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/er-local-story.css.map */