:root{--paper:#f5f2e9;--ink:#252620;--muted:#62635b;--pink:#fa90ad;--mint:#cee9a1;--yellow:#efd160;--line:#d8d5ca;--display:"Bricolage Grotesque",sans-serif;--body:"DM Sans",sans-serif;--hand:"Caveat",cursive}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5;overflow-x:clip}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:wait}img{display:block;max-width:100%}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #ae3873;outline-offset:5px}button:focus:not(:focus-visible){outline:none}[hidden]{display:none!important}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;z-index:99;top:-100px;left:12px;background:var(--ink);color:white;padding:12px}.skip-link:focus{top:10px}.site-header{height:98px;display:flex;justify-content:space-between;align-items:center;gap:28px;border-bottom:1px solid var(--line);padding:0 4.7%;max-width:1800px;margin:auto}.wordmark{display:flex;align-items:center;gap:9px;font-family:var(--display);font-size:32px;font-weight:800;letter-spacing:-1.7px;line-height:.83}.brand-small{display:block;font-family:var(--body);font-size:9px;letter-spacing:.6px;font-weight:700;margin-top:7px}.brand-icon{width:39px;height:49px;display:grid;place-items:center;background:var(--ink);color:var(--paper);border-radius:22px 22px 20px 2px;transform:rotate(-8deg)}.brand-icon .icon{width:25px;height:30px}.header-note{font-family:var(--hand);font-size:22px;transform:rotate(-3deg)}.site-header nav{display:flex;align-items:center;gap:28px}.browse-link{font-size:14px;display:flex;gap:9px;align-items:center}.browse-link .icon{width:17px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:57px;padding:15px 23px;border:1px solid transparent;border-radius:7px;font-size:15px;font-weight:600;transition:transform .25s,box-shadow .25s;white-space:nowrap}.button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0002}.button-dark{background:var(--ink);color:white}.button-mint{background:var(--mint);color:var(--ink)}.button-outline{border-color:#ffffff50;background:transparent;color:var(--paper)}.button-detail{font-size:10px;font-weight:500;letter-spacing:1px;color:#b7b8ab;border-left:1px solid #ffffff40;padding-left:12px;margin-left:1px}.compact{min-height:42px;padding:10px 17px;font-size:14px}.compact .icon{width:18px;height:18px}.cover{max-width:1800px;padding:0 4.7%;margin:auto;position:relative;background-image:radial-gradient(#1b1c1a0b .6px,transparent .6px);background-size:6px 6px}.cover-topline{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:82px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.8px;line-height:1.5;margin:0}.cover-topline .eyebrow{display:flex;gap:28px}.edition{color:var(--muted)}.demo-controls{display:flex;gap:20px;align-items:center}.segmented{display:flex;padding:3px;border:1px solid var(--line);border-radius:6px;gap:3px}.segmented button{padding:6px 11px;border-radius:4px;background:transparent;font-size:12px}.segmented button[aria-pressed=true]{background:var(--ink);color:white}.text-button{background:transparent;display:inline-flex;gap:6px;align-items:center;padding:10px 0;font-size:13px;font-weight:500}.text-button .icon{width:16px;height:16px}.cover-layout{display:grid;grid-template-columns:1fr 1fr;min-height:640px;position:relative;gap:3%}.cover-copy{padding:35px 0 35px;z-index:2}.cover-kicker{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.2px;margin-bottom:26px}.little-line{width:24px;height:1px;background:var(--ink);display:inline-block}.cover h1{font-family:var(--display);font-weight:800;font-size:clamp(76px,8.8vw,145px);line-height:.89;letter-spacing:-.075em;margin:0 0 29px}.scenic{position:relative;display:inline-block;z-index:0}.scenic svg{position:absolute;width:100%;height:23px;bottom:-11px;left:0;fill:none;stroke:var(--pink);stroke-width:8;stroke-linecap:round;z-index:-1;stroke-dasharray:800;animation:underline-in 1.3s .6s both}.pink-dot{color:#e97697}.cover-description{font-size:18px;line-height:1.6;color:var(--muted);margin:0 0 27px}.cover-description em{color:var(--ink);font-style:normal}.cover-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.explore-link{font-size:12px;display:flex;align-items:center;gap:11px}.explore-link .icon{width:17px}.sample-note{font-size:12px;color:var(--muted);margin-top:17px;max-width:400px}.cover-art{position:relative;min-width:0;min-height:610px;perspective:1200px}.art-coordinates{position:absolute;top:24px;right:5%;font-family:var(--body);font-size:9px;letter-spacing:1.2px;line-height:1.9;color:var(--muted)}.hand-note{font-family:var(--hand);font-size:27px;font-weight:500;line-height:1.1}.cover-note{position:absolute;bottom:57px;right:2%;transform:rotate(-7deg);z-index:4}.photo-orbit{position:absolute;inset:0;will-change:transform}.polaroid{padding:13px 13px 0;background:#fffefa;box-shadow:0 16px 35px #28241b23,0 1px 3px #28241b17;text-align:left;border:1px solid #e9e6de;transition:box-shadow .4s;position:relative}.polaroid:hover{box-shadow:0 22px 50px #28241b35}.hero-photo{position:absolute;top:73px;right:8%;width:76%;transform:rotate(7deg);animation:photo-arrive 1.15s .1s both;--rotation:7deg}.hero-photo img{width:100%;height:clamp(310px,32vw,490px);object-fit:cover;object-position:center}.polaroid-caption{display:flex;justify-content:space-between;align-items:center;gap:5px;height:48px;font-size:10px;letter-spacing:1px}.polaroid-caption .icon{width:17px}.tape{position:absolute;top:-17px;left:36%;width:31%;height:35px;background:#e6d3a9a6;transform:rotate(-4deg);z-index:3;backdrop-filter:blur(2px);clip-path:polygon(0 5%,97% 0,99% 20%,96% 36%,100% 57%,97% 78%,100% 100%,0 95%,2% 78%,0 60%,3% 41%)}.side-photo{position:absolute;top:330px;left:-7%;width:42%;z-index:2;transform:rotate(-12deg);padding:10px 10px 0;animation:photo-arrive 1.2s .35s both;--rotation:-12deg}.side-photo img{width:100%;aspect-ratio:1/1;object-fit:cover;height:auto}.side-photo .hand-note{display:block;font-size:19px;text-align:center;padding:13px 0 16px}.completion-seal{position:absolute;z-index:3;top:470px;right:3%;width:132px;height:132px;border-radius:50%;background:var(--mint);box-shadow:1px 5px 12px #0001;transform:rotate(13deg)}.seal-text{position:absolute;inset:0;fill:var(--ink);font-family:var(--body);font-size:10px;font-weight:700;letter-spacing:2px;animation:seal-spin 60s linear infinite}.completion-seal>span{position:absolute;inset:22px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0}.completion-seal .icon{height:22px;width:22px}.completion-seal strong{font-family:var(--display);font-size:34px;line-height:1.1}.completion-seal small{font-size:9px;letter-spacing:2px}.art-spark{position:absolute;top:110px;left:0;width:60px;height:60px;fill:var(--pink);stroke:var(--ink);stroke-width:.55;transform:rotate(10deg)}.cover-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding:28px 0 33px;margin-top:28px}.story-stats{display:flex;align-items:center;gap:34px}.story-stats>div{display:flex;align-items:center;gap:12px;border-right:1px solid var(--line);padding-right:34px}.story-stats>div:last-child{border:0;padding-right:0}.story-stats strong{font-family:var(--display);font-size:44px;font-weight:600;letter-spacing:-2px;line-height:1}.story-stats span{font-size:12px;line-height:1.4;max-width:100px}.story-stats .mini-star{font-size:35px;color:#bd526c}.scroll-prompt{display:flex;align-items:center;gap:24px;font-size:9px;letter-spacing:1.5px}.scroll-prompt .icon{animation:arrow-bob 2s infinite}.ticker{background:var(--pink);padding:16px 0;overflow:hidden;transform:rotate(-1.3deg);width:calc(100% + 10px);margin:10px -5px 0;border-block:1px solid var(--ink)}.ticker-track{display:flex;width:max-content;animation:marquee 35s linear infinite;font-family:var(--display);font-size:18px;font-weight:700;letter-spacing:1.5px}.ticker-track span{display:block;flex:none;white-space:nowrap}.ticker-track b{font-size:23px;padding:0 33px;vertical-align:middle}.journey{max-width:1550px;margin:auto;padding:107px 8% 90px;position:relative}.journey-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:72px}.journey-heading h2{font-family:var(--display);font-size:clamp(48px,5.8vw,80px);font-weight:700;letter-spacing:-4px;line-height:1.03;margin:16px 0 0}.journey-heading h2 em{font-family:var(--hand);font-weight:500;font-size:1.17em;letter-spacing:-2px}.journey-heading>p{font-size:15px;color:var(--muted);line-height:1.8;margin:0 0 2px;max-width:340px}.journey-heading .hand-note{display:block;font-size:22px;color:#a64165;transform:rotate(-4deg);margin-top:18px}.chapters{position:relative}.journey-route{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0;fill:none;stroke-width:1.5}.journey-route #route-back{stroke:#c9c4b6;stroke-dasharray:5 9}.journey-route #route-ink{stroke:#b75c77;stroke-width:2;opacity:.85}.journey-route #route-traveler circle{fill:var(--pink);stroke:var(--paper);stroke-width:4}.journey-route #route-traveler path{fill:var(--ink);stroke:none}.chapter{display:grid;grid-template-columns:1.2fr .8fr;gap:9%;align-items:center;position:relative;z-index:1;min-height:570px;padding:34px 0 75px}.chapter:nth-child(even){grid-template-columns:.8fr 1.2fr}.chapter:nth-child(even) .chapter-visual{order:2}.chapter:nth-child(even) .chapter-copy{order:1;padding-left:9%;padding-right:0}.chapter-visual{position:relative;min-width:0;transform:translateY(28px);transition:transform .95s cubic-bezier(.2,.7,.2,1),opacity .85s;opacity:0}.chapter.is-visible .chapter-visual{transform:translateY(0);opacity:1}.chapter-photo{display:block;width:100%;padding:12px 12px 0;background:#fffdf7;transform:rotate(var(--tilt,-3deg));box-shadow:0 12px 26px #25262018;border:1px solid #e0ddd4;text-align:left;transition:transform .5s,box-shadow .5s;position:relative}.chapter-photo:hover{transform:rotate(0) translateY(-6px);box-shadow:0 18px 36px #25262027}.chapter-photo img{width:100%;height:400px;object-fit:cover}.chapter:nth-child(3n+2) .chapter-photo{width:84%;margin-left:auto}.chapter:nth-child(3n+2) .chapter-photo img{height:460px}.chapter:nth-child(3n) .chapter-photo img{height:360px}.chapter:nth-child(3n+2) .chapter-photo:after{content:"";position:absolute;left:-15px;bottom:48px;width:30px;height:80px;transform:rotate(-8deg);background:#cbdabc99;pointer-events:none}.chapter-photo .polaroid-caption{height:49px}.chapter-photo .polaroid-caption>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%}.chapter-copy{padding-right:8%;opacity:0;transform:translateY(22px);transition:transform .8s .15s,opacity .8s .15s}.chapter.is-visible .chapter-copy{opacity:1;transform:none}.stop-number{font-family:var(--display);font-size:100px;color:transparent;-webkit-text-stroke:1px #cbc5b7;letter-spacing:-8px;line-height:1;margin:0 0 24px;font-weight:600}.chapter-copy .eyebrow{font-size:10px;color:var(--muted);letter-spacing:1.3px;margin-bottom:10px}.chapter-copy h3{font-family:var(--display);font-size:clamp(30px,3.2vw,44px);font-weight:700;letter-spacing:-1.7px;line-height:1.03;margin:0 0 18px;text-wrap:balance}.chapter-copy>p:not(.eyebrow):not(.stop-number){font-size:15px;line-height:1.8;color:var(--muted);margin:0 0 24px}.found-stamp{display:inline-flex;align-items:center;gap:7px;border:1px solid #6b7e51;color:#536938;border-radius:3px;padding:6px 10px;font-size:10px;font-weight:600;letter-spacing:2px;transform:rotate(-5deg)}.found-stamp .icon{width:15px;height:15px}.photo-note{position:absolute;bottom:-33px;left:20px;transform:rotate(-3deg);font-family:var(--hand);font-size:23px;color:var(--muted)}.chapter-image-fallback{min-height:280px;display:grid;place-items:center;text-align:center;background:var(--line);padding:40px;color:var(--ink)}.interlude{padding:40px 0 85px;text-align:center;position:relative;z-index:1}.interlude .icon{color:#af5b70;height:40px;width:40px;margin-bottom:20px}.interlude p{font-family:var(--display);font-size:clamp(26px,4vw,48px);letter-spacing:-1.4px;line-height:1.15;margin:0;background:var(--paper);display:inline-block}.interlude em{font-family:var(--hand);font-size:1.2em;font-weight:500}.finale{background:var(--ink);color:var(--paper);padding:40px 6% 0;position:relative;overflow:hidden}.finale-top,.finale-bottom{display:flex;justify-content:space-between;gap:30px;align-items:center;max-width:1500px;margin:auto;color:#cbcdc0}.finale-top .eyebrow{font-size:10px}.finale-number{font-family:var(--display);font-size:28px;color:var(--mint);letter-spacing:-1px}.photo-fan{height:300px;max-width:760px;position:relative;margin:40px auto 0;isolation:isolate}.fan-photo{position:absolute;left:50%;top:45px;width:175px;background:var(--paper);padding:7px 7px 22px;transform:translateX(-50%) rotate(0);box-shadow:0 5px 18px #0008;transition:transform 1.1s cubic-bezier(.2,.7,.2,1);cursor:pointer;transform-origin:50% 180%}.fan-photo img{height:180px;width:100%;object-fit:cover}.finale.is-visible .fan-photo{transform:translateX(calc(-50% + var(--x))) translateY(var(--y)) rotate(var(--r))}.finale.is-visible .fan-photo:hover{transform:translateX(calc(-50% + var(--x))) translateY(calc(var(--y) - 20px)) rotate(0);z-index:20!important}.finale-copy{text-align:center;position:relative;z-index:10;padding:0 0 67px}.finale-copy>.hand-note{color:var(--pink);font-size:26px;margin:0 0 24px;transform:rotate(-3deg)}.finale h2{font-family:var(--display);font-size:clamp(52px,7.8vw,105px);letter-spacing:-.055em;font-weight:700;line-height:.99;margin:0 0 25px}.finale h2 span{color:var(--mint)}.finale-copy>p:not(.hand-note){font-size:15px;color:#c3c5b8;line-height:1.6;max-width:500px;margin:0 auto 31px}.finale-actions{display:flex;justify-content:center;gap:13px;flex-wrap:wrap}.save-story{margin-top:17px;color:#cacbbe;font-size:12px;border-bottom:1px solid #ffffff30}.finale-bottom{border-top:1px solid #ffffff25;padding:24px 0;font-size:10px;letter-spacing:.8px}.finale-bottom a{font-size:12px;letter-spacing:0}.site-footer{padding:28px 5% 76px;display:flex;justify-content:space-between;gap:22px;align-items:flex-start;font-size:11px}.site-footer>span{letter-spacing:.4px}.footer-star{color:#ba5875;font-size:17px;padding:0 9px}.site-footer details{text-align:right;max-width:340px}.site-footer summary{cursor:pointer;color:var(--muted);font-size:12px}.site-footer ul{list-style:none;padding:0;font-size:12px;line-height:1.9}.site-footer li a{text-decoration:underline;text-underline-offset:3px}.site-footer details p{color:var(--muted);line-height:1.8}.motion-tools{position:fixed;bottom:17px;right:23px;z-index:20}.motion-tools button{display:flex;align-items:center;gap:7px;background:var(--paper);color:var(--ink);padding:8px 13px;border:1px solid var(--line);border-radius:30px;box-shadow:0 3px 12px #0001;font-size:11px}.motion-tools .icon{height:14px;width:14px}.read-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:#b84a6e;z-index:30}.toast{position:fixed;bottom:65px;left:50%;transform:translate(-50%,16px);padding:14px 22px;color:white;background:#252620f5;border-radius:8px;box-shadow:0 6px 25px #0003;font-size:14px;max-width:min(90vw,570px);z-index:100;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;text-align:center}.toast.is-visible{opacity:1;transform:translate(-50%,0)}#confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:21}.story-viewer{position:fixed;inset:0;border:0;padding:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:#171914;color:white;overflow:hidden}.story-viewer::backdrop{background:#171914}.viewer-backdrop{position:absolute;inset:-40px;background-size:cover;background-position:center;filter:blur(40px) brightness(.2);opacity:.9}.viewer-top{position:absolute;top:22px;left:4%;right:3%;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;letter-spacing:1px}.viewer-edition{color:#b7b8ad;margin-left:12px}.viewer-top>div{display:flex;gap:10px}.icon-button{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff45;background:#25262066;border-radius:50%;color:inherit}.viewer-progress{position:absolute;top:83px;left:4%;right:4%;display:flex;gap:5px;z-index:3}.viewer-progress>span{height:3px;background:#ffffff35;flex:1;overflow:hidden}.viewer-progress i{display:block;width:100%;height:100%;background:var(--mint);transform:scaleX(0);transform-origin:left}.viewer-stage{position:absolute;inset:104px 0 170px;display:grid;place-items:center;overflow:hidden}.viewer-stage>img{width:100%;height:100%;object-fit:contain;min-height:0;animation:ken-burns 6s linear both}.viewer-stage>img.image-error{opacity:0}.viewer-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:62px;background:#1118;color:white;border:1px solid #fff4;border-radius:6px;display:grid;place-items:center}.viewer-nav.previous{left:3%}.viewer-nav.next{right:3%}.viewer-caption{position:absolute;bottom:30px;left:8%;right:8%;text-align:center;z-index:3}.viewer-caption .eyebrow{color:var(--mint);font-size:10px}.viewer-caption h2{font-family:var(--display);font-size:36px;letter-spacing:-1px;line-height:1.05;margin:9px 0}.viewer-caption>p:not(.eyebrow){font-size:13px;color:#d2d4c9;margin:8px auto;max-width:550px}.viewer-caption>span{position:absolute;right:-5%;bottom:0;color:#c5c7bb;font-size:11px}.share-dialog{border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);padding:45px 36px 35px;max-width:450px;width:calc(100vw - 30px)}.share-dialog::backdrop{background:#151712aa;backdrop-filter:blur(5px)}.share-dialog>.icon-button{position:absolute;right:10px;top:10px;background:transparent;border:0}.share-dialog h2{font-family:var(--display);font-size:35px;line-height:1.1;letter-spacing:-1px}.share-dialog p{font-size:14px;color:var(--muted)}.share-dialog label{display:block;font-size:12px;margin:22px 0 6px}.share-dialog input{width:100%;padding:12px;border:1px solid var(--line);border-radius:5px;background:white;font-size:13px}.share-dialog .button{width:100%;margin-top:15px}.no-script{padding:30px;background:var(--yellow);position:fixed;inset:auto 0 0;z-index:50}.no-script a{text-decoration:underline}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes seal-spin{to{transform:rotate(360deg)}}@keyframes arrow-bob{50%{transform:translateY(5px)}}@keyframes photo-arrive{from{opacity:0;transform:translateY(30px) rotate(calc(var(--rotation) - 6deg))}to{opacity:1;transform:translateY(0) rotate(var(--rotation))}}@keyframes underline-in{from{stroke-dashoffset:800}to{stroke-dashoffset:0}}@keyframes ken-burns{from{transform:scale(1)}to{transform:scale(1.045)}}
body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after{animation-play-state:paused!important;transition:none!important}body.motion-paused .chapter-visual,body.motion-paused .chapter-copy{opacity:1;transform:none}body.motion-paused .hero-photo{animation:none;opacity:1;transform:rotate(7deg)}body.motion-paused .side-photo{animation:none;opacity:1;transform:rotate(-12deg)}body.motion-paused .scenic svg{animation:none;stroke-dashoffset:0}body.motion-paused .photo-orbit{transform:none!important}body.motion-paused .viewer-stage>img{animation:none}body.motion-paused .journey-route #route-ink{stroke-dashoffset:0!important}html:has(body.motion-paused){scroll-behavior:auto}
@media(min-width:1600px){.cover-layout{min-height:740px}.cover-art{min-height:730px}.hero-photo{top:90px}.side-photo{top:425px}.completion-seal{top:600px}.cover-copy{padding-top:58px}}
@media(max-width:1100px){.header-note{display:none}.site-header{height:82px}.cover-topline .eyebrow{gap:12px;font-size:9px}.demo-controls{gap:12px}.cover-layout{min-height:590px}.cover-copy{padding-top:28px}.cover-kicker{font-size:9px;letter-spacing:.5px}.cover h1{font-size:clamp(78px,10vw,108px)}.cover-art{min-height:560px}.hero-photo{right:5%;width:84%;top:75px}.hero-photo img{height:345px}.side-photo{top:330px;left:-4%;width:47%}.completion-seal{top:420px;right:0;width:112px;height:112px}.completion-seal strong{font-size:27px}.cover-note{bottom:4px;right:0;font-size:24px}.cover-actions{gap:16px}.button{padding:14px 18px}.button-detail{display:none}.story-stats{gap:22px}.story-stats>div{gap:10px;padding-right:22px}.journey{padding-inline:6%}.chapter{gap:8%;min-height:490px}.chapter-photo img{height:340px}.chapter:nth-child(3n+2) .chapter-photo img{height:370px}.chapter:nth-child(3n) .chapter-photo img{height:330px}.stop-number{font-size:80px}.chapter-copy{padding-right:0}}
@media(max-width:760px){.site-header{height:78px;padding:0 6%}.wordmark{font-size:28px}.brand-small{font-size:8px;letter-spacing:.4px}.brand-icon{width:32px;height:41px}.browse-link{display:none}.compact{font-size:12px;padding:9px 13px;gap:7px}.cover{padding:0 6%}.cover-topline{align-items:flex-start;gap:15px;flex-direction:column;padding:22px 0 10px}.cover-topline .eyebrow{width:100%;justify-content:space-between;font-size:9px}.demo-controls{justify-content:space-between;width:100%}.segmented button{font-size:11px;padding:5px 11px}.text-button{font-size:12px}.cover-layout{grid-template-columns:1fr;gap:0;min-height:0}.cover-copy{padding:30px 0 5px}.cover-kicker{font-size:8px;letter-spacing:1px;margin-bottom:22px}.cover h1{font-size:clamp(78px,16.8vw,125px);line-height:.9;letter-spacing:-.068em;margin-bottom:23px}.cover h1 br:nth-of-type(2){display:none}.cover h1 .scenic{margin-right:.16em}.cover-description{font-size:16px;margin-bottom:23px}.cover-actions{gap:20px}.cover-actions .button{font-size:13px;min-height:51px}.explore-link{font-size:11px;gap:8px}.sample-note{font-size:11px;margin-top:14px}.cover-art{height:560px;min-height:0;margin-top:18px}.art-coordinates{top:7px;right:0;font-size:8px}.hero-photo{top:48px;right:6%;width:72%;max-width:355px}.hero-photo img{height:335px}.side-photo{top:270px;left:1%;width:42%;max-width:205px}.side-photo .hand-note{font-size:17px;padding:12px 0}.completion-seal{top:376px;right:0;width:109px;height:109px}.cover-note{bottom:26px;right:4%;font-size:23px}.art-spark{top:76px;left:2%;width:43px;height:43px}.cover-bottom{margin-top:0;padding:24px 0;gap:15px}.story-stats{width:100%;justify-content:space-between;gap:12px}.story-stats strong{font-size:35px}.story-stats>div{padding-right:18px;gap:8px}.story-stats span{font-size:10px;max-width:67px}.story-stats .mini-star{font-size:29px}.scroll-prompt{display:none}.ticker{margin-top:14px;padding:12px 0;transform:rotate(-2deg)}.ticker-track{font-size:14px}.ticker-track b{font-size:17px;padding:0 22px}.journey{padding:70px 7% 45px}.journey-heading{display:block;margin-bottom:40px}.journey-heading h2{font-size:59px;letter-spacing:-3px}.journey-heading>p{font-size:14px;margin-top:23px}.journey-heading .hand-note{font-size:23px;margin-top:15px}.chapter,.chapter:nth-child(even){grid-template-columns:1fr;gap:29px;min-height:0;padding:32px 0 60px}.chapter:nth-child(even) .chapter-visual,.chapter:nth-child(even) .chapter-copy{order:initial}.chapter-copy,.chapter:nth-child(even) .chapter-copy{padding:0 8% 0 5%;position:relative}.chapter-photo img,.chapter:nth-child(3n) .chapter-photo img{height:350px}.chapter:nth-child(3n+2) .chapter-photo{width:88%;margin:auto}.chapter:nth-child(3n+2) .chapter-photo img{height:385px}.chapter-photo .polaroid-caption{font-size:9px}.stop-number{font-size:66px;position:absolute;right:2%;top:0;opacity:.55;z-index:-1}.chapter-copy h3{font-size:34px;max-width:84%;letter-spacing:-1px;margin-bottom:14px}.chapter-copy .eyebrow{font-size:9px}.chapter-copy>p:not(.eyebrow):not(.stop-number){font-size:14px;line-height:1.7;margin-bottom:15px}.photo-note{display:none}.journey-route{opacity:.45}.interlude{padding:20px 0 40px}.interlude p{font-size:28px}.finale{padding:29px 6% 0}.finale-top .eyebrow{font-size:8px;letter-spacing:1px;max-width:200px}.finale-number{font-size:24px}.photo-fan{height:235px;margin-top:30px}.fan-photo{width:118px;top:50px;padding:5px 5px 16px}.fan-photo img{height:130px}.finale-copy>.hand-note{font-size:23px;margin-bottom:22px}.finale h2{font-size:clamp(46px,10vw,73px);letter-spacing:-.05em}.finale-copy>p:not(.hand-note){font-size:14px;max-width:290px}.finale-actions{flex-direction:column;max-width:330px;margin:auto;gap:10px}.finale-actions .button{font-size:14px}.finale-copy{padding-bottom:45px}.finale-bottom{font-size:8px;letter-spacing:.7px;gap:22px}.finale-bottom span{text-align:right;max-width:145px}.finale-bottom a{font-size:10px}.site-footer{padding:25px 6% 78px;flex-direction:column;gap:17px;font-size:9px}.site-footer details{text-align:left;max-width:100%}.motion-tools{right:14px;bottom:13px}.viewer-top{top:15px;font-size:10px;letter-spacing:.4px}.viewer-edition{display:none}.viewer-progress{top:72px}.viewer-stage{inset:90px 0 200px}.viewer-caption{bottom:40px;left:7%;right:7%}.viewer-caption h2{font-size:29px}.viewer-caption>p:not(.eyebrow){font-size:12px;max-width:320px}.viewer-nav{width:37px;height:52px}.viewer-caption>span{right:0;bottom:-24px}.viewer-top>div{gap:7px}.viewer-top .icon-button{width:38px;height:38px}}
@media(max-width:380px){.cover h1{font-size:73px}.cover-art{height:470px}.hero-photo img{height:275px}.hero-photo{width:76%;right:3%}.side-photo{top:238px;width:44%;left:0}.completion-seal{top:318px;width:97px;height:97px}.completion-seal>span{inset:18px}.completion-seal strong{font-size:24px}.cover-note{bottom:9px}.story-stats{gap:7px}.story-stats>div{padding-right:10px;gap:6px}.story-stats strong{font-size:29px}.story-stats span{font-size:9px}.cover-actions{gap:12px}.explore-link{font-size:10px}.chapter-photo img,.chapter:nth-child(3n) .chapter-photo img{height:285px}.chapter:nth-child(3n+2) .chapter-photo img{height:320px}.photo-fan{transform:scale(.88);margin-inline:-25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.chapter-visual,.chapter-copy{opacity:1;transform:none}.photo-orbit{transform:none!important}}

/* One story, four compositions. Keep these in the main stylesheet so exports
   carry every design without fetching additional assets. */
.style-picker{position:sticky;top:0;z-index:19;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 28px;padding:12px 4.7%;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 3px 12px #00000008}
#style-label{font-size:14px;font-weight:600}
.style-options{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.style-option{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 13px;border:1px solid transparent;border-radius:6px;background:transparent;font-size:14px}
.style-option:hover{border-color:var(--line)}
.style-option[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 -2px var(--ink);font-weight:700}
.style-swatch{width:18px;height:22px;border:1px solid #0003;border-radius:2px;flex:none}
.swatch-scrapbook{background:linear-gradient(165deg,#fa90ad 65%,#fffdf7 66%);transform:rotate(-8deg)}
.swatch-cinema{background:linear-gradient(#111318 18%,#d9a66b 19% 80%,#111318 81%)}
.swatch-magazine{background:linear-gradient(90deg,#ee4d2d 35%,#fff 36% 45%,#171717 46% 50%,#fff 51%)}
.swatch-postcards{background:repeating-linear-gradient(135deg,#2261a1 0 3px,#fff 3px 6px,#dd584c 6px 9px,#fff 9px 12px)}
html{scroll-padding-top:150px}
.cover-location,.cover-kicker,.chapter-copy,.cover-topline>.eyebrow{overflow-wrap:anywhere;min-width:0}
body:not([data-style=scrapbook]) .tape,body:not([data-style=scrapbook]) .chapter-photo:after{display:none}
body:not([data-style=scrapbook]) .photo-orbit{transform:none!important}
body:not([data-style=scrapbook]) .chapter-copy h3{overflow-wrap:anywhere}
body:not([data-style=scrapbook]) .chapter-copy>p:not(.eyebrow):not(.stop-number){font-size:16px}
body:not([data-style=scrapbook]) .eyebrow,body:not([data-style=scrapbook]) .sample-note,body:not([data-style=scrapbook]) .polaroid-caption{font-size:12px}
body:not([data-style=scrapbook]) .finale{background:#171b22;color:#fff}
body:not([data-style=scrapbook]) .finale .button-mint{color:#171b22}
body:not([data-style=scrapbook]) .finale .button-outline{color:#fff}
body:not([data-style=scrapbook]) .polaroid,body:not([data-style=scrapbook]) .chapter-photo{color:#252620}
body:not([data-style=scrapbook]) .photo-note{display:none}
body:not([data-style=scrapbook]) .share-dialog input{color:#252620}

/* CINEMA — widescreen frames, amber titles, slow reveals, a dark screening room. */
body[data-style=cinema]{--paper:#111318;--ink:#f6f1e7;--muted:#bcbcc4;--line:#3a3c42;--mint:#f0c489;--pink:#f0c489;--display:Georgia,"Times New Roman",serif;background:#111318}
body[data-style=cinema] .header-note,body[data-style=cinema] .cover-note,body[data-style=cinema] .art-spark,body[data-style=cinema] .art-coordinates,body[data-style=cinema] .side-photo,body[data-style=cinema] .ticker,body[data-style=cinema] .journey-route{display:none}
body[data-style=cinema] .button-dark{background:#f0c489;color:#111318}
body[data-style=cinema] .button-detail{color:#3e352a;border-color:#3e352a66}
body[data-style=cinema] .cover{background:none}
body[data-style=cinema] .cover-layout{display:grid;grid-template-columns:1fr;gap:0;min-height:0;isolation:isolate;padding:64px 5% 48px;border:1px solid var(--line)}
body[data-style=cinema] .cover-copy{padding:0;text-align:center;max-width:1000px;margin:auto}
body[data-style=cinema] .cover-kicker{justify-content:center;color:var(--mint)}
body[data-style=cinema] .cover h1{font-size:clamp(60px,8vw,112px);font-weight:400;letter-spacing:-.055em;line-height:1.03}
body[data-style=cinema] .cover h1 br{display:none}
body[data-style=cinema] .scenic{font-style:italic;margin:0 .15em;color:var(--mint)}
body[data-style=cinema] .scenic svg{display:none}
body[data-style=cinema] .pink-dot{color:var(--mint)}
body[data-style=cinema] .cover-description{margin-inline:auto}
body[data-style=cinema] .cover-actions{justify-content:center}
body[data-style=cinema] .sample-note{margin-inline:auto}
body[data-style=cinema] .cover-art{height:auto;min-height:0;margin:35px 0 0}
body[data-style=cinema] .photo-orbit{position:relative}
body[data-style=cinema] .hero-photo{position:relative;inset:auto;width:100%;max-width:none;padding:0;border:0;transform:none;animation:none;background:#08090c;color:#eee;box-shadow:none}
body[data-style=cinema] .hero-photo img{height:auto;aspect-ratio:21/9;object-fit:cover}
body[data-style=cinema] .hero-photo .polaroid-caption{padding:0 20px;height:52px}
body[data-style=cinema] .completion-seal{top:auto;right:20px;bottom:70px;width:102px;height:102px;color:#171b22;transform:rotate(9deg)}
body[data-style=cinema] .seal-text{fill:#171b22}
body[data-style=cinema] .completion-seal strong{font-size:27px}
body[data-style=cinema] .journey{max-width:1400px;padding:100px 6% 60px}
body[data-style=cinema] .journey-heading h2{font-weight:400;letter-spacing:-.04em}
body[data-style=cinema] .journey-heading h2 em{font-family:var(--display);font-size:1em;color:var(--mint)}
body[data-style=cinema] .journey-heading .hand-note{color:var(--mint)}
body[data-style=cinema] .chapter{display:flex;flex-direction:column;gap:28px;padding:0 0 85px;min-height:0}
body[data-style=cinema] .chapter .chapter-visual{width:100%;order:0}
body[data-style=cinema] .chapter .chapter-photo{width:100%;margin:0;padding:0;border:0;background:#08090c;color:#eee;transform:none;box-shadow:none}
body[data-style=cinema] .chapter .chapter-photo img{height:auto;aspect-ratio:16/9}
body[data-style=cinema] .chapter .polaroid-caption{padding:0 20px}
body[data-style=cinema] .chapter .chapter-copy{width:100%;order:1;padding:0 5% 0 100px;position:relative}
body[data-style=cinema] .stop-number{position:absolute;left:0;top:0;margin:0;color:var(--mint);-webkit-text-stroke:0;font-size:52px;letter-spacing:-2px;opacity:1}
body[data-style=cinema] .chapter-copy h3{font-weight:400;font-size:clamp(30px,4vw,52px);max-width:none}
body[data-style=cinema] .found-stamp{color:var(--mint);border-color:#b89765;transform:none}
body[data-style=cinema] .interlude{padding:0 0 85px}
body[data-style=cinema] .interlude .icon{color:var(--mint)}
body[data-style=cinema] .interlude em{font-family:var(--display);color:var(--mint)}
body[data-style=cinema] .finale h2{font-weight:400}
body[data-style=cinema] .chapter-visual{transform:scale(.97);transition:opacity 1.2s,transform 1.4s}
body[data-style=cinema] .chapter.is-visible .chapter-visual{transform:none}

/* MAGAZINE — sharp red accents, a split cover, and an asymmetric contact sheet. */
body[data-style=magazine]{--paper:#fff;--ink:#171717;--muted:#626262;--line:#d5d5d5;--pink:#ed482b;--mint:#f3c95b;--display:Georgia,"Times New Roman",serif}
body[data-style=magazine] .cover{background:none}
body[data-style=magazine] .header-note,body[data-style=magazine] .cover-note,body[data-style=magazine] .art-spark,body[data-style=magazine] .art-coordinates,body[data-style=magazine] .side-photo,body[data-style=magazine] .completion-seal,body[data-style=magazine] .journey-route{display:none}
body[data-style=magazine] .cover-layout{grid-template-columns:1fr 1.1fr;gap:5%;min-height:0;padding:30px 0 55px;border-top:4px solid var(--ink)}
body[data-style=magazine] .cover-copy{padding:30px 0 0}
body[data-style=magazine] .cover h1{font-size:clamp(65px,8.5vw,130px);font-weight:400;line-height:.96;letter-spacing:-.065em}
body[data-style=magazine] .scenic{font-style:italic;color:#c8321c}
body[data-style=magazine] .scenic svg{display:none}
body[data-style=magazine] .pink-dot{color:#c8321c}
body[data-style=magazine] .cover-art{height:100%;min-height:580px;margin:0}
body[data-style=magazine] .photo-orbit{position:relative;height:100%}
body[data-style=magazine] .hero-photo{position:relative;inset:auto;width:100%;max-width:none;height:100%;padding:0;border:0;box-shadow:none;transform:none;animation:none;background:transparent}
body[data-style=magazine] .hero-photo img{height:calc(100% - 48px);min-height:520px;width:100%;object-fit:cover}
body[data-style=magazine] .polaroid-caption{border-bottom:1px solid var(--ink)}
body[data-style=magazine] .ticker{background:#ed482b;color:#fff;transform:none;width:100%;margin:0;border:0}
body[data-style=magazine] .journey{max-width:1600px;padding:80px 5%}
body[data-style=magazine] .journey-heading{border-bottom:3px solid var(--ink);padding-bottom:30px}
body[data-style=magazine] .journey-heading h2{font-weight:400;letter-spacing:-.055em}
body[data-style=magazine] .journey-heading h2 em{font-family:var(--display);font-size:1em}
body[data-style=magazine] .journey-heading .hand-note{color:#c8321c}
body[data-style=magazine] #chapter-list{display:grid;grid-template-columns:1fr 1fr;gap:65px 6%;align-items:start}
body[data-style=magazine] .chapter{display:flex;flex-direction:column;gap:22px;min-height:0;padding:0;align-items:stretch}
body[data-style=magazine] .chapter:nth-of-type(3n+1){grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:6%}
body[data-style=magazine] .chapter .chapter-visual{order:0}
body[data-style=magazine] .chapter .chapter-copy{order:1;padding:0}
body[data-style=magazine] .chapter .chapter-photo{width:100%;margin:0;padding:0;transform:none;border:0;box-shadow:none;background:transparent}
body[data-style=magazine] .chapter .chapter-photo img{height:auto;aspect-ratio:4/3}
body[data-style=magazine] .chapter:nth-of-type(3n+1) .chapter-photo img{aspect-ratio:5/4}
body[data-style=magazine] .chapter-copy h3{font-size:clamp(28px,3.2vw,48px);font-weight:400;max-width:none}
body[data-style=magazine] .stop-number{position:static;opacity:1;color:#c8321c;-webkit-text-stroke:0;font-size:38px;letter-spacing:-2px;margin-bottom:16px}
body[data-style=magazine] .found-stamp{color:#a42917;border-color:#c8321c;transform:none;border-radius:0}
body[data-style=magazine] .interlude{display:none}
body[data-style=magazine] .finale h2{font-weight:400}
body[data-style=magazine] .photo-fan{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;height:auto;max-width:1000px;padding:20px 0 55px}
body[data-style=magazine] .finale .fan-photo{position:static;transform:none;width:120px;padding:0;box-shadow:none}
body[data-style=magazine] .fan-photo img{height:150px}
body[data-style=magazine] .finale .fan-photo:hover{transform:translateY(-8px)}

/* POSTCARDS — blue travel stationery, airmail edges, and paired photo/message cards. */
body[data-style=postcards]{--paper:#e8f1f8;--ink:#193a60;--muted:#526a80;--line:#b6cada;--pink:#d55642;--mint:#f2d274;background-image:radial-gradient(#6e92ad30 1px,transparent 1px);background-size:12px 12px}
body[data-style=postcards] .cover{background:none}
body[data-style=postcards] .cover-layout{grid-template-columns:.85fr 1.15fr;gap:5%;min-height:0;padding:35px 0 45px}
body[data-style=postcards] .cover-copy{padding:15px 0}
body[data-style=postcards] .cover h1{font-family:var(--hand);font-size:clamp(76px,8.5vw,130px);line-height:.96;letter-spacing:-.045em;font-weight:600}
body[data-style=postcards] .scenic svg{display:none}
body[data-style=postcards] .cover-art{min-height:540px;height:auto;margin:0}
body[data-style=postcards] .hero-photo{top:50px;right:1%;width:90%;max-width:none;--rotation:3deg;transform:rotate(3deg);animation:none;padding:14px 14px 0;border:0;background:repeating-linear-gradient(135deg,#2261a1 0 10px,#fffdf7 10px 20px,#d55642 20px 30px,#fffdf7 30px 40px)}
body[data-style=postcards] .hero-photo img{height:340px}
body[data-style=postcards] .hero-photo .polaroid-caption{background:#fffdf7;padding:0 12px;height:58px;margin-bottom:14px}
body[data-style=postcards] .side-photo{top:300px;left:-2%;width:34%;--rotation:-7deg;transform:rotate(-7deg);animation:none}
body[data-style=postcards] .completion-seal{top:390px;right:0;background:#f2d274;width:108px;height:108px}
body[data-style=postcards] .completion-seal strong{font-size:28px}
body[data-style=postcards] .art-spark,body[data-style=postcards] .art-coordinates,body[data-style=postcards] .cover-note,body[data-style=postcards] .journey-route{display:none}
body[data-style=postcards] .ticker{background:#193a60;color:#fffdf7;transform:none;width:100%;margin:0;border:0}
body[data-style=postcards] .journey{padding:85px 5%;max-width:1450px}
body[data-style=postcards] .journey-heading .hand-note{color:#a23c2e}
body[data-style=postcards] .chapter{display:grid;grid-template-columns:1.1fr 1fr;gap:0;min-height:0;padding:22px;margin:0 0 65px;background:#fffdf7;box-shadow:0 12px 35px #193a6012;border:9px solid transparent;border-image:repeating-linear-gradient(135deg,#2261a1 0 14px,#fffdf7 14px 28px,#d55642 28px 42px,#fffdf7 42px 56px) 9}
body[data-style=postcards] .chapter .chapter-visual{order:0}
body[data-style=postcards] .chapter .chapter-photo{width:100%;margin:0;padding:0;border:0;box-shadow:none;transform:none;background:#fffdf7}
body[data-style=postcards] .chapter .chapter-photo img{height:auto;aspect-ratio:4/5}
body[data-style=postcards] .chapter .chapter-copy{order:1;margin-left:25px;padding:15px 10px 15px 30px;border-left:1px solid #b6cada;position:relative}
body[data-style=postcards] .stop-number{position:static;font-family:var(--hand);font-size:58px;letter-spacing:0;color:#68839c;-webkit-text-stroke:0;margin:0 0 24px;opacity:1}
body[data-style=postcards] .chapter-copy h3{font-family:var(--hand);font-size:clamp(38px,4.5vw,66px);letter-spacing:-.02em;max-width:none}
body[data-style=postcards] .found-stamp{color:#a23c2e;border:2px solid #a23c2e;border-radius:50%;padding:17px 12px;transform:rotate(-10deg)}
body[data-style=postcards] .interlude{padding:0 0 60px}
body[data-style=postcards] .interlude p{background:transparent}
body[data-style=postcards] .finale{background:#193a60}
body[data-style=postcards] .finale h2{font-family:var(--hand);font-weight:600;letter-spacing:-.025em}

/* Small screens keep all four choices visible, and every card in reading order. */
@media(max-width:900px){
 body[data-style=magazine] .cover-layout,body[data-style=postcards] .cover-layout{grid-template-columns:1fr}
 body[data-style=magazine] .cover h1 br,body[data-style=postcards] .cover h1 br{display:none}
 body[data-style=magazine] .scenic,body[data-style=postcards] .scenic{margin:0 .15em}
 body[data-style=magazine] .cover-art{min-height:0;height:auto}
 body[data-style=magazine] .hero-photo img{height:auto;min-height:0;aspect-ratio:4/3}
 body[data-style=postcards] .cover-art{max-width:620px;width:100%;margin:auto}
 body[data-style=postcards] .chapter{padding:16px}
 body[data-style=postcards] .chapter .chapter-copy{margin-left:16px;padding-left:18px}
}
@media(max-width:600px){
 .style-picker{gap:6px;padding:9px 12px}
 #style-label{font-size:12px}
 .style-options{width:100%;gap:4px;display:grid;grid-template-columns:1fr 1fr}
 .style-option{padding:7px 6px;font-size:14px}
 .style-swatch{width:14px;height:17px}
 body:not([data-style=scrapbook]) .cover-topline>.eyebrow{flex-wrap:wrap;gap:8px}
 body[data-style=cinema] .cover-layout{padding:30px 5% 18px}
 body[data-style=cinema] .cover h1{font-size:clamp(48px,12vw,72px)}
 body[data-style=cinema] .hero-photo img{aspect-ratio:4/3}
 body[data-style=cinema] .completion-seal{width:82px;height:82px;right:8px;bottom:65px}
 body[data-style=cinema] .completion-seal strong{font-size:21px}
 body[data-style=cinema] .completion-seal .icon{width:16px;height:16px}
 body[data-style=cinema] .journey{padding-top:60px}
 body[data-style=cinema] .chapter .chapter-copy{padding:0 0 0 52px}
 body[data-style=cinema] .stop-number{font-size:34px;z-index:auto}
 body[data-style=cinema] .chapter .chapter-photo img{aspect-ratio:4/3}
 body[data-style=magazine] #chapter-list{grid-template-columns:1fr;gap:50px}
 body[data-style=magazine] .chapter:nth-of-type(3n+1){display:flex;gap:22px}
 body[data-style=magazine] .cover-layout{padding-bottom:25px}
 body[data-style=magazine] .cover h1{font-size:clamp(58px,14vw,84px)}
 body[data-style=magazine] .photo-fan{transform:none;margin-inline:auto}
 body[data-style=magazine] .finale .fan-photo{width:85px}
 body[data-style=magazine] .fan-photo img{height:110px}
 body[data-style=postcards] .cover-layout{padding-top:15px;padding-bottom:15px}
 body[data-style=postcards] .cover-art{min-height:0;height:470px}
 body[data-style=postcards] .hero-photo{top:20px;right:2%;width:94%}
 body[data-style=postcards] .hero-photo img{height:280px}
 body[data-style=postcards] .side-photo{top:260px;left:0;width:38%}
 body[data-style=postcards] .completion-seal{top:330px;width:96px;height:96px}
 body[data-style=postcards] .chapter{grid-template-columns:1fr;padding:14px;margin-bottom:40px}
 body[data-style=postcards] .chapter .chapter-photo img{aspect-ratio:1/1}
 body[data-style=postcards] .chapter .chapter-copy{margin:15px 0 0;padding:20px 0 0;border-left:0;border-top:1px solid #b6cada}
 body[data-style=postcards] .stop-number{font-size:40px;margin-bottom:12px}
 body[data-style=postcards] .chapter-copy h3{font-size:44px}
 body[data-style=postcards] .found-stamp{padding:10px}
}

/* A little magic: scroll-led travelers, stars that light up at each photo,
   and a quiet atmosphere. Decoration never intercepts a photo or a control. */
.magic-atmosphere{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:clip}
.magic-atmosphere i{position:absolute;left:var(--dust-x);top:var(--dust-y);width:5px;height:5px;border-radius:50%;background:#fff5cb;box-shadow:0 0 12px 3px #edc57160;opacity:0;animation:memory-drift var(--drift) var(--delay) ease-in-out infinite}
.magic-atmosphere i:nth-child(3n){width:16px;height:16px;border-radius:0;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);background:#fff4d6;box-shadow:none}
@keyframes memory-drift{0%,100%{opacity:.12;transform:translate3d(0,8px,0) scale(.65)}45%{opacity:.85;transform:translate3d(7px,-12px,0) scale(1)}70%{opacity:.3;transform:translate3d(-4px,-20px,0) scale(.8)}}
body[data-style=cinema] .magic-atmosphere{inset:-25px -12px 35px}
body[data-style=cinema] .magic-atmosphere i{background:#ffe0a3;box-shadow:0 0 18px 5px #ffd58f55}
body[data-style=cinema] .cover-art:after{content:"";position:absolute;inset:-15px;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,#d6a65828,transparent 68%)}
body[data-style=magazine] .magic-atmosphere{display:none}
body[data-style=postcards] .magic-atmosphere i{background:#d55642;box-shadow:none}
body[data-style=postcards] .magic-atmosphere i:nth-child(even){background:#2261a1}
body[data-style=scrapbook] .magic-atmosphere i{background:#fa90ad;box-shadow:0 0 10px #fa90ad66}
body[data-style=scrapbook] .magic-atmosphere i:nth-child(3n){background:#efd160}

body[data-style=cinema] .journey-route,body[data-style=postcards] .journey-route{display:block;opacity:1}
.journey-route #route-branches{stroke:var(--pink);stroke-width:1;stroke-dasharray:2 5;opacity:.5}
.journey-route .magic-node circle{fill:var(--paper);stroke:var(--line);stroke-width:1.5}
.journey-route .magic-node>path{fill:var(--muted);stroke:none;opacity:.35;transform-origin:center;transform-box:fill-box}
.journey-route .magic-node.is-reached circle{stroke:var(--pink)}
.journey-route .magic-node.is-reached>path{fill:var(--pink);opacity:1;animation:waypoint-twinkle 3.8s var(--delay) ease-in-out infinite}
.journey-route #route-trail circle{fill:var(--pink);stroke:none}
.journey-route #route-traveler .magic-plane circle{fill:var(--paper);stroke:var(--pink);stroke-width:1.5}
.journey-route #route-traveler .magic-plane path{fill:var(--pink);stroke:var(--ink);stroke-width:1;stroke-linejoin:round}
.journey-route #route-traveler .magic-comet{display:none}
body[data-style=cinema] .journey-route #route-back{stroke:#857258;opacity:.45;stroke-dasharray:1 10;stroke-linecap:round}
body[data-style=cinema] .journey-route #route-ink{stroke:#eec587;stroke-width:2.5;opacity:.95}
body[data-style=cinema] .journey-route #route-traveler .magic-plane{display:none}
body[data-style=cinema] .journey-route #route-traveler .magic-comet{display:block}
body[data-style=cinema] .journey-route #route-traveler .comet-halo{fill:#f0c489;fill-opacity:.12;stroke:none;animation:comet-breathe 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
body[data-style=cinema] .journey-route #route-traveler .magic-comet path{fill:#fff1cc;stroke:#f0c489;stroke-width:1;filter:drop-shadow(0 0 4px #ffd697)}
body[data-style=postcards] .journey-route #route-back{stroke:#6d95b7;stroke-dasharray:4 7;opacity:.6}
body[data-style=postcards] .journey-route #route-ink{stroke:#2261a1;stroke-width:2;stroke-dasharray:none}
body[data-style=postcards] .journey-route #route-branches{stroke:#2261a1}
body[data-style=postcards] .journey-route #route-traveler .magic-plane path{fill:#fffdf7;stroke:#193a60;stroke-width:1.3}
body[data-style=postcards] .journey-route #route-traveler .magic-plane circle{fill:#e8f1f8;stroke:none;fill-opacity:.9}
body[data-style=postcards] .journey-route #route-trail circle{fill:#2261a1}
@keyframes waypoint-twinkle{0%,100%{transform:scale(.85);opacity:.55}50%{transform:scale(1.15);opacity:1}}
@keyframes comet-breathe{0%,100%{transform:scale(.8);opacity:.5}50%{transform:scale(1.15);opacity:1}}

/* One soft sweep as a photo enters; another on hover for a magazine-like gloss. */
.chapter-photo:before{content:"";position:absolute;inset:0 0 49px;z-index:2;pointer-events:none;opacity:0;background:linear-gradient(110deg,transparent 25%,#fff8 46%,transparent 67%);background-size:250% 100%;background-position:160% 0}
.chapter.is-visible .chapter-photo:before{animation:photo-gleam 1.5s .2s ease-out both}
@keyframes photo-gleam{0%{background-position:160% 0;opacity:0}25%{opacity:.42}100%{background-position:-65% 0;opacity:0}}
body[data-style=postcards] .chapter.is-visible .found-stamp{animation:stamp-arrive .65s .4s ease-out both}
@keyframes stamp-arrive{0%{opacity:0;transform:rotate(-22deg) scale(1.5)}65%{opacity:1;transform:rotate(-8deg) scale(.95)}100%{opacity:1;transform:rotate(-10deg) scale(1)}}
@media(hover:hover) and (pointer:fine){
 body[data-style=magazine] .chapter-photo:hover:before{animation:photo-hover-gleam 1s ease-out both}
 body[data-style=cinema] .chapter .chapter-photo:hover{box-shadow:0 0 0 1px #f0c48966,0 12px 40px #f0c48916}
}
@keyframes photo-hover-gleam{0%{background-position:160% 0;opacity:0}25%{opacity:.4}100%{background-position:-65% 0;opacity:0}}
@media(max-width:600px){
 .magic-atmosphere i:nth-child(n+9){display:none}
 .journey-route #route-traveler>g{transform:scale(.65)}
 .journey-route .magic-node circle{r:6px}
}
body.effects-idle *,body.effects-idle *:before,body.effects-idle *:after{animation-play-state:paused!important}
body.motion-paused .magic-atmosphere,body.motion-paused #route-traveler,body.motion-paused #route-trail,body.motion-paused .chapter-photo:before{display:none!important}
body.motion-paused .magic-node>path{animation:none!important;opacity:1;transform:none}
body.motion-paused .chapter .chapter-visual,body.motion-paused .chapter .chapter-copy{opacity:1;transform:none}
body.motion-paused .chapter .found-stamp{animation:none!important;opacity:1}
@media(prefers-reduced-motion:reduce){
 .magic-atmosphere,#route-traveler,#route-trail,.chapter-photo:before{display:none!important}
 .magic-node>path,.chapter .found-stamp{animation:none!important;opacity:1}
}

/* Leave alternating corridors for a scrapbook-like flight across every design. */
body:not([data-style=scrapbook]) .chapter{width:84%;margin:0 auto 130px 0}
body[data-style=cinema] .chapter{padding-bottom:0}
body:not([data-style=scrapbook]) .interlude{display:none}
body:not([data-style=scrapbook]) .chapter:nth-of-type(even){margin-left:auto;margin-right:0}
body:not([data-style=scrapbook]) .chapter:last-of-type{margin-bottom:80px}
body[data-style=magazine] #chapter-list{display:block}
body[data-style=magazine] .chapter,body[data-style=magazine] .chapter:nth-of-type(3n+1){display:grid;grid-template-columns:1.15fr 1fr;gap:6%;align-items:center}
body[data-style=magazine] .chapter:nth-of-type(even){grid-template-columns:1fr 1.15fr}
body[data-style=magazine] .chapter:nth-of-type(even) .chapter-visual{order:1}
body[data-style=magazine] .chapter:nth-of-type(even) .chapter-copy{order:0}
body[data-style=magazine] .journey-route{display:block;opacity:1}
body[data-style=magazine] .journey-route #route-back{stroke:#d4a294;stroke-dasharray:4 8}
body[data-style=magazine] .journey-route #route-ink{stroke:#c8321c;stroke-width:2}
body[data-style=cinema] .journey-route #route-traveler .magic-comet{display:none}
body[data-style=cinema] .journey-route #route-traveler .magic-plane{display:block}
body[data-style=cinema] .journey-route #route-traveler .magic-plane path{fill:#fff1cc;stroke:#b8894d;stroke-width:1;filter:drop-shadow(0 0 4px #ffd697)}
body[data-style=cinema] .journey-route #route-traveler .magic-plane circle{fill:#111318;stroke:#f0c489;stroke-opacity:.35}
@media(max-width:760px){
 body:not([data-style=scrapbook]) .chapter{width:86%;margin-bottom:95px}
 body[data-style=magazine] .chapter,body[data-style=magazine] .chapter:nth-of-type(3n+1){display:flex;flex-direction:column;gap:22px;align-items:stretch}
 body[data-style=magazine] .chapter:nth-of-type(even) .chapter-visual{order:0}
 body[data-style=magazine] .chapter:nth-of-type(even) .chapter-copy{order:1}
 body[data-style=postcards] .chapter{grid-template-columns:1fr;padding:14px}
 body[data-style=postcards] .chapter .chapter-copy{margin:15px 0 0;padding:20px 0 0;border-left:0;border-top:1px solid #b6cada}
 body[data-style=cinema] .chapter .chapter-copy{padding:0}
 body[data-style=cinema] .chapter .stop-number{position:static;margin-bottom:14px;font-size:34px}
}

/* Destination editions: New York City and House Party. */
.swatch-nyc{background:linear-gradient(#101b2a 55%,#ffce32 56%);border-color:#ffce32}
.swatch-houseparty{background:linear-gradient(140deg,#bbff79,#ff82ce 50%,#170e27);border-color:#ff82ce}
.theme-scene,.journey-route #route-traveler .magic-taxi,.journey-route #route-traveler .magic-disco{display:none}
body[data-style=nyc]{--paper:#101b2a;--ink:#f4f5ed;--muted:#b9c7d9;--line:#3b4b5f;--pink:#ffce32;--mint:#ffce32;--display:"Bricolage Grotesque",sans-serif}
body[data-style=houseparty]{--paper:#170e27;--ink:#fff3ef;--muted:#d0badc;--line:#51365f;--pink:#ff82ce;--mint:#bbff79;--display:"Bricolage Grotesque",sans-serif;background-image:radial-gradient(ellipse at 85% 10%,#65234a55,transparent 45%),radial-gradient(ellipse at 0 70%,#443b7d66,transparent 45%)}
body:is([data-style=nyc],[data-style=houseparty]) .header-note{color:var(--pink)}
body:is([data-style=nyc],[data-style=houseparty]) .button-dark{background:var(--pink);color:#170e27}
body:is([data-style=nyc],[data-style=houseparty]) .button-detail{color:#352834;border-color:#35283466}
body:is([data-style=nyc],[data-style=houseparty]) .cover{background:none}
body:is([data-style=nyc],[data-style=houseparty]) .cover-layout{grid-template-columns:1fr 1fr;gap:4%;min-height:0;padding:25px 0 35px}
body:is([data-style=nyc],[data-style=houseparty]) .cover-copy{padding-top:35px}
body:is([data-style=nyc],[data-style=houseparty]) .cover h1{font-size:clamp(72px,8.2vw,128px);line-height:.95;letter-spacing:-.065em}
body:is([data-style=nyc],[data-style=houseparty]) .scenic{color:var(--pink)}
body:is([data-style=nyc],[data-style=houseparty]) .pink-dot{color:var(--mint)}
body:is([data-style=nyc],[data-style=houseparty]) .cover-art{min-height:620px;height:auto;margin:0;isolation:isolate}
body:is([data-style=nyc],[data-style=houseparty]) .art-coordinates,body:is([data-style=nyc],[data-style=houseparty]) .art-spark,body:is([data-style=nyc],[data-style=houseparty]) .cover-note,body:is([data-style=nyc],[data-style=houseparty]) .completion-seal{display:none}
body:is([data-style=nyc],[data-style=houseparty]) .hero-photo{top:55px;right:5%;width:88%;max-width:none;animation:none;transform:rotate(-3deg)}
body:is([data-style=nyc],[data-style=houseparty]) .hero-photo img{height:350px}
body:is([data-style=nyc],[data-style=houseparty]) .ticker{transform:none;width:100%;margin:0;border:0;color:#101b2a;background:var(--pink)}
body:is([data-style=nyc],[data-style=houseparty]) .journey-heading .hand-note{color:var(--pink)}
body:is([data-style=nyc],[data-style=houseparty]) .journey{padding:85px 6%;max-width:1500px}
body:is([data-style=nyc],[data-style=houseparty]) .chapter{display:grid;grid-template-columns:1.1fr .9fr;gap:7%;min-height:0;padding:0;align-items:center}
body:is([data-style=nyc],[data-style=houseparty]) .chapter .chapter-visual{order:0}
body:is([data-style=nyc],[data-style=houseparty]) .chapter .chapter-copy{order:1;padding:0;min-width:0}
body:is([data-style=nyc],[data-style=houseparty]) .chapter .chapter-photo{width:100%;margin:0;transform:none;box-shadow:none;padding:9px 9px 0;border:0;background:#fff8e9}
body:is([data-style=nyc],[data-style=houseparty]) .chapter .chapter-photo img{height:auto;aspect-ratio:4/5;object-fit:cover}
body:is([data-style=nyc],[data-style=houseparty]) .chapter-copy h3{font-size:clamp(28px,3vw,44px);line-height:1.1;max-width:none}
body:is([data-style=nyc],[data-style=houseparty]) .stop-number{position:static;color:var(--pink);-webkit-text-stroke:0;opacity:1;font-size:56px;letter-spacing:-3px;margin-bottom:23px}
body:is([data-style=nyc],[data-style=houseparty]) .found-stamp{color:var(--mint);border-color:var(--mint);transform:rotate(-3deg);font-size:12px}
body:is([data-style=nyc],[data-style=houseparty]) .journey-route{display:block;opacity:1}
body:is([data-style=nyc],[data-style=houseparty]) .journey-route #route-back{stroke:var(--line);stroke-width:3;stroke-dasharray:5 8}
body:is([data-style=nyc],[data-style=houseparty]) .journey-route #route-ink{stroke:var(--pink);stroke-width:3;opacity:.9}
body:is([data-style=nyc],[data-style=houseparty]) .journey-route #route-traveler .magic-plane{display:none}
body:is([data-style=nyc],[data-style=houseparty]) .segmented button[aria-pressed=true]{background:var(--pink);color:#170e27}
body:is([data-style=nyc],[data-style=houseparty]) .finale{background:#080e16}
body:is([data-style=nyc],[data-style=houseparty]) .finale-copy>.hand-note{color:var(--pink)}

/* NYC: marquee type, subway tokens, lit windows, and a yellow cab on the route. */
body[data-style=nyc] .cover h1{text-transform:uppercase;font-weight:800}
body[data-style=nyc] .side-photo{display:none}
body[data-style=nyc] .hero-photo{border:7px solid #ffce32;padding:0;background:#ffce32;transform:rotate(3deg)}
body[data-style=nyc] .hero-photo .polaroid-caption{padding:0 12px;font-weight:700}
body[data-style=nyc] .cover-art .magic-atmosphere{inset:0 0 160px}
body[data-style=nyc] .magic-atmosphere i{background:#ffce32;box-shadow:0 0 10px #ffce3260}
body[data-style=nyc] .chapter .chapter-photo{padding:0;background:#ffce32;border:5px solid #ffce32}
body[data-style=nyc] .chapter .polaroid-caption{padding:0 12px;font-weight:700}
body[data-style=nyc] .chapter .chapter-photo img{aspect-ratio:4/3}
body[data-style=nyc] .chapter .stop-number{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;font-family:var(--body);font-size:27px;letter-spacing:-1px;font-weight:700;color:#101b2a;background:#ffce32}
body[data-style=nyc] .chapter:nth-of-type(3n+2) .stop-number{background:#ea6b48;color:#101b2a}
body[data-style=nyc] .chapter:nth-of-type(3n) .stop-number{background:#72bcdd;color:#101b2a}
body[data-style=nyc] .found-stamp{border-radius:25px}
.city-scene{position:absolute;bottom:0;left:-5%;width:110%;pointer-events:none;z-index:3}
body[data-style=nyc] .city-scene{display:block}
.city-scene svg{display:block;width:100%;height:145px;overflow:visible}
.city-sign{position:absolute;top:0;left:0;display:block;border:1px solid #778ea4;background:#101b2a;color:#ffce32;font-size:12px;padding:8px 12px;letter-spacing:1px;transform:rotate(-4deg)}
.city-sign b{display:block;font-size:17px;color:#fff8e9}
.city-buildings{fill:#203953;stroke:#537594;stroke-width:1}
.city-window-glow{opacity:.75;animation:city-glow 7s ease-in-out infinite}
.city-road{fill:none;stroke:#ffce32;stroke-width:2;stroke-dasharray:14 10}
.city-cab{animation:city-cruise 12s linear infinite}
@keyframes city-glow{0%,100%{opacity:.5}50%{opacity:.95}}
@keyframes city-cruise{from{transform:translateX(-40px)}to{transform:translateX(600px)}}
body[data-style=nyc] .journey-route #route-traveler .magic-taxi{display:block;filter:drop-shadow(0 2px 3px #0008)}
.journey-route #route-traveler .magic-taxi .taxi-body{fill:#ffce32;stroke:#101b2a;stroke-width:1.5}
.journey-route #route-traveler .magic-taxi .taxi-glass{fill:#233d5b;stroke:none}
.journey-route #route-traveler .magic-taxi .taxi-sign{fill:#fff8e9;stroke:#101b2a;stroke-width:.7}
.journey-route #route-traveler .magic-taxi .taxi-tires{fill:none;stroke:#eee9da;stroke-width:3;stroke-linecap:round}
.journey-route #route-traveler .magic-taxi .taxi-lights{fill:none;stroke:#fffde1;stroke-width:2}

/* House Party: iridescent snapshots, a disco ceiling, balloons, and a mirrorball trail. */
body[data-style=houseparty] .cover h1 .scenic{color:#ff82ce;text-shadow:3px 3px 0 #170e27,5px 5px 0 #744861}
body[data-style=houseparty] .cover h1{font-weight:800}
body[data-style=houseparty] .hero-photo{top:120px;right:8%;width:78%;transform:rotate(-7deg);border-radius:10px}
body[data-style=houseparty] .hero-photo img{height:320px;border-radius:4px}
body[data-style=houseparty] .side-photo{top:350px;left:0;width:38%;transform:rotate(9deg);animation:none;border-radius:8px}
body[data-style=houseparty] .chapter .chapter-photo{padding:8px 8px 0;border-radius:18px;background:linear-gradient(130deg,#ffa6db,#d5c1ff 50%,#c6faac)}
body[data-style=houseparty] .chapter .chapter-photo img{border-radius:11px}
body[data-style=houseparty] .chapter .polaroid-caption{padding-inline:8px}
body[data-style=houseparty] .stop-number{font-weight:800;color:#bbff79;text-shadow:3px 3px 0 #51365f}
body[data-style=houseparty] .chapter.is-visible .found-stamp{animation:party-stamp .7s .25s ease-out both}
@keyframes party-stamp{from{opacity:0;transform:rotate(12deg) scale(.75)}to{opacity:1;transform:rotate(-3deg) scale(1)}}
body[data-style=houseparty] .finale{background:radial-gradient(ellipse at 50% 0,#592746,#170e27 65%)}
body[data-style=houseparty] .magic-atmosphere i{background:#bbff79;border-radius:1px;width:5px;height:12px;box-shadow:none}
body[data-style=houseparty] .magic-atmosphere i:nth-child(even){background:#ff82ce}
body[data-style=houseparty] .party-scene{display:block}
.party-scene{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:clip}
.party-ball{position:absolute;width:125px;height:125px;right:7%;top:12px;border-radius:50%;background:radial-gradient(circle at 28% 25%,#fff 0,#ffc6ee 20%,#a080bf 50%,#493865 85%);box-shadow:0 0 32px #ff82ce35;animation:disco-sway 8s ease-in-out infinite}
.party-ball:before{content:"";position:absolute;bottom:100%;height:35px;left:50%;border-left:1px solid #ddbadc}
.party-ball span{position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 13px,#402b5466 13px 15px),repeating-linear-gradient(90deg,transparent 0 13px,#402b5466 13px 15px);animation:mirror-tiles 7s linear infinite;box-shadow:inset -16px -6px 18px #170e2766}
.party-ball:after{content:"✦";position:absolute;top:8px;left:19px;font-size:33px;line-height:1;color:white}
.party-beams{position:absolute;right:-60px;top:-80px;width:450px;height:450px;border-radius:50%;opacity:.22;background:conic-gradient(from 25deg,transparent 0 12%,#ff82ce 13% 16%,transparent 17% 44%,#d9c4ff 45% 49%,transparent 50% 73%,#bbff79 74% 77%,transparent 78%);animation:disco-beams 22s linear infinite}
.party-balloon{position:absolute;width:56px;height:70px;border-radius:50% 50% 46% 46%;box-shadow:inset -8px -5px 15px #170e2733;animation:balloon-float 7s ease-in-out infinite}
.party-balloon:before{content:"";position:absolute;top:10px;left:12px;width:11px;height:23px;border-radius:50%;background:#ffffff66;transform:rotate(28deg)}
.party-balloon:after{content:"";position:absolute;top:100%;left:50%;height:65px;width:18px;border-left:1px solid #ddc5e0;border-radius:50%;transform:rotate(-9deg)}
.balloon-one{left:2%;top:50px;background:#ff82ce}
.balloon-two{right:2%;bottom:90px;background:#bbff79;animation-delay:-3s}
.party-ticket{position:absolute;right:2%;bottom:15px;padding:13px 20px;background:#bbff79;color:#170e27;border:2px dashed #597646;transform:rotate(-7deg);font-size:22px;line-height:1.25;font-weight:800;border-radius:8px}
.party-ticket b{display:block;font-size:10px;letter-spacing:2px;margin-top:4px}
@keyframes disco-sway{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
@keyframes mirror-tiles{to{background-position:0 0,30px 0}}
@keyframes disco-beams{to{transform:rotate(360deg)}}
@keyframes balloon-float{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-17px) rotate(5deg)}}
body[data-style=houseparty] .journey-route #route-traveler .magic-disco{display:block}
.journey-route #route-traveler .magic-disco .disco-aura{fill:#ff82ce;fill-opacity:.12;stroke:none}
.journey-route #route-traveler .magic-disco .disco-core{fill:#ffc3f0;stroke:#fff3ef;stroke-width:1}
.journey-route #route-traveler .magic-disco .disco-grid{fill:none;stroke:#744d94;stroke-width:1}
.journey-route #route-traveler .magic-disco .disco-spark{fill:#bbff79;stroke:none}

@media(max-width:1000px){
 body:is([data-style=nyc],[data-style=houseparty]) .cover-layout{grid-template-columns:1fr}
 body:is([data-style=nyc],[data-style=houseparty]) .cover-art{width:100%;max-width:620px;margin:auto}
 body:is([data-style=nyc],[data-style=houseparty]) .cover h1 br{display:none}
 body:is([data-style=nyc],[data-style=houseparty]) .cover h1 .scenic{margin:0 .15em}
 body:is([data-style=nyc],[data-style=houseparty]) .chapter{grid-template-columns:1fr;gap:24px}
 body:is([data-style=nyc],[data-style=houseparty]) .chapter .chapter-photo img{aspect-ratio:4/3}
}
@media(max-width:600px){
 .style-options{grid-template-columns:repeat(3,minmax(0,1fr))}
 .style-option{flex-direction:column;gap:4px;font-size:12px;min-height:56px;padding:6px 2px}
 .style-swatch{height:12px;width:16px}
 html{scroll-padding-top:180px}
 body:is([data-style=nyc],[data-style=houseparty]) .cover h1{font-size:clamp(52px,13vw,78px)}
 body:is([data-style=nyc],[data-style=houseparty]) .cover-art{min-height:0;height:530px}
 body[data-style=nyc] .hero-photo{top:30px}
 body[data-style=nyc] .hero-photo img{height:285px}
 .city-scene{left:0;width:100%;bottom:0}
 .city-sign{font-size:10px;top:-20px}
 .city-sign b{font-size:13px}
 body[data-style=houseparty] .hero-photo{top:110px;right:4%;width:82%}
 body[data-style=houseparty] .hero-photo img{height:255px}
 body[data-style=houseparty] .side-photo{top:320px;width:38%}
 .party-ball{width:95px;height:95px;right:9%}
 .party-balloon{width:42px;height:54px}
 .balloon-two{bottom:95px}
 .party-ticket{font-size:17px;bottom:10px;padding:10px 13px}
 body:is([data-style=nyc],[data-style=houseparty]) .chapter-copy h3{font-size:32px}
 body:is([data-style=nyc],[data-style=houseparty]) .chapter .stop-number{font-size:30px;margin-bottom:18px}
}
body.motion-paused .theme-scene *,body.motion-paused .theme-scene *:before,body.motion-paused .theme-scene *:after{animation:none!important}
body.motion-paused .city-cab{transform:translateX(140px)}
body.motion-paused .party-beams{display:none}
body.motion-paused .chapter .found-stamp{animation:none!important;opacity:1}
@media(prefers-reduced-motion:reduce){
 .theme-scene *, .theme-scene *:before, .theme-scene *:after{animation:none!important}
 .city-cab{transform:translateX(140px)}
 .party-beams{display:none}
 .chapter .found-stamp{animation:none!important;opacity:1}
}