.scroll-story{--ink:#38251b;--cream:#fff7e6;color:var(--cream);isolation:isolate}.story-nav{z-index:60;pointer-events:none;color:#fff8e9;background:linear-gradient(#21150d99,#0000);justify-content:space-between;align-items:center;padding:22px 4.5%;display:flex;position:fixed;inset:0 0 auto}.story-nav a,.story-nav button{pointer-events:auto}.story-wordmark{font:500 39px/.9 var(--font-display);letter-spacing:-2px;text-shadow:0 1px 8px #0005;text-decoration:none}.story-wordmark span{font:12px var(--font-body);vertical-align:top;letter-spacing:0;margin-left:4px}.story-nav-right{align-items:center;gap:25px;display:flex}.nav-shop{align-items:center;gap:10px;font-size:13px;text-decoration:none;display:flex}.story-menu-toggle{color:#fff8e9;cursor:pointer;background:#26190fe8;border:1px solid #fff8e965;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.story-menu{pointer-events:auto;color:#fff8eb;background:#f55600;border:1px solid #ffb471;border-radius:15px;width:min(320px,90vw);padding:18px;position:absolute;top:80px;right:4.5%;box-shadow:0 15px 50px #0005}.story-menu a,.story-menu button{text-align:left;background:0 0;border:0;border-bottom:1px solid #38251b22;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:9px;font-size:15px;text-decoration:none;display:flex}.story-menu a:first-child{font-weight:700}.story-menu button{cursor:pointer}.story-menu button:disabled{opacity:.7;cursor:default}.story-menu .menu-shop-button{color:#fff8eb;text-transform:uppercase;letter-spacing:.35px;background:#501313;border:2px solid #ffc93c;border-radius:9px;min-height:62px;margin-bottom:12px;padding:16px;font-size:16px;font-weight:700;box-shadow:0 5px #9d3200}.story-menu .menu-shop-button:hover{background:#70201b;transform:translateY(-1px)}.story-menu>a:not(.menu-shop-button):hover,.story-menu>button:hover{background:#b93b0066;border-radius:6px}.story-chapter{--progress:0;--hello:1;--travel:0;--arrived:0;--approach:.48;--cracks:0;height:300svh;scroll-margin-top:0;position:relative}.chapter-milo{height:340svh}.chapter-action{height:360svh}.story-stage{isolation:isolate;background:#3f301f;height:100svh;min-height:580px;position:sticky;top:0;overflow:hidden}.story-backdrop{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.story-shade{background:linear-gradient(90deg,#20120dcc 0%,#27190860 38%,#0000 70%),linear-gradient(#0000 76%,#21170dba);position:absolute;inset:0}.chapter-milo .story-shade{background:linear-gradient(90deg,#fff7ddf2 0%,#fff6daab 30%,#0000 65%),linear-gradient(#0000 78%,#39251575)}.story-copy{z-index:3;pointer-events:none;width:53%;position:absolute;top:23%;left:8%}.story-eyebrow{font:600 11px/1.5 var(--font-body);text-transform:uppercase;letter-spacing:2.2px;margin:0 0 22px}.story-copy h1,.story-copy h2{font:400 clamp(42px,5.3vw,88px)/1.05 var(--font-display);letter-spacing:-2.5px;text-wrap:balance;max-width:850px;margin:0 0 25px}.story-copy em,.story-shop-invite em{color:#ffcd8a;font-weight:400}.story-copy>p:last-child{max-width:420px;font-size:16px;line-height:1.7}.chapter-milo .story-copy{color:#49311c}.chapter-milo .story-copy em{color:#a64215}.story-sprite{filter:drop-shadow(0 12px 9px #27190c45);background-repeat:no-repeat;width:100%;height:100%}.milo-actor{aspect-ratio:1/2;z-index:4;transform-origin:50% 100%;height:52%;transform:translate(calc(var(--travel)*18vw),calc(var(--travel)*-29svh)) scale(calc(1 - var(--travel)*.77));opacity:calc(1 - var(--arrived));will-change:transform;position:absolute;bottom:8%;left:52%}.hello-bubble{color:#533320;font:500 23px var(--font-display);white-space:nowrap;opacity:var(--hello);z-index:2;background:#fff9ec;border-radius:50% 50% 50% 4px;padding:11px 23px;position:absolute;top:-9%;left:50%;transform:translate(-50%);box-shadow:0 5px 22px #37201225}.home-bubble{color:#533320;font:17px var(--font-display);opacity:var(--arrived);z-index:5;background:#fff9ecee;border-radius:25px;padding:10px 18px;position:absolute;top:42%;left:76%;transform:translate(-50%)}.romance-actors{aspect-ratio:1;z-index:3;height:65%;position:absolute;bottom:6%;right:6%}.romance-actors .hello-bubble{font-size:19px;top:0}.chapter-romance .story-copy{width:48%;top:21%}.chapter-romance .story-copy h2{font-size:clamp(40px,4.7vw,74px)}.action-actor{aspect-ratio:1/2;z-index:4;transform-origin:50% 100%;height:78%;transform:translate(-50%,calc(var(--punch,0)*14svh)) scale(calc(var(--approach)*(1 + var(--punch,0)*.25)));will-change:transform;position:absolute;bottom:5%;left:56%}.chapter-action .story-copy{width:44%}.chapter-action .story-copy em{color:#e6ab63}.story-cracks{color:#fff3d0;width:100%;height:100%;opacity:calc(var(--cracks)*.8);z-index:7;pointer-events:none;filter:drop-shadow(1px 2px 1px #170b05);position:absolute;inset:0}.story-bottom{z-index:8;color:#fff7e9;letter-spacing:1.1px;text-transform:uppercase;text-shadow:0 2px 8px #0008;justify-content:space-between;gap:20px;font-size:11px;display:flex;position:absolute;bottom:32px;left:4.5%;right:4.5%}.story-bottom>span{align-items:center;gap:14px;display:flex}.story-bottom i{opacity:.6;background:currentColor;width:35px;height:1px}.scroll-cue{font-size:10px}.chapter-progress{width:100%;height:3px;transform:scaleX(var(--progress));transform-origin:0;z-index:9;background:#f5cf8b;position:absolute;bottom:0;left:0}.story-hearts{pointer-events:none;z-index:6;position:absolute;inset:0;overflow:hidden}.story-heart{color:#ffd0a9;opacity:0;text-shadow:0 1px 12px #ca462b77;line-height:1;position:absolute;top:0}.story-shop-invite{text-align:center;color:#442a1d;background:#fff5e5;padding:110px 24px 95px;position:relative}.story-shop-invite h2{font:400 clamp(40px,5vw,73px)/1.12 var(--font-display);letter-spacing:-2px;margin:0 0 37px}.story-shop-invite em{color:#a94621}.story-shop-invite>p:last-child{color:#745745;margin:25px 0 0;font-size:13px}.story-shop-button{color:#fff8eb;letter-spacing:1.2px;cursor:pointer;background:#bd3d08;border:2px solid #842703;border-radius:12px;justify-content:space-between;align-items:center;gap:50px;min-height:80px;padding:23px 32px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 6px #842703}.story-shop-button:hover{background:#863415}.story-shop-button:focus-visible{outline-offset:5px;outline:3px solid #e77c38}.scroll-story a:focus-visible{outline-offset:5px;outline:3px solid #e77c38}.scroll-story button:focus-visible{outline-offset:5px;outline:3px solid #e77c38}#shop{outline:none;scroll-margin-top:90px}.shop-heading{font:400 clamp(32px,4vw,50px)/1.15 var(--font-display);margin:0 0 34px}.motion-reduced .story-chapter{height:auto}.motion-reduced .story-stage{position:relative}.motion-reduced .story-cracks,.motion-reduced .story-hearts,.motion-reduced .chapter-progress,.motion-reduced .scroll-cue{display:none}.motion-reduced .milo-actor,.motion-reduced .action-actor{will-change:auto}@media (min-width:1600px){.milo-actor{left:54%}.romance-actors{right:10%}}@media (max-width:760px){.story-nav{padding:18px 6%}.story-wordmark{font-size:33px}.nav-shop{display:none}.story-menu{top:76px;right:6%}.story-stage{min-height:600px}.story-copy,.chapter-romance .story-copy,.chapter-action .story-copy{width:86%;top:15%;left:7%}.story-copy h1,.story-copy h2,.chapter-romance .story-copy h2{letter-spacing:-1.6px;margin-bottom:16px;font-size:clamp(36px,9.7vw,61px);line-height:1.06}.story-copy>p:last-child{max-width:290px;font-size:13px;line-height:1.55}.story-eyebrow{letter-spacing:1.5px;margin-bottom:15px;font-size:9px}.chapter-milo .story-shade{background:linear-gradient(#fff5dba6 0%,#fff5dbdf 30%,#0000 58%),linear-gradient(#0000 80%,#3925158c)}.chapter-milo .story-backdrop{object-position:70% center}.chapter-romance .story-backdrop{object-position:54% center}.story-shade{background:linear-gradient(#21140cc9 0%,#27190899 35%,#0000 64%),linear-gradient(#0000 80%,#21170dba)}.milo-actor{height:39%;transform:translate(calc(var(--travel)*35vw),calc(var(--travel)*-29svh)) scale(calc(1 - var(--travel)*.72));bottom:8%;left:33%}.hello-bubble{padding:8px 17px;font-size:18px;top:-8%}.home-bubble{font-size:13px;top:51%;left:74%}.romance-actors{aspect-ratio:1;width:92%;height:auto;max-height:52%;bottom:7%;right:4%}.romance-actors .hello-bubble{font-size:16px;top:0}.action-actor{height:51%;bottom:7%;left:57%}.story-cracks{height:73%;top:27%}.story-bottom{letter-spacing:.6px;font-size:9px;bottom:24px;left:6%;right:6%}.story-bottom>span{gap:8px}.story-bottom i{width:18px}.scroll-cue{max-width:125px;font-size:8px}.story-shop-invite{padding:76px 20px}.story-shop-invite h2{font-size:40px}.story-shop-button{gap:15px;width:100%;max-width:370px;padding:21px 24px;font-size:12px}}@media (max-height:700px) and (max-width:760px){.romance-actors{width:82%;right:9%}.romance-actors .hello-bubble{font-size:14px}.chapter-romance .story-copy h2{font-size:clamp(32px,9vw,44px)}}@media (max-height:600px) and (orientation:landscape){.story-stage{min-height:0}.story-nav{padding:12px 4.5%}.story-wordmark{font-size:31px}.story-menu-toggle{width:40px;height:40px}.story-copy,.chapter-romance .story-copy,.chapter-action .story-copy{width:48%;top:23%;left:7%}.story-copy h1,.story-copy h2,.chapter-romance .story-copy h2{margin-bottom:16px;font-size:clamp(27px,4.5vw,40px)}.story-copy>p:last-child{max-width:40vw;font-size:11px;line-height:1.5}.story-eyebrow{margin-bottom:12px;font-size:8px}.romance-actors{width:auto;height:68%;max-height:none;bottom:8%;right:4%}.milo-actor{height:54%;bottom:10%;left:56%}.action-actor{height:75%;bottom:8%;left:68%}.story-bottom{font-size:8px;bottom:13px}.hello-bubble,.romance-actors .hello-bubble{padding:6px 14px;font-size:14px}.chapter-milo .story-shade{background:linear-gradient(90deg,#fff7dde8,#fff6da80 45%,#0000 75%)}.story-backdrop{object-position:center}.story-shade{background:linear-gradient(90deg,#20120dcc,#0000 80%)}}@media (prefers-reduced-motion:reduce){.story-chapter{height:auto}.story-stage{position:relative}.story-cracks,.story-hearts,.chapter-progress,.scroll-cue{display:none}.milo-actor,.action-actor{will-change:auto}.scroll-story *{scroll-behavior:auto!important}}.footer-social{justify-content:center;gap:24px;padding:24px;font-size:13px;display:flex}.footer-social a{text-underline-offset:4px}.full-shop-page{padding-top:105px}.full-shop-page .story-nav{background:#c14000f5;border-bottom:1px solid #ffab7266}.shop-back-link{color:#fff7e9;text-underline-offset:5px;margin:0 0 24px;font-size:14px;display:inline-block}.bestseller-heading{text-align:center;margin:12px 0 30px}.bestseller-heading .story-eyebrow{margin-bottom:8px}.bestseller-heading h2{font:400 clamp(32px,4vw,48px)/1.1 var(--font-display);margin:0}.landing-page .bookshop{padding-bottom:55px}.landing-page .book-card{padding-top:46px;position:relative}.bestseller-badge{color:#501313;letter-spacing:.5px;text-transform:uppercase;background:#ffc93c;border-radius:20px;padding:5px 12px;font-size:11px;font-weight:700;position:absolute;top:14px;left:14px}@media (min-width:1024px){.landing-page .book-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}@media (max-width:760px){.story-shop-button{min-height:78px;font-size:15px}.landing-page .book-description{font-size:12px;line-height:1.45}.bestseller-badge{font-size:9px;left:10px}.full-shop-page{padding-top:90px}}