.film{position:relative;isolation:isolate;overflow:hidden;padding:clamp(54px,7vw,100px) 5vw;background:linear-gradient(170deg,var(--cream) 0%,#FBF2FA 40%,#EEF9FC 100%);color:var(--ink)}.film:before,.film:after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(60px)}.film:before{left:-8%;top:-16%;width:44vw;height:44vw;background:radial-gradient(circle at 50% 50%,rgba(255,143,209,.4),transparent 64%)}.film:after{right:-10%;bottom:-18%;width:46vw;height:46vw;background:radial-gradient(circle at 50% 50%,rgba(44,204,224,.32),transparent 66%)}.film-wrap{position:relative;z-index:1;max-width:1260px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(30px,5vw,66px);align-items:center}.film-stage{position:relative}.film-screen{position:relative;border-radius:24px;padding:6px;width:fit-content;max-width:100%;margin:0 auto;background:var(--mm-grad-deep);box-shadow:0 34px 70px -32px #461e3c8c}.film-screen .mm-sound-wrap{display:block;border-radius:19px;overflow:hidden;background:var(--lav-soft)}.film-video{display:block;width:auto;max-width:100%;max-height:86vh;height:auto}.film-sticker{position:absolute;z-index:3;top:-14px;left:-10px;transform:rotate(-8deg);background:var(--pink-hot);color:#fff;border-radius:999px;padding:10px 17px;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;line-height:1;box-shadow:0 14px 28px -12px #461e3c8c}.film-strip{list-style:none;display:flex;gap:10px;margin:16px 0 0;padding:0}.film-thumb{position:relative;display:block;width:88px;height:88px;padding:0;border:0;cursor:pointer;border-radius:16px;overflow:hidden;background:var(--lav-soft);line-height:0;box-shadow:0 0 0 1.5px #2416261a;opacity:.6;transition:opacity .3s var(--ease),box-shadow .3s var(--ease),transform .3s var(--ease)}.film-thumb img{width:100%;height:100%;object-fit:cover}.film-thumb-ico{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:13px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.film-thumb:hover{opacity:.9;transform:translateY(-2px)}.film-thumb.is-on{opacity:1;box-shadow:0 0 0 2.5px var(--pink-hot)}.film-thumb.is-on .film-thumb-ico{display:none}.film-copy{position:relative}.film-copy>*{position:relative;z-index:1}.film-ghost{position:absolute;z-index:0;top:-48px;left:-12px;pointer-events:none;font-family:Big Shoulders Display,sans-serif;font-weight:700;line-height:.8;font-size:clamp(110px,13vw,200px);letter-spacing:-.01em;color:transparent;-webkit-text-stroke:2px rgba(36,22,38,.1)}.film-eyebrow{margin-bottom:10px}.film-heading{margin:0 0 16px;font-size:clamp(38px,4.6vw,66px);line-height:.94}.film-text{margin:0 0 14px;font-size:16px;line-height:1.68;color:var(--ink-soft);max-width:44ch;font-weight:300}.film-cap{margin:0 0 22px;font-size:13px;letter-spacing:.04em;color:var(--ink);display:inline-flex;align-items:center;gap:9px;background:#ffffffdb;border:1px solid rgba(36,22,38,.08);border-radius:999px;padding:9px 16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 12px 26px -18px #461e3c99}.film-cap:empty{display:none}.film-points{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-wrap:wrap;gap:9px}.film-points li{display:flex;gap:8px;align-items:center;font-size:13px;line-height:1.35;color:var(--ink);background:#ffffffdb;border-radius:999px;padding:9px 15px 9px 10px;box-shadow:0 12px 26px -18px #461e3c99}.film-points .tick{flex:0 0 auto;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--pink-hot),var(--lav-deep));color:#fff;font-size:10px;display:grid;place-items:center}.film-btn{display:inline-block}.film--right .film-stage{order:2}.film--right .film-copy{order:1}.film--right .film-sticker{left:auto;right:-10px;transform:rotate(8deg)}.film--right .film-strip{justify-content:flex-end}@media(max-width:900px){.film{padding:clamp(40px,10vw,70px) 4vw}.film-wrap{grid-template-columns:1fr;gap:28px}.film--right .film-stage{order:1}.film--right .film-copy{order:2}.film-stage{max-width:520px;margin:0 auto}.film-sticker{left:0}.film-screen{border-radius:20px;padding:5px}.film-screen .mm-sound-wrap{border-radius:16px}.film-strip,.film--right .film-strip{justify-content:center}.film-thumb{width:72px;height:72px;border-radius:14px}.film-video{max-height:70vh;width:auto;max-width:100%}.film-screen{width:fit-content;max-width:100%;margin:0 auto}.film-copy{text-align:center}.film-ghost{top:-32px;left:50%;transform:translate(-50%);font-size:clamp(88px,24vw,140px);-webkit-text-stroke-width:1.5px}.film-heading{font-size:clamp(32px,9vw,48px)}.film-text{margin-inline:auto}.film-points{justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/mm-s-pdp-film.css.map */