:root{--ink:#171713;--paper:#f1eadb;--cream:#fbf8ef;--line:#17171329;--muted:#706b60;--acid:#d8ff52;--radius:26px;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12px 12px,#17171309 1px,transparent 1.5px) 0 0/24px 24px,var(--paper);-webkit-font-smoothing:antialiased;touch-action:manipulation;overscroll-behavior:none;margin:0}a{color:inherit}img,canvas{max-width:100%;display:block}.lab-header,main{width:min(1240px,100% - 32px);margin:0 auto}.lab-header{padding:24px 0 64px}.lab-header nav{letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:20px;padding-bottom:48px;font:700 .7rem/1.2 ui-monospace,monospace;display:flex}.lab-header nav a{border-bottom:1px solid;text-decoration:none}.intro{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);align-items:end;gap:32px;display:grid}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;font:700 .68rem/1.2 ui-monospace,monospace}h1{letter-spacing:-.065em;grid-column:1;margin:0;font-size:clamp(3rem,7vw,6.8rem);font-weight:780;line-height:.88}.lede{max-width:34rem;color:var(--muted);grid-column:2;margin:0;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.5}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.style-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--cream);overflow:hidden;box-shadow:0 14px 34px #342d1e14}.preview{min-height:390px;position:relative;overflow:hidden}.preview-note{z-index:5;color:#fff;letter-spacing:.05em;background:#171713d6;border-radius:999px;padding:8px 11px;font:700 .65rem/1 ui-monospace,monospace;position:absolute;bottom:18px;left:18px}.details{padding:24px 26px 28px}.title-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.title-row p{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0;font:700 .64rem/1 ui-monospace,monospace}.title-row span{text-transform:uppercase;background:#ebe4d5;border-radius:999px;padding:7px 9px;font:700 .62rem/1 ui-monospace,monospace}.title-row .live{background:var(--acid)}h2{letter-spacing:-.04em;margin:13px 0 10px;font-size:clamp(1.65rem,3vw,2.4rem);line-height:1}.details>p{min-height:4.8em;color:var(--muted);margin:0;line-height:1.55}.details dl{border-top:1px solid var(--line);margin:24px 0 0}.details dl div{border-bottom:1px solid var(--line);grid-template-columns:110px 1fr;gap:12px;padding:11px 0;font-size:.82rem;display:grid}.details dt{color:var(--muted)}.details dd{margin:0;font-weight:650}.pixel-preview{image-rendering:pixelated;background:linear-gradient(#aeddf0 0 65%,#87bb69 65% 100%);place-items:center;display:grid}.pixel-preview:after{content:"";background:repeating-linear-gradient(90deg,#75563d 0 30px,#816047 30px 60px);height:17%;position:absolute;inset:auto 0 0}.pixel-preview img{width:min(72%,390px);image-rendering:pixelated;filter:drop-shadow(0 12px #17171324);z-index:2}.rive-preview{isolation:isolate;background:#e7e7ff}.rive-preview:before{content:"";background:radial-gradient(circle,#fff 0 16%,#0000 42%),linear-gradient(135deg,#ffd5ec,#d2d8ff);position:absolute;inset:0}.rive-preview canvas,.rive-poster{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.rive-preview canvas{z-index:2}.rive-preview.ready .rive-poster{opacity:0}.rive-poster{z-index:1;object-position:center 35%;transition:opacity .2s}.atlas-preview{background:#369dd5;place-items:center;display:grid}.atlas-preview img{object-fit:cover;width:100%;height:100%}.sticker-preview{background:linear-gradient(90deg,#0000 49%,#1717130f 50%,#0000 51%) 0 0/42px 42px,#f7d765}.sticker{filter:drop-shadow(0 0 2px #fff)drop-shadow(0 0 7px #fff)drop-shadow(0 11px 8px #47300f2e);width:38%;position:absolute}.sticker img{width:100%}.sticker-one{bottom:8%;left:6%;transform:rotate(-8deg)}.sticker-two{top:8%;right:7%;transform:rotate(7deg)}.sticker-three{z-index:2;top:22%;left:32%;transform:rotate(-1deg)}.paper-preview{background:#8bcddd}.paper-preview:after{content:"";opacity:.24;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");position:absolute;inset:0}.paper-sun{aspect-ratio:1;background:#ffd54f;border-radius:50%;width:82px;position:absolute;top:9%;right:9%;box-shadow:7px 9px #30321d24}.paper-hill{border-radius:50% 50% 0 0;width:85%;height:70%;position:absolute;bottom:-22%;box-shadow:7px -6px #30321d1a}.hill-one{background:#6da757;left:-20%;transform:rotate(8deg)}.hill-two{background:#4d873f;right:-30%;transform:rotate(-11deg)}.paper-animal{z-index:2;filter:drop-shadow(9px 10px #31331c2e);width:42%;position:absolute;bottom:5%;left:50%;transform:translate(-50%)rotate(2deg)}.paper-animal img{width:100%}.paper-grass{z-index:3;clip-path:polygon(0 100%,8% 29%,18% 100%,29% 12%,38% 100%,50% 31%,61% 100%,74% 10%,84% 100%,94% 34%,100% 100%);background:#337237;width:120px;height:75px;position:absolute;bottom:-6px}.grass-one{left:5%}.grass-two{right:2%;transform:scaleX(-1)}.toy-preview{background:#fff}.toy-preview img{object-fit:cover;object-position:center;width:100%;height:100%}.decision{border-radius:var(--radius);background:var(--ink);color:#f7f2e7;margin:70px 0 24px;padding:clamp(28px,5vw,56px)}.decision .eyebrow{color:#aba89e}.decision h2{max-width:18ch;margin:0 0 36px;font-size:clamp(2.3rem,5vw,5rem)}.decision-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.decision-grid p{color:#bcb8ae;margin:0;line-height:1.55}.decision-grid b{color:#fff}footer{color:var(--muted);padding:30px 0 60px;font-size:.8rem;line-height:1.5}footer p{max-width:70ch}@media (width<=820px){.intro{grid-template-columns:1fr}.lede{grid-column:1}.gallery{grid-template-columns:1fr}.preview{min-height:330px}.decision-grid{grid-template-columns:1fr}.details>p{min-height:0}}@media (width<=480px){.lab-header,main{width:min(100% - 20px,1240px)}.lab-header{padding-top:18px}.lab-header nav{padding-bottom:36px}.preview{min-height:285px}.details{padding:20px}.details dl div{grid-template-columns:90px 1fr}.sticker{width:43%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}