.scroll-chapter{height:260vh;position:relative;margin-bottom:60px;background:radial-gradient(ellipse at 70% 50%,#40275e4f,transparent 50%);--chapter-progress:0}.chapter-stage{position:sticky;top:0;height:100vh;min-height:620px;max-width:1440px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;padding:50px 9%;gap:50px;overflow:hidden}.chapter-copy>.eyebrow{font-size:10px;color:#bda1c9;letter-spacing:1.7px}.chapter-title h2{font-size:58px;line-height:1.04;margin:22px 0 35px}.chapter-scenes{position:relative;height:200px}.scene{position:absolute;inset:0;opacity:0;transform:translateY(22px);transition:opacity .6s,transform .7s;pointer-events:none}.scene.active{opacity:1;transform:translateY(0);pointer-events:auto}.scene>span{font-size:10px;letter-spacing:1.8px;color:#c7a6c4}.scene h3{font:400 32px/1.13 'Crimson Text';margin:13px 0}.scene p{font-size:14px;color:#b4a4c1;line-height:1.8;max-width:340px}.chapter-track{display:flex;gap:8px;max-width:250px;margin-top:30px}.chapter-track i{height:2px;flex:1;background:#ffffff18;transition:background .5s}.chapter-track i.on{background:#e4b9c6;box-shadow:0 0 10px #e4b9c640}.keep-scrolling{font-size:9px;letter-spacing:1.5px;color:#8d7d9a;margin-top:18px}.keep-scrolling span{margin-left:12px}.chapter-device{position:relative;display:flex;align-items:center;flex-direction:column;perspective:1200px}.story-phone{width:295px;min-height:550px;background:linear-gradient(145deg,#272232,#101019);border:5px solid #585060;border-radius:45px;padding:18px;box-shadow:0 0 0 2px #c5a8c92a,20px 40px 80px #0006;z-index:2;transform:rotate(-4deg) rotateY(calc((var(--chapter-progress) - .5)*12deg));transition:box-shadow .7s}.story-status{display:flex;justify-content:space-between;position:relative;font-size:10px;padding:0 4px}.story-island{position:absolute;left:50%;transform:translateX(-50%);top:-6px;background:#07070b;width:78px;height:22px;border-radius:20px}.story-contact{display:flex;align-items:center;flex-direction:column;gap:6px;margin:22px 0 15px}.story-contact>span{background:linear-gradient(130deg,#e6ba9d,#a888cb);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font:32px Georgia;color:#382740}.story-contact strong{font-size:11px;font-weight:500}.story-contact small{font-size:9px;color:#a092ac}.story-timestamp{text-align:center;color:#9c8baa;font-size:9px;margin:12px 0 18px}.story-bubble{background:linear-gradient(140deg,#3e3248,#2b2635);border:1px solid #d6a4db12;border-radius:18px 18px 18px 4px;padding:18px;transition:transform .7s,box-shadow .7s,background .7s}.story-bubble blockquote{font:25px/1.26 'Crimson Text';color:#f6e7f7;margin-bottom:15px}.story-bubble>p{font-size:10px;color:#d5b6de}.story-bubble small{font-size:9px;color:#b49cc1;display:block;margin-top:4px}.story-reflection{font-size:10px;text-align:right;color:#e2b8d6;margin:16px 0;opacity:0;transform:translateY(10px);transition:opacity .6s,transform .6s}.story-reflection span{font-size:17px;margin-right:5px}.story-forward{position:absolute;z-index:3;right:-40px;bottom:40px;width:235px;opacity:0;transform:translateY(30px) rotate(0);transition:opacity .7s,transform .7s}.forward-label{font-size:8px;letter-spacing:1px;color:#d6b4e4;display:block;text-align:right;margin-bottom:10px}.story-forward>div{padding:13px 17px;background:linear-gradient(110deg,#dec0e2,#e8c4b4);border-radius:17px 17px 4px 17px;font-size:12px;color:#3a2445;box-shadow:0 8px 35px #0004;margin-bottom:9px}.story-forward .forward-reply{border-radius:17px 17px 17px 4px;transform:translateX(-25px);background:#4f3b5d;color:#f3dff7}.story-compose{font-size:20px;display:flex;gap:10px;align-items:center;color:#887896;margin-top:24px}.story-compose>span{font-size:10px;border:1px solid #70617770;border-radius:25px;padding:8px 12px;flex:1}.story-compose b{float:right}.story-home{height:3px;width:85px;border-radius:10px;background:#c1b0c9;margin:22px auto 0}.device-halo{position:absolute;inset:5% -25%;background:radial-gradient(ellipse,#a976b342,transparent 60%);filter:blur(35px);transform:scale(calc(.85 + var(--chapter-progress)*.3));transition:opacity .6s}.device-caption{font:italic 18px 'Crimson Text';margin-top:30px;color:#aa8eba}.scroll-chapter[data-stage="1"] .story-bubble{box-shadow:0 0 50px #d3a0d127;transform:scale(1.04);background:linear-gradient(140deg,#564061,#352a41)}.scroll-chapter[data-stage="1"] .story-reflection,.scroll-chapter[data-stage="2"] .story-reflection{opacity:1;transform:translateY(0)}.scroll-chapter[data-stage="2"] .story-forward{opacity:1;transform:translateY(0) rotate(4deg)}.scroll-chapter[data-stage="2"] .story-phone{box-shadow:0 0 0 2px #c5a8c92a,20px 40px 100px #a56db02f}.reading-progress{position:fixed;z-index:20;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#eabb96,#cba4f3);transform-origin:left;transform:scaleX(0);pointer-events:none}.signup-preferences{border:0;margin:20px 0 0;padding:0}.signup-preferences legend{font-size:13px;color:#ddc9e5}.signup-categories{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.signup-categories label{margin:0!important;position:relative}.signup-categories input{position:absolute;opacity:0;width:1px;height:1px}.signup-categories span{display:block;border:1px solid #c9abc540;border-radius:22px;padding:7px 11px;font-size:12px;cursor:pointer}.signup-categories input:checked+span{background:linear-gradient(125deg,#e8c4a4,#bd9ccc);color:#2b2035;border-color:#e1b7ca}.signup-categories input:focus-visible+span{outline:2px solid #ceadff;outline-offset:3px}.signup-time{display:flex!important;align-items:center;justify-content:space-between}.signup-time input{font:inherit;background:#272135;border:1px solid #826587;color:#f1daeb;border-radius:8px;padding:9px;color-scheme:dark}.category-error{font-size:12px;color:#ffc4c4;margin-top:12px}.preference-summary{font-size:12px;color:#d7bce4;margin-bottom:15px}.quote-faq{padding:70px 9%;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;background:#11111f}.quote-faq .eyebrow{font-size:10px;color:#b89fc2}.quote-faq h2{font-size:54px}.quote-faq details{border-bottom:1px solid #ffffff15;padding:20px 0}.quote-faq summary{list-style:none;cursor:pointer;font-size:15px;padding-right:25px;position:relative;color:#efdfef}.quote-faq summary::-webkit-details-marker{display:none}.quote-faq summary:after{content:'+';position:absolute;right:0;color:#d1accd}.quote-faq details[open] summary:after{content:'−'}.quote-faq details p{font-size:14px;line-height:1.8;color:#b3a0bf;margin-top:15px}.mobile-convert{display:none}.afterglow .theme-note{font-size:12px}
@media(max-width:1050px){.chapter-stage{padding:35px 7%;gap:30px}.chapter-title h2{font-size:49px}.story-phone{width:270px}.chapter-scenes{height:220px}.story-forward{right:-15px}.scene h3{font-size:30px}}
@media(max-width:720px){.scroll-chapter{height:230vh;margin-bottom:25px}.chapter-stage{height:100svh;min-height:700px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:25px 7%;gap:12px}.chapter-copy>.eyebrow{font-size:8px;letter-spacing:1.1px}.chapter-title h2{font-size:35px;margin:10px 0 15px}.chapter-title h2 br{display:none}.chapter-scenes{height:122px}.scene>span{font-size:8px}.scene h3{font-size:25px;line-height:1.1;margin:8px 0}.scene h3 br{display:none}.scene p{font-size:12px;line-height:1.6;max-width:100%}.chapter-track{margin-top:10px}.keep-scrolling{display:none}.chapter-device{margin-top:8px;align-self:center;width:100%;height:350px;justify-content:flex-start}.story-phone{transform:scale(.65) rotate(-4deg);transform-origin:top center;flex-shrink:0}.story-forward{right:-22px;bottom:25px}.device-caption{display:none}.device-halo{inset:0 -10%}.quote-faq{padding:45px 7%;grid-template-columns:1fr;gap:0}.quote-faq h2{font-size:40px;margin:15px 0}.quote-faq details{padding:18px 0}.quote-faq summary{font-size:14px}.mobile-convert{display:flex;position:fixed;z-index:9;bottom:0;left:0;right:0;background:#1d182ceb;border-top:1px solid #d2a6cf30;backdrop-filter:blur(20px);padding:13px 17px max(13px,env(safe-area-inset-bottom));align-items:center;justify-content:space-between;gap:12px;transform:translateY(110%);transition:transform .4s}.mobile-convert.visible{transform:translateY(0)}.mobile-convert>span{font:17px 'Crimson Text';color:#f1dce5}.mobile-convert small{display:block;font:9px 'DM Sans';margin-top:4px;color:#bea5ca}.mobile-convert button{border-radius:25px;background:linear-gradient(125deg,#f0c7a5,#c7a4d4);color:#35233f;padding:11px 14px;font-size:11px;font-weight:600}.afterglow footer{padding-bottom:100px}}@media(max-height:740px) and (max-width:720px){.chapter-stage{min-height:620px}.chapter-title h2{font-size:29px}.chapter-scenes{height:120px}.chapter-device{height:295px}.story-phone{transform:scale(.55) rotate(-4deg)}}@media(prefers-reduced-motion:reduce){.scene,.story-phone,.story-forward,.story-reflection,.story-bubble{transition:none!important}.reading-progress{display:none}}.motion-off .scene,.motion-off .story-forward,.motion-off .story-bubble{transition:none!important}