.mf-ed .dr{--ar:1.7461;--fx:.5;--fy:.5;position:relative;overflow:clip}.mf-ed .dr .mfcover__media{position:absolute;inset:0;container-type:size}.mf-ed .dr__scene{--w:max(100cqw, calc(100cqh * var(--ar)));--h:max(100cqh, calc(100cqw / var(--ar)));--u:calc(var(--w) / 1657);width:var(--w);height:var(--h);left:calc((100cqw - var(--w)) * var(--fx));top:calc((100cqh - var(--h)) * var(--fy));position:absolute}.mf-ed .dr__scene img{max-width:none;display:block;position:absolute}.mf-ed .dr__photo{width:100%;height:100%;inset:0}.mf-ed .dr__scene .dr-p{object-fit:fill;bottom:auto;right:auto;left:calc(var(--u) * var(--x));top:calc(var(--u) * var(--y));width:calc(var(--u) * var(--iw));height:calc(var(--u) * var(--ih));position:absolute}.mf-ed .dr-p>img,.mf-ed .dr-p>picture>img{width:100%;height:100%;inset:0}.mf-ed .dr-g{pointer-events:none;transform-origin:calc(var(--u) * var(--ox)) calc(var(--u) * var(--oy));position:absolute;inset:0}.mf-ed .dr-door{--ox:1700;--oy:474;--door:0;transform:perspective(calc(var(--u) * 1600)) rotateY(calc(var(--door) * 16deg))}.mf-ed .dr-ring{--ox:1121;--oy:321;animation:5.6s ease-in-out infinite alternate drRingSway}@keyframes drRingSway{0%{transform:rotate(2.2deg)}to{transform:rotate(-2.2deg)}}.mf-ed .dr .dr-day{transition:opacity .5s linear}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .mf-ed .dr .dr-day{opacity:0;transition-delay:3.2s}:root:not([data-theme=light]) .mf-ed .dr-key img{filter:brightness(.62)contrast(1.05)saturate(.9)}}:root[data-theme=dark] .mf-ed .dr .dr-day{opacity:0;transition-delay:3.2s}:root[data-theme=dark] .mf-ed .dr-key img{filter:brightness(.62)contrast(1.05)saturate(.9)}.mf-ed .dr-pool{pointer-events:none;position:absolute;inset:0}.mf-ed .dr-pool>div{position:absolute;inset:0}.mf-ed .dr-caust{mix-blend-mode:screen;position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mf-ed .dr-pool .dr-day .dr-caust{-webkit-mask-image:url(/assets/hero-door-pool.webp);mask-image:url(/assets/hero-door-pool.webp)}.mf-ed .dr-pool .mfnight .dr-caust{-webkit-mask-image:url(/assets/hero-door-pool-night.webp);mask-image:url(/assets/hero-door-pool-night.webp)}.mf-ed .dr-caust--a{opacity:.28;background-color:#0000;background-image:radial-gradient(46% 30% at 22% 32%,#fffffff2,#fff0 62%),radial-gradient(38% 26% at 74% 62%,#fffc,#fff0 60%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:220% 220%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:26s ease-in-out infinite alternate drCaustA}.mf-ed .dr-caust--b{opacity:.32;animation:drCaustB 34s ease-in-out infinite alternate reverse;background-color:#0000;background-image:radial-gradient(34% 24% at 64% 22%,#ffffffd9,#fff0 58%),radial-gradient(48% 30% at 28% 78%,#ffffffb3,#fff0 62%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:240% 240%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}@keyframes drCaustA{0%{background-position:0 0,100% 100%}to{background-position:26% 34%,74% 62%}}@keyframes drCaustB{0%{background-position:100% 10%,0 90%}to{background-position:64% 42%,32% 64%}}.mf-ed .dr-key{left:calc(var(--u) * 1116);top:calc(var(--u) * 412);width:calc(var(--u) * 142);aspect-ratio:600/546;perspective:900px;filter:drop-shadow(calc(var(--u) * 7) calc(var(--u) * 12) calc(var(--u) * 8) #0c08086b);position:absolute;transform:translate(-48.93%,-12.03%)}.mf-ed .dr-key img{transform-origin:48.93% 12.03%;filter:brightness(.97)contrast(1.04);width:100%;height:100%;transition:filter 2.6s cubic-bezier(.45,0,.35,1) .4s;animation:5.6s ease-in-out -.7s infinite drKeySway;display:block;position:absolute;inset:0}@keyframes drKeySway{0%,to{transform:rotate(3deg)rotateY(-7deg)}50%{transform:rotate(-3deg)rotateY(7deg)}}@media (prefers-reduced-motion:reduce){.mf-ed .dr-ring,.mf-ed .dr-caust--a,.mf-ed .dr-caust--b,.mf-ed .dr-key img{animation:none}.mf-ed .dr .dr-day,.mf-ed .dr-key img{transition:none}}@media (max-width:760px),(max-width:900px) and (orientation:portrait){.mf-ed .dr{--ph-sb:.44;--ph-gap:16px}.mf-ed .dr__scene{left:max(calc(100cqw - var(--w)), min(0px, calc(50cqw - var(--w) * .68)))}}
