.page-story{--ink:#13283a;--olive:#526644;--paper:#f7f2e9;--cream:#fffaf1;--accent:#bd9c65;color:var(--ink);background:var(--paper);margin:0;font-family:Libre Baskerville,Georgia,serif}.page-story a{color:inherit;text-decoration:none}.page-story button{font:inherit;cursor:pointer}.page-story .hand{font-family:Caveat,Segoe Print,cursive;font-weight:500}.page-story .sans{font-family:DM Sans,Arial,sans-serif}.page-story .hero{background:#e3dfd2;grid-template-columns:55% 45%;min-height:660px;display:grid;position:relative;overflow:hidden}.page-story .hero-photo{background-image:linear-gradient(90deg,#0a17180d 0%,#0c1d1914 42%,#f7f2e9bf 62%,#f7f2e9fa 100%),url(/assets/the-story-forest.jpg);background-position:50% 52%;background-size:cover;position:absolute;inset:0}.page-story .hero:after{content:"";background:var(--paper);clip-path:polygon(0 60%,9% 43%,20% 67%,32% 40%,45% 65%,57% 41%,68% 63%,82% 37%,93% 61%,100% 45%,100% 100%,0 100%);height:39px;position:absolute;bottom:-1px;left:0;right:0}.page-story .hero-content{grid-column:2;align-self:center;padding:65px clamp(24px,5vw,85px) 90px 0;position:relative}.page-story .eyebrow{letter-spacing:4px;text-transform:uppercase;color:var(--olive);font:600 11px/1.8 DM Sans,sans-serif}.page-story h1{margin:25px 0 30px;font-size:clamp(78px,8.5vw,136px);font-weight:500;line-height:.78;transform:rotate(-3deg)}.page-story .hero-content p{max-width:380px;font-size:clamp(14px,1.25vw,18px);line-height:1.8}.page-story .photo-stamp{z-index:1;background:#fff9edeb;padding:13px 21px;font-size:30px;line-height:.98;position:absolute;bottom:95px;left:6%;transform:rotate(-7deg);box-shadow:0 7px 20px #0003}.page-story .photo-stamp small{letter-spacing:1.6px;margin-top:10px;font:600 10px DM Sans,sans-serif;display:block}.page-story .intro{text-align:center;max-width:850px;margin:0 auto;padding:85px 25px 48px}.page-story .intro h2{margin:14px 0 22px;font-size:clamp(48px,6vw,80px);font-weight:500;line-height:1}.page-story .intro p{max-width:650px;margin:0 auto;font-size:15px;line-height:1.95}.page-story .film-area{max-width:1110px;margin:0 auto;padding:0 25px 45px}.page-story .film-frame{background:#fffaf1;border:1px solid #e5daca;padding:12px;transform:rotate(-.35deg);box-shadow:0 12px 34px #25302524}.page-story .film-screen{aspect-ratio:16/9;background:linear-gradient(125deg,#142b35,#2f4b42);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.page-story .film-screen video{background:#142b35;width:100%;height:100%;display:none}.page-story .film-placeholder{color:#fff7e8;text-align:center;padding:30px}.page-story .play-icon{font:400 80px/1 DM Sans,sans-serif}.page-story .film-placeholder h3{margin:14px 0 10px;font-size:clamp(35px,4vw,57px);font-weight:500}.page-story .film-placeholder p{letter-spacing:1px;font:400 12px/1.7 DM Sans,sans-serif}.page-story .film-caption{letter-spacing:2px;text-align:right;color:#58634e;margin:16px 8px 0;font:500 11px DM Sans,sans-serif}.page-story .reflection{grid-template-columns:1fr 1fr;align-items:center;gap:28px;max-width:1120px;margin:45px auto 95px;padding:0 25px;display:grid}.page-story .reflection .paper{background:#f2e6d3;border:1px solid #e4d6c2;padding:45px clamp(25px,4vw,65px);transform:rotate(-1deg);box-shadow:0 9px 22px #4b392323}.page-story .reflection h2{margin:0 0 22px;font-size:clamp(45px,5vw,69px);font-weight:500;line-height:1}.page-story .reflection p{font-size:14px;line-height:1.9}.page-story .reflection .note{text-align:center;padding:30px;font-size:clamp(37px,4vw,55px);line-height:1.07;transform:rotate(3deg)}.page-story .continue{text-align:center;background:linear-gradient(#e4e1d4,#b5bdad);padding:65px 20px 75px}.page-story .continue h2{margin:0 0 18px;font-size:clamp(48px,6vw,82px);font-weight:500}.page-story .continue p{font-size:14px;line-height:1.8}.page-story .pill{background:var(--olive);color:#fff;letter-spacing:1px;border-radius:40px;margin:20px 7px 0;padding:14px 25px;font:600 12px DM Sans,sans-serif;display:inline-block}.page-story .pill.secondary{color:var(--ink);border:1px solid var(--ink);background:0 0}@media (width<=850px){.page-story .hero{min-height:750px;display:block}.page-story .hero-photo{background-image:linear-gradient(#f7f2e900 0%,#f7f2e91a 37%,#f7f2e9e6 72%,#f7f2e9fc 100%),url(/assets/the-story-forest.jpg);background-position:50% 45%}.page-story .hero-content{padding:30px 26px 65px;position:absolute;bottom:30px;left:0;right:0}.page-story .hero-content h1{font-size:86px}.page-story .photo-stamp{font-size:25px;top:70px;bottom:auto;left:18px}.page-story .reflection{grid-template-columns:1fr;gap:0;margin-bottom:60px}.page-story .reflection .note{padding:55px 15px}.page-story .intro{padding-top:65px}}@media (width<=430px){.page-story .hero-content h1{font-size:72px}.page-story .film-area{padding:0 12px 30px}.page-story .film-frame{padding:6px}.page-story .film-placeholder h3{font-size:30px}}.page-story #storyContinueSection{background-position:50%;background-repeat:no-repeat;background-size:cover}.page-story .film-screen video.ready{display:block}.page-story .film-screen video.ready+.film-placeholder{display:none}.page-story .continue{background-position:50%;background-repeat:no-repeat;background-size:cover}