*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:#e9eeeb;color:#17251f}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.skip{position:fixed;top:-100px;z-index:10;background:white;padding:15px}.skip:focus{top:0}header{position:absolute;inset:0 0 auto;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:25px 4%;gap:15px;border-bottom:1px solid #233a291f}header a,header span{font-size:11px}header strong{font-size:24px}.journey{height:380svh}.stage{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:pan-y}.title{position:absolute;left:5%;top:24%;max-width:36%;pointer-events:none}.title>span{font-size:10px}.title h1{font-size:82px;line-height:1;letter-spacing:0;font-weight:700;margin:25px 0;white-space:pre-line}.title p{font-size:14px;line-height:1.8}.color-tools{position:absolute;left:5%;bottom:110px;display:flex;gap:15px;align-items:center}.color-tools button{width:30px;height:30px;border-radius:50%;border:1px solid #17251f30;background:var(--ink);padding:0}.color-tools button[aria-pressed=true]{outline:1px solid #233a29;outline-offset:5px}.color-tools #paint-reset{border-radius:0;width:38px;height:38px;background:transparent;border:1px solid #17251f30;margin-left:10px;display:grid;place-items:center}.color-tools svg{width:17px;height:17px}button:focus-visible,a:focus-visible{outline:2px dashed #17251f;outline-offset:5px}.stage-footer{position:absolute;left:5%;right:5%;bottom:30px;display:flex;gap:25px;align-items:center;font-size:9px}.progress{height:2px;flex:1;background:#17251f25}.progress i{height:100%;width:0;display:block;background:#17251f}.stage-footer output{width:36px;text-align:right}.closing{padding:100px 7%;background:#243c30;color:#f4f7f4}.closing small{font-size:11px}.closing h2{font-size:76px;line-height:1.05;margin:35px 0}.closing p{font-size:16px;line-height:1.9}.closing a{display:inline-block;margin:30px 0;border-bottom:1px solid;padding-bottom:12px;font-size:14px}.closing>span{display:block;font-size:11px;color:#c3cec7;line-height:1.8}.paint-fallback{position:absolute;inset:15% 10%;text-align:center}.paint-fallback[hidden]{display:none}.paint-fallback img{width:100%;height:75%;object-fit:contain}.paint-fallback p{font-size:13px}@media(max-width:700px){header{padding:22px 5%;flex-wrap:wrap}header span{display:none}header strong{font-size:20px}.title{top:13%;max-width:85%}.title h1{font-size:48px;margin:18px 0}.title p{font-size:12px}.color-tools{bottom:95px}.stage-footer{gap:10px}.stage-footer>span{max-width:100px;line-height:1.5}.closing{padding:70px 7%}.closing h2{font-size:48px}.stage{min-height:620px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}