.playground-page{--tre-color-paper:var(--work-surface);--tre-color-ink:var(--ink);--tre-color-muted:var(--muted);--tre-color-line:var(--line);--tre-color-accent:var(--ink);--tre-color-accent-ink:var(--work-surface);--tre-font-sans:var(--type-body)}.playground-page .tre-page{width:calc(100% - 72px);max-width:var(--tre-measure-wide);margin:auto;padding:0 0 96px}.playground-page .tre-template__header{padding:var(--site-header-content-gap,80px) 0 48px}.playground-page .tre-template__title{margin:0;font-family:var(--type-narrative);font-size:clamp(44px,5vw,64px);line-height:1.1}.playground-page .tre-template__lede{font-size:18px;line-height:1.6;margin-top:16px}.playground-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:28px}.playground-filters{display:flex;flex-wrap:wrap;gap:8px}.playground-page .playground-filters .tre-action{border-color:transparent;border-radius:999px;color:var(--muted);padding:10px 18px}.playground-page .playground-filters .tre-action[aria-pressed=true]{border-color:var(--line);background:var(--work-raised);color:var(--ink)}.playground-count{white-space:nowrap;font-size:14px;color:var(--muted)}.playground-page .playground-note{font-size:14px;color:var(--muted);padding-bottom:24px}.playground-page .tre-template__collection{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 20px;padding:20px 0 0}.playground-page .tre-template__item{border:0;padding:0}.playground-page .playground-media{position:relative;isolation:isolate;aspect-ratio:1;border-radius:20px;overflow:hidden;background:var(--work-card-media)}.playground-page .playground-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(var(--playground-image-scale,1));transform-origin:var(--playground-image-origin,center)}.playground-page .tre-template__item-link{padding:0 12px}.playground-page .tre-template__item h2{font-family:var(--type-narrative);font-size:24px;line-height:1.25;letter-spacing:-.025em}.playground-page .tre-template__item-link>p:last-child{font-size:15px;line-height:1.6}.playground-page .tre-template__meta{font-size:13px;line-height:1.5}@media(max-width:900px){.playground-page .tre-template__collection{grid-template-columns:repeat(2,minmax(0,1fr))}.playground-toolbar{align-items:flex-start;flex-direction:column;gap:12px}}@media(max-width:560px){.playground-page .tre-page{width:calc(100% - 40px)}.playground-page .tre-template__collection{grid-template-columns:1fr;gap:40px}.playground-page .tre-template__header{padding-bottom:32px}.playground-page .playground-filters .tre-action{padding:10px 12px;font-size:14px}}.playground-page{--playground-firefly-core:oklch(96% .095 95);--playground-firefly-glow:oklch(82% .165 78/.3)}.playground-media--current-trail:before,.playground-media--old-trail:before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--playground-spotlight,linear-gradient(transparent,transparent)),radial-gradient(circle at 13% 18%,var(--playground-firefly-core) 0 1.5px,var(--playground-firefly-glow) 2.5px,transparent 8.5px),radial-gradient(circle at 25% 39%,var(--playground-firefly-core) 0 2px,var(--playground-firefly-glow) 3px,transparent 9px),radial-gradient(circle at 34% 12%,var(--playground-firefly-core) 0 1px,var(--playground-firefly-glow) 2px,transparent 8px),radial-gradient(circle at 47% 28%,var(--playground-firefly-core) 0 1.5px,var(--playground-firefly-glow) 2.5px,transparent 8.5px),radial-gradient(circle at 62% 16%,var(--playground-firefly-core) 0 2px,var(--playground-firefly-glow) 3px,transparent 9px),radial-gradient(circle at 79% 31%,var(--playground-firefly-core) 0 1px,var(--playground-firefly-glow) 2px,transparent 8px),radial-gradient(circle at 89% 12%,var(--playground-firefly-core) 0 1.5px,var(--playground-firefly-glow) 2.5px,transparent 8.5px),radial-gradient(circle at 8% 62%,var(--playground-firefly-core) 0 2px,var(--playground-firefly-glow) 3px,transparent 9px),radial-gradient(circle at 18% 81%,var(--playground-firefly-core) 0 1px,var(--playground-firefly-glow) 2px,transparent 8px),radial-gradient(circle at 35% 70%,var(--playground-firefly-core) 0 1.5px,var(--playground-firefly-glow) 2.5px,transparent 8.5px),radial-gradient(circle at 46% 51%,var(--playground-firefly-core) 0 2px,var(--playground-firefly-glow) 3px,transparent 9px),radial-gradient(circle at 56% 86%,var(--playground-firefly-core) 0 1px,var(--playground-firefly-glow) 2px,transparent 8px),radial-gradient(circle at 68% 67%,var(--playground-firefly-core) 0 1.5px,var(--playground-firefly-glow) 2.5px,transparent 8.5px),radial-gradient(circle at 81% 78%,var(--playground-firefly-core) 0 2px,var(--playground-firefly-glow) 3px,transparent 9px),radial-gradient(circle at 93% 57%,var(--playground-firefly-core) 0 1px,var(--playground-firefly-glow) 2px,transparent 8px),radial-gradient(circle at 22% 57%,var(--playground-firefly-core) 0 1px,var(--playground-firefly-glow) 2px,transparent 8px),radial-gradient(circle at 71% 44%,var(--playground-firefly-core) 0 1.5px,var(--playground-firefly-glow) 2.5px,transparent 8.5px),radial-gradient(circle at 54% 9%,var(--playground-firefly-core) 0 1px,var(--playground-firefly-glow) 2px,transparent 8px)}.playground-media--old-trail{--playground-spotlight:radial-gradient(circle at 52% 62%,oklch(96% .06 80/.27),oklch(82% .165 78/.1) 20%,transparent 42%)}.playground-media--old-trail:after{content:"";position:absolute;z-index:4;left:52%;top:62%;width:18px;height:18px;border:1.5px solid var(--playground-firefly-core);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 24px var(--playground-firefly-glow);pointer-events:none}.playground-media--current-trail:after{content:"";position:absolute;z-index:2;right:-3%;bottom:-2%;width:74%;height:96%;background:url(/playground/covers/trail-tre-layer.webp) bottom/contain no-repeat;pointer-events:none}