.mf{position:relative;margin:6rem auto 3rem;padding:0 0 4rem;min-height:140vh;--ribbon: #4a52ff}.mf__ribbon{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}.mf__ribbon path{stroke:var(--ribbon);stroke-width:26px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.92}.mf__title{position:relative;z-index:2;margin:0;font-weight:400;font-size:clamp(3rem,9.4vw,11.5rem);line-height:.96;letter-spacing:-.015em}@media(min-width:900px){.mf__line{white-space:nowrap}}.mf__mask{display:block;overflow:hidden;padding:.04em 0;margin:-.04em 0}.mf__line{display:block;perspective:700px}.mf__w{display:inline-block;white-space:nowrap}.mf__ch{display:inline-block;will-change:transform,opacity;backface-visibility:hidden}@media(prefers-reduced-motion:reduce){.mf__ch{transform:none!important;opacity:1!important}}.mf__line[data-mf-l1]{padding-left:0}.mf__copy{position:absolute;left:48%;top:40vh;width:50%;z-index:2;display:flex;flex-direction:column;gap:2rem;align-items:flex-start}.mf__text{margin:0;font-size:clamp(1.15rem,1.45vw,1.6rem);line-height:1.42;max-width:44ch}.mf__btn{display:inline-flex;align-items:center;gap:.7rem;height:3rem;padding:0 1.5rem 0 1.25rem;border-radius:1.5rem;font-size:var(--text-xs-size);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.mf__dot{width:.45rem;height:.45rem;border-radius:50%;background:currentColor}.mf__slot{position:absolute;z-index:0}.mf__slot--small{left:0;top:52vh;width:41%;aspect-ratio:16 / 10}.mf__slot--full{left:0;right:0;top:59vh;height:min(62vh,41vw)}.mf__plus{position:absolute;top:-1.6rem;transform:translate(-50%);font-size:1.15rem;font-weight:300;line-height:1;color:var(--primary);opacity:0;transition:opacity .5s var(--ease) .2s}.mf__plus--b{top:auto;bottom:-1.6rem}.mf__plus:nth-child(1),.mf__plus:nth-child(6){left:0}.mf__plus:nth-child(2),.mf__plus:nth-child(7){left:25%}.mf__plus:nth-child(3),.mf__plus:nth-child(8){left:50%}.mf__plus:nth-child(4),.mf__plus:nth-child(9){left:75%}.mf__plus:nth-child(5),.mf__plus:nth-child(10){left:100%}.mf.is-pulled .mf__plus,.mf.is-static .mf__plus{opacity:.9}.mf__copy,.mf__title{transition:opacity .6s var(--ease)}.mf.is-pulled .mf__copy,.mf.is-pulled .mf__title{opacity:0;pointer-events:none}.mf__reel{position:absolute;z-index:3;overflow:hidden;border-radius:var(--radius-lg);padding:0;background:var(--ribbon);cursor:pointer;will-change:clip-path}.mf__reel .mf__media{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1);transition:filter .6s var(--ease)}.mf__reel:disabled{cursor:default}.mf__tint{position:absolute;inset:0;background:var(--ribbon);mix-blend-mode:screen;opacity:.85;transition:opacity .6s var(--ease)}.mf__reel.is-full .mf__media,.mf.is-static .mf__reel .mf__media{filter:none}.mf__reel.is-full .mf__tint,.mf.is-static .mf__tint{opacity:0}.mf__play{position:absolute;left:0;width:100%;display:flex;align-items:center;justify-content:center;gap:1.5rem;color:#fff;font-size:clamp(2rem,6vw,6rem);font-weight:300;letter-spacing:.06em;text-transform:uppercase;opacity:0;transform:scale(.94);transition:opacity .5s var(--ease-out) .15s,transform .6s var(--ease-out) .15s}.mf__play-btn{display:inline-flex;align-items:center;justify-content:center;width:5.5rem;height:3.4rem;border-radius:1.7rem;background:#ffffffeb;color:#111;transition:transform .3s var(--ease-out)}.mf__reel:hover .mf__play-btn{transform:scale(1.06)}.mf__reel.is-full .mf__play,.mf.is-static .mf__play{opacity:1;transform:none}.mf__defs{position:absolute;width:0;height:0}@media(max-width:899px),(hover:none){.mf{min-height:0;margin-top:4rem}.mf__ribbon{display:none}.mf__copy{position:static;width:auto;margin:2rem 0}.mf__slot--small{display:none}.mf__slot--full{position:relative;top:auto;height:auto;aspect-ratio:16 / 9;margin-top:2.5rem}.mf__reel{position:absolute!important;inset:0;width:auto!important;height:auto!important;left:0!important;top:0!important}.mf__slot--full{position:relative}.mf__plus{display:none}}.mf__overlay{position:fixed;inset:0;z-index:3000;background:#000000eb;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s var(--ease-out)}.mf__overlay.is-on{opacity:1}.mf__overlay video{width:min(92vw,168vh);max-height:92vh;border-radius:var(--radius-lg);background:#000}.mf__close{position:absolute;top:1.25rem;right:1.25rem;width:3rem;height:3rem;border-radius:50%;color:#fff;font-size:1.5rem}