:root{--bg:#dcd3f6;--ink:#382c4e;--muted:#605271;--accent:#8c303f;--line:#aa9ebc;--surface:#d9ec9a;--veil:#fc806f;--veil-ink:#382c4e;--exit-animation:play-cover-in;--arrival-animation:play-cover-out;color-scheme:light}
.lab-header{border-bottom:2px solid var(--ink)}.lab-menu-toggle,.motion-switch{border-radius:30px}.play-hero{padding:30px 0 70px}.play-hero-label{display:flex;justify-content:space-between;gap:25px}.play-hero-label>span{font:8px var(--mono);letter-spacing:1px}.play-hero h1{font:800 clamp(90px,11.8vw,180px)/.88 var(--sans);letter-spacing:-.075em;margin:20px 0 35px;position:relative;z-index:2}.play-hero h1>span{color:var(--bg);-webkit-text-stroke:2px var(--ink)}.play-hero h1 i{position:absolute;right:5%;bottom:0;font-style:normal;color:#8c303f;font-size:.9em}.play-hero-lower{display:grid;grid-template-columns:.7fr 1fr;gap:75px;align-items:center;position:relative}.play-hero-lower>div>p{font-size:22px;line-height:1.4;letter-spacing:-.5px}.play-hero-lower strong{font-weight:650}.play-pill{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border:2px solid var(--ink);border-radius:50px;background:var(--ink);color:var(--bg);padding:15px 22px;font-size:12px;min-height:54px}.play-pill span{font-size:23px;line-height:1}.play-pill:hover{background:#51415e;transform:rotate(-2deg)}.play-hero-object{width:90%;position:relative;justify-self:end;margin-top:-75px;transform:rotate(7deg);z-index:1}.play-hero-object img{width:100%;border-radius:160px;aspect-ratio:1.05;object-fit:cover;border:2px solid var(--ink)}.lab-js[data-motion=full] .play-hero-object{animation:play-float 7s ease-in-out infinite}.play-hero-object figcaption{font:6px var(--mono);letter-spacing:.7px;position:absolute;bottom:20px;left:25px;right:25px;text-align:center;color:#382c4e}.play-sticker{position:absolute;left:42%;bottom:-10px;width:135px;height:135px;border-radius:50%;border:2px solid var(--ink);background:#fc806f;display:flex;align-items:center;justify-content:center;text-align:center;font:700 12px/1.4 var(--sans);transform:rotate(-15deg);z-index:3}.play-interaction{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding-block:90px;border-top:2px solid var(--ink)}.play-interaction h2{font-weight:750;font-size:58px;margin-bottom:25px}.play-interaction h2>span{color:#8c303f}.play-interaction>div>p:not(.eyebrow){font-size:15px;max-width:380px}.play-bounce-stage{position:relative;background:#fc806f;border:2px solid var(--ink);border-radius:40px;padding:20px;overflow:hidden}.play-bounce-stage img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:100%;border:2px solid var(--ink);will-change:transform}.play-bounce-badge{position:absolute;bottom:25px;right:25px;padding:15px 20px;background:#f3efdf;border:2px solid var(--ink);border-radius:50%;font-size:14px;font-weight:750;transform:rotate(-12deg)}.interaction-status{font-size:12px!important;min-height:24px;padding-top:13px}.play-stack{padding-bottom:100px;position:relative}.play-stack-card{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;border:2px solid var(--ink);border-radius:38px;padding:45px;margin:22px 0;min-height:540px;overflow:hidden;transform-origin:center top}.play-stack-card>div>span{font:9px var(--mono);letter-spacing:1px}.play-stack-card h3{font:750 clamp(46px,6.5vw,95px)/.95 var(--sans);letter-spacing:-.06em;margin:30px 0}.play-stack-card h3 em{font-style:normal}.play-stack-card p{font-size:15px;max-width:330px}.play-stack-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:120px;border:2px solid var(--ink)}.stack-one{background:#fc806f}.stack-two{background:#f2efdf}.stack-three{background:#d9ec9a}.lab-js[data-motion=full] .play-stack-card{position:sticky;top:110px;transform:rotate(var(--stack-rotate,0deg)) scale(var(--stack-scale,1));transition:transform 100ms linear}.lab-js[data-motion=full] .play-stack-card:nth-of-type(2){top:126px}.lab-js[data-motion=full] .play-stack-card:nth-of-type(3){top:142px}.retention h2{font-weight:750}.retention-options button{border:2px solid var(--ink);border-radius:24px}.retention-options button[aria-pressed=true]{background:#382c4e;color:#f1eee5}.lab-menu{background:#fc806f;color:#382c4e}.lab-menu[open]{animation:play-menu-in 700ms var(--ease) both}.lab-menu.is-closing{animation:play-menu-out 280ms var(--ease) both}.lab-menu nav{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:auto 0;padding:45px 0}.lab-menu nav a{border:2px solid #382c4e!important;border-radius:60px;padding:30px;min-height:180px;font:750 clamp(30px,4.8vw,68px)/1.05 var(--sans);display:flex;flex-direction:column;gap:20px;align-items:start;justify-content:center;transition:transform 500ms var(--ease)}.lab-menu nav a:hover{transform:rotate(-3deg)}.lab-menu nav a:nth-child(1){background:#dcd3f6}.lab-menu nav a:nth-child(2){background:#d9ec9a}.lab-menu nav a:nth-child(3){background:#f1eee5}.lab-menu nav a:nth-child(4){background:#ffad9c}.lab-menu-close{border-radius:30px;border-width:2px}.lab-menu-foot{font-weight:600}
@keyframes play-float{0%,100%{transform:translateY(0) rotate(7deg)}50%{transform:translateY(-16px) rotate(3deg)}}@keyframes play-menu-in{from{clip-path:circle(0 at 96% 4%)}to{clip-path:circle(145% at 96% 4%)}}@keyframes play-menu-out{to{clip-path:circle(0 at 96% 4%)}}@keyframes play-cover-in{from{transform:none;clip-path:circle(0 at 50% 50%)}to{transform:none;clip-path:circle(100% at 50% 50%)}}@keyframes play-cover-out{from{transform:none;clip-path:circle(100% at 50% 50%)}to{transform:none;clip-path:circle(0 at 50% 50%)}}
@media(max-width:1100px){.play-hero h1{font-size:125px}.play-hero-lower{gap:40px}.play-sticker{width:110px;height:110px;font-size:10px}.play-interaction{gap:45px}.play-interaction h2{font-size:49px}.play-stack-card{padding:32px;gap:35px;min-height:460px}.play-stack-card h3{font-size:66px}}
@media(max-width:760px){.play-hero{padding-top:30px;padding-bottom:55px;overflow:hidden}.play-hero-label>span{display:none}.play-hero h1{font-size:clamp(62px,16.5vw,110px);margin:20px 0 30px;line-height:.93}.play-hero h1 i{font-size:.85em;right:2%;bottom:0}.play-hero-lower{grid-template-columns:1fr;gap:35px}.play-hero-lower>div>p{font-size:19px}.play-hero-object{margin-top:0;width:88%;margin-right:5%;transform:rotate(5deg)}.play-hero-object img{border-radius:110px}.play-hero-object figcaption{font-size:5px;bottom:16px}.play-sticker{width:90px;height:90px;left:0;bottom:0;font-size:8px}.play-pill{font-size:11px;padding:12px 19px;gap:30px;min-height:50px}.play-interaction{grid-template-columns:1fr;gap:30px;padding-block:50px}.play-interaction h2{font-size:43px}.play-interaction>div>p:not(.eyebrow){font-size:14px}.play-bounce-stage{padding:15px;border-radius:28px}.play-stack{padding-bottom:55px}.play-stack-card{grid-template-columns:1fr;gap:23px;padding:28px 23px;min-height:0;border-radius:28px}.play-stack-card h3{font-size:58px;margin:23px 0}.play-stack-card p{font-size:14px}.play-stack-card img{max-height:330px;aspect-ratio:1.2;border-radius:90px}.lab-js[data-motion=full] .play-stack-card,.lab-js[data-motion=full] .play-stack-card:nth-of-type(2),.lab-js[data-motion=full] .play-stack-card:nth-of-type(3){position:relative;top:auto;transform:none}.lab-menu nav{gap:12px;padding:30px 0}.lab-menu nav a{border-radius:30px;min-height:155px;padding:23px 15px;font-size:clamp(23px,5.8vw,35px);gap:17px}.lab-menu nav a span{font-size:8px}.lab-menu-foot{font-weight:400;font-size:11px}}