@font-face{font-family:Bricolage;src:url('assets/bricolage.ttf') format('truetype');font-display:swap;font-weight:400 600}@font-face{font-family:Bricolage;src:url('assets/bricolage-bold.ttf') format('truetype');font-display:swap;font-weight:700 900}@font-face{font-family:Plex;src:url('assets/plex-mono.ttf') format('truetype');font-display:swap;font-weight:400 500}
:root{--mint:#b4f5c6;--acid:#76f6a5;--ink:#101d18;--paper:#d6e1b9;--mono:Plex,'Courier New',monospace;--display:Bricolage,Arial,sans-serif;--gutter:6vw;color-scheme:dark;font-family:var(--mono);font-size:14px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--mint);background:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--acid);outline-offset:7px}::selection{background:var(--mint);color:var(--ink)}p,figure{margin:0}img{display:block;max-width:100%}.skip{position:fixed;top:-100px;left:20px;z-index:100;padding:16px;background:var(--mint);color:var(--ink)}.skip:focus{top:10px}
.city{position:fixed;inset:0;z-index:-2;overflow:hidden;background:#0b1510}.city-image{position:absolute;width:max(100vw,177.69vh);height:max(56.28vw,100vh);left:50%;top:50%;transform:translate(-50%,-50%)}.city-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.character-life{clip-path:polygon(73% 51%,76% 46%,86% 45%,92% 49%,94% 100%,72% 100%);animation:sigh 5s ease-in-out infinite;transform-origin:83% 85%}.ear-life{clip-path:polygon(75% 25%,81% 29%,84% 31%,89% 23%,93% 24%,94% 32%,90% 42%,84% 40%,79% 41%,75% 36%);animation:ear 5s ease-in-out infinite;transform-origin:85% 39%}.city-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0c191647,#0c191611 50%,#07150b0d),linear-gradient(0deg,#08140cd9,transparent 35%,#0a15152b)}.city-light{position:absolute;width:12vw;height:18vh;top:28%;left:58%;background:#9cfdc4;filter:blur(50px);opacity:.04;animation:light 5s steps(1,end) infinite}.distant-chart{position:absolute;width:12vw;right:29%;top:45%;opacity:.3}.distant-chart path{stroke:var(--acid);fill:none;stroke-width:1;stroke-dasharray:700;animation:market 5s linear infinite}.grain{position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.87' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.header{height:94px;position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:25px;padding:0 var(--gutter);border-bottom:1px solid #b4f5c62b;background:linear-gradient(#0b17168f,transparent)}.wordmark{display:flex;align-items:center;font:800 29px var(--display);letter-spacing:-1.7px;gap:10px}.wordmark svg{width:36px;fill:var(--mint);transform:rotate(-8deg)}.wordmark>span{font:9px var(--mono);align-self:flex-start;margin-top:8px;letter-spacing:0}.header-note{font-size:8px;line-height:1.6;letter-spacing:.9px;border-left:1px solid #b4f5c64d;padding-left:20px}.header-note>span{opacity:.55}.header nav{display:flex;gap:28px;align-items:center;margin-left:auto;font-size:10px}.header nav a{padding:12px 0}.header nav a span{margin-left:12px}.header nav a:hover{color:#fff}.buy-link{border-bottom:1px solid var(--mint)}.motion{background:none;border:none;display:flex;gap:6px;font-size:7px;align-items:center;padding:15px 0 15px 10px;letter-spacing:.5px}.motion-icon{font-size:13px}.route-status{position:fixed;z-index:30;left:25px;top:50%;transform:translate(-50%,-50%) rotate(-90deg);display:flex;align-items:center;gap:12px;font-size:7px;letter-spacing:1.4px;white-space:nowrap;opacity:.65}.status-led{display:block;width:5px;height:5px;background:var(--acid);border-radius:50%}.route-progress{width:70px;height:1px;background:#b4f5c633}.route-progress i{height:1px;width:100%;display:block;background:var(--mint);transform:scaleX(0);transform-origin:left}.route-percent{width:30px}main{position:relative;overflow:hidden;isolation:isolate}.city-route{position:absolute;width:100%;height:100%;inset:0;z-index:-1;pointer-events:none;opacity:.45}.road-edge{stroke:#c9e4bb45;stroke-width:53px;fill:none}.road-asphalt{stroke:#10251df0;stroke-width:49px;fill:none}.road-dashes{stroke:#8caf8766;stroke-width:1px;stroke-dasharray:12 15;fill:none}.utility-wire{stroke:#a4ccad66;stroke-width:1;fill:none}.scene{position:relative;min-height:max(850px,100svh);padding:0 var(--gutter)}.morning{height:100svh;min-height:760px;max-height:1200px}.departure{position:absolute;top:132px;left:var(--gutter);display:flex;align-items:center;gap:15px;font-size:8px;letter-spacing:1.3px}.tiny-square{width:5px;height:5px;background:var(--mint)}.departure time{font-size:12px}.late{margin-left:14px;color:#98af96;font-size:7px}.opening-copy{position:absolute;left:12%;top:31%;max-width:450px}.opening-copy p{font:500 clamp(24px,2.65vw,39px)/1.14 var(--display);letter-spacing:-1px}.opening-copy p+p{margin-top:24px}.opening-copy em,.story-copy em{font-style:normal;color:#daf9ce;position:relative}.opening-copy em:after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:6px;border-top:2px solid #aaf6b4;transform:rotate(-2deg);border-radius:50%}.annotation{display:block;font:11px/1.7 var(--mono);color:#9aa68d;transform:rotate(-5deg);margin:37px 0 0 90px}.ticket{position:absolute;top:23%;left:44%;font-size:8px;letter-spacing:1px;background:var(--paper);color:#263729;clip-path:polygon(0 0,45% 2%,48% 0,100% 0,98% 43%,100% 47%,100% 100%,3% 97%,0 100%,1% 49%,0 47%);transform:rotate(8deg);padding:12px 15px;width:161px}.ticket>span:first-child{font:800 24px var(--display);letter-spacing:-1px;display:block}.ticket>span:nth-child(2){display:block;font-size:6px;margin:4px 0 12px}.barcode{height:23px;background:repeating-linear-gradient(90deg,#182d21 0 1px,transparent 1px 3px,#182d21 3px 6px,transparent 6px 7px,#182d21 7px 8px,transparent 8px 12px)}.city-sign{position:absolute;right:30%;top:57%;transform:rotate(-7deg);font:600 12px var(--mono);border:1px solid #c8f3b85e;padding:11px 16px;background:#16291a6b;letter-spacing:1px}.city-sign>span{margin-left:22px;font-size:18px}.city-sign small{display:block;font:6px var(--mono);letter-spacing:2px;margin-top:5px}.opening-foot{position:absolute;left:var(--gutter);right:var(--gutter);bottom:38px;display:flex;justify-content:space-between;align-items:end;border-top:1px solid #b4f5c62b;padding-top:20px;gap:20px}.opening-foot p{font:500 15px/1.3 var(--display);letter-spacing:-.2px}.opening-foot>span{font-size:6px;line-height:1.7;letter-spacing:1.1px;opacity:.6;text-align:right}.continue{font-size:8px;letter-spacing:1px;display:flex;gap:26px;align-items:center}.continue>span{font-size:22px}.map-cross{position:absolute;font:22px var(--mono);opacity:.4}.cross-one{bottom:24%;left:6%}
.torn-paper{position:absolute;inset:40px -3vw 40px;background:#bdcda8ed;clip-path:polygon(0 4%,13% 3%,13% 5%,24% 2%,37% 4%,50% 0,63% 3%,78% 2%,81% 4%,100% 1%,100% 95%,91% 97%,82% 94%,66% 98%,49% 96%,34% 100%,22% 96%,0 98%);z-index:-1;transform:rotate(-2deg)}.payday{color:#203a2a;min-height:950px}.map-label{position:absolute;top:105px;left:12%;font-size:9px;letter-spacing:2px;border-bottom:1px solid #203a2a50;padding-bottom:9px}.map-label span{margin-left:30px}.receipt{position:absolute;left:13%;top:25%;width:250px;background:#dfe4c6;transform:rotate(-6deg);padding:25px 21px;clip-path:polygon(0 0,100% 0,100% 97%,96% 100%,91% 97%,86% 100%,82% 98%,77% 100%,73% 97%,68% 100%,63% 97%,58% 100%,53% 98%,48% 100%,43% 97%,38% 100%,33% 98%,28% 100%,23% 97%,18% 100%,13% 98%,8% 100%,0 97%);font-size:10px;line-height:2.5;z-index:3}.receipt>div{border-bottom:1px dashed #203a2a60;margin-bottom:12px;padding-bottom:10px;font-size:9px;letter-spacing:1px}.receipt p{display:flex;justify-content:space-between}.receipt-total{border-top:1px dashed #203a2a60;margin-top:15px;padding-top:12px;font-size:7px}.receipt small{font-size:6px;letter-spacing:.6px;display:block;text-align:center;margin-top:18px}.scene-art{position:absolute;object-fit:contain;pointer-events:none;filter:drop-shadow(0 22px 24px #0002)}.rent-art{width:min(54%,650px);height:650px;right:7%;top:14%}.story-copy{position:absolute;font:500 clamp(20px,2.2vw,31px)/1.4 var(--display);letter-spacing:-.6px}.story-copy p+p{margin-top:9px}.payday-copy{left:47%;bottom:15%;z-index:4}.payday-copy .underlined{margin-top:22px;position:relative}.underlined:after{content:'';position:absolute;bottom:-9px;left:0;width:80%;height:8px;border-top:2px solid currentColor;transform:rotate(-3deg);border-radius:50%}.graffiti{position:absolute;left:17%;bottom:13%;font:600 26px/1 var(--display);letter-spacing:-1px;transform:rotate(-11deg);opacity:.45}.road-stencil{position:absolute;bottom:27%;right:5%;font-size:8px;line-height:1.5;letter-spacing:2px;writing-mode:vertical-rl;transform:rotate(180deg);opacity:.6}
.gate{min-height:1000px;background:linear-gradient(90deg,#0b1916f5 10%,#0b1916ac 45%,#0b19165c);border-bottom:1px solid #a4dfb21a}.gate-copy{left:12%;top:32%;z-index:2}.gate-copy p+p{margin-top:28px}.gate-art{width:58%;height:780px;right:0;top:7%;opacity:.9}.bus-pole{position:absolute;top:10%;left:8%;height:74%;width:44px;transform:rotate(-3deg);z-index:1}.bus-pole>span{display:block;border:3px solid var(--mint);border-radius:50%;width:65px;height:65px;font:600 11px/1.3 var(--mono);text-align:center;padding-top:15px;background:#163c2a}.bus-pole i{height:100%;width:3px;background:#96bda288;display:block;margin-left:31px}.timetable{position:absolute;left:16%;bottom:15%;width:242px;border-block:1px solid #a7d8ac6b;padding:18px 0;font-size:8px;letter-spacing:.8px}.timetable p{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.timetable b{font:15px var(--mono)}.timetable small{display:block;font-size:10px;color:#aec2a2;margin-top:22px;letter-spacing:0}.gate-scribble{position:absolute;bottom:10%;right:15%;font:500 24px/1 var(--display);transform:rotate(6deg);opacity:.6}.cross-two{top:12%;right:9%}
.midnight{background:linear-gradient(90deg,#07130fec,#07130ff5 70%,#07130fd9);min-height:950px}.clock-label{position:absolute;top:12%;right:12%;font-size:22px;letter-spacing:3px;transform:rotate(3deg)}.clock-label>span{font-size:9px;letter-spacing:1px}.clock-label small{display:block;font-size:7px;letter-spacing:1px;margin-top:10px;opacity:.5}.noodle-art{left:0;width:64%;height:700px;top:14%;filter:drop-shadow(0 0 40px #72e69a0d)}.night-copy{left:58%;top:40%;font-size:clamp(18px,1.9vw,28px)}.night-copy p:nth-child(3){margin-top:30px}.night-copy .annotation{font-size:10px;margin-left:20px;transform:rotate(4deg)}.room-wire{position:absolute;left:3%;right:6%;height:120px;top:9%;border-bottom:1px solid #94d09f4f;border-radius:50%;transform:rotate(-4deg)}.loss-chart{position:absolute;bottom:6%;right:9%;width:30%;opacity:.18}.loss-chart path{fill:none;stroke:var(--mint);stroke-width:1.5;stroke-dasharray:700;animation:market 5s infinite linear}.night-note{position:absolute;bottom:12%;left:12%;font-size:7px;letter-spacing:2px;line-height:1.7;opacity:.55;transform:rotate(-4deg)}
.memories{padding:100px 4% 70px;min-height:1900px;background:linear-gradient(#162a21ee,#1b3227f2 50%,#0d2219eb);isolation:isolate}.memories:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.08;background-image:linear-gradient(#99ca9d 1px,transparent 1px),linear-gradient(90deg,#99ca9d 1px,transparent 1px);background-size:90px 90px;transform:rotate(-5deg) scale(1.2);pointer-events:none}.memory-instruction{margin:10px 0 10px 11%;display:flex;align-items:center;gap:18px}.little-arrow{font:45px var(--display);transform:rotate(-8deg)}.memory-instruction p{font:500 16px/1.6 var(--display);letter-spacing:-.2px}.memory-instruction p span{font:11px var(--mono);color:#a2bca0}.memory-instruction small{font-size:7px;letter-spacing:1px;margin-left:auto;margin-right:10%;opacity:.5}.memory-field{height:1540px;position:relative;max-width:1300px;margin:0 auto;contain:layout style}.elastic{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.elastic path{fill:none;stroke-linecap:round;stroke-linejoin:round}.elastic-shadow{stroke:#061b10;stroke-width:18px;filter:blur(3px);transform:translate(4px,8px)}.elastic-line{stroke:#6aee9b;stroke-width:10px}.elastic-highlight{stroke:#c6ffcf;stroke-width:2px;opacity:.8;transform:translate(-1px,-2px)}.elastic-hit{stroke:transparent;stroke-width:44px;pointer-events:stroke;cursor:grab;touch-action:none}.elastic-hit:active{cursor:grabbing}.memory-items{position:absolute;inset:0;pointer-events:none}.memory{position:absolute;background:none;border:0;padding:0;width:29%;max-width:340px;height:300px;pointer-events:auto;touch-action:pan-y;transform-origin:50% 60%;will-change:transform;display:flex;flex-direction:column;align-items:center;justify-content:center}.memory img{height:calc(100% - 30px);width:100%;object-fit:contain;filter:drop-shadow(0 14px 13px #0004);transition:filter .2s;pointer-events:none}.memory:hover img{filter:drop-shadow(0 10px 16px #85ffb038)}.memory-label{font:8px var(--mono);letter-spacing:.4px;opacity:.65;display:flex;gap:13px}.memory-label span{font-size:11px;opacity:.7}.elastic-note{position:absolute;left:4%;top:60%;font:500 21px/1.1 var(--display);letter-spacing:-.6px;transform:rotate(-9deg);color:#9fbea0;pointer-events:none}.elastic-note svg{display:block;width:70px;margin-left:30px;fill:none;stroke:currentColor;stroke-width:1}.gallery-end{display:block;text-align:right;margin-right:11%;font-size:7px;letter-spacing:1.3px;opacity:.6}
.dawn{min-height:1000px;background:linear-gradient(90deg,#152b21dd,#263d288c 60%,#8a9e6b42);padding-bottom:130px}.dawn-haze{position:absolute;inset:0;background:linear-gradient(#cbdeb018,transparent 60%);pointer-events:none}.dawn-art{left:1%;top:7%;width:60%;height:750px;opacity:.95}.dawn-copy{left:61%;top:23%;font-size:27px}.dawn-copy p:last-child{margin-top:20px}.destination-signs{position:absolute;left:61%;top:51%;width:310px;display:flex;flex-direction:column;align-items:flex-start;z-index:3}.destination-signs>a{background:#c4e4b6;color:#1b3625;display:flex;justify-content:space-between;width:225px;padding:13px 18px;font:600 16px var(--display);clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%);transform:rotate(-3deg);transition:translate .2s}.destination-signs>a:nth-child(2){margin-top:13px;transform:rotate(2deg);width:260px;background:#1d382a;color:#c4e4b6;border-left:1px solid #c4e4b6;padding-block:16px}.destination-signs>a:hover{translate:7px 0}.destination-signs>a span{padding-right:15px}.copy-ca{background:none;border:0;border-bottom:1px solid #b4f5c64d;display:flex;align-items:center;gap:17px;margin-top:28px;padding:12px 0;text-align:left;font-size:8px}.copy-ca code{font:12px var(--mono)}.copy-icon{font-size:19px}.copy-status{display:block;font-size:8px;padding-top:10px;min-height:28px;letter-spacing:1px}.last-graffiti{position:absolute;left:21%;bottom:20%;font:600 29px/1 var(--display);transform:rotate(-8deg);letter-spacing:-1px;opacity:.65}footer{position:absolute;left:var(--gutter);right:var(--gutter);bottom:28px;border-top:1px solid #b4f5c64d;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p{font-size:6px;letter-spacing:1px;max-width:300px;line-height:1.8}footer>span{font-size:6px;letter-spacing:.8px;opacity:.6}.footer-brand{font:800 22px var(--display);letter-spacing:-1px}.footer-brand>span{margin-left:10px;font:20px var(--mono)}
.memory-focus{border:0;background:transparent;color:var(--mint);padding:60px 24px 50px;width:100vw;height:100dvh;max-width:none;max-height:none;position:fixed;inset:0;margin:0;overflow:hidden}.memory-focus[open]{display:flex;justify-content:center;align-items:center}.memory-focus::backdrop{background:#07130ff2;backdrop-filter:blur(10px)}.focus-content{width:80vw;max-width:1000px;height:80dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.focus-image{max-height:calc(80dvh - 60px);width:100%;object-fit:contain;filter:drop-shadow(0 15px 30px #0008);pointer-events:auto}.focus-caption{font:14px var(--mono);margin-top:15px;text-align:center;pointer-events:auto}.focus-close{position:absolute;top:30px;right:5%;border:0;background:none;font-size:8px;letter-spacing:1px;display:flex;align-items:center;gap:25px;z-index:2;padding:10px}.focus-close span{font:25px var(--mono)}.focus-hint{position:absolute;bottom:25px;font-size:7px;letter-spacing:1.5px;opacity:.5;pointer-events:none}
@keyframes sigh{0%,70%,100%{transform:translateY(0)}38%{transform:translateY(1.5px) rotate(.15deg)}}@keyframes ear{0%,100%{transform:scaleY(1)}45%{transform:scaleY(1.012) rotate(.2deg)}}@keyframes light{0%,31%,34%,100%{opacity:.03}32%,35%,80%{opacity:.1}}@keyframes market{0%{stroke-dashoffset:700;opacity:.1}40%{opacity:.6}80%,100%{stroke-dashoffset:0;opacity:.15}}
@media(min-width:1600px){:root{--gutter:8vw}.opening-copy{left:15%;top:34%}.opening-copy p{font-size:39px}.scene{min-height:1000px}.morning{min-height:850px}.memories{min-height:1900px}.opening-foot p{font-size:16px}}
@media(max-width:1000px){.header-note{display:none}.header{gap:15px}.header nav{gap:22px}.morning{min-height:780px}.opening-copy{left:10%;top:33%}.opening-copy p{font-size:30px}.ticket{left:43%;top:23%;width:140px}.ticket>span:first-child{font-size:21px}.city-sign{right:26%;top:65%}.payday-copy{left:42%;font-size:25px}.receipt{left:10%;width:215px;font-size:9px}.rent-art{right:1%;width:60%;top:12%;height:640px}.gate-copy{left:15%;font-size:26px}.gate-art{right:-7%;width:65%;top:16%;height:650px}.noodle-art{left:-7%;width:70%;top:19%}.night-copy{left:56%;font-size:23px}.memories{padding-inline:2%;min-height:1750px}.memory-field{height:1400px}.memory{width:31%;height:270px}.memory-instruction{margin-left:9%}.memory-instruction small{margin-right:6%;font-size:6px}.dawn-copy{left:57%;font-size:25px}.destination-signs{left:57%;width:280px}.dawn-art{left:-7%;width:68%}.route-status{left:18px}}
@media(max-width:600px){:root{--gutter:23px;font-size:13px}.header{height:80px;padding-inline:23px;gap:12px}.wordmark{font-size:24px;gap:7px}.wordmark svg{width:28px}.wordmark>span{font-size:7px}.header nav{gap:0;margin-left:auto;font-size:8px}.header nav>a:first-child{display:none}.header nav a span{margin-left:6px}.motion{padding-left:3px}.motion-label{display:none}.motion-icon{font-size:14px}.route-status{left:10px;font-size:6px;gap:9px;letter-spacing:1px}.route-progress{width:45px}.city-image{left:45%}.city-shade{background:linear-gradient(90deg,#07150edb,#07150e88 60%,#07150e44),linear-gradient(0deg,#08140ce6,transparent 35%)}.scene{min-height:850px}.morning{height:100svh;min-height:790px;max-height:1000px}.departure{top:112px;font-size:6px;gap:9px;left:30px;letter-spacing:.7px}.departure time{font-size:11px}.late{margin-left:0;font-size:5px;letter-spacing:.3px}.opening-copy{left:11%;top:31%;right:10px}.opening-copy p{font-size:30px;letter-spacing:-.7px}.opening-copy p+p{margin-top:22px}.opening-copy .annotation{font-size:10px;margin:34px 0 0 35px}.ticket{top:20%;left:auto;right:9%;width:122px;padding:10px}.ticket>span:first-child{font-size:19px}.ticket>span:nth-child(2){font-size:5px;margin-bottom:8px;letter-spacing:.5px}.barcode{height:16px}.city-sign{top:auto;bottom:19%;right:9%;font-size:10px;padding:9px 12px}.city-sign small{font-size:5px}.city-sign>span{font-size:14px;margin-left:15px}.opening-foot{bottom:27px;gap:15px;align-items:center;padding-top:15px}.opening-foot p{font-size:12px}.opening-foot>span{display:none}.continue{font-size:6px;gap:10px;letter-spacing:.5px}.continue>span{font-size:20px}.cross-one{bottom:20%;left:11%}.city-route{opacity:.3;width:160%;left:-35%}.payday{min-height:1080px}.torn-paper{inset:20px -5vw 20px;transform:rotate(-1deg)}.map-label{top:85px;left:12%;font-size:7px}.receipt{left:13%;top:155px;width:207px;padding:20px;font-size:8px;line-height:2.3;transform:rotate(-8deg)}.receipt>div{font-size:8px;margin-bottom:8px}.receipt-total{font-size:6px}.receipt small{font-size:5px}.rent-art{top:330px;right:-12%;width:99%;height:480px}.payday-copy{left:13%;bottom:115px;right:20px;font-size:24px;letter-spacing:-.6px}.payday-copy p+p{margin-top:5px}.payday-copy .underlined{margin-top:16px}.graffiti{left:63%;top:195px;bottom:auto;font-size:21px}.road-stencil{right:6%;bottom:11%;font-size:6px;letter-spacing:1px}.gate{min-height:1000px}.bus-pole{left:11%;top:7%;height:75%}.bus-pole>span{width:52px;height:52px;font-size:9px;padding-top:11px}.bus-pole i{margin-left:25px;width:2px}.gate-copy{left:30%;top:15%;right:10px;font-size:23px}.gate-copy p+p{margin-top:22px}.gate-art{width:112%;right:-19%;height:570px;top:32%;opacity:.95}.timetable{left:28%;bottom:8%;width:220px;font-size:7px;padding:14px 0}.timetable small{font-size:9px;margin-top:15px}.gate-scribble{right:10%;bottom:27%;font-size:18px}.cross-two{right:12%;top:8%}.midnight{min-height:970px}.clock-label{top:7%;right:12%;font-size:19px}.clock-label small{font-size:6px}.room-wire{top:7%;right:9%;left:-5%}.noodle-art{width:115%;left:-15%;height:560px;top:16%}.night-copy{left:20%;top:auto;bottom:115px;right:12px;font-size:24px}.night-copy p+p{margin-top:6px}.night-copy p:nth-child(3){margin-top:19px}.night-copy .annotation{font-size:9px;margin:28px 0 0 30px}.loss-chart{bottom:5%;right:-9%;width:75%}.night-note{bottom:5%;left:12%;font-size:6px}.memories{min-height:0;padding:85px 18px 60px}.memory-instruction{margin:0 0 15px 5%;align-items:start;gap:10px;flex-wrap:wrap}.little-arrow{font-size:32px;line-height:1}.memory-instruction p{font-size:14px}.memory-instruction p span{font-size:9px}.memory-instruction small{margin:0 0 0 43px;font-size:6px;letter-spacing:.5px;flex-basis:100%}.memory-field{height:2520px}.memory{width:55%;max-width:none;height:235px}.memory-label{font-size:6px;gap:5px;letter-spacing:0}.memory-label span{font-size:9px}.elastic-line{stroke-width:7px}.elastic-shadow{stroke-width:13px}.elastic-highlight{stroke-width:1.5px}.elastic-hit{stroke-width:34px}.elastic-note{left:6%;top:48%;font-size:16px}.elastic-note svg{width:45px;margin-left:12px}.gallery-end{margin-right:2%;font-size:6px;letter-spacing:.7px}.dawn{min-height:1150px}.dawn-art{left:-17%;width:118%;height:650px;top:0}.dawn-copy{left:22%;top:48%;font-size:25px}.dawn-copy p+p{margin-top:4px}.dawn-copy p:last-child{margin-top:14px}.destination-signs{left:23%;top:67%;width:72%}.destination-signs>a{width:180px;padding:11px 16px;font-size:14px}.destination-signs>a:nth-child(2){width:215px;padding-block:13px;margin-top:10px}.copy-ca{margin-top:16px;gap:12px;font-size:7px}.copy-ca code{font-size:11px}.copy-status{font-size:7px}.last-graffiti{left:57%;bottom:auto;top:38%;font-size:21px;opacity:.8}footer{left:30px;right:23px;bottom:24px;display:grid;grid-template-columns:auto auto;gap:15px;padding-top:17px}footer p{font-size:5px;grid-row:2;grid-column:1/-1;max-width:none;letter-spacing:.6px}.footer-brand{font-size:20px}footer>span{font-size:5px;text-align:right}.footer-brand>span{font-size:16px}.focus-content{width:95vw;height:80dvh}.focus-image{max-height:70dvh}.focus-caption{font-size:11px;max-width:260px;line-height:1.7}.focus-close{top:17px;font-size:7px;right:5%}.focus-hint{font-size:6px;bottom:28px}.memory-focus{padding:45px 10px}}
@media(prefers-reduced-motion:reduce){html:not([data-motion="full"]){scroll-behavior:auto}html:not([data-motion="full"]) *,html:not([data-motion="full"]) *::before,html:not([data-motion="full"]) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html:not([data-motion="full"]) .memory{will-change:auto}}
html[data-motion="reduced"]{scroll-behavior:auto}html[data-motion="reduced"] *,html[data-motion="reduced"] *::before,html[data-motion="reduced"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-motion="reduced"] .memory{will-change:auto}
/* The line stays reachable even where transparent vignettes overlap it. */
.elastic{z-index:2}
.city-image picture{position:absolute;inset:0;display:block}
.city-route{z-index:1;opacity:.32}
.opening-copy,.story-copy,.scene-art,.receipt,.opening-foot,.departure,.ticket,.city-sign,.map-label,.clock-label,.bus-pole,.timetable,.graffiti,.gate-scribble,.last-graffiti,footer{z-index:2}
.memory-field,.memory-instruction{position:relative;z-index:2}
@media(max-aspect-ratio:1/1){.city-image{width:max(100vw,56.22vh);height:max(177.87vw,100vh);left:50%}.city-shade{background:linear-gradient(90deg,#07150e22,#07150e06),linear-gradient(0deg,#08140c55,transparent 35%)}.character-life{clip-path:polygon(55% 69%,70% 67%,90% 68%,100% 83%,100% 100%,55% 100%);transform-origin:80% 90%}.ear-life{clip-path:polygon(63% 59%,72% 60%,76% 60%,84% 56%,91% 58%,92% 62%,85% 67%,73% 66%,65% 65%);transform-origin:77% 65%}.city-light{top:35%;left:72%;width:20vw;height:12vh}.distant-chart{top:51%;right:20%;width:20vw}.city-route{opacity:.25}.city-sign{bottom:23%;right:6%}}
.memory-label{font-size:10px;line-height:1.5;max-width:95%;text-align:center;opacity:.75}.header nav{font-size:11px}.motion{min-height:44px;min-width:32px}
@media(max-width:600px){.header nav{font-size:9px}.memory-label{font-size:9px;line-height:1.5}.memory-label span{font-size:11px}.memory-instruction p span{font-size:11px}.focus-caption{font-size:12px}}

@media(max-width:600px){.gate-art{width:96%;right:0;height:570px;max-width:none}.dawn-art{left:0;width:100%;height:600px;max-width:none}}
@media(min-width:601px) and (max-aspect-ratio:1/1){.city-sign{top:53%;bottom:auto;right:8%;height:auto}}
@media(min-width:1001px){.rent-art{top:7%;height:600px}}