.story-page{--story-pink:var(--pink,#f6b1aa);--story-pale-pink:#fff3f0;color:var(--ink,#153f3b);background:#fff}.story-page .story-intro-band{background:var(--story-pink);border-bottom:2px solid var(--ink)}.story-page .story-intro{isolation:isolate;padding-top:35px;padding-bottom:52px;position:relative}.story-page .story-intro:before{content:"";width:120px;height:7px;box-shadow:-18px 17px 0 var(--teal);pointer-events:none;background:#fff;border-radius:90% 10%;position:absolute;top:108px;right:3%;transform:rotate(-17deg)}.story-page .story-intro:after{content:"";background:var(--teal);clip-path:polygon(50% 0,62% 36%,100% 50%,62% 62%,50% 100%,37% 64%,0 50%,37% 36%);pointer-events:none;width:53px;height:65px;position:absolute;bottom:130px;right:9%;transform:rotate(11deg)}.story-page .back-home{align-items:center;gap:12px;min-height:44px;margin-bottom:42px;font-size:14px;font-weight:700;display:inline-flex}.story-page svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:22px;height:22px}.story-page .story-intro .section-label{letter-spacing:.16em;font-weight:800}.story-page h1{letter-spacing:-.05em;-webkit-text-stroke:5px #fff;paint-order:stroke fill;text-shadow:4px 4px 0 var(--teal);margin:22px 0 30px;padding-right:.06em;font-size:clamp(40px,7vw,92px);font-style:italic;font-weight:900;line-height:1.28}.story-page h1 span{z-index:0;position:relative}.story-page h1 span:before{content:"";background:var(--teal);z-index:-1;height:13%;position:absolute;bottom:2%;left:1%;right:0;transform:rotate(-2deg)skew(-18deg)}.story-page .intro-copy{border-left:3px solid var(--ink);padding-left:20px;font-size:clamp(17px,1.6vw,21px);line-height:1.9}.story-page .intro-bottom{justify-content:space-between;align-items:baseline;gap:24px;margin-top:42px;display:flex}.story-page .story-signature{letter-spacing:.08em;font-size:32px;font-style:italic;font-weight:900}.story-page .story-signature small{letter-spacing:.15em;margin-left:14px;font-size:12px;font-weight:800}.story-page .intro-note{font-size:14px;font-weight:600}.story-page .chapter-nav{border-bottom:2px solid var(--ink);background:#fff}.story-page .chapter-nav-inner{grid-template-columns:repeat(4,1fr);gap:18px;padding-block:25px 29px;display:grid}.story-page .chapter-nav a{min-height:68px;color:var(--ink);background:var(--teal);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:4px 4px 13px;justify-content:center;align-items:center;gap:18px;padding:12px 16px;font-size:21px;font-style:italic;font-weight:900;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex}.story-page .chapter-nav a:nth-child(2n){background:var(--story-pink)}.story-page .chapter-nav a:hover{box-shadow:2px 2px 0 var(--ink);text-underline-offset:5px;text-decoration:underline;transform:translate(2px,2px)}.story-page .chapter-nav a span{letter-spacing:-.04em;font-size:29px;font-weight:900;line-height:1}.story-page .story-chapter{border-bottom:1px solid var(--ink);grid-template-columns:.9fr 1fr;align-items:start;gap:clamp(40px,7vw,110px);padding-block:105px;scroll-margin-top:110px;display:grid}.story-page .story-chapter.reverse .chapter-photo{box-shadow:7px 7px 0 var(--teal);order:2;transform:rotate(2deg)}.story-page .story-chapter:last-child{border-bottom:0}.story-page .chapter-photo{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--story-pink);background:#fff;border-radius:5px;margin:20px 7px 0;padding:13px 13px 23px;position:relative;transform:rotate(-2deg)}.story-page .chapter-photo:before{content:"";background:var(--story-pink);border:2px solid var(--ink);z-index:1;pointer-events:none;border-radius:3px;width:100px;height:30px;position:absolute;top:-17px;left:calc(50% - 50px);transform:rotate(-6deg)}.story-page .story-chapter.reverse .chapter-photo:before{background:var(--teal)}.story-page .chapter-photo a{display:block;overflow:hidden}.story-page .chapter-photo img{width:100%;height:auto;display:block}.story-page .chapter-photo figcaption{color:var(--ink);margin-top:20px;padding-inline:8px;font-size:14px;font-weight:600;line-height:1.7}.story-page .chapter-number{align-items:center;gap:14px;display:flex}.story-page .chapter-number>span{color:var(--ink);font-family:var(--font);letter-spacing:-.06em;-webkit-text-stroke:3px #fff;paint-order:stroke fill;text-shadow:5px 4px 0 var(--story-pink);font-size:84px;font-style:italic;font-weight:900;line-height:1}.story-page .chapter-number b{letter-spacing:.06em;font-size:20px;font-style:italic;font-weight:900}.story-page .chapter-number i{background:var(--teal);border-radius:90% 10%;flex:1;max-width:150px;height:5px;margin-left:18px;position:relative;transform:rotate(-6deg)}.story-page .chapter-number i:after{content:"";background:var(--story-pink);border-radius:90% 10%;width:70%;height:5px;position:absolute;top:11px;right:10%}.story-page .chapter-kicker{letter-spacing:.04em;color:#40554d;margin:28px 0 12px;font-size:13px;font-weight:600}.story-page .chapter-copy h2{letter-spacing:-.04em;text-wrap:balance;margin:0 0 28px;padding-right:.08em;font-size:clamp(30px,3vw,42px);font-style:italic;font-weight:900;line-height:1.48}.story-page .chapter-paragraphs{letter-spacing:.025em;color:#314c44;font-size:16px;line-height:2}.story-page .chapter-paragraphs p{margin:0 0 20px}.story-page .story-pause{background:var(--story-pink);color:var(--ink);border-block:2px solid var(--ink);text-align:center;padding:75px 24px 82px}.story-page .pause-inner{position:relative}.story-page .pause-inner:before{content:"";background:var(--teal);clip-path:polygon(50% 0,62% 36%,100% 50%,62% 62%,50% 100%,37% 64%,0 50%,37% 36%);pointer-events:none;width:48px;height:58px;position:absolute;top:35px;left:7%;transform:rotate(-12deg)}.story-page .pause-inner:after{content:"";width:95px;height:6px;box-shadow:-18px 14px 0 var(--teal);pointer-events:none;background:#fff;border-radius:90% 10%;position:absolute;bottom:85px;right:5%;transform:rotate(-17deg)}.story-page .story-pause .section-label{color:var(--ink);font-weight:800}.story-page .story-pause h2{isolation:isolate;letter-spacing:-.02em;-webkit-text-stroke:4px #fff;paint-order:stroke fill;margin:22px 0 27px;font-size:clamp(36px,5vw,64px);font-style:italic;font-weight:900;line-height:1.4;display:inline-block;position:relative}.story-page .story-pause h2:after{content:"";background:var(--teal);z-index:-1;width:72%;height:8px;position:absolute;bottom:-3px;right:0;transform:rotate(-3deg)skew(-20deg)}.story-page .story-pause p:not(.section-label){color:var(--ink);font-size:16px;font-weight:500;line-height:1.9}.story-page .story-pause .button{background:var(--teal);color:var(--ink);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);align-items:center;gap:18px;margin-top:29px;font-weight:800;transition:transform .18s,box-shadow .18s;display:inline-flex}.story-page .story-pause .button:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(3px,3px)}.story-page .mobile-break{display:none}.story-page .book-gallery{padding-block:95px}.story-page .gallery-heading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:40px;display:flex}.story-page .gallery-heading h2{isolation:isolate;letter-spacing:-.04em;width:fit-content;margin:12px 0 0;padding-right:.07em;font-size:clamp(27px,3.3vw,42px);font-style:italic;font-weight:900;line-height:1.5;position:relative}.story-page .gallery-heading h2:after{content:"";background:var(--story-pink);z-index:-1;width:96%;height:7px;position:absolute;bottom:2px;left:0;transform:rotate(-2deg)}.story-page .gallery-heading>p{color:#40554d;margin-bottom:8px;font-size:13px}.story-page .book-pages{grid-template-columns:repeat(5,1fr);gap:36px 24px;padding:0;list-style:none;display:grid}.story-page .book-pages a{color:inherit;text-decoration:none;display:block}.story-page .book-pages img{aspect-ratio:3/4;object-fit:cover;border:2px solid var(--ink);width:100%;height:auto;box-shadow:5px 5px 0 var(--teal);transition:transform .18s,box-shadow .18s;display:block}.story-page .book-pages li:nth-child(2n) img{box-shadow:5px 5px 0 var(--story-pink)}.story-page .book-pages a:hover img{box-shadow:3px 3px 0 var(--teal);transform:translate(2px,2px)}.story-page .book-pages li:nth-child(2n) a:hover img{box-shadow:3px 3px 0 var(--story-pink)}.story-page .book-pages a>span{align-items:baseline;gap:9px;margin-top:15px;font-size:12px;line-height:1.7;display:flex}.story-page .book-pages b{color:var(--ink);font-size:20px;font-style:italic;font-weight:900;line-height:1}.story-page .source-note{color:#40554d;border-top:1px solid var(--ink);margin-top:40px;padding-top:22px;font-size:12px;line-height:1.8}@media (max-width:850px){.story-page .story-intro:before{width:80px;right:2%}.story-page .story-intro:after{width:38px;height:46px;bottom:140px;right:5%}.story-page .story-chapter{gap:40px;padding-block:75px}.story-page .intro-note{display:none}.story-page .book-pages{grid-template-columns:repeat(3,1fr)}.story-page .gallery-heading{flex-direction:column;align-items:start;gap:10px}.story-page .pause-inner:before{width:34px;height:42px;left:1%}.story-page .pause-inner:after{width:70px;right:1%}}@media (max-width:620px){.story-page .story-intro{padding-top:20px;padding-bottom:33px}.story-page .story-intro:before{width:65px;height:5px;box-shadow:-12px 11px 0 var(--teal);top:43px;right:3%}.story-page .story-intro:after{display:none}.story-page .back-home{margin-bottom:26px;font-size:13px}.story-page .story-intro .section-label{letter-spacing:.12em;font-size:10px}.story-page h1{-webkit-text-stroke:3px #fff;text-shadow:2px 3px 0 var(--teal);margin:17px 0 25px;font-size:clamp(34px,9vw,53px);line-height:1.35}.story-page .intro-copy{padding-left:13px;font-size:15px}.story-page .intro-bottom{margin-top:28px}.story-page .story-signature{font-size:26px}.story-page .story-signature small{margin-left:10px;font-size:10px}.story-page .chapter-nav-inner{gap:9px;padding-block:20px 23px}.story-page .chapter-nav a{min-height:58px;box-shadow:3px 3px 0 var(--ink);border-radius:3px 3px 9px;gap:5px;padding:11px 4px;font-size:15px}.story-page .chapter-nav a span{font-size:21px}.story-page .story-chapter{flex-direction:column;gap:34px;padding-block:58px;scroll-margin-top:95px;display:flex}.story-page .chapter-copy{order:0}.story-page .chapter-photo,.story-page .story-chapter.reverse .chapter-photo{width:calc(100% - 22px);max-width:400px;box-shadow:5px 5px 0 var(--story-pink);order:1;align-self:center;margin-top:10px;padding:10px 10px 19px}.story-page .story-chapter.reverse .chapter-photo{box-shadow:5px 5px 0 var(--teal)}.story-page .chapter-photo figcaption{padding-inline:4px;font-size:13px}.story-page .chapter-number>span{font-size:68px}.story-page .chapter-number b{font-size:18px}.story-page .chapter-copy h2{max-width:12em;font-size:31px}.story-page .chapter-kicker{margin-top:23px}.story-page .chapter-paragraphs{font-size:16px;line-height:1.95}.story-page .story-pause{padding:60px 20px 65px}.story-page .pause-inner{width:100%}.story-page .pause-inner:before,.story-page .pause-inner:after{display:none}.story-page .story-pause h2{-webkit-text-stroke:3px #fff;font-size:clamp(33px,9.2vw,46px)}.story-page .story-pause .button{padding-inline:23px;font-size:14px}.story-page .story-pause p:not(.section-label){font-size:15px}.story-page .mobile-break{display:inline}.story-page .book-gallery{padding-block:60px}.story-page .gallery-heading{margin-bottom:32px}.story-page .book-pages{grid-template-columns:repeat(2,1fr);gap:30px 19px}.story-page .book-pages a>span{gap:7px;font-size:11px}.story-page .book-pages b{font-size:18px}}@media (max-width:370px){.story-page .chapter-nav-inner{gap:7px}.story-page .chapter-nav a{gap:4px;font-size:13px}.story-page .chapter-nav a span{font-size:18px}.story-page .chapter-copy h2{font-size:29px}}@media (prefers-reduced-motion:reduce){.story-page .book-pages img,.story-page .chapter-nav a,.story-page .story-pause .button{transition:none}}
