.playground-page{background:var(--paper)}.playground-layout{max-width:1440px}.playground-content{overflow:clip}.playground-banner{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);min-height:425px;overflow:hidden}.playground-landscape,.playground-wind{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 65%;z-index:-1;opacity:.5}.playground-wind{opacity:0;pointer-events:none;transition:opacity var(--duration-scene)}.playground-wind.is-ready{opacity:.5}.playground-banner__copy{position:relative;z-index:2;align-self:center;padding:2.5rem 0 3rem clamp(1.5rem,3vw,3rem);width:115%}.playground-banner h1{font:400 clamp(2rem,4.1vw,4rem)/1.14 var(--font-greeting);letter-spacing:-.025em;white-space:nowrap;margin:0}.playground-descriptor{font:700 clamp(1.3rem,2.2vw,2.2rem)/1.15 var(--font-display);letter-spacing:-.04em;margin:.75rem 0 1rem}.playground-banner__copy>p:last-child{max-width:46ch;font-size:clamp(.95rem,1.15vw,1.08rem);line-height:1.6;color:#535944}.playground-builder{position:relative;align-self:stretch;overflow:hidden;margin-left:-10%;z-index:1}.playground-builder img{position:absolute;top:12px;left:-12%;width:125%;max-width:none;height:auto;transform-origin:center 65%}.playground-experiments,.play-featured{padding:2rem clamp(1.5rem,3vw,3rem)}.playground-spread{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,5vw,4.5rem);align-items:start}.play-project{min-width:0;position:relative}.playground-spread>.play-project{display:grid;grid-template-rows:auto auto;height:100%;align-content:start}.play-media{position:relative;min-width:0;margin:0;isolation:isolate;background:var(--surface);padding:8px;box-shadow:0 2px 8px #26300e0c}.play-media__stage{position:relative;aspect-ratio:4/5;display:grid;place-items:center;overflow:hidden;background:#f8f4e8}.play-media video{display:block;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;object-fit:contain;background:#f8f4e8}.play-media--haunted .play-media__stage,.play-media--haunted video{background:#06252e}.play-media__caption{position:absolute;left:1.2rem;right:1.2rem;bottom:4.2rem;font:500 1.05rem/1.2 var(--font-annotation);color:var(--ink);background:var(--paper);width:fit-content;max-width:calc(100% - 2.4rem);padding:.2rem .4rem;opacity:0;transition:opacity var(--duration-quick);pointer-events:none}.play-media:hover .play-media__caption,.play-media:focus-within .play-media__caption{opacity:1}.play-video-controls{position:absolute;bottom:18px;left:18px;right:18px;display:flex;gap:.4rem;justify-content:space-between;align-items:center}.play-video-controls button{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border:1px solid var(--line);border-radius:var(--radius-pill);background:#fffdf6f2;min-height:44px;font-size:.72rem;color:var(--ink)}.play-video-controls img{width:14px;height:14px}.play-video-silent{font-size:.65rem;background:#fffdf6eb;border-radius:var(--radius-pill);padding:.3rem .5rem;color:var(--ink)}.play-media-error{position:absolute;inset:auto 12px 72px;padding:.75rem;background:var(--paper);font-size:.8rem;color:var(--ink)}.play-media.is-error .play-video-controls{display:none}.play-project__copy{padding-top:1.3rem}.play-project h2{font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.12;letter-spacing:-.04em;margin:0 0 .7rem}.play-highlight{position:relative;isolation:isolate;display:inline-block}.play-highlight:before{content:"";position:absolute;z-index:-1;left:-.15em;right:-.15em;top:40%;bottom:-8%;background:url(/assets/playground/highlight.webp) center/100% 100% no-repeat;clip-path:inset(0 100% 0 0);transition:clip-path .45s var(--ease-soft);pointer-events:none}.play-project:has(.play-project__actions a:hover) .play-highlight:before,.play-project:has(.play-project__actions button:hover) .play-highlight:before,.play-project:has(.play-project__actions :focus-visible) .play-highlight:before{clip-path:inset(0 0 0 0)}.play-project__kind{font-size:.7rem;line-height:1.4;font-weight:600;letter-spacing:.11em;text-transform:uppercase;margin:0 0 .65rem;color:var(--muted)}.play-project__copy>p:not(.play-project__kind){font-size:1rem;line-height:1.6;max-width:44ch;margin-top:0}.play-project__actions{margin-top:.65rem;display:flex;align-items:start;flex-direction:column;gap:.1rem}.play-project__actions .text-link{font-weight:600;font-size:1rem;color:var(--accent);padding:0;background:none;border:0;text-decoration:underline;text-underline-offset:.25em;min-height:44px}.play-secondary-link{font-size:.8rem;min-height:44px;display:inline-flex;align-items:center;color:var(--muted)}.play-fish{position:absolute;width:clamp(60px,5.5vw,80px);right:-22px;top:17%;pointer-events:none;z-index:3;transform-origin:60% 80%}.play-project--barrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,5vw,4.5rem);align-items:start;border-top:1px solid var(--line);padding-top:2.5rem;margin-top:2.5rem}.play-barrow-cover{margin:0;background:var(--surface);padding:8px;box-shadow:0 2px 8px #26300e0c}.play-barrow-cover img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.play-project--barrow .play-project__copy{padding-top:0}.play-basket-note{display:flex;align-items:center;gap:.5rem;margin-top:.7rem;max-width:100%}.play-basket-note img{width:65%;max-width:250px;height:auto;transform-origin:50% 90%}.play-basket-note p{font:500 clamp(1.05rem,1.6vw,1.4rem)/1.1 var(--font-annotation);color:var(--muted);transform:rotate(-6deg);margin-left:-.5rem}.play-featured{padding-top:1.8rem;padding-bottom:2.75rem}.play-featured>h2{font-size:clamp(1.7rem,2.5vw,2.35rem);border-top:1px solid var(--line);padding-top:1.5rem;margin:0 0 1.5rem}.play-featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,5vw,4.5rem)}.play-feature{min-width:0}.play-feature__photo{display:block;overflow:hidden;aspect-ratio:16/9}.play-feature__photo img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease-soft)}.play-publication{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:.85rem 0 .35rem}.play-feature h3{font-size:clamp(1.1rem,1.7vw,1.5rem);line-height:1.25;letter-spacing:-.025em;max-width:32ch}.play-feature h3 a{text-decoration:none}.play-feature h3 a:hover,.play-feature h3 a:focus-visible{color:var(--accent);text-decoration:underline}.play-feature:has(a:hover) .play-feature__photo img{transform:scale(1.025)}.playground-contact{min-height:320px}.playground-contact h2{font-size:clamp(1.8rem,3vw,3rem)}.playground-contact p{max-width:46ch;margin-inline:auto}.playground-page .site-footer{padding-top:2rem}.play-project--barrow:has(.text-link:hover) .play-basket-note img,.play-project--barrow:has(.text-link:focus-visible) .play-basket-note img{animation:play-pencil-settle .65s ease-in-out 1}@keyframes play-pencil-settle{0%,to{transform:rotate(0)}35%{transform:rotate(-2deg)}70%{transform:rotate(1deg)}}.motion-paused .play-highlight:before,.motion-paused .play-feature__photo img{transition:none}.motion-paused .play-fish,.page-hidden .play-fish{animation-play-state:paused}@media(min-width:1440px){.playground-banner h1{font-size:3.7rem}}@media(max-width:1100px){.playground-banner{min-height:370px;grid-template-columns:1.35fr .65fr}.playground-banner__copy{width:111%;padding-left:1.5rem}.playground-banner h1{font-size:3.85vw}.playground-builder img{width:150%;left:-25%}.playground-experiments,.play-featured{padding-inline:1.5rem}.playground-spread,.play-project--barrow,.play-featured-grid{gap:2rem}.play-video-silent{display:none}.play-fish{right:-28px;width:64px}}@media(max-width:900px){.playground-banner{min-height:400px}.playground-banner h1{font-size:4.8vw}.playground-builder img{width:140%;left:-18%;top:5px}.playground-banner__copy{width:108%;padding-block:2rem}.playground-descriptor{font-size:1.8rem}.play-fish{right:-20px}.playground-experiments{padding-top:1.5rem}}@media(max-width:600px){.playground-banner{display:flex;flex-direction:column;min-height:0}.playground-banner__copy{width:100%;padding:2rem 1.5rem 0}.playground-banner h1{font-size:clamp(1.6rem,7.9vw,2.9rem);letter-spacing:-.03em}.playground-descriptor{font-size:1.65rem;margin:.65rem 0 .8rem}.playground-banner__copy>p:last-child{font-size:.95rem;max-width:35ch}.playground-builder{width:100%;height:280px;margin:0;align-self:center}.playground-builder img{width:82%;max-width:360px;left:50%;transform:translate(-50%);top:4px}.playground-landscape{object-position:66% center;opacity:.3}.playground-spread,.play-project--barrow{grid-template-columns:1fr;gap:2.5rem}.playground-spread>.play-project{max-width:440px;width:100%;margin-inline:auto}.playground-experiments{padding:1.5rem 1.5rem 1rem}.play-project h2{font-size:2.6rem}.play-project__copy>p:not(.play-project__kind){font-size:.98rem}.play-media__stage{aspect-ratio:4/5}.play-video-controls{left:15px;right:15px;bottom:15px}.play-video-silent{display:block;font-size:.6rem}.play-fish{right:-18px;width:66px;top:25%}.play-project--barrow{gap:1.25rem;padding-top:2rem;margin-top:2rem}.play-basket-note{max-width:330px}.play-basket-note img{width:65%}.play-basket-note p{font-size:1.35rem}.play-featured{padding:1rem 1.5rem 2rem}.play-featured-grid{grid-template-columns:1fr;gap:1.75rem}.play-featured>h2{font-size:2rem;margin-bottom:1.25rem}.play-feature h3{font-size:1.3rem;max-width:32ch}.playground-contact{min-height:330px}.playground-contact>div{max-width:90%}.playground-contact h2{font-size:clamp(1.75rem,7.4vw,2.2rem)}.playground-page .site-footer__inner{padding-inline:.25rem}}@media(prefers-reduced-motion:reduce){.play-highlight:before,.play-feature__photo img{transition:none}.play-fish,.play-basket-note img{animation:none!important}.playground-wind{display:none}}.play-project--barrow .play-project__kind{text-transform:none;letter-spacing:0;font-size:1.05rem;line-height:1.4;color:var(--ink)}@media(min-width:901px){.playground-layout>.notebook-index{padding-left:68px;padding-right:8px}.playground-layout>.notebook-index a{font-size:1.15rem;padding-inline:.1rem;white-space:nowrap}}.play-project__copy--illustrated{display:grid;grid-template-columns:minmax(0,1fr) 110px;column-gap:.9rem;align-items:start}.play-project__copy--illustrated>h2,.play-project__copy--illustrated>.play-project__kind{grid-column:1/-1}.play-project__description{grid-column:1;grid-row:3}.play-project__copy--illustrated>.play-project__actions{grid-column:1;grid-row:4}.play-project__copy--illustrated>.play-fish,.play-roxy-art{position:relative;grid-column:2;grid-row:3/span 2;inset:auto;top:auto;right:auto;width:110px;max-width:100%;height:auto;align-self:center;justify-self:center;pointer-events:none}.play-project__copy--illustrated>.play-fish{width:105px;transform-origin:50% 60%}@media(max-width:1100px){.play-project__copy--illustrated{grid-template-columns:minmax(0,1fr) 88px;gap:0 .6rem}.play-project__copy--illustrated>.play-fish,.play-roxy-art{width:88px}}@media(max-width:600px){.play-project--haunted{padding-right:0}.play-project__copy--illustrated{grid-template-columns:minmax(0,1fr) 82px;column-gap:.7rem}.play-project__copy--illustrated>.play-fish,.play-roxy-art{width:82px}.play-project__copy--illustrated>.play-fish{grid-row:3/span 2}}@media(prefers-reduced-motion:reduce){.play-project__copy--illustrated>.play-fish{animation:none!important}}.play-project__copy--illustrated>.play-fish{animation:none!important;transform:none!important}.play-project--barrow .play-project__actions{flex-direction:row;flex-wrap:wrap;column-gap:1.5rem;row-gap:.1rem}.playground-experiments>.play-project--barrow:first-child{margin-top:0;padding-top:0;border-top:0}.playground-experiments>.play-project--barrow+.playground-spread{margin-top:2.5rem;padding-top:2.5rem;border-top:1px solid var(--line)}@media(max-width:600px){.playground-experiments>.play-project--barrow+.playground-spread{margin-top:2rem;padding-top:2rem}}