.mes-home-playground-site{--mes-playground-bg:#020304;--mes-playground-ease:cubic-bezier(.16, 1, .3, 1);--mes-playground-reveal-delay:4.85s;background:var(--mes-playground-bg);color:#f7f7f2;min-height:100svh}.mes-home-playground-site:before,.mes-home-playground-site:after{content:none}.mes-home-playground-site>.mes-header{animation:mes-playground-header-in .9s var(--mes-playground-reveal-delay) var(--mes-playground-ease) forwards;opacity:0;pointer-events:none;transform:translate(-50%,-18px)scale(.985)}.mes-playground-canvas{background:var(--mes-playground-bg);color:#fff;isolation:isolate;min-height:100svh;position:relative;overflow:hidden}.mes-playground-canvas:before,.mes-playground-canvas:after{content:"";opacity:0;pointer-events:none;position:absolute;inset:0}.mes-playground-canvas:before{animation:mes-playground-layer-in 1.3s var(--mes-playground-reveal-delay) ease forwards;z-index:0;background-image:linear-gradient(#5836fe0b 1px,#0000 1px),linear-gradient(90deg,#8066ff0a 1px,#0000 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(#0000 0%,#000 14% 74%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 14% 74%,#0000 100%)}.mes-playground-canvas:after{animation:mes-playground-glow-in 1.6s calc(var(--mes-playground-reveal-delay) + .18s) ease forwards;z-index:1;background:radial-gradient(circle at 70% 48%,#5836fe29,#0000 32vw),radial-gradient(circle at 18% 70%,#7a5cff13,#0000 34vw),radial-gradient(circle at 88% 16%,#b4a6ff12,#0000 28vw),linear-gradient(90deg,#020304fa,#0d092280 47%,#05040feb)}.mes-playground-atmosphere{animation:mes-playground-layer-in 1.2s calc(var(--mes-playground-reveal-delay) + .1s) ease forwards;opacity:0;pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.mes-playground-slogan-block{box-sizing:border-box;text-align:center;z-index:6;width:100%;max-width:100vw;padding:0 24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mes-playground-slogan-kicker{color:#e8e4ff99;letter-spacing:.18em;opacity:0;text-align:center;text-transform:uppercase;white-space:nowrap;max-height:0;margin:0 auto;font-size:clamp(12px,1.05vw,16px);font-weight:520;line-height:1.2;transition:max-height .52s cubic-bezier(.16,1,.3,1),margin-bottom .52s cubic-bezier(.16,1,.3,1),opacity .42s,transform .52s cubic-bezier(.16,1,.3,1);display:block;overflow:hidden;transform:translateY(-18px)}.mes-playground-slogan-kicker.is-visible{opacity:1;max-height:32px;margin-bottom:clamp(8px,.95vw,14px);transform:translateY(0)}.mes-playground-slogan{color:#fff;letter-spacing:0;text-align:center;text-wrap:balance;margin:0;font-size:clamp(38px,4.8vw,82px);font-weight:650;line-height:1.08;transition:transform .62s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(0)}.mes-playground-slogan.is-kicker-visible{transform:translateY(clamp(4px,.55vw,8px))}.mes-playground-slogan-line{padding:.02em 0 .12em;line-height:1.08;display:block;overflow:visible}.mes-playground-slogan-line-frame{vertical-align:bottom;width:fit-content;margin:0 auto;display:grid;position:relative;overflow:visible}.mes-playground-slogan-line-measure,.mes-playground-slogan-line-typed{white-space:nowrap;grid-area:1/1;line-height:1.08}.mes-playground-slogan-line-measure{pointer-events:none;-webkit-user-select:none;user-select:none;visibility:hidden}.mes-playground-slogan-line-typed{justify-self:start;min-height:1.12em;display:inline-block;position:relative;overflow:visible}.mes-slogan-hover-trigger{color:#c4b5fd;cursor:pointer;z-index:10;font-weight:750;transition:color .3s,text-shadow .3s,transform .3s cubic-bezier(.16,1,.3,1);display:inline-block;position:relative}.mes-slogan-hover-trigger:after{content:"";transform-origin:50%;background:linear-gradient(90deg,#0000,#a78bfa66,#0000);height:1.5px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(.4)}.mes-slogan-hover-trigger:hover{color:#a78bfa;text-shadow:0 0 10px #a78bfacc,0 0 24px #8b5cf673;transform:scale(1.03)}.mes-slogan-hover-trigger:hover:after{transform:scaleX(1)}.mes-playground-slogan-kicker{transition:max-height .52s cubic-bezier(.16,1,.3,1),margin-bottom .52s cubic-bezier(.16,1,.3,1),opacity .42s,transform .52s cubic-bezier(.16,1,.3,1),color .3s,text-shadow .3s}.mes-playground-slogan-kicker.is-hovered{color:#c4b5fd;text-shadow:0 0 10px #a78bfad9,0 0 20px #8b5cf680;transform:scale(1.04)}.mes-playground-type-cursor{-webkit-backdrop-filter:blur(12px)saturate(1.6);backdrop-filter:blur(12px)saturate(1.6);background:linear-gradient(#ffffffe0,#b4d0ffad 48%,#ff75b885),#ffffff42;border:1px solid #ffffff75;border-radius:999px;box-shadow:0 0 18px #97b5ff75,0 0 34px #5836fe3d,inset 0 1px 1px #ffffffc7,inset 0 -1px 1px #ff77b842}.mes-playground-type-cursor-inline{width:.11em;min-width:7px;height:.92em;animation:.82s ease-in-out infinite mes-playground-cursor-pulse;display:block;position:absolute;top:50%;left:calc(100% + .12em);transform:translateY(-42%)}.mes-playground-scroll-cue{--mes-playground-cursor-from-x:0px;--mes-playground-cursor-from-y:0px;--mes-playground-cursor-width:8px;--mes-playground-cursor-height:72px;--mes-playground-cue-size:clamp(44px, 4vw, 54px);appearance:none;color:#fff;cursor:pointer;height:var(--mes-playground-cursor-height);opacity:0;min-width:0;transform:translate(calc(-50% + var(--mes-playground-cursor-from-x)), calc(-50% + var(--mes-playground-cursor-from-y))) scale(1);transform-origin:50%;will-change:height, opacity, transform, width;width:var(--mes-playground-cursor-width);z-index:2;background:radial-gradient(circle at 50% 14%,#ffffffc2,#ffffff21 40%,#0000 66%),linear-gradient(#ffffff2e,#765eff1f),#0f0b239e;border:1px solid #dcd6ff73;border-radius:999px;justify-content:center;align-items:center;margin:0;padding:0;transition:border-color .18s,box-shadow .18s,color .18s;animation:.86s cubic-bezier(.2,.86,.24,1) forwards mes-playground-scroll-cue-arrive,2.2s ease-in-out .86s infinite mes-playground-scroll-cue-dance;display:inline-flex;position:absolute;top:calc(100% + clamp(172px,26vh,280px));left:50%;box-shadow:0 0 0 1px #ffffff0d,0 0 28px #5836fe47,0 16px 42px #00000057,inset 0 1px 1px #ffffffb3,inset 0 -1px 1px #ff77b833}.mes-playground-scroll-cue:before{border-radius:inherit;content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffff57,#0000 62%),conic-gradient(from 180deg,#0000,#ffffff57,#0000 46%,#5836fe57,#0000);animation:.86s cubic-bezier(.2,.86,.24,1) forwards mes-playground-scroll-cue-ring;position:absolute;inset:-8px;transform:scale(.42)}.mes-playground-scroll-cue:hover,.mes-playground-scroll-cue:focus-visible{border-color:#ffffffb8;box-shadow:0 0 0 1px #ffffff14,0 0 44px #5836fe70,0 20px 56px #00000061,inset 0 1px 1px #ffffffc7,inset 0 -1px 1px #ff77b842}.mes-playground-scroll-cue:focus-visible{outline-offset:4px;outline:2px solid #ffffffb8}.mes-playground-scroll-cue svg{filter:drop-shadow(0 0 10px #ffffff5c);opacity:0;animation:.3s cubic-bezier(.16,1,.3,1) .62s forwards mes-playground-scroll-cue-icon-in;transform:translateY(-5px)scale(.82)}@keyframes mes-playground-cursor-pulse{0%,to{opacity:.96;transform:translateY(-42%)scaleY(1)}50%{opacity:.58;transform:translateY(-42%)scaleY(.94)}}@keyframes mes-playground-scroll-cue-arrive{0%{height:var(--mes-playground-cursor-height);opacity:.86;transform:translate(calc(-50% + var(--mes-playground-cursor-from-x)), calc(-50% + var(--mes-playground-cursor-from-y))) rotate(0deg) scale(1);width:var(--mes-playground-cursor-width)}62%{height:var(--mes-playground-cursor-height);opacity:1;width:var(--mes-playground-cursor-width);transform:translate(-50%,-50%)rotate(0)scale(1)}78%{opacity:1;width:clamp(28px,2.5vw,34px);height:clamp(28px,2.5vw,34px);transform:translate(-50%,-50%)rotate(0)scale(1)}90%{opacity:1;width:clamp(47px,4.08vw,55px);height:clamp(47px,4.08vw,55px);transform:translate(calc(1px - 50%),calc(-50% - 2px))rotate(0)scale(1)}to{height:var(--mes-playground-cue-size);opacity:1;width:var(--mes-playground-cue-size);transform:translate(-50%,-50%)rotate(0)scale(1)}}@keyframes mes-playground-scroll-cue-ring{0%{opacity:0;transform:scale(.32)}62%{opacity:.7;transform:scale(.92)}to{opacity:.28;transform:scale(1)}}@keyframes mes-playground-scroll-cue-icon-in{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes mes-playground-scroll-cue-dance{0%,to{opacity:1;transform:translate(-50%,-50%)translateY(0)}50%{opacity:.9;transform:translate(-50%,-50%)translateY(-7px)}}@keyframes mes-playground-header-in{0%{opacity:0;pointer-events:none;transform:translate(-50%,-18px)scale(.985)}to{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}}@keyframes mes-playground-layer-in{to{opacity:1}}@keyframes mes-playground-glow-in{to{opacity:.72}}.mes-playground-story{background:var(--mes-playground-bg,#020304);height:260vh;position:relative}.mes-playground-story-sticky{isolation:isolate;height:100svh;position:sticky;top:0;overflow:hidden}.mes-playground-story-layer{will-change:opacity;z-index:0;position:absolute;inset:0}.mes-playground-story-layer img{object-fit:cover;will-change:transform, filter;width:100%;height:100%;display:block}.mes-playground-story-grid{pointer-events:none;z-index:1;background-image:linear-gradient(#8066ff29 1px,#0000 1px),linear-gradient(90deg,#8066ff24 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:-20% 0;-webkit-mask-image:radial-gradient(circle at 50% 45%,#000 10%,#0000 62%);mask-image:radial-gradient(circle at 50% 45%,#000 10%,#0000 62%)}.mes-playground-story-vignette{pointer-events:none;z-index:2;background:radial-gradient(circle at 50% 42%,#0000 30%,#02030473 76%,#020304eb 100%),linear-gradient(#020304b8,#0000 24% 68%,#020304e6);position:absolute;inset:0}.mes-playground-story-hotspots{pointer-events:none;z-index:3;position:absolute;inset:0}.mes-playground-story-dot{background:#c4b5fd;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;animation:2.4s ease-in-out infinite mes-playground-story-dot-pulse;position:absolute;box-shadow:0 0 0 4px #8b5cf638,0 0 18px #8b5cf6b3}@keyframes mes-playground-story-dot-pulse{0%,to{transform:scale(1);box-shadow:0 0 0 4px #8b5cf638,0 0 18px #8b5cf6b3}50%{transform:scale(1.18);box-shadow:0 0 0 9px #8b5cf600,0 0 26px #8b5cf6e6}}.mes-playground-story-copy{pointer-events:none;z-index:4;flex-direction:column;justify-content:center;max-width:min(440px,44vw);display:flex;position:absolute;top:0;bottom:0}.mes-playground-story-copy.is-left,.mes-playground-story-copy.is-right{text-align:left;align-items:flex-start;left:clamp(24px,7vw,120px)}.mes-playground-story-eyebrow{color:#c4b5fd;letter-spacing:.2em;text-transform:uppercase;font-size:clamp(11px,1vw,14px);font-weight:560;display:block}.mes-playground-story-copy h2{color:#fff;text-shadow:0 2px 30px #02030499;text-wrap:balance;white-space:pre-line;margin:.42em 0 0;font-size:clamp(30px,4vw,60px);font-weight:650;line-height:1.06}.mes-playground-story-rail{opacity:0;z-index:5;background:#ffffff1f;border-radius:2px;width:2px;height:88px;transition:opacity .48s;position:absolute;bottom:5vh;left:50%;overflow:hidden;transform:translate(-50%)}.mes-playground-story-rail>div{transform-origin:top;background:linear-gradient(#c4b5fd,#5836fe);width:100%;height:100%}.mes-xp{background:var(--mes-playground-bg,#020304);height:520vh;position:relative}.mes-xp-sticky{isolation:isolate;height:100svh;position:sticky;top:0;overflow:hidden}.mes-xp-canvas{opacity:0;z-index:0;width:100%;height:100%;transition:opacity .9s;display:block;position:absolute;inset:0}.mes-xp-grade{opacity:0;pointer-events:none;z-index:1;background:radial-gradient(circle at 50% 38%,#0000 24%,#02030466 72%,#020304db 100%),linear-gradient(#020304a8,#0000 22% 64%,#020304d1);transition:opacity .9s;position:absolute;inset:0}.mes-xp.is-intro-complete .mes-xp-canvas,.mes-xp.is-intro-complete .mes-xp-grade{opacity:1}.mes-xp-hero{will-change:opacity;z-index:6;position:absolute;inset:0}.mes-playground-story.is-static{height:auto}.mes-playground-story-static-scene{isolation:isolate;min-height:86vh;position:relative;overflow:hidden}.mes-playground-story-static-scene img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.mes-playground-story-static-scene.tone-analog img{filter:grayscale(.42)brightness(.82)contrast(1.05)}.mes-playground-story-static-scene .mes-playground-story-copy{z-index:4}@media (max-width:760px){.mes-playground-story-copy{justify-content:flex-end;max-width:100%;padding:0 22px;inset:auto 0 16vh;text-align:center!important;align-items:center!important}}@media (max-width:980px){.mes-playground-slogan{font-size:clamp(36px,8.8vw,62px)}}@media (max-width:760px){.mes-playground-slogan-block{padding:0 16px}.mes-playground-slogan{font-size:clamp(34px,9.8vw,50px);line-height:.98}.mes-playground-slogan-kicker{font-size:12px}}@media (prefers-reduced-motion:reduce){.mes-home-playground-site>.mes-header,.mes-playground-atmosphere,.mes-playground-canvas:before,.mes-playground-canvas:after,.mes-playground-slogan,.mes-playground-slogan-kicker,.mes-playground-slogan-block,.mes-playground-type-cursor,.mes-playground-scroll-cue{animation:none}.mes-home-playground-site>.mes-header{opacity:1;pointer-events:auto;transform:translate(-50%)}.mes-playground-atmosphere,.mes-playground-canvas:before{opacity:1}.mes-playground-canvas:after{opacity:.72}.mes-playground-slogan-block{box-sizing:border-box;text-align:center;width:100%;max-width:100vw;padding:0 24px;top:50%;left:50%;transform:translate(-50%,-50%)}.mes-playground-type-cursor{display:none}.mes-playground-scroll-cue{opacity:1;transform:translate(-50%,-50%)}.mes-playground-slogan-kicker{opacity:1;max-height:32px;margin-bottom:clamp(8px,.95vw,14px);transform:translateY(0)}}
