.em-film{--em-film-bg: #f6f1eb;--em-film-ink: #1a1a1a;--em-film-muted: #666666;--em-film-gold: #b08a4a;--em-film-accent: var(--echomory-accent, #d63b3b);--em-film-wrap-width: min(1520px, calc(100% - 80px) );background:var(--em-film-bg);color:var(--em-film-ink);padding:clamp(1.5rem,3vw,2.75rem) 0}.em-film *{box-sizing:border-box}.em-film__wrap{width:var(--em-film-wrap-width);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:auto auto;grid-template-areas:"media copy" "media actions";column-gap:clamp(1.5rem,3vw,2.75rem);row-gap:1.15rem;align-items:center}.em-film__media{grid-area:media;min-width:0;max-width:880px}.em-film__copy{grid-area:copy;min-width:0;max-width:26rem;align-self:end}.em-film__actions{grid-area:actions;min-width:0;max-width:26rem;align-self:start}.em-film__player{position:relative;display:block;width:100%;max-height:460px;aspect-ratio:16 / 9;overflow:hidden;background:#e8e0d6;border-radius:2px}.em-film__video,.em-film__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.em-film__video{opacity:0;pointer-events:none;background:#000}.em-film__player.is-playing .em-film__video{opacity:1;pointer-events:auto}.em-film__player.is-playing .em-film__poster,.em-film__player.is-playing .em-film__play,.em-film__player.is-playing .em-film__duration{opacity:0;visibility:hidden;pointer-events:none}.em-film__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;margin:0;padding:0;border:0;background:transparent;cursor:pointer;color:#fff;transition:transform .25s ease,opacity .25s ease,visibility .25s ease}.em-film__play:focus-visible{outline:3px solid var(--em-film-accent);outline-offset:-6px}.em-film__play-icon{width:clamp(2.75rem,5.5vw,3.5rem);height:clamp(2.75rem,5.5vw,3.5rem);border-radius:999px;background:#ffffffeb;box-shadow:0 8px 28px #0000002e;display:grid;place-items:center;transition:transform .25s ease,background-color .25s ease}.em-film__play-icon svg{width:42%;height:42%;margin-inline-start:8%;fill:var(--em-film-ink)}.em-film__play:hover .em-film__play-icon,.em-film__play:focus-visible .em-film__play-icon{transform:scale(1.06);background:#fff}.em-film__duration{position:absolute;right:.85rem;bottom:.85rem;z-index:2;padding:.28rem .55rem;border-radius:999px;background:#141414b8;color:#fff;font-family:var(--font-body--family, Assistant, sans-serif);font-size:.75rem;font-weight:600;letter-spacing:.02em;line-height:1;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}.em-film__eyebrow{margin:0 0 .6rem;font-family:var(--font-heading--family, Montserrat, sans-serif);font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--em-film-gold)}.em-film__heading{margin:0 0 .7rem;font-family:Georgia,Iowan Old Style,Palatino Linotype,Palatino,serif;font-size:clamp(1.55rem,2.6vw,2.15rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--em-film-ink)}.em-film__body{margin:0;font-family:var(--font-body--family, Assistant, sans-serif);font-size:.98rem;font-weight:400;line-height:1.5;color:var(--em-film-muted)}.em-film__cta{display:inline-flex;align-items:center;gap:.55rem;min-height:2.55rem;padding:.55rem 1.2rem;border-radius:999px;background:var(--em-film-accent);color:#fff!important;font-family:var(--font-body--family, Assistant, sans-serif);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none!important;transition:background-color .2s ease,transform .2s ease}.em-film__cta:hover{background:color-mix(in srgb,var(--em-film-accent) 88%,#000);transform:translateY(-1px)}.em-film__cta:focus-visible{outline:3px solid var(--em-film-ink);outline-offset:3px}.em-film__cta-arrow{width:.95rem;height:.95rem;flex:none}@media(prefers-reduced-motion:reduce){.em-film__play,.em-film__play-icon,.em-film__cta,.em-film__poster,.em-film__duration,.em-film__video{transition:none}.em-film__cta:hover{transform:none}}@media(min-width:601px)and (max-width:1099px){.em-film{--em-film-wrap-width: calc(100% - 40px) }}@media(max-width:899px){.em-film{padding:1.75rem 0}.em-film__wrap{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"copy" "media" "actions";row-gap:1.15rem;column-gap:0}.em-film__media{max-width:none}.em-film__player{max-height:340px}.em-film__copy,.em-film__actions{max-width:none;align-self:stretch}.em-film__heading{font-size:clamp(1.45rem,5.5vw,1.85rem)}}@media(max-width:600px){.em-film{--em-film-wrap-width: calc(100% - 32px) }.em-film__duration{right:.65rem;bottom:.65rem}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/echomory-story-film.css.map */