*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#eee7d1;color:#302414;font-family:'DM Sans',Arial,sans-serif;overflow-x:clip}h1,h2,h3,p,figure{margin:0}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}a:focus-visible,button:focus-visible{outline:3px solid #d67f45;outline-offset:6px}.skip{position:fixed;left:15px;top:-80px;z-index:100;background:#f9eed5;padding:12px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.logo,h1,.source-button,h2,.bubble,.scene-number{font-family:'Permanent Marker','Kalam',cursive;font-weight:400}.logo{font-size:43px;letter-spacing:-.055em;line-height:1}.walk{position:relative;height:165svh;min-height:1200px;background:#102e28;color:#fff0cc}.walk-stage{position:sticky;top:0;height:100svh;min-height:760px;isolation:isolate;overflow:hidden}.street{position:absolute;inset:-80px -20px;background:#15372e url('/assets/night-street-bg.webp') center 64%/cover no-repeat;transform:translateY(var(--street-y,0px)) scale(1.055);z-index:-4;will-change:transform}.street-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(180deg,#061a16a1 0%,#0d211d19 28%,#091a132b 64%,#061a16ad 100%)}.site-nav{position:absolute;left:4%;right:4%;top:26px;display:flex;align-items:center;justify-content:space-between;z-index:10}.site-nav nav{display:flex;gap:34px;font-size:11px;font-weight:700;letter-spacing:.07em}.site-nav nav a{border-bottom:1px solid transparent;padding:8px 0}.site-nav nav a:hover{border-color:#fff0cc}.night-caption{position:absolute;top:110px;left:5%;font-size:9px;letter-spacing:.17em;opacity:.68;transform:rotate(-7deg)}h1{position:absolute;inset:0;font-size:clamp(110px,13.8vw,230px);line-height:.86;letter-spacing:-.055em;text-shadow:2px 4px 0 #10271c33;pointer-events:none;z-index:3;opacity:var(--title-alpha,1)}.said{position:absolute;left:5%;top:17%;transform:rotate(-11deg)}.this-way{position:absolute;right:3%;top:37%;font-size:.9em;line-height:.95;transform:rotate(-9deg);z-index:6}.dog-anchor{position:absolute;bottom:17%;left:22%;width:55%;height:65%;z-index:4;transform:scale(var(--dog-scale,1));transform-origin:50% 85%;will-change:transform}.dog-anchor img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(5px 15px 4px #041d1659);user-select:none}.rope{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}.rope path{fill:none;stroke-linecap:round}#rope-dark{stroke:#112f2a;stroke-width:17}#rope-color{stroke:#4d8f7b;stroke-width:12}#rope-braid{stroke:#a5c3a0;stroke-width:3;stroke-dasharray:2 7;opacity:.8}.human-note{position:absolute;left:8%;bottom:27%;font-family:'Kalam',cursive;font-size:clamp(23px,2.7vw,40px);line-height:1.05;transform:rotate(-9deg);z-index:6;opacity:var(--title-alpha,1)}.human-note:after{content:'';display:block;width:70px;border-bottom:3px solid #f7e3b9;margin:8px auto 0;transform:rotate(-6deg)}.meet{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);z-index:8;text-align:center}.source-button{display:inline-flex;align-items:center;gap:40px;border-radius:60px;background:#f9e6b9;color:#302414;padding:16px 40px;font-size:28px;line-height:1.1;white-space:nowrap;box-shadow:2px 5px 0 #0b221b66;transition:transform .18s}.source-button:hover{transform:rotate(-2deg) translateY(-3px)}.meet>span{display:block;font-size:9px;margin-top:10px;opacity:.7;white-space:nowrap}.walk-bottom{position:absolute;left:4%;right:4%;bottom:20px;display:flex;align-items:center;justify-content:space-between;z-index:9;font-size:8px;font-weight:600;letter-spacing:.1em}.walk-bottom b{font-size:19px;margin-left:12px;font-weight:400}.borrow{position:relative;z-index:8;margin-top:-65px;padding:140px 5% 55px;background:#f3ead3;isolation:isolate}.paper-edge{position:absolute;left:0;right:0;top:-80px;height:85px;background:#f3ead3;clip-path:polygon(0 95%,100% 0,100% 100%,0 100%);z-index:-1}.borrow:after,.messages:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.4' filter='url(%23p)'/%3E%3C/svg%3E")}.borrow-main{position:relative;display:grid;grid-template-columns:1.55fr 1fr;gap:2%;align-items:center;max-width:1500px;margin:auto;min-height:540px}.sticker{position:relative;border:0;background:transparent;padding:0;width:114%;margin-left:-9%;transform:rotate(-4deg);filter:drop-shadow(5px 10px 4px #9a794b38);transition:transform .38s cubic-bezier(.2,.8,.2,1),filter .38s}.sticker:hover{transform:rotate(-2deg) translateY(-9px);filter:drop-shadow(8px 18px 6px #9a794b45)}.sticker img{width:100%;height:auto}.sticker.peeled{animation:peel .8s cubic-bezier(.2,.8,.2,1)}.borrow-copy{z-index:2;padding:15px 0}.chapter-kicker{font-size:9px;letter-spacing:.12em;font-weight:600;line-height:1.5}.borrow h2{font-family:'Kalam',cursive;font-size:clamp(70px,8.9vw,145px);font-weight:700;letter-spacing:-.06em;line-height:.91;margin:23px 0 35px;transform:rotate(-3deg)}.download-button{display:inline-flex;justify-content:center;align-items:center;gap:18px;background:#1b4c3c;border:1px solid #173e31;border-radius:50px;color:#fff5df;padding:17px 25px;font-weight:700;font-size:15px;box-shadow:2px 3px 0 #102c1b22;transition:transform .2s,box-shadow .2s}.download-button:hover{transform:rotate(-1deg) translateY(-3px);box-shadow:4px 6px 0 #102c1b33}.download-note{font-size:10px;line-height:1.7;margin:15px 0 0;max-width:260px;color:#75684f}.comment{position:absolute;z-index:4;background:#f8e8bd;padding:25px 17px 12px;width:190px;text-align:center;box-shadow:3px 7px 4px #79623a24;transform:rotate(-10deg);transition:transform .2s}.comment:before{content:'';position:absolute;top:-9px;left:30%;width:42%;height:20px;background:#b9c69b9c;transform:rotate(7deg)}.comment>span{font-family:'Kalam',cursive;font-size:26px;font-weight:700;line-height:1;display:block;letter-spacing:-.02em}.comment small{display:block;font-size:5.5px;font-weight:500;margin-top:12px;letter-spacing:.02em}.comment:hover{transform:rotate(-5deg) translateY(-4px)}.note-one{left:5%;top:15px}.note-two{right:7%;top:-8px;transform:rotate(10deg);width:170px}.note-two:hover{transform:rotate(5deg) translateY(-4px)}.source-story{max-width:1100px;display:grid;grid-template-columns:1fr 3fr;gap:45px;border-top:1px solid #75684f33;margin:40px auto 0;padding:28px 0 5px}.source-caption{font-family:'Kalam',cursive;font-weight:700;font-size:17px;line-height:1.3;transform:rotate(-3deg)}.source-story p{font-size:12px;line-height:1.85;color:#6b5a3f;max-width:780px}.messages{position:relative;isolation:isolate;background:#cbd5ad;padding:55px 6% 75px;overflow:hidden}.messages-title{position:relative;margin:0 auto 55px;max-width:1430px;padding-left:2%;z-index:3}.messages h2{font-family:'Kalam',cursive;font-size:clamp(45px,6.1vw,100px);font-weight:700;line-height:1;letter-spacing:-.055em;transform:rotate(-2deg);margin-top:10px}.mobile-break{display:none}.ink-underline{display:block;width:47%;height:7px;border-top:5px solid #245b46;border-radius:50%;transform:rotate(-1deg);margin:15px 0 0 8%}.comic{position:relative;max-width:1430px;margin:0 auto 50px;background:#f4ead0;padding:10px 10px 0;box-shadow:5px 8px 0 #314a2a26;transform:rotate(-1.3deg);border:1px solid #65583c77}.comic.trader-fomo{transform:rotate(1.1deg);width:96%;margin-left:3%}.comic.trader-logoff{transform:rotate(-.7deg);width:98%;margin-right:0;margin-bottom:0}.scene-number{position:absolute;left:-32px;top:-18px;width:65px;height:58px;background:#24553e;color:#f7efda;border:4px solid #f3e8cd;border-radius:50%;display:grid;place-items:center;z-index:5;font-size:29px;transform:rotate(-9deg)}.comic-image{position:relative;overflow:hidden}.comic-image img{width:100%;height:auto;aspect-ratio:3/1;object-fit:cover}.time-label{position:absolute;top:13px;left:14px;background:#f8e6b8;border:1px solid #65583c;padding:6px 10px;font-size:8px;letter-spacing:.06em;transform:rotate(-3deg);z-index:3}.bubble{position:absolute;z-index:3;background:#fff0cf;color:#362517;border:2px solid #54422e;border-radius:48% 52% 48% 46%;padding:18px 29px;font-family:'Kalam',cursive;font-size:clamp(22px,2.5vw,40px);font-weight:700;line-height:.95;text-align:center;letter-spacing:-.04em;box-shadow:2px 4px 0 #3d2c172b;transform:rotate(-4deg)}.bubble:after{content:'';position:absolute;bottom:-11px;left:27%;width:22px;height:20px;background:#fff0cf;clip-path:polygon(0 0,100% 0,0 100%);transform:rotate(5deg)}.incoming{left:26%;top:14%}.trader-fomo .incoming{left:12%;top:12%;transform:rotate(3deg)}.answer{right:5%;top:11%;transform:rotate(4deg)}.trader-logoff .incoming{left:4%;top:13%;font-size:clamp(21px,2vw,32px)}.trader-logoff .answer{right:5%;top:8%}.comic-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 18px 15px;font-size:10px;line-height:1.5}.comic-caption b{font-weight:600}.save-link{border:0;border-bottom:1px solid #5d6146;background:none;padding:5px 0;white-space:nowrap;font-size:10px;cursor:pointer}.save-link:hover{color:#a64b30}.last-message{position:relative;text-align:center;padding:70px 20px 65px;background:#f3ead3}.last-message h2{font-family:'Kalam',cursive;font-weight:700;font-size:clamp(30px,4.5vw,65px);line-height:1.15;letter-spacing:-.035em;margin-bottom:27px}.little-arrow{position:absolute;left:17%;top:40px;font-family:'Kalam',cursive;font-size:75px;color:#346443;transform:rotate(-15deg)}.extra-faces{font-size:9px;text-decoration:underline;text-underline-offset:4px;display:block;margin-top:19px;opacity:.75}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#e9dfc5;border-top:1px solid #665b4233;padding:32px 5%;font-size:9px}footer .logo{font-size:34px}footer p{font-size:9px;line-height:1.7}footer>a:not(.logo){font-size:9px;text-decoration:underline;text-underline-offset:4px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);padding:13px 24px;border-radius:35px;background:#173e31;color:#fff2d5;max-width:90vw;text-align:center;font-size:12px;z-index:40;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes peel{0%,100%{transform:rotate(-4deg)}40%{transform:rotate(-10deg) translateY(-30px) scale(1.025)}70%{transform:rotate(-2deg) translateY(-12px)}}@media(min-width:1750px){.dog-anchor{left:24%;width:51%;height:67%}.said{left:7%;top:16%}.this-way{right:5%;top:35%}.human-note{left:10%;bottom:29%}.meet{bottom:7.5%}.borrow-main{min-height:650px}.borrow{padding-top:155px}}@media(max-width:1100px){h1{font-size:15vw}.this-way{right:2%;top:38%;font-size:.83em}.dog-anchor{left:20%;width:59%;height:60%;bottom:18%}.human-note{left:6%;font-size:28px;bottom:29%}.source-button{font-size:25px;padding:15px 33px}.borrow{padding:145px 5% 45px}.borrow-main{min-height:420px}.borrow h2{font-size:9.2vw}.comment{width:160px;padding:20px 10px 10px}.comment>span{font-size:23px}.note-two{width:150px}.download-button{font-size:12px;padding:15px 19px}.source-story{gap:25px;margin-top:15px}.source-story p{font-size:11px}.messages{padding:55px 6% 65px}.scene-number{width:52px;height:49px;font-size:23px;left:-25px}.bubble{padding:13px 23px;font-size:2.6vw}.comic-caption{font-size:9px}.save-link{font-size:9px}.little-arrow{left:10%;font-size:58px}}@media(max-width:760px){.walk{height:145svh;min-height:1050px}.walk-stage{min-height:740px;height:100svh}.site-nav{left:5%;right:5%;top:22px}.logo{font-size:31px}.site-nav nav{gap:14px;font-size:7px;letter-spacing:.03em}.site-nav nav a:first-child{display:none}.night-caption{top:85px;left:6%;font-size:6px}h1{font-size:23vw;letter-spacing:-.055em}.said{left:5%;top:16%;transform:rotate(-11deg)}.this-way{right:3%;top:37%;font-size:.76em;line-height:1.04;z-index:2}.dog-anchor{left:0;width:100%;height:53%;bottom:20%;z-index:4}.human-note{left:6%;bottom:24%;font-size:19px;z-index:6}.human-note:after{width:40px;border-width:2px}.meet{bottom:8.5%;width:90%;}.source-button{font-size:25px;padding:13px 28px;gap:25px}.meet>span{font-size:7px;margin-top:8px}.walk-bottom{bottom:19px;font-size:6px}.walk-bottom b{font-size:15px;margin-left:5px}.street{background-position:47% 65%;inset:-65px -25px}.rope path{stroke-width:12}#rope-color{stroke-width:8}#rope-braid{stroke-width:2}.borrow{margin-top:-35px;padding:145px 5% 35px}.paper-edge{top:-47px;height:50px}.borrow-main{display:flex;flex-direction:column;gap:0;min-height:0}.sticker{width:113%;max-width:600px;margin:0;transform:rotate(-5deg);margin-left:-4%;}.borrow-copy{width:100%;padding:8px 0 0;text-align:center;z-index:5}.borrow h2{font-size:clamp(56px,16vw,85px);line-height:.91;display:block;margin:10px 0 22px;transform:rotate(-3deg)}.borrow h2 br{display:none}.chapter-kicker{font-size:7px}.download-button{font-size:12px;padding:14px 20px;gap:16px}.download-note{font-size:9px;max-width:none;margin-top:12px}.comment{width:128px;padding:17px 9px 9px;top:12px}.comment>span{font-size:20px}.comment small{font-size:4px;margin-top:8px}.note-one{left:7%;top:10px;transform:rotate(-10deg)}.note-two{right:8%;top:-8px;width:115px;transform:rotate(11deg)}.comment:before{height:16px;top:-7px}.source-story{display:block;margin-top:30px;padding-top:22px}.source-caption{font-size:13px;line-height:1.3;display:block;margin-bottom:12px}.source-caption br{display:none}.source-story p{font-size:10px;line-height:1.85;max-width:500px;margin:auto}.messages{padding:40px 6% 38px}.messages-title{margin-bottom:30px;padding-left:0}.messages h2{font-size:clamp(34px,9.4vw,54px);line-height:1.05;margin-top:9px}.mobile-break{display:block}.ink-underline{width:65%;height:4px;border-width:3px;margin:8px 0 0 11%}.comic{padding:6px 6px 0;margin-bottom:32px;box-shadow:3px 5px 0 #314a2a26}.comic.trader-fomo{width:98%;margin-left:2%}.comic.trader-logoff{width:100%;margin-right:0}.scene-number{width:36px;height:32px;font-size:16px;border-width:2px;left:-16px;top:-13px}.comic-image img{aspect-ratio:3/1;object-fit:contain}.time-label{top:5px;left:5px;font-size:4.5px;padding:3px 5px}.bubble{font-size:clamp(12px,3.1vw,19px);padding:7px 11px;border-width:1px;box-shadow:1px 2px 0 #3d2c172b}.bubble:after{width:12px;height:11px;bottom:-6px}.incoming{top:9%;left:26%}.trader-fomo .incoming{left:10%;top:2%}.answer{right:1%;top:3%}.trader-logoff .incoming{left:3%;top:6%;font-size:clamp(11px,2.8vw,17px)}.trader-logoff .answer{right:1%;top:2%}.comic-caption{padding:8px 4px 10px;font-size:7px;gap:8px}.save-link{font-size:7px;padding:4px 0}.last-message{padding:40px 7% 45px}.last-message h2{font-size:clamp(26px,7vw,40px);margin-bottom:21px}.little-arrow{left:6%;top:14px;font-size:40px}.extra-faces{font-size:8px}.last-message .download-button{font-size:11px}footer{padding:25px 6%;gap:16px;flex-wrap:wrap}footer .logo{font-size:30px;width:100%}footer div{width:100%}footer p,footer>a:not(.logo){font-size:8px}}@media(max-width:365px){h1{font-size:24vw}.this-way{right:2%;top:35%;font-size:.76em}.dog-anchor{height:49%;bottom:22%;left:-2%;width:104%}.human-note{font-size:17px;left:5%;bottom:25%}.comment{width:115px}.comment>span{font-size:18px}.note-two{width:105px}.borrow{padding-top:135px}.borrow h2{font-size:15.5vw}.source-story p{font-size:9px}.bubble{padding:6px 9px}.trader-logoff .incoming{font-size:10px}.comic-caption{font-size:6.5px}.save-link{font-size:6.5px}.site-nav nav{font-size:6px;gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.walk{height:auto;min-height:0}.walk-stage{position:relative}.street,.dog-anchor{transform:none!important}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Integrated art follows the approved composition. */
.walk{height:auto;min-height:0}.walk-stage{position:relative;height:auto;min-height:0;aspect-ratio:1672/941;overflow:hidden}.hero-painting{position:absolute;inset:0;display:block;z-index:-2}.hero-painting img{width:100%;height:100%;object-fit:contain}.walk-stage{background:#102e28}.human-note{bottom:28%;left:7%;opacity:1;font-size:clamp(20px,2.5vw,39px)}.meet{bottom:5.5%}.site-nav{top:22px}.walk-bottom{bottom:12px}.walk-bottom span:last-child{display:none}.borrow{margin-top:0}.paper-edge{height:60px;top:-58px}.walk-stage h1.sr-only{inset:auto;clip-path:inset(50%)}@media(max-width:760px){.walk-stage{aspect-ratio:1122/1402;height:auto;min-height:0}.site-nav{top:17px}.site-nav .logo{font-size:26px}.site-nav nav{font-size:6px;gap:12px}.human-note{bottom:26%;left:6%;font-size:clamp(16px,4.5vw,26px)}.meet{bottom:9%;}.source-button{font-size:22px;padding:11px 27px}.meet>span{font-size:6px}.walk-bottom{font-size:5px;bottom:11px}.paper-edge{height:32px;top:-30px}}

/* Trader scenes: readable replies, with unblocked artwork at phone widths. */
.trader-reading .incoming,.trader-fomo .incoming,.trader-logoff .incoming{left:3%;top:6%}
.trader-reading .answer,.trader-fomo .answer,.trader-logoff .answer{right:3%;top:6%}
.trader-logoff .incoming{left:7%}
@media(max-width:760px){
.comic .comic-image{display:grid;grid-template-columns:1fr 1fr;align-items:start;overflow:visible;background:#f7eed7}
.comic .comic-image img{grid-column:1/-1;grid-row:2;aspect-ratio:3/1}
.comic .comic-image .bubble{position:relative;inset:auto;grid-row:1;max-width:none;margin:4px 5px 14px;padding:8px 13px;font-size:clamp(13px,3.7vw,21px);box-shadow:1px 2px 0 #3d2c172b;line-height:1.05}
.comic .incoming{grid-column:1;justify-self:start;transform:rotate(-2deg)}
.comic .answer{grid-column:2;justify-self:end;transform:rotate(2deg)}
.comic-caption{font-size:8px}.save-link{font-size:8px}
}
