.fxw{white-space:nowrap;display:inline-block}.fxc{will-change:transform;transform-origin:50% 90%;display:inline-block}@keyframes fxc-show{to{opacity:1}}@media (prefers-reduced-motion:no-preference){.fxt .fxc{opacity:0;animation:10ms 1.4s forwards fxc-show}.fxt[data-fx-ready] .fxc{animation:none}}.f1-track{--c0:#d11d22;--t0:#fff;--c1:#fb9bdc;--t1:#111;--c2:#0a0a0a;--t2:#fff;height:240svh;position:relative}.f1-track.t-pink{--c0:#fb9bdc;--t0:#111;--c1:#c2e5fb;--t1:#111;--c2:#d11d22;--t2:#fff}.f1-track.t-sky{--c0:#4fa9ee;--t0:#111;--c1:#fb9bdc;--t1:#111;--c2:#0a0a0a;--t2:#fff}.f1-track.t-black{--c0:#0a0a0a;--t0:#fff;--c1:#d11d22;--t1:#fff;--c2:#fb9bdc;--t2:#111}.f1-track.t-blue{--c0:#c2e5fb;--t0:#111;--c1:#d11d22;--t1:#fff;--c2:#0a0a0a;--t2:#fff}.f1-stage{--se:0;--mx:0;--my:0;--a:clamp(0, var(--se), 1);--b:clamp(0, calc(var(--se) - 1), 1);background:var(--c0);height:100svh;color:var(--t0);position:sticky;top:0;overflow:hidden}.f1-bg,.f1-bg i{position:absolute;inset:0}.f1-bg .b1{background:var(--c1);clip-path:circle(calc(var(--a) * 150%) at 72% 50%)}.f1-bg .b2{background:var(--c2);clip-path:inset(0 calc((1 - var(--b)) * 100%) 0 0)}.f1-orb{z-index:1;aspect-ratio:1;pointer-events:none;width:70vmin;translate:calc(var(--se) * 24vw + var(--mx) * -18px) calc(var(--se) * -16vh + var(--my) * -12px);scale:calc(1 + var(--se) * .3);background:#ffffff2e;border-radius:50%;position:absolute;bottom:-26vmin;left:-16vmin}.f1-in{z-index:3;pointer-events:none;flex-direction:column;height:100%;padding-top:92px;padding-bottom:150px;display:flex;position:relative}.f1-in a{pointer-events:auto}.f1-top{color:inherit}.f1-top .cp-crumb{color:inherit;opacity:.9}.f1-lines{flex:1;max-width:min(48vw,640px);margin:2vh 0 0;position:relative}.f1-l{--w:clamp(0, calc(1 - max(var(--se) - var(--i), var(--i) - var(--se)) * 2.2), 1);overflow-wrap:anywhere;text-wrap:balance;opacity:var(--w);translate:0 calc(-50% + (var(--i) - var(--se)) * 22vh);scale:calc(.9 + var(--w) * .1);transform-origin:0;will-change:transform,opacity;margin:0;font-weight:900;line-height:1.08;position:absolute;top:50%;left:0;right:0}.f1-l0{color:var(--t0)}.f1-l1{color:var(--t1)}.f1-l2{color:var(--t2)}.f1-l0.z-xl{font-size:clamp(52px,9vw,140px)}.f1-l0.z-l{font-size:clamp(42px,6.6vw,104px)}.f1-l0.z-m{font-size:clamp(34px,4.6vw,70px)}.f1-l0.z-s{font-size:clamp(26px,3.4vw,50px)}.f1-l1 .k{font-size:clamp(46px,6.8vw,104px);line-height:1.05;display:block}.f1-l1 .a{margin-top:14px;font-size:clamp(20px,2.4vw,34px);display:block}.f1-l2 .ad{align-items:flex-start;gap:10px;font-size:clamp(22px,3vw,44px);line-height:1.3;display:flex}.f1-l2 .ad svg{flex:none;margin-top:.2em}.f1-l2 small{margin-top:14px;font-size:clamp(15px,1.5vw,20px);font-weight:700;line-height:1.7;display:block}.f1-win{z-index:2;aspect-ratio:1/1.08;width:min(38vw,520px);translate:calc(var(--a) * -3vw + var(--b) * 5vw + var(--mx) * 16px) calc(-50% + var(--my) * 12px);rotate:calc(var(--a) * -5deg + var(--b) * 10deg + var(--mx) * 3deg);scale:calc(1 + var(--a) * .1 - var(--b) * .16);will-change:transform;position:absolute;top:50%;right:6vw}.f1-wb{border-top-left-radius:50%;border-top-right-radius:calc(50% - var(--b) * 40%);border-bottom-right-radius:calc(50% - var(--a) * 42% + var(--b) * 42%);border-bottom-left-radius:calc(50% - var(--a) * 42% + var(--b) * 2%);background:#fff;position:absolute;inset:0;overflow:hidden;box-shadow:0 30px 70px #0000004d}.f1-wb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.f1-next{z-index:3;cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:50%;position:absolute;inset:0}.f1-win.no-ph .f1-wb{background:#fff}.f1-kind{text-align:center;color:#111;letter-spacing:.02em;place-content:center;width:100%;height:100%;font-size:clamp(40px,7vw,110px);line-height:.95;display:grid}.f1-cta{z-index:4;color:#111;background:#fff;border-radius:999px;align-items:center;gap:10px;padding:8px;display:flex;position:absolute;bottom:26px;left:max(16px,50% - 550px);box-shadow:0 12px 36px #0000004d}.f1-cta .cp-cta{align-items:center;gap:10px;margin:0;animation:none;display:flex}.f1-cta .cp-red{min-height:56px;box-shadow:none;flex:none;padding:0 26px;font-size:17px}.f1-cta .cp-heart-l{width:56px;height:56px}.f1-cta .sh-info-btn{color:#111;white-space:nowrap;border-color:#111;min-height:56px;padding:0 22px}.f1-cta .sh-info-btn:hover{color:#fff;background:#111}.f1-dots{z-index:4;gap:12px;display:grid;position:absolute;top:50%;right:20px;translate:0 -50%}.f1-dots li{--w:clamp(0, calc(1 - max(var(--se) - var(--i), var(--i) - var(--se)) * 2), 1);width:12px;height:12px;opacity:calc(.3 + var(--w) * .7);scale:calc(1 + var(--w) * .9);background:currentColor;border-radius:50%}.f1-hint{z-index:4;opacity:calc(1 - var(--se) * 4);animation:1.4s ease-in-out infinite alternate f1-bob;position:absolute;bottom:100px;left:50%;translate:-50%}@keyframes f1-bob{0%{transform:translateY(0)}to{transform:translateY(10px)}}.f1-open{z-index:20;pointer-events:none;background:var(--c1);clip-path:circle(150% at 72%);animation:1.15s cubic-bezier(.7,0,.2,1) .12s forwards f1-ink;position:absolute;inset:0}@keyframes f1-ink{0%{clip-path:circle(150% at 72%)}to{clip-path:circle(0% at 72%)}}.f1-wb{animation:1.25s cubic-bezier(.2,1.5,.4,1) .4s backwards f1-pop}@keyframes f1-pop{0%{transform:scale(0)rotate(-60deg)}to{transform:none}}.f1-l0{animation:.95s cubic-bezier(.2,.9,.2,1) .6s backwards f1-rise}@keyframes f1-rise{0%{opacity:0;transform:translateY(90px)skewY(6deg)}to{opacity:1;transform:none}}.f1-cta{animation:.8s cubic-bezier(.34,1.56,.64,1) 1.05s backwards cp-up}.f1-orb{animation:7s ease-in-out infinite alternate f1-breathe}@keyframes f1-breathe{0%{transform:scale(1)}to{transform:scale(1.14)translate(2vw,-2vh)}}.f1-wb img{animation:16s ease-in-out infinite alternate cp-drift}.fx-1 .sh-h{clip-path:inset(0 0 calc((1 - clamp(0, var(--sp-e,1) * 1.6, 1)) * 105%) 0);translate:0 calc((1 - clamp(0, var(--sp-e,1) * 1.6, 1)) * 34px + (var(--sp-p,.5) - .5) * -34px)}@media (max-width:900px){.f1-in{padding-top:76px;padding-bottom:178px}.f1-top{display:none}.f1-lines{max-width:none;margin:0;position:absolute;inset:50% 16px 158px}.f1-win{width:min(62vw,300px);translate:calc(-50% + var(--a) * -4vw + var(--b) * 5vw + var(--mx) * 10px) calc(-50% + var(--my) * 8px);top:28%;left:50%;right:auto}.f1-l0.z-xl{font-size:clamp(44px,14vw,76px)}.f1-l0.z-l{font-size:clamp(38px,10.4vw,60px)}.f1-l0.z-m{font-size:clamp(30px,8vw,46px)}.f1-l0.z-s{font-size:clamp(24px,6.6vw,34px)}.f1-l1 .k{font-size:clamp(40px,12vw,64px)}.f1-l2 .ad{font-size:clamp(20px,5.6vw,28px)}.f1-cta{border-radius:30px;flex-wrap:wrap;justify-content:center;gap:6px;bottom:14px;left:12px;right:12px}.f1-cta .cp-cta{flex:100%}.f1-cta .cp-red{flex:1;min-width:0;padding:0 14px;font-size:16px}.f1-cta .sh-info-btn{flex:100%;justify-content:center}.f1-dots{right:10px}.f1-hint{bottom:150px}}@media (prefers-reduced-motion:reduce){.f1-track{height:auto}.f1-stage{height:auto;padding-bottom:56px;position:relative}.f1-bg i,.f1-orb,.f1-open,.f1-dots,.f1-hint,.f1-next{display:none}.f1-wb,.f1-l0,.f1-cta,.f1-wb img{animation:none}.f1-in{height:auto;padding-bottom:0}.f1-lines{gap:20px;max-width:none;margin:20px 0 0;display:grid;position:static}.f1-l{opacity:1;color:inherit;position:static;translate:none;scale:none}.f1-win{width:min(86vw,520px);margin:28px 16px 0;position:relative;top:auto;left:auto;right:auto;translate:none;rotate:none;scale:none}.f1-wb{border-radius:50% 50% 12% 12%}.f1-wb img:not(:first-child){display:none}.f1-wb img{opacity:1!important;scale:none!important}.f1-cta{width:max-content;max-width:calc(100% - 32px);margin:24px 16px 0;position:relative;bottom:auto;left:auto;right:auto}.fx-1 .sh-h{clip-path:none;translate:none}}
