.stage{transition:opacity .24s}.stage.is-dimmed{opacity:0;pointer-events:none;transition:opacity .2s}.canvas,.viewer{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.canvas img,.viewer img{-webkit-user-drag:none}@property --lens-r{syntax:"<length>";inherits:true;initial-value:0}.canvas{--tile-h:calc(clamp(230px, 51.5vh, 616px) * var(--near,1));--tile-w:var(--tile-h);--gap:0px;--lens-r:calc(var(--tile-h) / 2);overscroll-behavior:contain;cursor:grab;scrollbar-width:none;-ms-overflow-style:none;background:#fff;transition:--lens-r .26s;position:fixed;inset:0;overflow:auto}.canvas::-webkit-scrollbar{display:none}.canvas.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.canvas--empty{color:#8a8a8a;cursor:default;justify-content:center;align-items:center;display:flex}.stencil-defs .ink-flood{flood-color:rgb(var(--ink-rgb))}.stencil-defs{pointer-events:none;width:0;height:0;position:absolute}.layers{--lens-x:50%;--lens-y:50%;width:max-content;position:relative}.grid{grid-template-columns:repeat(var(--cols), var(--tile-w));grid-template-rows:repeat(var(--rows), var(--tile-h));gap:var(--gap);width:max-content;padding:max(22vh, calc(50vh - var(--tile-h) / 2)) max(22vw, calc(50vw - var(--tile-w) / 2));display:grid}.lens{pointer-events:none;-webkit-mask-image:radial-gradient(circle var(--lens-r) at var(--lens-x) var(--lens-y), #000 45%, #000000d9 62%, transparent 100%);-webkit-mask-image:radial-gradient(circle var(--lens-r) at var(--lens-x) var(--lens-y), #000 45%, #000000d9 62%, transparent 100%);mask-image:radial-gradient(circle var(--lens-r) at var(--lens-x) var(--lens-y), #000 45%, #000000d9 62%, transparent 100%);animation:1.1s ease-out .9s both lens-develops;position:absolute;top:0;left:0}.tile{width:var(--tile-w);aspect-ratio:1;background:#fff;margin:0;position:relative;overflow:hidden}.tile img,.tile video{object-fit:contain;-webkit-user-drag:none;width:100%;height:100%;display:block}.grid--stencil .tile img,.grid--stencil .tile video{filter:url(#flash-stencil)}.grid--stencil{-webkit-mask-image:radial-gradient(circle var(--lens-r) at var(--lens-x) var(--lens-y), transparent 52%, #00000047 76%, #000000b8 98%, #000 124%);-webkit-mask-image:radial-gradient(circle var(--lens-r) at var(--lens-x) var(--lens-y), transparent 52%, #00000047 76%, #000000b8 98%, #000 124%);mask-image:radial-gradient(circle var(--lens-r) at var(--lens-x) var(--lens-y), transparent 52%, #00000047 76%, #000000b8 98%, #000 124%)}.grain{z-index:1;pointer-events:none;position:fixed;inset:0}.grid--stencil .tile .sweep{will-change:transform}.sweep{pointer-events:none;width:200%;height:150%;transform:rotate(var(--rev-angle,0deg)) translateX(var(--rev-x,0%));background:linear-gradient(90deg,#fff 0 87.5%,#fff0 100%);position:absolute;top:-25%;left:-50%}.canvas--grid .sweep{opacity:calc(1 - var(--rev-fade,0));background:#fff;transform:none}@media (prefers-reduced-motion:reduce){.sweep{display:none}}@keyframes lens-develops{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.lens{animation:none}}.depth{z-index:1;pointer-events:none;position:fixed;inset:0}.depth__edge{opacity:0;will-change:opacity;--vignette-stops:rgb(var(--ink-rgb) / 0) 0%, rgb(var(--ink-rgb) / calc(var(--vignette) * .2)) 50%, rgb(var(--ink-rgb) / calc(var(--vignette) * .55)) 81%, rgb(var(--ink-rgb) / var(--vignette)) 100%;position:absolute}.depth__edge--l,.depth__edge--r{width:calc((100% - var(--vignette-start)) / 2);top:0;bottom:0}.depth__edge--t,.depth__edge--b{height:calc((100% - var(--vignette-start)) / 2);left:0;right:0}.depth__edge--l{background:linear-gradient(to left, var(--vignette-stops));left:0}.depth__edge--r{background:linear-gradient(to right, var(--vignette-stops));right:0}.depth__edge--t{background:linear-gradient(to top, var(--vignette-stops));top:0}.depth__edge--b{background:linear-gradient(to bottom, var(--vignette-stops));bottom:0}.grid--stencil .tile{will-change:transform, opacity}@supports not (filter:url(#flash-stencil)){.grid--stencil .tile img,.grid--stencil .tile video{filter:grayscale()brightness(1.15)sepia()hue-rotate(215deg)saturate(4)}}.viewer__paper{background:#fff;animation:.56s ease-out both paper-fills;position:fixed;inset:0}.viewer.is-leaving .viewer__paper{animation:.6s ease-out both paper-empties}@keyframes paper-fills{0%{opacity:0}to{opacity:1}}@keyframes paper-empties{0%{opacity:1}to{opacity:0}}.viewer{z-index:5;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:44px;display:flex;position:fixed;inset:0}.viewer__sheet{transform-origin:50%;cursor:zoom-in;justify-content:center;align-items:center;width:84vw;height:74vh;line-height:0;display:flex}.viewer.is-zoomed .viewer__sheet{cursor:grab}.viewer__hint{color:#111;opacity:.4;font-family:var(--font-mono), ui-monospace, "SFMono-Regular", monospace;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;font-size:13px;transition:opacity .22s;display:none;position:absolute;top:7vh;left:50%;translate:-50%}@media (hover:none) and (pointer:coarse){.viewer__hint{display:block}}.viewer.is-zoomed .viewer__hint,.viewer.is-leaving .viewer__hint{opacity:0}.viewer.is-zoomed.is-panning .viewer__sheet{cursor:grabbing}.viewer__sheet img,.viewer__sheet video{visibility:hidden;-webkit-user-drag:none;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.viewer__sheet.is-developed img,.viewer__sheet.is-developed video{visibility:visible}.viewer__grain{pointer-events:none;position:fixed;top:0;left:0}.viewer.is-leaving:not(.is-walking),.viewer--bare{pointer-events:none}.viewer--bare .viewer__paper,.viewer--bare .viewer__hint,.viewer--bare .viewer__step,.viewer--bare .viewer__foot{display:none}.viewer.is-leaving:not(.is-walking) .viewer__foot{opacity:0;transition:opacity .16s}@media (hover:none) and (pointer:coarse){.viewer.is-leaving:not(.is-walking) .viewer__foot{transition:opacity .16s .2s}}.viewer.is-stepped .viewer__paper,.viewer.is-stepped .viewer__step,.viewer.is-stepped .viewer__bar>*,.viewer.is-stepped .arrives{animation:none}@media (hover:hover){.viewer.is-settling .viewer__action:hover:before,.viewer.is-settling .viewer__action:hover:after{transition:none}}.viewer__step.is-held{opacity:1;color:#fff}.viewer__step.is-held:before{opacity:1}.viewer__step.is-held:after{width:100%}.viewer.is-stepped .viewer__number .arrives{animation:.32s backwards arrive}.viewer__step{isolation:isolate;color:#111;font-family:var(--font-mono), ui-monospace, "SFMono-Regular", monospace;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;opacity:.4;--beat:1.25s;background:0 0;border:0;border-radius:999px;padding:4px 10px;font-size:13px;transition:opacity .18s,color .24s;position:absolute;top:50%;translate:0 -50%}.viewer__step--back{left:20px}.viewer__step--on{right:20px}@media (hover:hover){.viewer__step:hover{opacity:1;color:#fff;outline:none}.viewer__step:hover:before{opacity:1;transition:none}.viewer__step:hover:after{width:100%;transition-delay:0s}}.viewer__step:focus-visible{opacity:1;color:#fff;outline:none}.viewer__step:focus-visible:before{opacity:1;transition:none}.viewer__step:focus-visible:after{width:100%;transition-delay:0s}.viewer.is-leaving:not(.is-walking) .viewer__step{opacity:0;pointer-events:none}.viewer__foot{flex-direction:column;align-items:center;transition:translate .26s;display:flex;position:relative}.viewer__foot.is-offering{translate:0 -20px}.viewer__after{width:max-content;max-width:92vw;font-family:var(--font-mono), ui-monospace, "SFMono-Regular", monospace;letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;align-items:center;font-size:13px;animation:.26s backwards arrive;display:flex;position:absolute;top:100%;left:50%;translate:-50% 14px}.viewer__bar{font-family:var(--font-mono), ui-monospace, "SFMono-Regular", monospace;letter-spacing:.06em;text-transform:uppercase;cursor:default;align-items:center;gap:18px;font-size:13px;display:flex}.viewer__bar>*,.viewer__after>*{isolation:isolate;position:relative}.viewer__number{color:#111;padding:4px 10px}.viewer__action{color:rgb(var(--ink-rgb));font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 10px;text-decoration:none;transition:color .24s}.viewer__action--plain{color:#111}.viewer__action--had{color:#111;opacity:.4;cursor:default}.viewer__action--had:before,.viewer__action--had:after{display:none}.viewer__action:before,.viewer__action:after,.viewer__step:before,.viewer__step:after{content:"";z-index:-1;background:rgb(var(--ink-rgb));border-radius:999px;position:absolute;top:0;bottom:0;left:50%;translate:-50%}.viewer__action:before,.viewer__step:before{aspect-ratio:1;opacity:0;transition:opacity .16s .24s}.viewer__action:after,.viewer__step:after{width:0;transition:width .24s}.viewer__action--plain:before,.viewer__action--plain:after,.viewer__step:before,.viewer__step:after{background:#111}@media (hover:hover){.viewer__action:not(.viewer__action--had):hover{color:#fff;outline:none}.viewer__action:not(.viewer__action--had):hover:before{opacity:1;transition:none}.viewer__action:not(.viewer__action--had):hover:after{width:100%;transition-delay:0s}}.viewer__action:not(.viewer__action--had):focus-visible,.viewer__action:not(.viewer__action--had)[data-tapped]{color:#fff;outline:none}.viewer__action:not(.viewer__action--had):focus-visible:before,.viewer__action:not(.viewer__action--had)[data-tapped]:before{opacity:1;transition:none}.viewer__action:not(.viewer__action--had):focus-visible:after,.viewer__action:not(.viewer__action--had)[data-tapped]:after{width:100%;transition-delay:0s}.viewer.is-walking .viewer__paper{opacity:1;animation:none}.viewer.is-walking .viewer__number .arrives{animation:.26s both leave}@keyframes leave{0%{opacity:1}to{opacity:0}}@keyframes viewer-opens{0%{opacity:0}to{opacity:1}}.grid--stencil .tile{cursor:pointer}.canvas.is-dragging .tile{cursor:grabbing}.grid--stencil .tile:focus-visible{outline:2px solid rgb(var(--ink-rgb));outline-offset:-6px}.tile--dropped{opacity:0;pointer-events:none;transition:opacity .32s}.canvas--grid{--across:3;--edge:60px;--gap:40px;--tile-h:calc((100vw - var(--edge) * 2 - var(--gap) * (var(--across) - 1)) / var(--across));overflow-x:hidden}.canvas--grid .grid{padding:120px 60px}@media (max-width:767px){.canvas--grid{--across:2;--edge:12px;--gap:10px}.canvas--grid .grid{padding:64px 12px}}.canvas--grid .grid--stencil{-webkit-mask-image:none;mask-image:none}.canvas--grid .grid--stencil .tile img{filter:none}.canvas--grid .lens,:root[data-plain] .canvas--explore .lens{display:none}:root[data-plain] .canvas--explore .grid--stencil{-webkit-mask-image:none;mask-image:none}:root[data-plain] .canvas--explore .grid--stencil .tile img,:root[data-plain] .canvas--explore .grid--stencil .tile video{filter:none}:root[data-plain] .canvas--explore .grid--stencil .tile .sweep{will-change:auto}@media (max-width:767px){.canvas--explore .lens{display:none}.canvas--explore .grid--stencil{-webkit-mask-image:none;mask-image:none}.canvas--explore .grid--stencil .tile img,.canvas--explore .grid--stencil .tile video{filter:none}.canvas--explore .grid--stencil .tile .sweep{will-change:auto}}