@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/press-start-2p-latin.woff2) format("woff2")}:root{--colour-bg: #000000;--colour-name-face: #4c68fa;--colour-name-edge: #a3b3ff;--colour-caption: #8f97b8;--colour-text: #e9ecf8;--colour-muted: #8f97b8;--colour-line: #232a45;--colour-accent: #4c68fa;--font-pixel: "Press Start 2P", monospace;--font-body: ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", sans-serif;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 40px;--space-5: 64px;--section-pad: clamp(var(--space-3), 5vw, var(--space-5))}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-anchor:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{timeline-scope:--milk;margin:0;background:var(--colour-bg);color:var(--colour-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}h2{margin:0 0 var(--space-4);font-family:var(--font-pixel);font-size:clamp(14px,3vw,20px);font-weight:400;line-height:1.6;color:var(--colour-name-face)}.section{padding:var(--section-pad)}.section+.section{border-top:1px solid var(--colour-line)}.milk{--milk-edge: #ffffff;--milk-bridge: 32px;margin-top:max(calc(-9vh - 56px),calc(60px - 50vw));view-timeline-name:--milk;padding-top:var(--milk-bridge);background:linear-gradient(#ffffff,var(--milk-edge)) top / 100% var(--milk-bridge) no-repeat,var(--milk-edge)}.milk__image{display:block;width:100%;height:auto}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hero{--beak-x: 0px;--beak-y: 0px;position:relative;height:100vh;height:100svh;padding:0;overflow:hidden}.hero__stage{display:block;width:100%;height:100%;cursor:crosshair}.hero__visit{position:absolute;left:calc(var(--beak-x) - 12px);top:max(8px,calc(var(--beak-y) - 27px));z-index:1;width:max-content;max-width:min(240px,calc(var(--beak-x) - 24px));transform:translate(-100%);padding:12px 16px;background:#000;border:3px solid var(--colour-name-face);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s steps(4,end),visibility 0s}.hero--said .hero__visit{opacity:1;visibility:visible;pointer-events:auto}.hero__visit:after{content:"";position:absolute;right:-9px;top:22px;width:10px;height:10px;background:#000;border-right:3px solid var(--colour-name-face);border-bottom:3px solid var(--colour-name-face);transform:rotate(-45deg)}.hero__visit-toggle{display:block;margin:0;padding:0;border:0;background:none;font-family:var(--font-pixel);font-size:10px;line-height:1.6;color:var(--colour-name-face);cursor:pointer}.hero__visit-toggle:hover,.hero__visit-toggle:focus-visible{color:var(--colour-name-edge)}.hero__links{display:none;flex-direction:column;gap:10px;margin:var(--space-2) 0 0;padding:0;list-style:none}.hero--visit-open .hero__links{display:flex}.hero__links .find-me__link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:0;border:0;font-family:var(--font-pixel);font-size:11px;line-height:1.6;color:var(--colour-text);text-decoration:none;transition:color .12s}.hero__links .find-me__link:hover,.hero__links .find-me__link:focus-visible{color:var(--colour-name-edge)}.hero__links .find-me__mark{color:var(--colour-muted);opacity:0;transition:opacity .12s,color .12s}.hero__links .find-me__link:hover .find-me__mark,.hero__links .find-me__link:focus-visible .find-me__mark{opacity:1;color:var(--colour-accent)}@media(prefers-reduced-motion:reduce){.hero__visit,.hero__visit-toggle,.hero__links .find-me__link,.hero__links .find-me__mark{transition:none}}.pixel-bridge{display:block;height:36vh;padding:0;overflow:hidden;background:#fff;line-height:0}.pixel-bridge__canvas{display:block;width:100%;height:100%}.pixel-bridge+.gallery{border-top:0}.gallery{background:#fff;color:#111318;padding-bottom:24px}.gallery h2{color:#111318}.gallery__grid{--grid-height: var(--grid-height-sm);position:relative;container-type:inline-size;padding-bottom:calc(var(--grid-height) * 100% + 175vh)}.gallery__tile{--x: var(--x-sm);--y: var(--y-sm);--w: var(--w-sm);--cx: var(--cx-sm, 0);--cy: var(--cy-sm, 0);--sc: var(--sc-sm, .35);--dxm: var(--dxm-sm, 0);--dym: var(--dym-sm, 0);--d-a: var(--d-a-sm, 200);--d-b: var(--d-b-sm, 201);--grow: var(--grow-sm, 0);--sh-a: var(--sh-a-sm, 100);--sh-b: var(--sh-b-sm, 100);--hold-a: var(--hold-a-sm, 100);--hold-off: calc(var(--h, 0) * var(--ride, 150));position:absolute;top:0;left:calc((var(--x) + var(--cx) * var(--v, 0)) * 100%);width:calc(var(--w) * 100%);margin:calc((var(--y) + var(--cy) * var(--v, 0)) * 100% + var(--hold-off) * 1vh) 0 0;padding:0;translate:calc(var(--dxm) * var(--d, 0) * 100cqw) calc(var(--dym) * var(--d, 0) * 100cqw);scale:calc((1 - (1 - var(--zoom, 1)) * var(--grow)) * (1 - (1 - var(--sc)) * var(--v, 0)) * (1 - .8 * var(--d, 0)))}@media(min-width:700px){.gallery__grid{--grid-height: var(--grid-height-md)}.gallery__tile{--x: var(--x-md);--y: var(--y-md);--w: var(--w-md);--cx: var(--cx-md, 0);--cy: var(--cy-md, 0);--sc: var(--sc-md, .35);--dxm: var(--dxm-md, 0);--dym: var(--dym-md, 0);--d-a: var(--d-a-md, 200);--d-b: var(--d-b-md, 201);--grow: var(--grow-md, 0);--sh-a: var(--sh-a-md, 100);--sh-b: var(--sh-b-md, 100);--hold-a: var(--hold-a-md, 100)}}@media(min-width:1100px){.gallery__grid{--grid-height: var(--grid-height-lg)}.gallery__tile{--x: var(--x-lg);--y: var(--y-lg);--w: var(--w-lg);--cx: var(--cx-lg, 0);--cy: var(--cy-lg, 0);--sc: var(--sc-lg, .35);--dxm: var(--dxm-lg, 0);--dym: var(--dym-lg, 0);--d-a: var(--d-a-lg, 200);--d-b: var(--d-b-lg, 201);--grow: var(--grow-lg, 0);--sh-a: var(--sh-a-lg, 100);--sh-b: var(--sh-b-lg, 100);--hold-a: var(--hold-a-lg, 100)}}.gallery__image{display:block;width:100%;height:auto}@property --zoom{syntax: "<number>"; inherits: false; initial-value: 1;}@property --v{syntax: "<number>"; inherits: false; initial-value: 0;}@property --h{syntax: "<number>"; inherits: false; initial-value: 0;}@property --d{syntax: "<number>"; inherits: false; initial-value: 0;}@keyframes tile-grow{0%{--zoom: .5}to{--zoom: 1}}@keyframes gallery-shrink{0%{--v: 0}to{--v: 1}}@keyframes gallery-hold{0%{--h: 0}to{--h: 1}}@keyframes gallery-drain{0%{--d: 0}to{--d: 1}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.gallery__grid{view-timeline-name:--archive}.gallery__tile{animation-name:tile-grow,gallery-shrink,gallery-hold,gallery-drain;animation-timing-function:ease-in-out,ease-in-out,linear,ease-in;animation-fill-mode:both,both,both,both;animation-timeline:view(),--archive,--archive,--archive;animation-range:entry 0% cover 35%,contain calc(var(--sh-a) * 1%) contain calc(var(--sh-b) * 1%),contain calc(var(--hold-a) * 1%) exit calc(var(--hold-past, 0) * 1%),contain calc(var(--d-a) * 1%) contain calc(var(--d-b) * 1%)}}}
