@layer sections{.mi-watch{position:relative;min-height:697px;display:grid;place-items:start center;background:var(--surface-plum-soft);overflow:hidden;text-align:center;margin:0 var(--page-gutter);border-radius:28px;isolation:isolate}.mi-watch__media{position:absolute;top:0;right:0;bottom:0;left:0;opacity:1;container-type:size}.mi-watch__media>img,.mi-watch__media>video{position:absolute;top:0;right:0;bottom:0;left:0}.mi-watch__media img,.mi-watch__media video{width:100%;height:100%;object-fit:cover;object-position:50% 0%;max-width:none}.mi-watch__in{position:relative;z-index:2;display:grid;justify-items:center;gap:24px;padding:clamp(48px,4.4vw,64px) var(--gutter) clamp(48px,5vw,72px);width:100%;min-height:inherit;grid-template-rows:auto 1fr auto auto;gap:16px}.mi-watch__title{grid-row:1}.mi-watch__cap{grid-row:3}.mi-watch__btn{grid-row:4}.mi-watch__title{font-size:clamp(2.5rem,1rem + 4.4vw,5rem);line-height:1;font-weight:400;max-width:11em;text-wrap:balance;color:var(--on-block);text-shadow:0 2px 28px rgba(40,10,30,.5)}.mi-watch__title em{font-style:italic;background:none;color:var(--on-block);padding-inline:.05em}.mi-watch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,color-mix(in oklch,var(--rouge-night) 65%,transparent) 0,transparent 45%),linear-gradient(to bottom,color-mix(in oklch,var(--rouge-night) 28%,transparent) 0,transparent 24%)}.on-dark .mi-watch__btn{--_bg: var(--surface-page);--_fg: var(--brand);--_bd: var(--surface-page)}.on-dark .mi-watch__btn:hover{--_bg: var(--surface-page);opacity:.8}.mi-watch__cap{font:400 .92rem/1.4 var(--font-sans);font-size:.9375rem;color:var(--on-block);max-width:30em}@media(max-width:1023px){.mi-watch{min-height:594px}}@media(prefers-reduced-motion:reduce){.mi-watch__media video{display:none}}}@layer sections{.mi-watch__play{position:absolute;z-index:3;left:50%;top:50%;translate:-50% -50%;width:76px;height:76px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;background:#faf5eaf0;color:oklch(.36 .12 var(--rouge-h));box-shadow:0 10px 30px oklch(.2 .08 var(--rouge-h) / .3);transition:scale .2s ease}.mi-watch__play[hidden]{display:none}.mi-watch__play svg{width:34px;height:34px;margin-left:4px}.mi-watch__play:hover{scale:1.05}.mi-watch__play:focus-visible{outline:3px solid oklch(.97 .015 85);outline-offset:4px}}@layer sections{.mi-watch{background:color-mix(in oklch,var(--surface-plum-soft) 38%,oklch(.92 .03 10))}.mi-watch:after{background:linear-gradient(to top,color-mix(in oklch,var(--rouge-night) 50%,transparent) 0,transparent 40%),linear-gradient(to bottom,color-mix(in oklch,var(--rouge-night) 22%,transparent) 0,transparent 22%)}@media(min-width:1500px){.mi-watch{min-height:clamp(697px,42vw,900px);border-radius:32px}.mi-watch__cap{font-size:clamp(.9375rem,1vw,1.2rem)}}}@layer sections{.mi-watch__curtain{display:none}html.mo .mi-watch__curtain{display:block;position:absolute;top:0;bottom:0;width:50.4%;z-index:1;pointer-events:none;will-change:transform;background:linear-gradient(180deg,var(--surface-brand-deep),color-mix(in oklch,var(--surface-brand-deep) 82%,black))}html.mo .mi-watch__curtain--l{left:0;box-shadow:inset -1px 0 color-mix(in oklch,var(--foil, #d9a441) 55%,transparent),18px 0 40px -10px color-mix(in oklch,var(--rouge-night) 55%,transparent)}html.mo .mi-watch__curtain--r{right:0;box-shadow:inset 1px 0 color-mix(in oklch,var(--foil, #d9a441) 55%,transparent),-18px 0 40px -10px color-mix(in oklch,var(--rouge-night) 55%,transparent)}html.mo .mi-watch:after{z-index:1}html.mo .mi-watch__in{z-index:3}html.mo.mo-raf .mi-watch__curtain{display:block}}@layer sections{.mi-watch{background:color-mix(in oklch,var(--surface-plum-soft) 38%,oklch(.92 .03 10))}.mi-watch:after{background:linear-gradient(to top,color-mix(in oklch,var(--rouge-night) 50%,transparent) 0,transparent 40%),linear-gradient(to bottom,color-mix(in oklch,var(--rouge-night) 22%,transparent) 0,transparent 22%)}@media(min-width:1500px){.mi-watch{min-height:clamp(697px,42vw,900px);border-radius:32px}.mi-watch__cap{font-size:clamp(.9375rem,1vw,1.2rem)}}}@layer sections{.mi-watch:after{background:linear-gradient(to top,color-mix(in oklch,var(--rouge-night) 78%,transparent) 0,color-mix(in oklch,var(--rouge-night) 40%,transparent) 30%,transparent 56%),linear-gradient(to bottom,color-mix(in oklch,var(--rouge-night) 62%,transparent) 0,color-mix(in oklch,var(--rouge-night) 28%,transparent) 20%,transparent 36%)}.mi-watch__title,.mi-watch__cap{text-shadow:0 1px 14px color-mix(in oklch,var(--rouge-night) 70%,transparent)}}@layer sections{.mi-watch__media{--yt-fx: .5;--yt-w: calc(max(100cqw, 177.78cqh)*1.2) }.mi-watch__yt{position:absolute;top:50%;translate:0 -45%;width:var(--yt-w);height:calc(var(--yt-w) * .5625);left:clamp(calc(100cqw - var(--yt-w)),calc(50cqw - var(--yt-fx) * var(--yt-w)),0px);pointer-events:none;overflow:hidden}.mi-watch__yt .mi-watch__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.mi-watch__yt-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;pointer-events:none;opacity:0;transition:opacity .8s ease;background:transparent}.mi-watch__yt.is-playing .mi-watch__yt-frame{opacity:1}@supports not (width: 1cqw){.mi-watch__yt{top:0;right:0;bottom:0;left:0;translate:none;width:100%;height:100%}}@media(prefers-reduced-motion:reduce){.mi-watch__yt-frame{display:none}}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mi-watch.css.map */