:root{color-scheme:light;--play-cream: #fff4d6;--play-paper: #fffdf5;--play-ink: #2b1b38;--play-muted: #65596f;--play-indigo: #4e45b8;--play-coral: #bc3a44;--play-blue: #1d5fbf;--play-green: #31683f;--play-yellow: #ffd447;--play-line: #2b1b38;--play-shadow: 0 4px 0 #2b1b38, 0 13px 26px rgb(43 27 56 / .14);--play-shadow-soft: 0 3px 0 rgb(43 27 56 / .82), 0 10px 18px rgb(43 27 56 / .12);--core-focus: #1d5fbf;--core-panel: var(--play-paper);--core-ink: var(--play-ink);--core-muted: var(--play-muted);--core-line: rgb(43 27 56 / .28);accent-color:var(--play-indigo)}:root[data-play-scheme=dark]{color-scheme:dark;--play-cream: #21182a;--play-paper: #2e2339;--play-ink: #fff4d6;--play-muted: #d4c8df;--play-line: #fff4d6;--play-shadow: 0 4px 0 #100b15, 0 13px 26px rgb(0 0 0 / .28);--play-shadow-soft: 0 3px 0 #100b15, 0 10px 18px rgb(0 0 0 / .24);--core-focus: #ffd447;--core-panel: var(--play-paper);--core-ink: var(--play-ink);--core-muted: var(--play-muted);accent-color:#ffd447}html{scroll-snap-type:y proximity;background:var(--play-cream)}body.play-lab{color:var(--play-ink);background:radial-gradient(circle at 6% 9%,rgb(255 212 71 / .35) 0 2px,transparent 3px),radial-gradient(circle at 94% 3%,rgb(78 69 184 / .18) 0 3px,transparent 4px),var(--play-cream);background-size:48px 48px,64px 64px,auto;font-family:Manrope,Arial Rounded MT Bold,Arial,sans-serif}body.play-lab[data-grid=off]{background-image:none}.play-lab button,.play-lab input,.play-lab select,.play-lab label{-webkit-tap-highlight-color:transparent}.play-header{position:sticky;z-index:90;top:0;min-height:76px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:10px max(22px,calc((100vw - 1280px)/2));border-bottom:2px solid transparent;background:#fff4d6e8;backdrop-filter:blur(12px)}:root[data-play-scheme=dark] .play-header{background:#21182aeb}.play-header.is-scrolled{min-height:64px;border-color:var(--play-ink)}.play-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.play-brand__stamp{width:42px;height:42px;display:grid;place-items:center;border:2px solid var(--play-ink);border-radius:13px 18px 11px 16px;color:#fff;background:var(--play-indigo);box-shadow:0 3px 0 var(--play-ink);font-size:1.25rem;font-weight:800;transform:rotate(-3deg)}.play-brand>span:last-child{display:grid;line-height:1.05}.play-brand strong{font-size:1rem;letter-spacing:-.02em}.play-brand small{margin-top:4px;color:var(--play-muted);font-size:.68rem;font-weight:650;text-transform:uppercase;letter-spacing:.08em}.play-nav{justify-self:center;display:flex;align-items:center;gap:2px}.play-nav a{min-height:44px;display:inline-flex;align-items:center;padding:8px 10px;border-radius:12px;color:var(--play-muted);font-size:.82rem;font-weight:700;text-decoration:none}.play-nav a:hover,.play-nav a:focus-visible,.play-nav a[aria-current=page]{color:#fff;background:var(--play-indigo)}.header-tool,.menu-launch{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;border:2px solid var(--play-ink);border-radius:14px;background:var(--play-paper);box-shadow:0 2px 0 var(--play-ink);font-size:.78rem;font-weight:750}.header-tool:active,.menu-launch:active{translate:0 2px;box-shadow:none}.menu-launch{display:none}.menu-dialog,.gallery-dialog,.reset-dialog{padding:0;border:2px solid var(--play-ink);color:var(--play-ink);background:var(--play-paper);box-shadow:0 6px 0 var(--play-ink),0 24px 60px #140c1c42}.menu-dialog{width:min(540px,calc(100vw - 28px));max-height:calc(100dvh - 28px);border-radius:30px 30px 22px 22px}.menu-dialog__top,.gallery-dialog__bar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px;border-bottom:2px solid var(--play-ink)}.menu-dialog__top span,.gallery-dialog__bar span{color:var(--play-coral);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.menu-dialog__top h2{font-size:clamp(1.8rem,6vw,3rem);line-height:1}.menu-dialog__top button,.gallery-dialog__bar button{width:46px;height:46px;flex:0 0 auto;border:2px solid var(--play-ink);border-radius:50%;color:#fff;background:var(--play-coral);font-size:1.8rem;line-height:1}.menu-dialog nav{display:grid;padding:12px}.menu-dialog nav a{min-height:64px;display:grid;grid-template-columns:44px 1fr;align-items:center;gap:10px;padding:10px 12px;border-radius:15px;text-decoration:none}.menu-dialog nav a:hover,.menu-dialog nav a:focus-visible,.menu-dialog nav a[aria-current=page]{color:#fff;background:var(--play-indigo)}.menu-dialog nav a span{font-size:.72rem;font-weight:800}.snap-panel{scroll-snap-align:start;scroll-margin-top:74px}.play-hero{position:relative;min-height:calc(100svh - 76px);display:grid;grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr);grid-template-rows:1fr auto;gap:38px 54px;align-items:center;width:min(1400px,calc(100% - 44px));margin-inline:auto;padding:54px 0 28px}.hero-copy{position:relative;z-index:2}.eyebrow,.section-heading>p{display:flex;align-items:center;gap:10px;margin-bottom:22px;color:var(--play-coral);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.hero-copy h1{max-width:790px;font-size:clamp(3.2rem,7.5vw,8rem);font-weight:760;letter-spacing:-.065em;line-height:.82}.hero-copy h1>span{display:block}#kinetic-type{width:fit-content;margin-top:.11em;color:var(--play-indigo)}#kinetic-type i{display:block;width:fit-content;font-style:normal;transform-origin:0 50%;animation:kinetic-word 3.2s var(--core-spring) infinite alternate}#kinetic-type i:last-child{color:var(--play-coral);animation-delay:-1.15s}.is-kinetic-paused #kinetic-type i{animation-play-state:paused}@keyframes kinetic-word{0%,18%{transform:translate(0) skew(0);font-weight:550}72%,to{transform:translate(clamp(8px,2vw,28px)) skew(-5deg);font-weight:800}}.hero-lead{max-width:620px;margin-top:28px;color:var(--play-muted);font-size:clamp(1rem,1.35vw,1.22rem);font-weight:520}.hero-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:30px}.tactile-button{position:relative;min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:12px;overflow:hidden;padding:11px 18px;border:2px solid var(--play-ink);border-radius:17px;color:var(--play-ink);background:var(--play-paper);box-shadow:0 4px 0 var(--play-ink),0 10px 16px #2b1b381c;font-weight:760;text-decoration:none;transition:transform .18s var(--core-spring)}.tactile-button--primary{color:#fff;background:var(--play-indigo)}.tactile-button--danger{color:#fff;background:var(--play-coral)}.tactile-button--small{min-height:44px;padding:8px 14px;border-radius:14px;font-size:.86rem}.tactile-button:active,.tactile-button.is-pressed{transform:translateY(4px);box-shadow:0 0 0 var(--play-ink),0 2px 5px #2b1b3814}.ripple-dot{position:absolute;width:16px;height:16px;border-radius:50%;background:#ffffff8c;pointer-events:none;transform:translate(-50%,-50%) scale(0);animation:ripple-burst .52s ease-out forwards}@keyframes ripple-burst{to{opacity:0;transform:translate(-50%,-50%) scale(14)}}.spring-board{--shape-x: 0px;--shape-y: 0px;position:relative;min-height:620px;overflow:hidden;border:2px solid var(--play-ink);border-radius:34px 38px 28px 42px;background:var(--play-paper);box-shadow:var(--play-shadow);isolation:isolate;touch-action:pan-y}.board-grid{position:absolute;inset:0;z-index:-1;opacity:.5;background-image:linear-gradient(rgb(43 27 56 / .12) 1px,transparent 1px),linear-gradient(90deg,rgb(43 27 56 / .12) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom right,#000,transparent 85%)}.spring-note{position:absolute;top:26px;left:26px;display:grid;padding:15px 18px;border:2px solid var(--play-ink);background:var(--play-yellow);box-shadow:0 3px 0 var(--play-ink);transform:rotate(-2deg)}.spring-note span,.spring-note small{font-size:.7rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.spring-note strong{font-size:1.28rem}.spring-shape{position:absolute;display:grid;place-items:center;border:3px solid var(--play-ink);box-shadow:0 6px 0 var(--play-ink),0 14px 24px #2b1b3826;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;user-select:none;touch-action:none;transform:translate3d(var(--spring-x, 0),var(--spring-y, 0),0) rotate(var(--shape-rotate, 0deg));will-change:transform}.spring-shape[data-dragging=true]{z-index:4;box-shadow:0 11px 0 var(--play-ink),0 22px 34px #2b1b3836}.spring-shape--circle{top:18%;right:10%;width:clamp(130px,17vw,225px);aspect-ratio:1;border-radius:50%;color:var(--play-ink);background:var(--play-yellow);--shape-rotate: 5deg}.spring-shape--square{bottom:13%;left:9%;width:clamp(130px,16vw,210px);aspect-ratio:1;border-radius:30px 46px 28px 42px;color:#fff;background:var(--play-coral);--shape-rotate: -8deg}.spring-shape--pill{right:8%;bottom:12%;width:clamp(170px,23vw,300px);height:clamp(84px,9vw,120px);border-radius:999px;color:#fff;background:var(--play-blue);--shape-rotate: -14deg}.board-reset{position:absolute;right:20px;top:20px;z-index:5;min-height:44px;padding:8px 12px;border:2px solid var(--play-ink);border-radius:13px;background:var(--play-paper);font-size:.75rem;font-weight:750}.snap-steps{grid-column:1 / -1;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.snap-steps a{min-height:44px;display:flex;align-items:center;padding:9px 12px;border-top:2px solid var(--play-ink);color:var(--play-muted);font-size:.75rem;font-weight:750;text-decoration:none}.snap-steps a:hover,.snap-steps a:focus-visible,.snap-steps a[aria-current=location]{color:var(--play-indigo);border-color:var(--play-indigo)}.workshop-section{width:min(1400px,calc(100% - 44px));margin-inline:auto;padding:100px 0}.section-heading{display:grid;grid-template-columns:minmax(180px,.36fr) minmax(0,1fr);gap:48px;align-items:start;margin-bottom:48px;padding-top:18px;border-top:2px solid var(--play-ink)}.section-heading>p span{width:34px;height:34px;display:inline-grid;place-items:center;border:2px solid currentColor;border-radius:50%}.section-heading h2{max-width:900px;font-size:clamp(2.5rem,5.7vw,6.2rem);letter-spacing:-.055em;line-height:.94}.section-heading>div>p{max-width:660px;margin-top:16px;color:var(--play-muted);font-size:1.08rem}.motion-grid{display:grid;grid-template-columns:.8fr .8fr 1.4fr;gap:20px}.demo-card,.paper-panel,.state-module{position:relative;border:2px solid var(--play-ink);background:var(--play-paper);box-shadow:var(--play-shadow-soft)}.demo-card{min-height:520px;display:flex;flex-direction:column;padding:24px;border-radius:26px 32px 22px 30px}.card-index,.panel-title>span,.sorter-heading>div>span,.gallery-heading span,.timeline-copy>span,.form-progress>div>span,.state-module>span,.tactile-test p>span{display:block;margin-bottom:10px;color:var(--play-coral);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.demo-card h3,.paper-panel h3,.material-sorter h3,.lightbox-gallery h3,.project-timeline h3,.multi-step-form h3,.state-module h3{font-size:clamp(1.35rem,2.2vw,2rem);letter-spacing:-.035em;line-height:1.08}.state-object{position:relative;width:164px;height:164px;margin:48px auto 24px;border:3px solid var(--play-ink);border-radius:32px;background:var(--play-paper);box-shadow:0 5px 0 var(--play-ink);transition:transform .38s var(--core-spring)}.state-object span,.state-object i{position:absolute;display:block;border:2px solid var(--play-ink);transition:transform .38s var(--core-spring),opacity .22s ease}.state-object span{inset:28px;border-radius:50%;background:var(--play-yellow);transform:scale(.5);opacity:0}.state-object i{right:-12px;bottom:22px;width:76px;height:34px;border-radius:999px;background:var(--play-blue);transform:translate(18px) rotate(-8deg);opacity:0}.state-card[data-state=working] .state-object{border-radius:50%;background:#fff0a8;transform:rotate(7deg)}.state-card[data-state=working] .state-object span{opacity:1;transform:scale(1)}.state-card[data-state=ready] .state-object{border-radius:40% 60% 48% 52%/58% 38% 62% 42%;background:#cbdcff;transform:rotate(-4deg)}.state-card[data-state=ready] .state-object span,.state-card[data-state=ready] .state-object i{opacity:1;transform:none}.state-copy{margin-bottom:18px}.state-copy strong{display:block;font-size:1.15rem}.state-copy p,.inertia-card>p,.paper-panel .panel-title p,.sorter-heading p,.gallery-heading p,.timeline-copy p,.state-module>p{color:var(--play-muted)}.state-card .tactile-button{align-self:flex-start;margin-top:auto}.morph-card svg{width:min(100%,270px);margin:24px auto 14px;overflow:visible;filter:drop-shadow(0 6px 0 var(--play-ink))}.morph-card path{fill:var(--play-yellow);stroke:var(--play-ink);stroke-width:4;stroke-linejoin:round}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;border:2px solid var(--play-ink);border-radius:16px;background:var(--play-cream)}.segmented button,.filter-row button{min-height:42px;padding:7px 10px;border:0;border-radius:11px;background:transparent;font-size:.8rem;font-weight:750}.segmented button[aria-pressed=true],.filter-row button[aria-pressed=true]{color:#fff;background:var(--play-indigo)}.morph-card>p{margin-top:14px;text-align:center;font-size:.86rem;font-weight:700}.inertia-card{overflow:hidden}.inertia-card>p{margin-top:8px}.inertia-window{position:relative;flex:1;min-height:260px;overflow:hidden;margin:25px -24px 16px;padding:16px 0;cursor:grab;touch-action:pan-y}.inertia-window:active{cursor:grabbing}.inertia-track{display:flex;gap:14px;width:max-content;padding:0 28px;transform:translate3d(var(--deck-x, 0px),0,0);will-change:transform}.deck-tile{width:180px;height:230px;flex:0 0 auto;display:flex;flex-direction:column;justify-content:space-between;padding:18px;border:3px solid var(--play-ink);border-radius:24px 34px 20px 30px;box-shadow:0 5px 0 var(--play-ink);transform:rotate(var(--tile-rotate, -2deg));user-select:none}.deck-tile:nth-child(2n){--tile-rotate: 2deg}.deck-tile span{font-size:.72rem;font-weight:800}.deck-tile strong{font-size:1.8rem;letter-spacing:-.05em}.deck-tile--yellow{background:var(--play-yellow)}.deck-tile--blue{color:#fff;background:var(--play-blue)}.deck-tile--coral{color:#fff;background:var(--play-coral)}.deck-tile--green{color:#fff;background:var(--play-green)}.deck-tile--indigo{color:#fff;background:var(--play-indigo)}.deck-controls,.carousel-head>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.deck-controls button,.carousel-head button,.gallery-dialog__controls button{min-width:46px;min-height:46px;border:2px solid var(--play-ink);border-radius:14px;background:var(--play-paper);box-shadow:0 2px 0 var(--play-ink);font-weight:800}.deck-controls output,.carousel-head output{font-size:.8rem;font-weight:800}.builder-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:24px}.paper-panel{padding:clamp(22px,3vw,40px);border-radius:28px 36px 24px 32px}.panel-title{display:grid;grid-template-columns:54px 1fr;gap:8px;margin-bottom:30px}.paper-panel label>span,.select-label{font-weight:720}.calculator>label{display:grid;gap:10px;margin-top:24px}.calculator>label>span{display:flex;justify-content:space-between}.calculator input[type=range]{width:100%;min-height:40px}.calculator output{font-variant-numeric:tabular-nums}.calc-result{display:grid;grid-template-columns:1fr auto;align-items:end;gap:2px 20px;margin-top:32px;padding:22px;border:2px solid var(--play-ink);border-radius:22px;color:#fff;background:var(--play-indigo);box-shadow:0 4px 0 var(--play-ink)}.calc-result span{font-weight:700}.calc-result strong{grid-row:1 / 3;grid-column:2;font-size:clamp(2rem,5vw,4.2rem);line-height:.9;letter-spacing:-.06em}.calc-result small{opacity:.8;font-variant-numeric:tabular-nums}.plan-builder fieldset,.multi-step-form fieldset{padding:0;border:0}.plan-builder legend{margin-bottom:12px;font-weight:800}.plan-builder fieldset>label{min-height:62px;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:10px;padding:9px 12px;border:2px solid transparent;border-radius:16px}.plan-builder fieldset>label:has(input:checked){border-color:var(--play-ink);background:#fff3b4}:root[data-play-scheme=dark] .plan-builder fieldset>label:has(input:checked){color:#2b1b38}.plan-builder input[type=radio],.plan-builder input[type=checkbox]{width:20px;height:20px}.plan-builder fieldset span{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.plan-builder fieldset small{color:currentColor;opacity:.75}.plan-addons{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:24px}.plan-addons legend{grid-column:1 / -1}.plan-addons label{grid-template-columns:22px 1fr!important}.plan-addons span{display:grid!important}.select-label{display:grid;grid-template-columns:1fr minmax(170px,auto);align-items:center;gap:12px;margin-top:24px}.select-label select,.multi-step-form select,.multi-step-form input:not([type=checkbox]){min-height:50px;padding:10px 13px;border:2px solid var(--play-ink);border-radius:14px;background:var(--play-paper)}.plan-total{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-top:26px;padding-top:18px;border-top:2px solid var(--play-ink)}.plan-total span{color:var(--play-muted)}.plan-total strong{font-size:clamp(1.8rem,4vw,3.2rem);line-height:1;letter-spacing:-.05em}.material-sorter{margin-top:28px;padding:clamp(22px,3vw,38px);border:2px solid var(--play-ink);border-radius:34px 24px 38px 28px;background:var(--play-paper);box-shadow:var(--play-shadow)}.sorter-heading,.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}.sorter-heading>p{font-size:.82rem;font-weight:750}.filter-row{width:fit-content;display:flex;gap:5px;flex-wrap:wrap;margin-bottom:22px;padding:5px;border:2px solid var(--play-ink);border-radius:16px;background:var(--play-cream)}.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none}.material-item{min-width:0;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:2px solid var(--play-ink);border-radius:18px 24px 16px 21px;color:var(--material-text, var(--play-ink));background:var(--material-color, var(--play-yellow));box-shadow:0 3px 0 var(--play-ink)}.material-item[draggable=true]{cursor:grab}.material-item[data-dragging=true]{opacity:.55}.material-item[data-drop-target=true]{outline:4px dashed var(--play-indigo);outline-offset:3px}.material-swatch{width:54px;height:54px;display:grid;place-items:center;border:2px solid var(--play-ink);border-radius:var(--material-radius, 50%);color:#fff;background:var(--material-ink, var(--play-indigo));font-weight:850}.material-copy{min-width:0}.material-copy strong,.material-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-copy small{opacity:.7;font-size:.72rem}.material-actions{display:flex;gap:4px}.material-actions button{width:38px;height:38px;border:2px solid var(--play-ink);border-radius:11px;color:var(--play-ink);background:var(--play-paper);font-weight:800}.material-actions button:disabled{opacity:.36;cursor:not-allowed}.workshop-section--stories{width:auto;padding-inline:max(22px,calc((100vw - 1400px)/2));color:#fff;background:var(--play-indigo)}.section-heading--inverse{border-color:#fff}.section-heading--inverse>p,.section-heading--inverse>div>p{color:#fff}.gesture-carousel{margin-bottom:80px}.carousel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.carousel-head h3{font-size:1.25rem}.carousel-head button{color:var(--play-ink)}.carousel-viewport{overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-color:rgb(255 255 255 / .7) rgb(255 255 255 / .15);scrollbar-width:thin;touch-action:pan-x pan-y}.carousel-track{display:flex;gap:20px;width:max-content;padding-bottom:12px}.poster-card{width:min(76vw,580px);flex:0 0 auto;scroll-snap-align:start;scroll-snap-stop:always}.poster-card>div{position:relative;aspect-ratio:4 / 5;overflow:hidden;border:3px solid #fff;border-radius:28px 38px 24px 32px;box-shadow:0 6px #211938,0 18px 34px #130d2547;background:var(--poster-bg, var(--play-yellow))}.poster-card>div i,.gallery-thumb>span i,.lightbox-art i{position:absolute;width:68%;aspect-ratio:1;top:14%;right:-13%;display:block;border:3px solid var(--play-ink);border-radius:50%;background:var(--poster-shape, var(--play-coral))}.poster-card>div b{position:absolute;left:7%;bottom:9%;font-size:clamp(6rem,18vw,12rem);letter-spacing:-.12em;line-height:.7}.poster-card>div span{position:absolute;top:6%;left:7%;padding:7px 11px;border:2px solid currentColor;border-radius:999px;font-size:.75rem;font-weight:800}.poster-card h4{margin-top:17px;color:#fff;font-size:1.2rem}.poster-card p{color:#fff}.poster-card--sun{--poster-bg: #ffd447;--poster-shape: #bc3a44;color:#2b1b38}.poster-card--river{--poster-bg: #f4f8ff;--poster-shape: #1d5fbf;color:#2b1b38}.poster-card--night{--poster-bg: #241b42;--poster-shape: #ffd447;color:#fff}.poster-card--garden{--poster-bg: #f8efda;--poster-shape: #31683f;color:#2b1b38}.lightbox-gallery{padding:clamp(22px,4vw,46px);border:2px solid #fff;border-radius:38px 28px 44px 30px;background:#17113a52}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-thumb{display:grid;gap:8px;padding:0 0 16px;overflow:hidden;border:2px solid #fff;border-radius:22px 29px 19px 26px;color:var(--thumb-color, #2b1b38);background:var(--thumb-bg, #ffd447);box-shadow:0 5px #211938;text-align:left}.gallery-thumb>span{position:relative;height:230px;display:block;overflow:hidden;border-bottom:2px solid currentColor}.gallery-thumb>span b{position:absolute;left:18px;bottom:8px;font-size:5rem;line-height:.8}.gallery-thumb>strong,.gallery-thumb>small{padding-inline:16px}.gallery-thumb>small{opacity:.72}.gallery-thumb--river{--thumb-bg: #f4f8ff;--poster-shape: #1d5fbf}.gallery-thumb--night{--thumb-bg: #211938;--thumb-color: #fff;--poster-shape: #ffd447}.gallery-dialog{width:min(900px,calc(100vw - 30px));max-height:calc(100dvh - 30px);overflow:auto;border-radius:28px}.gallery-dialog__bar p{display:grid}.gallery-dialog__bar strong{font-size:1.15rem}.lightbox-art{position:relative;min-height:min(58vh,590px);overflow:hidden;margin:20px;border:3px solid var(--play-ink);border-radius:24px;color:var(--lightbox-color, #2b1b38);background:var(--lightbox-bg, #ffd447)}.lightbox-art b{position:absolute;top:8%;left:7%;z-index:1;font-size:clamp(5rem,20vw,13rem);line-height:.8}.lightbox-art span{position:absolute;left:7%;bottom:8%;z-index:1;max-width:80%;font-size:clamp(2rem,8vw,6rem);font-weight:850;letter-spacing:-.08em;line-height:.82}.lightbox-art--river{--lightbox-bg: #eef5ff;--poster-shape: #1d5fbf}.lightbox-art--night{--lightbox-bg: #211938;--lightbox-color: #fff;--poster-shape: #ffd447}.gallery-dialog>p{padding:0 22px;color:var(--play-muted)}.gallery-dialog__controls{display:flex;justify-content:space-between;gap:12px;padding:20px}.project-timeline{display:grid;grid-template-columns:minmax(190px,.6fr) minmax(360px,1fr) minmax(320px,1fr);gap:28px;margin-top:80px;padding-top:28px;border-top:2px solid #fff}.workshop-section--stories .gallery-heading span,.workshop-section--stories .timeline-copy>span{color:var(--play-yellow)}.workshop-section--stories .gallery-heading p,.timeline-copy p,.timeline-panel p,.timeline-panel strong{color:#fff}.timeline-tabs{display:grid;gap:7px}.timeline-tabs button{min-height:58px;display:grid;grid-template-columns:44px 1fr;align-items:center;gap:10px;padding:8px 13px;border:2px solid rgb(255 255 255 / .35);border-radius:16px;color:#fff;background:transparent;text-align:left;font-weight:750}.timeline-tabs button[aria-selected=true]{color:#2b1b38;background:var(--play-yellow);border-color:#2b1b38;box-shadow:0 3px #211938}.timeline-tabs span{font-size:.7rem}.timeline-panel{align-self:stretch;padding:28px;border:2px solid #fff;border-radius:26px 34px 22px 30px;background:#ffffff1a}.timeline-panel time{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.timeline-panel h4{margin:18px 0 12px;font-size:clamp(1.5rem,3vw,2.5rem);letter-spacing:-.04em;line-height:1.05}.timeline-panel p{color:#fff}.timeline-panel strong{display:block;margin-top:30px;color:#fff}.multi-step-form,.success-state{width:min(900px,100%);margin-inline:auto;padding:clamp(22px,4vw,48px);border:2px solid var(--play-ink);border-radius:36px 28px 42px 30px;background:var(--play-paper);box-shadow:var(--play-shadow)}.form-progress{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px;padding-bottom:20px;border-bottom:2px solid var(--play-ink)}.form-progress>p{min-width:190px;display:grid;gap:7px;font-size:.78rem;font-weight:750}.form-progress progress{width:100%;accent-color:var(--play-indigo)}.multi-step-form fieldset>legend{max-width:680px;font-size:clamp(2rem,4vw,3.7rem);font-weight:780;letter-spacing:-.05em;line-height:1}.multi-step-form fieldset>legend+p{margin:10px 0 28px;color:var(--play-muted)}.multi-step-form fieldset>label:not(.consent-row){display:grid;gap:8px;margin-top:20px;font-weight:730}.multi-step-form fieldset>label small{min-height:1.3em;color:var(--play-coral);font-weight:650}.multi-step-form input[aria-invalid=true],.multi-step-form select[aria-invalid=true]{border-color:var(--play-coral);box-shadow:0 0 0 3px #bc3a442e}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px}.file-drop{position:relative;display:grid;justify-items:center;gap:8px;margin-top:28px;padding:30px 20px;border:3px dashed var(--play-indigo);border-radius:24px;background:#4e45b80f;text-align:center;transition:transform .15s ease}.file-drop[data-dragover=true]{background:#4e45b82e;transform:scale(1.01)}.file-drop>div{position:relative;width:76px;height:58px;margin-bottom:6px}.file-drop>div span{position:absolute;inset:12px 0 0;border:3px solid var(--play-ink);border-radius:18px;background:var(--play-yellow);transform:rotate(-5deg)}.file-drop>div i{position:absolute;width:34px;height:34px;top:0;right:4px;border:3px solid var(--play-ink);border-radius:50%;background:var(--play-coral)}.file-drop>p{color:var(--play-muted);font-size:.82rem}.file-drop>p:last-child{min-height:1.4em;color:var(--play-ink);font-weight:750}.form-review{display:grid;gap:8px}.form-review>div{display:grid;grid-template-columns:minmax(120px,.4fr) 1fr;gap:15px;padding:13px 0;border-bottom:1px solid rgb(43 27 56 / .25)}.form-review dt{color:var(--play-muted)}.form-review dd{font-weight:760}.consent-row{min-height:52px;display:flex;align-items:center;gap:12px;margin-top:24px}.consent-row input{width:22px;height:22px}.success-state{text-align:center}.success-mark{width:110px;height:110px;display:grid;place-items:center;margin:0 auto 20px;border:3px solid var(--play-ink);border-radius:45% 55% 42% 58%;background:var(--play-green);box-shadow:0 5px 0 var(--play-ink);transform:rotate(-5deg)}.success-mark span{width:46px;height:25px;border-left:7px solid #fff;border-bottom:7px solid #fff;transform:translateY(-5px) rotate(-45deg)}.success-state>p:first-of-type{color:var(--play-green);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.success-state h3{margin:10px 0;font-size:clamp(2.5rem,6vw,5rem);letter-spacing:-.06em;line-height:.9}.success-state>p:last-of-type{max-width:560px;margin:0 auto 28px;color:var(--play-muted)}.state-shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:50px}.state-module{min-height:300px;padding:22px;border-radius:24px 30px 20px 27px}.state-module>p{margin-top:8px}.state-module .tactile-button{margin-top:24px}.switch-row{min-height:64px;display:grid;grid-template-columns:minmax(0,1fr) 52px;align-items:center;gap:12px;margin-top:18px;cursor:pointer}.switch-row span{display:grid}.switch-row small{color:var(--play-muted)}.switch-row input{position:absolute;width:1px;height:1px;opacity:0}.switch-row i{position:relative;width:52px;height:30px;display:block;border:2px solid var(--play-ink);border-radius:999px;background:var(--play-paper);box-shadow:inset 0 2px #2b1b381f}.switch-row i:after{content:"";position:absolute;width:20px;height:20px;top:3px;left:3px;border:2px solid var(--play-ink);border-radius:50%;background:var(--play-coral);transition:transform .2s var(--core-spring)}.switch-row input:checked+i:after{transform:translate(22px);background:var(--play-green)}.switch-row input:focus-visible+i{outline:3px solid var(--core-focus);outline-offset:4px}.spinner-line{min-height:64px;display:flex;align-items:center;gap:12px;margin-top:16px}.spinner-line i{width:32px;height:32px;flex:0 0 auto;display:none;border:4px solid rgb(78 69 184 / .2);border-top-color:var(--play-indigo);border-radius:50%;animation:play-spin .7s linear infinite}.state-module[aria-busy=true] .spinner-line i{display:block}@keyframes play-spin{to{transform:rotate(1turn)}}.tactile-test{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:40px;padding:clamp(24px,4vw,46px);border:2px solid var(--play-ink);border-radius:42px 30px 48px 34px;background:var(--play-yellow);box-shadow:0 8px 0 var(--play-ink),0 22px 34px #2b1b3829}.tactile-test p{max-width:360px}.tactile-test p>span{color:var(--play-ink)}.tactile-test p strong{display:block;font-size:1.25rem;line-height:1.2}.tactile-button--jumbo{min-height:76px;padding-inline:28px;border-radius:24px;font-size:1.08rem}.reset-dialog{width:min(570px,calc(100vw - 28px));border-radius:28px}.reset-dialog form{display:grid;justify-items:center;padding:clamp(24px,5vw,42px);text-align:center}.reset-dialog form>span{width:76px;height:76px;display:grid;place-items:center;margin-bottom:18px;border:3px solid var(--play-ink);border-radius:50%;color:#fff;background:var(--play-coral);box-shadow:0 4px 0 var(--play-ink);font-size:2rem;font-weight:850}.reset-dialog h2{font-size:clamp(2rem,6vw,3.4rem);line-height:.95;letter-spacing:-.05em}.reset-dialog p{margin:16px 0 28px;color:var(--play-muted)}.reset-dialog form>div{display:flex;gap:12px}.play-footer{min-height:230px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:46px max(22px,calc((100vw - 1400px)/2));border-top:2px solid var(--play-ink);background:var(--play-paper)}.play-footer>div{display:flex;align-items:center;gap:16px}.play-footer nav{display:flex;flex-wrap:wrap;gap:20px}.play-footer a{font-weight:750}@media(max-width:1100px){.play-nav{display:none}.play-header{grid-template-columns:1fr auto auto}.menu-launch{display:inline-flex}.play-hero{grid-template-columns:1fr 1fr}.spring-board{min-height:520px}.motion-grid{grid-template-columns:1fr 1fr}.inertia-card{grid-column:1 / -1}.state-shelf{grid-template-columns:repeat(2,1fr)}.project-timeline{grid-template-columns:1fr 1.3fr}.timeline-copy{grid-column:1 / -1}}@media(max-width:780px){html{scroll-snap-type:y proximity}.play-header{min-height:64px;padding-inline:16px;gap:8px}.header-tool>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.header-tool{width:44px;padding:0}.play-brand small{display:none}.play-brand__stamp{width:38px;height:38px}.play-hero{width:min(100% - 32px,680px);grid-template-columns:1fr;gap:34px;padding-top:38px}.hero-copy h1{font-size:clamp(3.3rem,18vw,6.2rem)}.spring-board{min-height:min(520px,118vw)}.spring-shape--circle,.spring-shape--square{width:34vw;max-width:190px}.spring-shape--pill{width:46vw}.snap-steps{display:flex;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}.snap-steps a{min-width:140px;scroll-snap-align:start}.workshop-section{width:min(100% - 32px,680px);padding-block:74px}.section-heading{grid-template-columns:1fr;gap:8px;margin-bottom:34px}.section-heading h2{font-size:clamp(2.7rem,12vw,5rem)}.motion-grid,.builder-grid{grid-template-columns:1fr}.inertia-card{grid-column:auto}.demo-card{min-height:480px}.material-grid{grid-template-columns:1fr}.sorter-heading,.gallery-heading{align-items:flex-start;flex-direction:column}.workshop-section--stories{width:auto;padding-inline:16px}.gallery-grid{grid-template-columns:1fr}.gallery-thumb{grid-template-columns:150px 1fr;align-items:center;padding:0 12px 0 0}.gallery-thumb>span{width:150px;height:170px;grid-row:1 / 3;border-bottom:0;border-right:2px solid currentColor}.gallery-thumb>strong,.gallery-thumb>small{padding:0}.project-timeline{grid-template-columns:1fr}.timeline-copy{grid-column:auto}.timeline-tabs{display:flex;overflow-x:auto;padding-bottom:6px}.timeline-tabs button{min-width:150px}.form-progress{align-items:flex-start;flex-direction:column}.form-progress>p{width:100%}.state-shelf{grid-template-columns:1fr}.tactile-test{align-items:stretch;flex-direction:column}.tactile-button--jumbo{width:100%}}@media(max-width:520px){.play-brand>span:last-child{display:none}.menu-launch span:last-child{display:none}.menu-launch{width:44px;padding:0}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .tactile-button{width:100%}.spring-note{top:18px;left:16px;padding:11px 13px}.spring-note small{display:none}.board-reset{top:14px;right:12px;max-width:92px}.panel-title,.calc-result{grid-template-columns:1fr}.calc-result strong{grid-row:auto;grid-column:auto;margin-block:10px}.plan-addons{grid-template-columns:1fr}.plan-builder fieldset span{align-items:flex-start;flex-direction:column;gap:1px}.select-label{grid-template-columns:1fr}.material-item{grid-template-columns:46px minmax(0,1fr) auto;gap:8px}.material-swatch{width:46px;height:46px}.material-actions{flex-direction:column}.poster-card{width:82vw}.gallery-thumb{grid-template-columns:115px 1fr}.gallery-thumb>span{width:115px;height:150px}.gallery-thumb>span b{font-size:3.5rem}.form-review>div{grid-template-columns:1fr;gap:3px}.form-actions{align-items:stretch;flex-direction:column-reverse}.form-actions .tactile-button{width:100%}.reset-dialog form>div{width:100%;align-items:stretch;flex-direction:column}.play-footer{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}#kinetic-type i{transform:none!important}}:root[data-motion=reduced]{scroll-snap-type:none}:root[data-motion=reduced] #kinetic-type i,:root[data-motion=reduced] .carousel-track,:root[data-motion=reduced] .state-object,:root[data-motion=reduced] .state-object span,:root[data-motion=reduced] .state-object i{animation:none!important;transition:none!important}@media(forced-colors:active){.board-grid{display:none}.tactile-button,.spring-shape,.demo-card,.paper-panel,.material-sorter,.gallery-thumb,.poster-card>div,.state-module{forced-color-adjust:auto;box-shadow:none}.switch-row i:after{background:ButtonText}}