@layer scene{@font-face{font-family:Display;font-weight:200 800;src:url(/experience/assets/display-DLoelf7F.woff2)format("woff2")}@font-face{font-family:Body;src:url(/experience/assets/body-Cre6nC2_.woff2)}:root{--ink:#242342;--paper:#f2e1bc;--cream:#fff0cd;--coral:#e5aa87;--teal:#729c91;--edge:#453c38;--display:Display, sans-serif;--body:Body, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:#9a8169 var(--ink);overscroll-behavior-y:none}body{height:calc(100vh + var(--journey,16000px));background:var(--ink);color:var(--cream);font-family:var(--body);margin:0;font-size:16px}button,input,textarea,select{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}button,a{color:inherit}button{cursor:pointer;border-radius:0}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--cream);outline-offset:5px}::selection{color:#fff6db;background:#a25b39}a{text-underline-offset:4px}button svg{fill:none;stroke:currentColor;stroke-width:2px;width:30px;height:30px}button:active{translate:0 2px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#viewport{background:var(--ink);position:fixed;inset:0;overflow:hidden}#animation{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.coffee-game{pointer-events:auto;min-width:120px;min-height:44px;padding:8px 12px;font-size:18px;position:absolute}#objects{pointer-events:none;position:absolute;inset:0}.object{pointer-events:auto;background:0 0;border:0;min-width:44px;min-height:44px;position:absolute}.object:focus-visible{outline-offset:-4px;outline:3px solid #f9e7bb}.object span{translate:calc(-50% + var(--nudge,0px)) 0;white-space:normal;text-align:center;color:#292125;width:max-content;max-width:min(180px,42vw);font:600 18px / 1.3 var(--body);pointer-events:none;background:#fff0cd;border:2px solid #bfa782;padding:8px 12px;position:absolute;bottom:100%;left:50%}#intro{visibility:hidden;text-align:center;pointer-events:none;width:100%;padding:0 20px;position:absolute}#intro p{font:650 clamp(20px, 2vw, 27px) / 1.4 var(--display);margin:0 0 18px}.quiet{font:650 19px var(--display);color:#e6d6b7;pointer-events:auto;background:0 0;border:0;padding:10px 0}.quiet:hover{text-underline-offset:6px;text-decoration:underline}#place-name{font:650 18px var(--display);text-shadow:0 2px 4px #000;pointer-events:none;position:absolute;bottom:84px;right:28px}.pixel-button{font:650 20px var(--display);color:#231e21;background:#c59670;border:3px solid #715844;border-color:#efd0a0 #715844 #715844 #d9b186;padding:10px 21px;box-shadow:0 4px 8px #251b294d}.talk{z-index:10;color:#fff7df;min-height:56px;font:600 20px / 1.2 var(--body);background:#205649;border:3px solid #fff0cd;padding:12px 24px;position:fixed;top:24px;right:24px;box-shadow:0 3px #112f29,0 5px 16px #15121b80}.talk:hover{background:#163e35}.cassette{z-index:12;filter:drop-shadow(0 4px 8px #0007);position:fixed;bottom:24px;left:24px}#music-hint{border:2px solid var(--ink);background:var(--paper);width:235px;max-width:calc(100vw - 48px);color:var(--ink);font:600 16px / 1.35 var(--body);padding:12px 15px;position:absolute;bottom:calc(100% + 15px);left:0;box-shadow:4px 4px #1d1325b3}#music-hint:after{content:"";border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--paper);width:12px;height:12px;position:absolute;bottom:-8px;left:26px;rotate:45deg}@media (width<=700px){#intro{padding-bottom:56px}#music-hint{width:max-content;max-width:calc(100vw - 32px);padding:10px 12px;font-size:13px}}#music-toggle{font:600 18px / 1.2 var(--body);color:#e4d2ac;background:#554e43;border:3px solid #302c29;border-color:#a3987d #302c29 #302c29 #a3987d;align-items:center;gap:9px;padding:5px 9px;display:flex}#music-toggle svg{width:44px;height:30px;display:block}#music-controls{width:260px;max-height:calc(100dvh - 110px);font:17px / 1.35 var(--body);background:#554e43;border:4px solid #302c29;border-color:#a3987d #302c29 #302c29 #a3987d;padding:14px;position:absolute;bottom:62px;left:0;overflow-y:auto;box-shadow:0 8px 24px #0007}.tape-label{color:#312d2b;background:#dfcca5;border:3px solid #302d29;gap:10px;padding:8px 12px;display:grid}.tape-reels{justify-content:space-between;padding:0 15px;display:flex}.tape-reels i{background:#292c30;border:5px dashed #726655;border-radius:50%;width:26px;height:26px}.playing .tape-reels i{animation:3s linear infinite reel}@keyframes reel{to{rotate:360deg}}.transport{justify-content:space-between;align-items:center;margin:12px 0;display:flex}.transport button{color:#282729;font:650 18px var(--display);background:#d5c19c;border:2px outset #d1c3a7;min-height:40px;padding:5px 14px}.transport output{font-variant-numeric:tabular-nums;font-size:15px}#music-controls label{align-items:center;gap:12px;margin:10px 0;display:flex}input[type=range]{accent-color:#e7c291;width:100%;min-width:0;height:24px}#music-controls a{font-size:14px}#audio-status{font:13px var(--body);margin-top:8px;display:block}.scene-copy{color:#412c25;scrollbar-width:thin;scrollbar-color:#9c8160 transparent;max-width:410px;font:19px / 1.55 var(--body);padding:0;position:absolute;overflow:auto}.scene-copy h2{font:650 clamp(27px, 3vw, 46px) / 1.02 var(--display);margin:0 0 18px;font-weight:500}#intro p span{text-wrap:balance;display:block}.scene-copy p{margin:0 0 20px}.side-action{font:650 18px var(--display);text-underline-offset:5px;min-height:44px;color:inherit;background:0 0;border:0;padding:12px 0;text-decoration:underline;display:block}.scene-copy.kinselas{color:#512733}.scene-copy.arrival{color:#352e33;background:#ece1bd;border:6px solid #75645a;max-width:400px;padding:24px;top:15%;left:7%}.scene-copy.office{background:#f7dee0;border-color:#ab6c80}.scene-copy.arrival h2{font-size:36px}dialog{background:var(--paper);color:#292125;scrollbar-color:#85725b var(--paper);width:min(840px,100% - 48px);max-height:calc(100dvh - 60px);font:19px / 1.6 var(--body);border:7px solid #655448;border-color:#c0a884 #655448 #655448 #aa9277;margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:0 20px 70px #0008}dialog::backdrop{background:#101626bc}dialog[open]{animation:.25s ease-out unfold}@keyframes unfold{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.panel-top{z-index:2;font:650 18px var(--display);background:#d4c2a0;border-bottom:2px solid #b6a386;justify-content:space-between;align-items:center;padding:12px 22px;display:flex;position:sticky;top:0}.close{color:#332b26;font:650 18px var(--display);background:0 0;border:0;min-height:44px;padding:4px 12px}.close:hover{background:#bda784}#panel-content{padding:30px 38px 38px}dialog h1,dialog h2,dialog h3{font-family:var(--display);font-weight:650;line-height:1.16}dialog h1,dialog h2#panel-title{margin:0 0 20px;font-size:38px}dialog #panel-title:focus{outline:none}dialog h2{margin:30px 0 12px;font-size:27px}dialog h3{font-size:24px}dialog p{max-width:65ch;margin:0 0 18px}dialog a{color:#6d391f}dialog :is(button,a,input,textarea,summary):focus-visible{outline-offset:3px;outline:3px solid #355c52}dialog .pixel-button{font-size:19px}.book-tabs{border-bottom:2px solid #b6a386;flex-wrap:wrap;gap:8px;margin-bottom:26px;padding-bottom:15px;display:flex}.book-tabs button,.choice{font:650 19px var(--display);color:#332e27;background:#d6c29c;border:2px solid #8c7962;min-height:44px;padding:8px 14px}.book-tabs button[aria-current=true]{color:#f8eacb;background:#364e45}.place-list{display:grid}.place-list button{text-align:left;font:650 23px var(--display);color:#372e29;background:0 0;border:0;border-bottom:1px solid #b6a386;justify-content:space-between;align-items:center;gap:16px;padding:16px 2px;display:flex}.place-list button:hover{color:#77563e}.place-list span{font:15px var(--body);color:#6e5748}details{border-bottom:1px solid #b6a386;padding:16px 0}summary{cursor:pointer;padding:4px 0;font-size:18px;font-weight:600}details p{margin:15px 0 4px}form{gap:16px;display:grid}form label{font:600 18px / 1.4 var(--body);gap:6px;display:grid}input:not([type=range]),textarea{color:#302a28;width:100%;min-height:48px;font:18px / 1.4 var(--body);caret-color:#75432c;background:#fff2d5;border:2px solid #a28c6e;padding:11px 12px}textarea{resize:vertical;min-height:120px}form .pair{grid-template-columns:1fr 1fr;gap:18px;display:grid}.small-note{color:#44352d;font-size:16px}.doc-body h1{display:none}.settings-row{justify-content:space-between;align-items:center;gap:20px;padding:12px 0;display:flex}.settings-row button{min-width:100px}.policy-document nav{display:none}dialog.destination{width:100%;max-width:none;height:100dvh;max-height:none;box-shadow:none;border:0;margin:0;animation:none;overflow:hidden}@keyframes arrive{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.destination .panel-top{background:0 0;border:0;padding:0;position:absolute;top:20px;right:24px}.destination #panel-kind{display:none}.destination .close{color:#332b26;background:#ddc098;border:3px outset #bea480;padding:8px 24px;font-size:20px}.destination #panel-content{padding:0}.play-places{grid-template-columns:1fr 1fr;gap:20px;display:grid}.play-places button{text-align:left;font:650 24px var(--display);color:#ffe9c3;background:#432d2c;border:0;padding:0}.play-places img{object-fit:cover;width:100%;height:180px;display:block}.play-places span{padding:15px;display:block}#room{z-index:3;background:#152238;animation:none;position:fixed;inset:0;overflow:hidden}#room[data-room=office]{background:#152f51}#room[data-room=studio]{background:#29171f}@keyframes room-arrival{0%{opacity:.6;transform:scale(1.09)}to{opacity:1;transform:scale(1)}}#room-canvas{touch-action:pan-y;position:absolute;inset:0}#room-objects{pointer-events:none;position:absolute;inset:0}#threshold{z-index:50;pointer-events:none;clip-path:inset(0 50%);opacity:0;background:#252239;position:fixed;inset:0}#threshold.crossing{animation:.65s ease-in-out threshold}@keyframes threshold{0%{clip-path:inset(0 50%);opacity:1}38%,48%{clip-path:inset(0);opacity:1}to{clip-path:inset(0 50%);opacity:0}}@media (width<=899px){.scene-copy{background:#f2e1bc;width:calc(100% - 40px);max-width:410px;max-height:40vh;padding:22px;top:auto;bottom:100px;left:20px;box-shadow:4px 8px 25px #251b2959}.scene-copy h2{margin-bottom:8px;font-size:32px}.scene-copy p{margin-bottom:12px}.scene-copy .side-action{margin-left:12px;display:inline-block}.scene-copy .service{display:none}.scene-copy.arrival{top:auto;bottom:100px;left:20px}}@media (width<=700px){.talk{padding:8px 14px;font-size:18px;top:16px;right:16px}#place-name{display:none}.cassette{bottom:18px;left:14px}#intro p{font-size:18px;line-height:1.4}.quiet{font-size:18px}dialog{border-width:5px;width:calc(100% - 20px);max-height:calc(100dvh - 24px)}#panel-content{padding:23px 20px 28px}.panel-top{padding:7px 12px}dialog h1,dialog h2#panel-title{font-size:32px}dialog{font-size:18px}form .pair{grid-template-columns:1fr}.book-tabs{gap:6px}.book-tabs button{padding:6px 10px;font-size:17px}.place-list button{font-size:21px}.place-list span{font-size:13px}.object span{white-space:normal;max-width:220px;font-size:16px}.play-places{grid-template-columns:1fr}.play-places img{height:140px}}@media (height<=560px) and (width>=701px){.scene-copy h2{font-size:25px}.scene-copy{font-size:15px}.scene-copy p{margin-bottom:8px}.scene-copy .side-action{padding:8px 0}.scene-copy.arrival{padding:15px;top:85px}}.scene-copy.arrival{max-width:none;box-shadow:none;background:0 0;border:0;padding:0;top:auto;bottom:22%;left:44%}.scene-copy.arrival h2{display:none}@media (width<=899px){.scene-copy.arrival{white-space:nowrap;width:auto;bottom:25%;left:50%;translate:-50%}}.in-room #room-objects .object:hover{background:0 0}.in-room .object span{max-width:140px;font-size:17px}@media (width>=900px){.in-room .object[aria-label=Brand\ rollout] span{top:75%;bottom:auto}}.in-room .object[aria-label=Town\ Halls] span{left:40%}.in-room .object[aria-label=Project\ comms] span{left:65%}@media (height<=650px){.in-room .object span{max-width:100px;padding:6px 8px;font-size:16px}}@media (width<=699px){.in-room .object span{width:min-content;padding:5px 8px;font-size:15px}}.coffee-game{white-space:nowrap;padding:8px 10px;font-size:18px}@media (width<=899px){.scene-copy:not(.arrival){max-height:170px;padding:16px 20px;top:88px;bottom:auto}.scene-copy:not(.arrival) h2{margin-bottom:12px;font-size:28px}.scene-copy:not(.arrival)>p{display:none}.scene-copy:not(.arrival) .side-action{margin-left:10px}.scene-copy.arrival{bottom:16%;left:auto;right:18px;translate:0}}#boot-status{z-index:100;background:var(--ink);font:650 28px var(--display);flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:fixed;inset:0}#boot-status:not(.font-ready):has(button[hidden])>span{opacity:0}#transformations{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@media (width<=899px){.scene-copy.kinselas{width:auto;box-shadow:none;background:0 0;padding:0;inset:auto 16px 90px auto}.scene-copy.kinselas h2{display:none}}.scene-copy.kinselas{width:auto;box-shadow:none;background:0 0;padding:0;inset:auto 26px 122px auto}@media (width<=700px){.scene-copy.kinselas{bottom:88px;right:16px}}@property --iris{syntax:"<percentage>";inherits:false;initial-value:100%}#threshold.crossing{clip-path:none;opacity:1;pointer-events:auto;-webkit-mask-image:radial-gradient(circle at 50% 55%, transparent var(--iris), #000 calc(var(--iris) + 1px));mask-image:radial-gradient(circle at 50% 55%, transparent var(--iris), #000 calc(var(--iris) + 1px));animation:.8s ease-in-out doorway-iris}@keyframes doorway-iris{0%,to{--iris:100%}40%,55%{--iris:0%}}#music-toggle{padding:10px 15px}#music-controls{padding:24px 24px 60px;bottom:72px}.transport button{border:1px solid #a79371;box-shadow:0 2px #302d29}@media (width<=700px){.talk{min-height:52px;padding:11px 18px}}#galaxy{contain:strict;pointer-events:none;background:radial-gradient(85% 75% at 50% 45%,#151029 0%,#0d0a1d 52%,#07060f 100%);position:absolute;inset:0;overflow:hidden}#galaxy>*{position:absolute}#galaxy>.nebula{opacity:.95;will-change:transform}#galaxy>.veil{background:radial-gradient(75% 70% at 50% 45%,#0706100a 35%,#070610b8 100%);inset:0}#galaxy>.stars{width:100%;height:100%;inset:0}#actors{pointer-events:none;z-index:1;position:absolute;inset:0}#actors canvas{width:100%;height:100%;image-rendering:pixelated;display:block}#transformations{image-rendering:pixelated}#venue-shader{pointer-events:none;mix-blend-mode:screen;z-index:1;position:absolute}#actors{z-index:2}#objects,#intro,#scene-story,#place-name{z-index:3}.scene-copy.kinselas{color:#402936;box-shadow:none;background:0 0;bottom:auto;right:auto;overflow:auto}.scene-copy.kinselas h2{margin-bottom:14px;font-size:clamp(28px,2.8vw,40px);display:block}.scene-copy.kinselas p{margin-bottom:16px}.scene-copy.kinselas .service{font-size:17px}@media (width<=899px){.scene-copy.kinselas{background:#f2e1bc;max-width:240px;max-height:180px;padding:16px;inset:82px auto auto 16px}.scene-copy.kinselas h2{font-size:28px}.scene-copy.kinselas .service{display:block}.scene-copy.kinselas>p:not(.service){display:none}}#experience{height:calc(100vh + var(--journey,16000px))}.object:focus-visible{outline:none}.object:focus-visible:before,.object:focus-visible:after{content:"";pointer-events:none;border:2px solid #fff2d4;width:5px;height:16px;position:absolute;top:calc(50% - 8px)}.object:focus-visible:before{border-right:0;left:calc(50% - 24px)}.object:focus-visible:after{border-left:0;right:calc(50% - 24px)}#threshold.journey-iris,[data-factory-iris].journey-iris{opacity:1;pointer-events:none;clip-path:none;-webkit-mask-image:radial-gradient(circle at var(--iris-x) var(--iris-y), transparent var(--iris-radius), #000 calc(var(--iris-radius) + 2px));mask-image:radial-gradient(circle at var(--iris-x) var(--iris-y), transparent var(--iris-radius), #000 calc(var(--iris-radius) + 2px));background:#282431;animation:none}.scene-copy.pan-after{color:#101b13}#scene-story.story-artefact{box-shadow:none;pointer-events:none;color:#2a1d1a;background:0 0;border:0;max-width:none;max-height:none;padding:0;bottom:auto;right:auto;overflow:visible;container-type:size}.case-print{width:100%;height:100%;color:inherit;text-align:left;cursor:pointer;pointer-events:auto;background:0 0;border:0;flex-direction:column;gap:5cqh;padding:9cqw 9cqw 12cqw;display:flex}.case-print img{object-fit:cover;filter:saturate(.9)sepia(.12);flex:1;width:100%;min-height:0;transition:filter .2s ease-out;display:block;box-shadow:0 0 0 1px #2a1d1a33}.case-client{font:700 clamp(11px, 10cqw, 28px) / 1.05 var(--display);letter-spacing:-.01em;text-wrap:balance}.case-print:focus-visible img{filter:none}@media (hover:hover){.case-print:hover img{filter:none}.case-print:hover .case-client{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}}.case-print:focus-visible{outline:3px solid var(--cream);outline-offset:2px}#scene-story.story-artefact.kinselas{color:#3b1a26}#scene-story.story-artefact.pan-after{color:#1d3326}body[data-scene=pan-after] #scene-story{z-index:1}#enquiry .contact-trap{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}#enquiry .contact-app,#enquiry .contact-form-area{width:100%}#enquiry form{gap:16px;display:grid}#enquiry label{gap:6px;display:grid}#enquiry input,#enquiry textarea{box-sizing:border-box;width:100%}#enquiry .contact-short{width:100%}#enquiry .contact-status{min-height:1.5em;margin:0}#enquiry .ink-button{color:#332b26;font:650 20px var(--display);background:#ddc098;border:0;justify-self:start;align-items:center;gap:8px;padding:12px 18px;display:flex}#enquiry button:disabled{opacity:.6;cursor:wait}.destination{--accent:#a8452f}.destination.kinselas{--accent:#b14863}.destination.pan-after{--accent:#3c6b4f}.case-file{background:var(--paper);width:min(1040px,100% - 96px);height:min(660px,100dvh - 140px);color:var(--ink);border:2px solid var(--ink);grid-template-columns:minmax(0,1fr) minmax(0,.82fr);margin:auto;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:8px 8px #1d1325b3}.case-body{scrollbar-width:thin;scrollbar-color:#bfa782 transparent;grid-area:1/1;min-height:0;padding:36px 36px 28px;overflow:auto}.case-photo{border-left:2px solid var(--ink);background:#e9dcc1;grid-area:1/2;margin:0}.case-photo img{object-fit:cover;width:100%;height:100%;display:block}.case-meta{font:600 15px / 1.3 var(--body);color:var(--accent);flex-wrap:wrap;gap:2px 10px;margin:0 0 10px;display:flex}.case-meta span{color:#6b5a4c}.case-file :is(h2#panel-title,h2[data-title]){font:700 clamp(32px, 3.4vw, 44px) / 1.05 var(--display);letter-spacing:-.01em;color:var(--ink);margin:0 0 14px}.case-story{gap:14px;margin:0 0 24px;display:grid}.case-story dt{font:600 14px / 1.3 var(--body);color:var(--accent);margin-bottom:2px}.case-story dd{font:500 clamp(15px, 1.15vw, 17px) / 1.4 var(--display);margin:0}.case-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.case-visit{min-height:44px;font:600 16px var(--body);color:var(--ink);align-items:center;display:inline-flex}.case-visit:after{content:" ↗";white-space:pre}@media (width<=760px){.case-file{grid-template-rows:clamp(120px,26dvh,220px) minmax(0,1fr);grid-template-columns:1fr;width:calc(100% - 24px);height:calc(100dvh - 88px);margin:72px auto 16px}.case-photo{border-left:0;border-bottom:2px solid var(--ink);grid-area:1/1}.case-body{grid-row:2;padding:22px 20px 20px}.case-file :is(h2#panel-title,h2[data-title]){font-size:30px}.case-story dd{font-size:15px}}.game-card{grid-template-rows:auto minmax(0,1fr);height:min(500px,100dvh - 120px)}dialog .game-card h2.game-title{font:700 clamp(30px, 3vw, 40px) / 1.05 var(--display);color:var(--ink);grid-area:1/1;margin:0;padding:36px 36px 0}.game-card #game{display:contents}.order-slip{grid-area:2/1;min-height:0;padding:18px 36px 28px;overflow:auto}.order-slip #order-count{font:600 15px / 1.3 var(--body);color:var(--accent);display:block}.order-slip h3{font:700 26px / 1.15 var(--display);margin:4px 0 2px}.order-slip p{margin:0 0 16px;font-size:17px}.brew-controls{flex-wrap:wrap;gap:10px;display:flex}.order-slip #ingredients{font:600 15px / 1.3 var(--body);color:#6b5a4c;margin:16px 0 0;display:block}.order-actions{flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:18px;display:flex}.order-actions .side-action{font:600 16px var(--body);padding:8px 0}.order-slip .game-result{min-height:24px;font:600 16px / 1.3 var(--body);margin:14px 0 0}.coffee-cup{--cup-top:-8.5%;--cup-height:77.4%;border-left:2px solid var(--ink);background:#6b3c26 url(/experience/assets/coffee-counter-CvK-_Jao.webp) 50% 62%/cover no-repeat;grid-area:1/2/3;position:relative;overflow:hidden}.coffee-cup .cup{left:50%;top:var(--cup-top);height:var(--cup-height);aspect-ratio:271.5/724;background:url(/experience/assets/espresso-pour-D84J-TeJ.webp) calc(var(--frame,0) * 100% / 7) 0 / 800% 100% no-repeat;position:absolute;translate:-50%}.coffee-cup .latte{left:50%;top:calc(var(--cup-top) + var(--cup-height) * .5456);height:calc(var(--cup-height) * .375);aspect-ratio:1;visibility:hidden;background:url(/experience/assets/coffee-cups-DbZqrEq7.webp) 100%/300% 100% no-repeat;position:absolute;translate:-55.4%}.with-milk .coffee-cup .cup{-webkit-mask:linear-gradient(#000 45.6%,#0000 45.6% 75.4%,#000 75.4%);mask:linear-gradient(#000 45.6%,#0000 45.6% 75.4%,#000 75.4%)}.with-milk .coffee-cup .latte{visibility:visible}@media (width<=760px){.game-card{grid-template-rows:clamp(170px,30dvh,260px) auto auto;height:fit-content;max-height:calc(100dvh - 88px)}.coffee-cup{--cup-height:70%;border-left:0;border-bottom:2px solid var(--ink);grid-area:1/1}dialog .game-card h2.game-title{grid-row:2;padding:22px 20px 0;font-size:28px}.order-slip{grid-row:3;padding:12px 20px 20px}}.stamp-card{gap:6px;margin:0;padding:0;list-style:none;display:flex}.stamp-card li{color:#9c8a6e;border:2px dashed #9c8a6e;place-items:center;width:32px;height:40px;display:grid}.stamp-card li:first-child{--stamp:#a8452f}.stamp-card li:nth-child(2){--stamp:#b14863}.stamp-card li:nth-child(3){--stamp:#3c6b4f}.stamp-card li:nth-child(4){--stamp:#24527a}.stamp-art{opacity:.22;width:70%;height:80%}.stamp-card li.stamped{color:var(--stamp);border-style:solid}.stamp-card li.stamped .stamp-art{opacity:1}.stamp-card li.fresh .stamp-art{animation:.42s steps(4,end) both stamp-in}.hud-stamps{z-index:10;pointer-events:none;opacity:0;background:#fff0cde6;border:3px solid #292125;padding:6px;transition:opacity .3s,translate .3s steps(3,end);position:fixed;top:24px;left:24px;translate:0 -12px;box-shadow:4px 4px #1d1325b3}.hud-stamps.active{opacity:1;translate:0}.contact-stamps{margin:-6px 0 22px}.contact-stamps li{width:44px;height:56px}.contact-stamps:not(:has(.stamped)){display:none}@media (width<=700px){.hud-stamps{padding:4px;top:16px;left:14px}.hud-stamps li{width:26px;height:34px}}dialog.destination{background:#1d132573}dialog.destination::backdrop{background:0 0}body:has(dialog.destination[open])>.talk{visibility:hidden}#credits{z-index:2;pointer-events:none;perspective:max(640px,72vh);perspective-origin:50% 45%;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 8%,#000 30% 90%,#0000);mask-image:linear-gradient(#0000 8%,#000 30% 90%,#0000)}#credits[hidden]{display:none}.credits-plane{transform-origin:50% 100%;width:min(86%,900px);transform-style:preserve-3d;margin-inline:auto;position:absolute;inset:0;transform:rotateX(28deg)}#credits dl{text-align:center;color:#f2cf78;font-family:var(--display);text-shadow:0 2px #715330,0 0 18px #d6a95030;will-change:transform;margin:0}#credits dl>div{padding-bottom:clamp(36px,5.5vh,66px)}#credits dt{letter-spacing:.08em;font-size:clamp(18px,2.5vw,32px);font-weight:500;line-height:1.25}#credits dd{margin:10px 0 0;font-size:clamp(30px,4.5vw,60px);font-weight:750;line-height:1.05}#credits.credits-still .credits-plane{transform:none}@media (width<=600px){#credits{perspective:max(460px,72vh)}.credits-plane{width:92%;transform:rotateX(23deg)}}}body.motion-paused *{animation-play-state:paused}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none;animation:none}html{scroll-behavior:auto}}body.motion-paused :is(dialog,.hud-stamps) *{animation-play-state:running}:root{--ink:#1d1325;--paper:#fff0cd;--accent:#205649;--shade:3px 3px 0 var(--ink)}body[data-scene=gypsy-espresso]{--accent:#a8452f}body[data-scene=kinselas]{--accent:#b14863}body[data-scene=pan-after]{--accent:#3c6b4f}body[data-scene=office]{--accent:#24527a}.pixel-button,.pixel-button:not(.talk),#music-toggle,.close,.destination .close,.choice,.book-tabs button{background:var(--paper);min-height:44px;color:var(--ink);border:2px solid var(--ink);box-shadow:var(--shade);font:600 17px / 1.2 var(--body);text-shadow:none;background-image:none;justify-content:center;align-items:center;gap:8px;padding:9px 18px;transition:translate .12s ease-out,box-shadow .12s ease-out,background-color .16s ease-out;display:inline-flex}.pixel-button:is(.talk,.case-talk,#serve,[data-open=contact]){background:var(--accent);color:var(--paper)}.talk{min-height:52px;padding:12px 22px;font-size:19px}:is(.pixel-button,#music-toggle,.close,.choice):hover:not(:disabled){box-shadow:4px 4px 0 var(--ink);translate:-1px -1px}:is(.pixel-button,#music-toggle,.close,.choice):active:not(:disabled){box-shadow:1px 1px 0 var(--ink);translate:2px 2px}.book-tabs button[aria-current=true],.choice[aria-pressed=true]{background:var(--ink);color:var(--paper)}.panel-top{z-index:3;background:0 0;border:0;justify-content:space-between;align-items:center;height:0;padding:0;display:flex;position:sticky;top:0;overflow:visible}.panel-top .close,.destination .close{width:44px;padding:0;position:absolute;top:14px;right:14px}.destination .panel-top{position:static}.destination .panel-top .close{position:fixed;top:20px;right:24px}.close svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:square;width:20px;height:20px}#panel-kind:empty{display:none}#panel-kind{font:600 15px var(--body);color:var(--accent);position:absolute;top:26px;left:38px}dialog:not(.destination){width:min(680px,100% - 32px)}#panel-content{padding:34px 38px}dialog:has(#panel-kind:not(:empty)) #panel-content{padding-top:52px}dialog:not(.destination) h2#panel-title{max-width:calc(100% - 52px);font:700 34px / 1.1 var(--display)}#enquiry input,#enquiry textarea{border:1.5px solid var(--ink);font:17px var(--body);background:#fff8e6;border-radius:0;padding:11px 12px}#enquiry .ink-button{background:var(--accent);min-height:48px;color:var(--paper);border:2px solid var(--ink);box-shadow:var(--shade);font:600 17px var(--body);padding:11px 20px}#enquiry .ink-button:hover:not(:disabled){box-shadow:4px 4px 0 var(--ink);translate:-1px -1px}dialog.finale{--accent:#205649}dialog.finale:after{content:"";background:var(--accent);height:6px;transform:scaleX(var(--reading,0));transform-origin:0;display:block;position:sticky;bottom:0}dialog details>summary{cursor:pointer;align-items:center;gap:8px;min-height:44px;list-style:none;display:flex}dialog details>summary::-webkit-details-marker{display:none}dialog details>summary:after{content:"";border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;margin-left:2px;transition:rotate .16s ease-out;translate:0 -2px;rotate:45deg}dialog details[open]>summary:after{translate:0 2px;rotate:225deg}@media (width<=700px){#panel-content{padding:26px 20px}dialog:not(.destination) h2#panel-title{font-size:28px}}#music-toggle{padding:6px 12px}#music-toggle svg{width:34px;height:24px}#music-controls{background:var(--paper);color:var(--ink);border:2px solid var(--ink);background-image:none;box-shadow:6px 6px #1d1325b3}.cassette{filter:none}#place-name{font:650 17px var(--display);text-shadow:2px 2px 0 var(--ink)}dialog:not(.destination){border:2px solid var(--ink);background:var(--paper);animation-duration:.2s;box-shadow:8px 8px #1d1325b3}dialog h1,dialog h2,dialog h3{letter-spacing:-.01em;font-weight:700}dialog.finale::backdrop{background:#1d132566}.hud-stamps{box-shadow:var(--shade);border-width:2px;transition:opacity .2s ease-out,translate .2s ease-out}.stamp-card li.fresh .stamp-art{animation:.48s .14s both stamp-in}@keyframes stamp-in{0%{opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45);transform:translateY(-8px)scale(1.9)rotate(-10deg)}40%{opacity:1;animation-timing-function:cubic-bezier(0,.55,.45,1);transform:scale(1.2,.8)}70%{transform:scale(.94,1.07)}to{opacity:1;transform:none}}#scene-story .case-print{scale:calc(1 + var(--near,0) * .035)}#scene-story .case-print img{filter:saturate(calc(.9 + var(--near,0) * .15)) sepia(calc(.12 - var(--near,0) * .12)) brightness(calc(1 + var(--near,0) * .08));box-shadow:0 0 0 1px #2a1d1a33, calc(var(--near,0) * 5px) calc(var(--near,0) * 5px) 0 #2a1d1a59;transition:none}#scene-story .case-print:focus-visible img{filter:none}@media (hover:hover){#scene-story .case-print:hover img{filter:none}}@media (prefers-reduced-motion:no-preference){body:not(.motion-paused) .street-dialogue:not([hidden]){animation:.36s cubic-bezier(.2,1.3,.35,1) both dialogue-in}body:not(.motion-paused) .street-dialogue:not([hidden]) .street-dialogue-name{animation:.3s cubic-bezier(.2,1.5,.35,1) .14s both dialogue-in}}@keyframes dialogue-in{0%{opacity:0;translate:0 14px}}[hidden]{display:none}#room.closeup #room-objects{visibility:hidden}#actors{filter:brightness(var(--dim,1))}body[data-scene=gypsy-espresso] #actors{filter:sepia(.22) saturate(1.1) brightness(calc(.95 * var(--dim,1)))}body[data-scene=kinselas] #actors{filter:hue-rotate(-12deg) saturate(1.15) brightness(calc(.9 * var(--dim,1)))}body[data-scene=pan-after] #actors{filter:sepia(.12) brightness(calc(.92 * var(--dim,1)))}body:is([data-scene=gypsy-espresso],[data-scene=kinselas],[data-scene=pan-after]) #place-name{visibility:hidden}:is(.pixel-button,#music-toggle,.close,.choice)[hidden]{display:none}#case-stage{z-index:8;pointer-events:none;position:fixed;inset:0}#case-stage.folded{visibility:hidden}#case-stage .case-file{pointer-events:auto;will-change:transform, opacity}#case-stage .case-file:after{content:"";background:var(--accent);height:6px;transform:scaleX(var(--reading,0));transform-origin:0;position:absolute;bottom:0;left:0;right:0}#case-stage .case-body{overflow:hidden}@media (width<=760px),(height<=520px){#case-stage .case-detail{display:none}}@media (width<=760px){#case-stage .case-file{grid-template-rows:clamp(110px,22dvh,220px) minmax(0,1fr);height:fit-content;max-height:calc(100dvh - 88px)}body.case-open>.cassette{visibility:hidden}}@media (width<=760px) and (height<=600px){#case-stage .case-file{grid-template-rows:minmax(0,1fr)}#case-stage .case-photo{display:none}#case-stage .case-body{grid-row:1}}dialog:not(:modal){z-index:20}body:is(.case-open,:has(dialog.finale[open]))>.talk{visibility:hidden}#intro .site-links{gap:6px;margin:0;display:flex;position:fixed;bottom:24px;right:24px}#intro .site-links a{pointer-events:auto;min-height:44px;font:500 15px var(--body);color:#e8d9bf;align-items:center;padding:0 8px;-webkit-text-decoration:underline #e8d9bf73;text-decoration:underline #e8d9bf73;display:inline-flex}#intro .site-links a:hover{text-decoration-color:currentColor}@media (width<=700px){#intro .site-links{gap:0;bottom:18px;right:10px}}@media (width<=420px){#intro .site-links a{padding:0 5px;font-size:14px}}.contact-links small{gap:16px;display:flex}.contact-links a{color:#6b5a4c}dialog:not(.destination):has(#enquiry){width:min(820px,100% - 32px);max-height:calc(100dvh - 24px)}#enquiry form{grid-template-columns:1fr 1fr;column-gap:18px}#enquiry form>:not(label){grid-column:1/-1}#enquiry form>label:has(textarea){grid-area:1/2/span 3;grid-template-rows:auto 1fr}#enquiry form>label textarea{height:100%}@media (width<=560px){#enquiry form{grid-template-columns:1fr}#enquiry form>label:has(textarea){grid-area:auto}}#panel-content details+.pixel-button{margin-top:28px}