.play-page,.play-viewer{--play-mount:#efe1c8;--play-mount-light:#f8ecd7}.play-viewer{--play-mount:#f6f2ea;--play-mount-light:#fffdf8}.play-page{color:#152c3c;background:#fff;min-height:100svh}.play-gallery{padding:120px 24px 48px}.play-heading{text-align:center;letter-spacing:normal;color:var(--electric-cyan-blue);margin:0 0 48px;font-family:Georgia,Times New Roman,serif;font-size:32px;font-style:italic;font-weight:700;line-height:1.15}.play-wall{pointer-events:none;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:32px 24px;max-width:800px;margin-inline:auto;display:grid}.play-artwork{width:100%;min-width:0;aspect-ratio:var(--work-ratio);cursor:pointer;color:#075f9c;pointer-events:auto;background:#f4f3ef;border:1px solid #19344d14;border-radius:0;padding:0;display:block;position:relative;box-shadow:0 4px 14px #152c3c08}.play-artwork img{width:100%;height:auto;aspect-ratio:var(--work-ratio);object-fit:contain;display:block}.play-board{pointer-events:none;display:none}.play-artwork:focus-visible,.play-viewer-close:focus-visible{outline-offset:6px;outline:3px solid #075f9c}.play-artwork:hover{border-color:#075f9c70;box-shadow:0 7px 22px #152c3c18}.play-thumbnail-fallback{place-content:center;gap:8px;height:100%;padding:12px;font-size:14px;display:grid}.play-thumbnail-fallback small{color:#52626d;font-size:11px}.play-film-mark{background:#fffffff2;border:1px solid #075f9c30;border-radius:50%;place-items:center;width:26px;height:26px;font-size:17px;line-height:1;display:grid;position:absolute;top:10px;left:10px}.play-film-preview{pointer-events:none;opacity:0;background:#111;transition:opacity .2s;display:block;position:absolute;inset:0;overflow:hidden}.play-film-preview[data-state=playing],.play-film-preview[data-state=paused]{opacity:1}.play-film-preview iframe{width:480px;height:360px;transform:scale(var(--preview-scale,0));transform-origin:0 0;pointer-events:none;border:0;position:absolute;top:0;left:0}@media (min-width:900px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.play-gallery{height:100svh;min-height:480px;padding:112px 0 32px;overflow:clip}.play-stage{perspective:1500px;height:100%;position:relative}.play-heading{z-index:2;transform:translate(-50%, -50%) perspective(700px) rotateX(var(--heading-x,0deg)) rotateY(var(--heading-y,0deg));transform-origin:50%;white-space:nowrap;pointer-events:none;margin:0;font-size:36px;position:absolute;top:50%;left:50%}.play-wall{--board-wall-x:calc(var(--gallery-rotate-x,0deg) * .7);--board-wall-y:calc(var(--gallery-rotate-y,0deg) * .8);max-width:none;transform-style:preserve-3d;transform:rotateX(var(--board-wall-x)) rotateY(var(--board-wall-y));margin:0;display:block;position:absolute;inset:0}.play-artwork{left:var(--tile-x);top:var(--tile-y);width:min(16.8vw, calc((100svh - 144px) * .31 * var(--work-ratio)));transform:translate(-50%, -50%) translate3d(calc(var(--gallery-shift-x,0) * var(--tile-travel)), calc(var(--gallery-shift-y,0) * var(--tile-travel)), var(--tile-z)) perspective(550px) rotateY(var(--tile-angle,0deg)) rotateX(var(--tile-pitch,0deg));backface-visibility:hidden;transform-style:preserve-3d;--board-rim:3px;position:absolute}.play-artwork[data-work-id=stop-motion],.play-artwork[data-work-id=artwork-02],.play-artwork[data-work-id=artwork-06],.play-artwork[data-work-id=artwork-11]{--board-rim:5px}.play-board{--board-depth:14px;inset:calc(-1 * var(--board-rim));transform-style:preserve-3d;display:block;position:absolute}.play-board>span{pointer-events:none;display:block;position:absolute}.play-board-front{border:var(--board-rim) solid var(--play-mount);border-top-color:var(--play-mount-light);border-bottom-color:#ddccaf;border-left-color:#f5e7cf;inset:0;transform:translateZ(.1px)}.play-board-back{transform:translateZ(calc(-1 * var(--board-depth)));background:#eadfc9;transition:box-shadow .26s;inset:0;box-shadow:6px 10px 20px #594a352e,2px 3px 6px #594a351f}.play-board-left,.play-board-right{width:var(--board-depth);transform-origin:0;height:100%;top:0;transform:rotateY(90deg)}.play-board-left{background:#f0e5d1;left:0}.play-board-right{background:#dfcfb4;left:100%}.play-board-top,.play-board-bottom{width:100%;height:var(--board-depth);transform-origin:top;left:0;transform:rotateX(-90deg)}.play-board-top{background:#fff5e3;top:0}.play-board-bottom{background:#cebc9e;top:100%}.play-artwork>img,.play-artwork>.play-thumbnail-fallback{backface-visibility:hidden;transform:translateZ(.2px)}.play-film-preview,.play-film-mark{transform:translateZ(.4px)}.play-artwork{transition:transform .26s cubic-bezier(.22,.7,.2,1),box-shadow .26s,border-color .26s}.play-artwork[data-lifted]{transform:translate(-50%, -50%) translate3d(calc(var(--gallery-shift-x,0) * var(--tile-travel)), calc(var(--gallery-shift-y,0) * var(--tile-travel)), var(--tile-z)) rotateY(calc(-1 * var(--board-wall-y))) rotateX(calc(-1 * var(--board-wall-x))) scale(1.06);box-shadow:0 10px 28px #152c3c20}.play-artwork,.play-artwork:hover,.play-artwork[data-lifted]{box-shadow:none}.play-artwork[data-lifted] .play-board-back{box-shadow:8px 14px 26px #594a3538,2px 3px 7px #594a351f}.play-artwork:nth-child(4n+1){--tile-x:16%;--tile-angle:40deg;--tile-z:-80px}.play-artwork:nth-child(4n+2){--tile-x:37%;--tile-angle:18deg}.play-artwork:nth-child(4n+3){--tile-x:62%;--tile-angle:-18deg}.play-artwork:nth-child(4n){--tile-x:84%;--tile-angle:-40deg;--tile-z:-80px}.play-artwork:first-child{--tile-x:14%}.play-artwork:nth-child(-n+4){--tile-y:13%;--tile-pitch:-7deg}.play-artwork:nth-child(n+5):nth-child(-n+8){--tile-y:50%}.play-artwork:nth-child(n+9){--tile-y:86%;--tile-pitch:7deg}.play-artwork:nth-child(5){--tile-x:10%;--tile-angle:44deg;--tile-z:-110px}.play-artwork:nth-child(6){--tile-x:26%;--tile-angle:26deg;--tile-z:-55px}.play-artwork:nth-child(7){--tile-x:71%;--tile-angle:-26deg;--tile-z:-55px}.play-artwork:nth-child(8){--tile-x:90%;--tile-angle:-44deg;--tile-z:-110px}.play-artwork[data-depth=far]{--tile-z:-160px;--tile-travel:3px}.play-artwork[data-depth=middle]{--tile-z:-75px;--tile-travel:9px}.play-artwork[data-depth=near]{--tile-z:-5px;--tile-travel:16px}.play-artwork[data-work-id=artwork-03]{--tile-z:-125px;--tile-travel:5px}.play-artwork[data-work-id=artwork-06]{--tile-z:-25px;--tile-travel:12px}.play-artwork[data-work-id=stop-motion]{--tile-z:-35px;--tile-travel:12px}.play-wall[data-count="13"] .play-artwork:nth-child(9){--tile-x:10%;--tile-y:87%;--tile-angle:40deg}.play-wall[data-count="13"] .play-artwork:nth-child(10){--tile-x:31%;--tile-y:85%;--tile-angle:20deg}.play-wall[data-count="13"] .play-artwork:nth-child(11){--tile-x:50%;--tile-angle:0deg}.play-wall[data-count="13"] .play-artwork:nth-child(12){--tile-x:66%;--tile-y:88%;--tile-angle:-20deg}.play-wall[data-count="13"] .play-artwork:nth-child(13){--tile-x:88%;--tile-y:88%;--tile-angle:-40deg}@media (max-width:1100px){.play-heading{font-size:32px}.play-artwork{width:min(15.68vw, calc((100svh - 144px) * .285 * var(--work-ratio)))}.play-artwork:nth-child(-n+4){--tile-y:16%}.play-artwork:nth-child(5){--tile-x:10%}.play-artwork:nth-child(6){--tile-x:27%}.play-artwork:nth-child(7){--tile-x:73%}.play-artwork:nth-child(8){--tile-x:90%}.play-wall[data-count="13"] .play-artwork:nth-child(9){--tile-x:10%;--tile-y:86%}.play-wall[data-count="13"] .play-artwork:nth-child(12){--tile-x:71%;--tile-y:85%}.play-wall[data-count="13"] .play-artwork:nth-child(13){--tile-x:90%;--tile-y:86%}}}.play-viewer{color:#152c3c;background:0 0;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:24px;position:fixed;inset:0;overflow:auto}.play-viewer[open]{justify-content:center;align-items:center;display:flex}.play-viewer::backdrop{background:0 0}.play-viewer-shade{z-index:-1;pointer-events:none;background:#2a241966;position:fixed;inset:0}.play-viewer-flight{z-index:2;object-fit:fill;transform-origin:0 0;pointer-events:none;visibility:hidden;max-width:none;position:fixed}.play-viewer[data-phase=opening] .play-viewer-content,.play-viewer[data-phase=closing] .play-viewer-content{visibility:hidden}.play-viewer-picture{position:relative}.play-viewer-underlay{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.play-viewer-picture>.play-viewer-media{width:100%;height:100%;position:relative}.play-viewer-picture>.play-media-message{background:var(--play-mount);position:relative}.play-viewer-panel{background:var(--play-mount);width:fit-content;min-width:min(360px,100%);max-width:min(1120px,100%);max-height:100%;padding:20px;overflow:auto;box-shadow:0 16px 64px #3d2f202e}.play-viewer-toolbar{z-index:1;background:var(--play-mount);justify-content:space-between;align-items:center;gap:16px;padding:0 0 18px;display:flex;position:sticky;top:-20px}.play-viewer-toolbar h2{margin:0;font-size:16px;font-weight:500;line-height:1.4}.play-viewer-toolbar h2 span{color:#596974;font-size:12px;font-weight:400;display:block}.play-viewer-close{background:var(--play-mount-light);color:#075f9c;cursor:pointer;border:1px solid #ddd5c7;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:8px 12px;font-size:13px;display:inline-flex}.play-viewer-close:hover{background:#fff}.play-viewer-close span{font-size:24px;font-weight:300;line-height:1}.play-viewer-content{place-items:center;display:grid}.play-viewer-media{width:auto;height:auto;object-fit:contain;max-block-size:calc(100dvh - 160px);max-inline-size:100%;margin-inline:auto;display:block}video.play-viewer-media{width:min(960px,100%)}.play-youtube{width:min(960px,100vw - 88px,177.778dvh - 373.333px);max-width:100%}.play-youtube iframe{aspect-ratio:16/9;background:#111;border:0;width:100%;height:auto;min-height:200px;display:block}.play-youtube a{color:#075f9c;text-align:right;text-underline-offset:3px;margin-top:12px;font-size:14px;display:block}.play-film-placeholder .play-viewer-media{max-block-size:calc(100dvh - 250px)}.play-media-message{color:#596974;max-width:52ch;margin:0;padding:20px 4px 4px;font-size:14px;line-height:1.6}.play-media-message strong,.play-media-message span{display:block}.play-media-message strong{color:#152c3c;font-weight:500}@media (max-width:599px){.play-gallery{padding:112px 24px 40px}.play-heading{margin-bottom:40px;font-size:28px}.play-wall{gap:24px 18px}.play-viewer,.play-viewer-panel{padding:12px}.play-viewer-toolbar{gap:10px;top:-12px}.play-viewer-toolbar h2{font-size:14px}.play-viewer-close{gap:6px;padding-inline:8px;font-size:12px}}@media (max-width:359px){.play-wall{grid-template-columns:minmax(0,1fr);gap:28px}.play-viewer-toolbar{flex-wrap:wrap;align-items:flex-start}}@media (min-width:768px){html[data-site-mode=dark] .play-page{color:#f3f6fb;background:#111a29}html[data-site-mode=dark] .play-page .play-heading{color:#a9d4ef}html[data-site-mode=dark] .play-page .play-artwork:focus-visible,html[data-site-mode=dark] .play-viewer .play-viewer-close:focus-visible,html[data-site-mode=dark] .play-viewer .play-youtube a:focus-visible{outline-offset:6px;outline:3px solid #a9d4ef}html[data-site-mode=dark] .play-viewer{--play-mount:#292c30;--play-mount-light:#353a40;color:#f1ede5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-site-mode=dark] .play-viewer .play-viewer-shade{background:#040a12a3}html[data-site-mode=dark] .play-viewer .play-viewer-panel{box-shadow:0 16px 64px #00000047,0 0 0 1px #e1e6ed1f}html[data-site-mode=dark] .play-viewer .play-viewer-toolbar h2 span,html[data-site-mode=dark] .play-viewer .play-media-message{color:#c0c6cb}html[data-site-mode=dark] .play-viewer .play-media-message strong{color:#f1ede5}html[data-site-mode=dark] .play-viewer .play-viewer-close{color:#b8d8f4;border-color:#58616d}html[data-site-mode=dark] .play-viewer .play-viewer-close:hover{background:#414953}html[data-site-mode=dark] .play-viewer .play-youtube a{color:#b8d8f4}}