/* Hand-cut figures float across photography and handwriting. No scene-card grid. */
:root{--j-lilac:#dfd9e7;--j-pink:#ecd0d0;--j-acid:#e6ec77}.shell main{background-color:#eeeade;background-size:26px 26px}.journal-intro h1{font-family:serif;letter-spacing:-1px}.journal-page{background:#f8f3e7;overflow:visible;border-radius:2px;border:1px solid #3a313a;box-shadow:4px 5px #ded4c2,5px 6px #3a313a}.chapter-tabs button{background:#d6ccbc;border-radius:3px 3px 0 0}.chapter-tabs button[aria-pressed=true]{background:#f8f3e7}.chapter-heading{padding-bottom:10px}.chapter-heading h2{font-family:serif}.date-sticker{background:#efe66c;box-shadow:none;border:2px dashed #665369;border-radius:45% 50% 43% 53%;transform:rotate(12deg)}.scrap-spread{position:relative;min-height:540px;margin:15px 0 25px;display:grid;grid-template-columns:42% 58%;align-items:start}.spread-story{position:relative;z-index:3;padding:36px 35px 110px 8px;max-width:410px}.ink-marker{display:inline-block;background:#e7e966;padding:4px 10px;transform:rotate(-3deg);font:10px monospace;letter-spacing:1px}.spread-story h3{font:700 36px/1.4 serif;letter-spacing:-1px;margin:24px 0 10px}.spread-story p{font-size:14px;line-height:2;color:#5e525d;max-width:270px}.beat-time{font:10px/1.5 monospace;color:#927184;display:block;letter-spacing:1px}.drawn-arrow{font-size:80px;display:block;transform:rotate(25deg);margin:0 0 0 25px;line-height:1;color:#85657f}.pasted-photo{position:relative;z-index:1;margin:20px 0 0 0;padding:12px 12px 35px;background:#fffdf3;box-shadow:3px 6px 8px #20152622;transform:rotate(4deg);height:370px}.pasted-photo>img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}.pasted-photo figcaption{font-size:9px;line-height:1.4;position:absolute;bottom:10px;left:12px;right:12px;color:#80737a;letter-spacing:.5px}.duo-scene{position:absolute;width:300px;height:440px;left:34%;bottom:-15px;z-index:4;pointer-events:none}.duo-cutout{height:100%;width:100%;object-fit:contain;filter:drop-shadow(2px 4px 1px #37273518)}.cutout-whisper{position:absolute;top:12%;right:-120px;transform:rotate(-7deg);font-size:18px;font-weight:700;background:#f6f0e2;padding:8px 12px;border-bottom:3px solid #ae808c;white-space:nowrap}.photo-tape{position:absolute;top:5px;right:25%;width:100px;height:30px;background:#bd9e6099;z-index:3;transform:rotate(-11deg);clip-path:polygon(0 5%,6% 1%,12% 9%,20% 1%,29% 10%,37% 2%,46% 8%,54% 0,65% 10%,73% 3%,82% 8%,90% 0,100% 8%,97% 100%,88% 95%,80% 100%,70% 92%,60% 100%,50% 94%,40% 100%,30% 95%,20% 100%,10% 92%,0 100%)}.margin-scribble{position:absolute;right:5%;bottom:10px;font:25px/1.3 'Permanent Marker',cursive;color:#9e7889;transform:rotate(6deg)}.cutout-prop{display:block;width:120px;aspect-ratio:1;background:url('assets/travel-cutouts-v5.png') 0 0/300% 200% no-repeat;pointer-events:none}.prop-0{background-position:0% 0%}.prop-1{background-position:50% 0%}.prop-2{background-position:100% 0%}.prop-3{background-position:0% 100%}.prop-4{background-position:50% 100%}.prop-5{background-position:100% 100%}.story-prop{position:absolute;bottom:0;left:100px;width:155px;transform:rotate(-15deg)}.loose-notes{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:20px 40px 35px 25px;position:relative}.loose-note{position:relative;padding:30px 100px 30px 25px;min-height:240px;transform:rotate(-2deg);border-top:1px solid #d8cabf;background:repeating-linear-gradient(0deg,transparent,transparent 27px,#b5a79c45 28px);box-shadow:1px 4px 0 #6e4e5a0d}.loose-note h3{font-size:25px;line-height:1.5;font-family:serif;margin:13px 0 8px;position:relative;z-index:2}.loose-note p{font-size:13px;line-height:2.1;position:relative;z-index:2}.note-style-1{transform:rotate(2deg);background:#e5dfeb;border:0;clip-path:polygon(2% 0,98% 1%,100% 97%,91% 99%,82% 97%,72% 100%,60% 98%,50% 100%,40% 97%,30% 100%,19% 98%,0 100%)}.scribble-count{position:absolute;top:-25px;left:-13px;font:35px 'Permanent Marker',cursive;color:#a66e80;transform:rotate(-12deg);z-index:4}.note-prop{position:absolute;width:145px;right:-45px;bottom:-28px;transform:rotate(12deg);z-index:3}.journal-note{background:#ece1bc;transform:rotate(-1deg);margin-top:30px}.journal-note .tiny-prop{width:60px;flex:0 0 60px}.journal-note>span{font-size:inherit}.zine-cover{position:relative;min-height:650px;padding:40px 38px;isolation:isolate;background:#e4decb;border:1px solid #484045;box-shadow:5px 5px #b4a5b3;overflow:hidden}.zine-cover:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(94deg,#fff4 0 1px,transparent 1px 7px);z-index:-1}.zine-cover-text{position:relative;z-index:5;width:48%}.zine-cover h1{font:900 95px/.8 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;margin:35px 0;color:#28212b}.zine-cover h1 em{font:400 28px/1.3 'Permanent Marker',cursive;color:#6f496a;white-space:nowrap}.zine-cover h2{font:700 34px/1.5 serif;letter-spacing:-1px;margin:25px 0 10px}.zine-cover h2 span{background:#e9e76c}.zine-cover p{font-size:12px;color:#74616e}.zine-cover-photo{position:absolute;right:4%;top:48px;width:48%;height:340px;padding:10px 10px 28px;background:#fffbed;transform:rotate(6deg);box-shadow:4px 5px #6c505833}.zine-cover-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.65)}.zine-cover-photo small{font:9px monospace;display:block;margin-top:7px;color:#74616e}.cover-duo{position:absolute;bottom:-9px;right:12%;height:470px;width:320px;z-index:4}.cover-daisies{position:absolute;right:0;bottom:25px;width:200px;transform:rotate(20deg);z-index:3}.cover-plane{position:absolute;top:70px;left:43%;width:150px;z-index:6;transform:rotate(-12deg)}.zine-location{position:absolute;bottom:25px;left:40px;font:25px 'Permanent Marker',cursive;color:#87627c;transform:rotate(-4deg)}.zine-location small{font:10px monospace}.paper-contents{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.paper-chapter{position:relative;display:flex;align-items:center;gap:20px;min-height:160px;padding:26px 110px 26px 0;border-bottom:1px dashed #bbaab0;color:#332b33;transition:transform .2s}.paper-chapter:hover{color:#6f496a;transform:rotate(-1deg)}.paper-date{font:700 50px 'Barlow Condensed',Impact,sans-serif;color:#a18092;transform:rotate(-6deg)}.paper-chapter small{font:9px monospace;color:#917b8b}.paper-chapter h3{font-family:serif;font-size:22px;margin:8px 0}.paper-chapter p{font-size:11px;color:#806d7b;line-height:1.8}.paper-chapter .cutout-prop{position:absolute;right:5px;top:30px;width:95px;transform:rotate(8deg)}.paper-next{position:absolute;right:0;bottom:20px;font-size:20px}.zine-cover .open-book{margin-top:22px}.pocket-notes section{background:#eae0b8}.pocket-notes section:nth-child(2){background:#e6d1cf}.pocket-notes section:nth-child(3){background:#ded5e3}.page-heading{background:#ded6c8 url('assets/bangkok-night-v3.png') center 55%/cover}.duo-cutout{animation:cutout-land .65s ease both}.cutout-prop{transition:transform .3s}.paper-chapter:hover .cutout-prop{transform:rotate(-6deg) translateY(-3px)}@keyframes cutout-land{from{opacity:0;translate:0 18px;rotate:3deg}to{opacity:1;translate:0 0;rotate:0deg}}
@media(max-width:1000px){.scrap-spread{min-height:490px}.spread-story h3{font-size:28px}.spread-story{padding-right:25px}.duo-scene{width:250px;height:370px;left:32%}.pasted-photo{height:310px}.cutout-whisper{font-size:13px;right:-65px}.margin-scribble{font-size:19px}.loose-notes{gap:40px;padding-left:10px;padding-right:25px}.loose-note{padding-right:60px;padding-left:20px}.loose-note h3{font-size:22px}.note-prop{width:110px;right:-25px}.zine-cover h1{font-size:78px}.zine-cover{min-height:620px}.zine-cover-text{width:50%}.cover-duo{height:420px;width:280px;right:9%}.cover-plane{width:110px;top:100px}.zine-cover h2{font-size:29px}.zine-cover-photo{height:300px}}
@media(max-width:650px){.journal-page{overflow:hidden}.scrap-spread{display:block;margin-top:0;min-height:0;padding-bottom:55px}.spread-story{padding:16px 16px 25px 4px;max-width:none;width:100%;min-height:180px}.spread-story h3{font-size:28px;margin:18px 0 8px;max-width:70%}.spread-story p{font-size:12px;max-width:70%;line-height:2}.spread-story .beat-time{font-size:9px;max-width:80%}.drawn-arrow{position:absolute;right:20px;bottom:20px;font-size:60px;margin:0}.story-prop{width:95px;left:auto;right:-7px;top:30px;bottom:auto;transform:rotate(6deg)}.pasted-photo{margin:0 3px 0 45px;height:250px;padding:8px 8px 31px;transform:rotate(5deg)}.pasted-photo figcaption{font-size:8px;bottom:8px;left:8px}.duo-scene{width:200px;height:300px;left:-12px;bottom:-10px}.cutout-whisper{right:-100px;top:60%;font-size:12px;padding:6px 8px}.photo-tape{top:auto;bottom:280px;right:22%;width:65px;height:22px}.margin-scribble{font-size:17px;right:0;bottom:2px}.loose-notes{grid-template-columns:1fr;gap:40px;padding:30px 18px 25px 10px}.loose-note{min-height:200px;padding:25px 75px 22px 17px}.loose-note h3{font-size:23px}.loose-note p{font-size:12px}.note-prop{width:125px;right:-22px;bottom:-25px}.scribble-count{font-size:30px;top:-21px;left:-7px}.journal-note .tiny-prop{width:48px;flex-basis:48px}.journal-note p{flex:1;flex-basis:65%}.zine-cover{padding:25px 20px;min-height:800px}.zine-cover-text{width:100%}.zine-cover h1{font-size:81px;margin:30px 0 22px;max-width:85%}.zine-cover h1 em{font-size:24px}.zine-cover h2{font-size:27px;line-height:1.5;margin:22px 0 10px}.zine-cover h2 br:first-child{display:none}.zine-cover p{font-size:11px}.zine-cover .open-book{margin-top:10px;padding:13px 17px;font-size:12px}.zine-cover-photo{top:435px;right:15px;width:76%;height:220px;transform:rotate(6deg)}.cover-duo{height:330px;width:220px;right:auto;left:12px;bottom:5px}.cover-plane{top:170px;right:-3px;left:auto;width:100px;transform:rotate(10deg)}.cover-daisies{width:130px;right:-15px;bottom:7px}.zine-location{font-size:19px;bottom:115px;left:auto;right:15px}.zine-location small{font-size:7px}.paper-contents{grid-template-columns:1fr}.paper-chapter{min-height:145px;gap:18px;padding:23px 100px 23px 0}.paper-chapter h3{font-size:22px}.paper-chapter .cutout-prop{width:95px}.paper-date{font-size:48px}.paper-chapter p{font-size:11px}.chapter-heading h2{font-size:23px}.chapter-heading p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.duo-cutout{animation:none}.paper-chapter,.cutout-prop{transition:none}}@media print{.scrap-spread{break-inside:avoid}.duo-cutout,.cutout-prop{print-color-adjust:exact}.journal-page{box-shadow:none}.zine-cover{min-height:650px}}