.erx{padding:110px var(--g) 120px}.erx__head{margin-bottom:56px}.erx__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,3.5vw,56px);align-items:start}.erx__side{display:grid;gap:48px}.erx__item{margin:0}.erx__media{position:relative;overflow:hidden;background:#f4f4f4;aspect-ratio:5 / 4}.erx__item--main .erx__media{aspect-ratio:4 / 5}.erx__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.erx__item:hover .erx__media img{transform:scale(1.03)}.erx__item.is-missing{display:none}.erx__cap{padding-top:24px}.erx__text{margin:12px 0 0;max-width:40ch;font-size:15px;line-height:1.7;color:var(--text)}.erx__foot{margin-top:56px}@media(max-width:749px){.erx{padding:64px var(--g) 64px}.erx__head{margin-bottom:32px}.erx__grid{grid-template-columns:1fr;gap:40px}.erx__side{gap:40px}.erx__item--main .erx__media{aspect-ratio:1 / 1}.erx__cap{padding-top:18px}.erx__text{font-size:16px}.erx__foot{margin-top:40px}}@media(prefers-reduced-motion:reduce){.erx__media img{transition:none}.erx__item:hover .erx__media img{transform:none}}.erh.erx--film{--erx-h: max(520px, min(100svh, 75vw), 41vw);--erx-hold: 90svh;padding:0;background:#fff;height:calc(var(--erx-h) + var(--erx-hold))}.erh.erx--film.is-still{height:auto}.erx-film__frame{position:sticky;top:0;height:var(--erx-h);overflow:hidden}.erx-film__stage{position:absolute;top:0;right:0;bottom:0;left:0}.erx-film__poster,.erx-film__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--erx-pos, 50% 50%);background:#000;clip-path:inset(calc((1 - var(--open, 1)) * 50%) 0 calc((1 - var(--open, 1)) * 50%) 0)}.erx-film__video{opacity:0;transition:opacity .9s ease}.erx--film.is-playing .erx-film__video{opacity:1}.erx-film__stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(#0000 55%,#00000080);clip-path:inset(calc((1 - var(--open, 1)) * 50%) 0 calc((1 - var(--open, 1)) * 50%) 0)}.erx-film__edge{position:absolute;z-index:3;left:50%;height:1.5px;background:#ec5229;pointer-events:none;width:calc(var(--grow, 1) * 100%);transform:translate(-50%);opacity:var(--edge, 0)}.erx-film__edge--t{top:calc((1 - var(--open, 1)) * 50% - .75px)}.erx-film__edge--b{bottom:calc((1 - var(--open, 1)) * 50% - .75px)}.erx-film__text{position:absolute;z-index:3;left:var(--g);right:var(--g);bottom:clamp(72px,11vh,120px);opacity:clamp(0,calc((var(--open, 1) - .7) * 3.34),1);transform:translateY(calc((1 - var(--open, 1)) * 24px))}.erh.erx--film .erx-film__head{margin:0 0 28px}.erh.erx--film .erx-film__head .erh__eyebrow{color:#ffffffb3}.erh.erx--film .erx-film__head .erh__display{color:#fff}.erx-film__caps{display:grid;justify-items:start;gap:14px}.erx-film__lines{display:grid;min-height:14px}.erx-film__cap{grid-area:1 / 1;margin:0;font-size:11px;line-height:14px;letter-spacing:.3em;text-transform:uppercase;color:#ffffffd9;opacity:0;transform:translateY(4px);transition:opacity .6s ease,transform .6s ease}.erx-film__cap.is-on{opacity:1;transform:none}.erx-film__bar{position:relative;width:120px;height:1.5px;background:#fff3}.erx-film__bar i{position:absolute;top:0;right:0;bottom:0;left:0;background:#ec5229;transform:scaleX(0);transform-origin:0 50%}.erx--film.is-still .erx-film__bar{display:none}@media(max-width:749px){.erh.erx--film{padding:64px 0;height:auto}.erx-film__frame{position:relative;height:auto;min-height:0;background:none;overflow:visible;display:flex;flex-direction:column}.erx-film__stage:after{display:none}.erx-film__text{display:contents;opacity:1;transform:none}.erh.erx--film .erx-film__head{order:0;margin:0 0 28px;padding:0 var(--g)}.erh.erx--film .erx-film__head .erh__eyebrow{color:var(--muted)}.erh.erx--film .erx-film__head .erh__display{color:var(--ink)}.erx-film__stage{order:1;position:relative;inset:auto;width:100%;aspect-ratio:16 / 9}.erx-film__poster,.erx-film__video{object-position:50% 50%}.erx-film__caps{order:2;justify-items:center;margin-top:22px;padding:0 var(--g)}.erx-film__cap{text-align:center;font-size:10px;letter-spacing:.24em;color:var(--text)}.erx-film__bar{width:96px;background:#0000001f}}@media(prefers-reduced-motion:reduce){.erx-film__video,.erx-film__cap{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/er-details.css.map */