.story-page{--story-ink:#1e3530;--story-green:#19684d;--story-muted:#63776d;background:#f8faf7;color:var(--story-ink)}.story-page .nav nav{gap:24px}.story-page button{font:inherit;cursor:pointer}.story-page :focus-visible{outline:3px solid #c68d40;outline-offset:4px}.story-shell{max-width:1240px;padding:0 30px;margin:auto}.story-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;padding:74px 0 64px}.story-kicker{font-size:10px!important;letter-spacing:2.2px;font-weight:750;color:var(--story-green)!important}.story-hero h1,.story-intro h1{font-size:clamp(36px,4.2vw,60px);line-height:1.1;letter-spacing:-2.7px;margin:20px 0}.story-page em{font-style:normal}.story-hero h1 em,.story-intro h1 em{color:var(--story-green)}.story-hero>div>p:not(.story-kicker):not(.story-price){font-size:16px;line-height:1.9;color:var(--story-muted);max-width:530px}.story-hero figure{margin:0}.story-hero figure img{width:100%;height:auto;display:block;border-radius:24px}.story-hero figcaption{font-size:10px;color:#85958b;line-height:1.7;margin-top:10px;text-align:right}.story-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:25px 0}.story-actions .btn{border:0;border-radius:9px;padding:15px 21px;font-size:13px;background:var(--story-green);box-shadow:none}.story-link{display:inline-block;color:var(--story-green);font-size:12px;font-weight:650;line-height:1.8}.story-points{display:flex;gap:20px;flex-wrap:wrap;font-size:10px;color:var(--story-muted);margin-top:30px}.story-points span:before{content:'✓';color:#568765;margin-right:6px}.story-section{padding:40px 0 65px}.story-section>h2,.story-section-title h2,.story-shop h2,.story-about h2,.story-note h2{font-size:34px;line-height:1.2;letter-spacing:-1.2px;margin:12px 0 25px}.story-section-title{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:15px}.story-card{background:white;border:1px solid #dce5dd;border-radius:17px;overflow:hidden;display:flex;flex-direction:column;scroll-margin-top:100px}.story-card>a{display:block;overflow:hidden}.story-card img{width:100%;height:auto;display:block;aspect-ratio:10/7;object-fit:cover;transition:transform .25s}.story-card>a:hover img{transform:scale(1.02)}.story-card>div{padding:27px 30px;flex:1;display:flex;flex-direction:column}.story-card small{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--story-muted)}.story-card h3{font-size:27px;letter-spacing:-.8px;margin:10px 0}.story-card p{font-size:13px;line-height:1.9;color:var(--story-muted);margin:0 0 18px;flex:1}.story-shop{background:#e8f0e5;border-radius:21px;padding:45px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;margin-bottom:65px}.story-shop p:not(.story-kicker){font-size:14px;line-height:1.9;color:var(--story-muted)}.story-shop .btn{margin-top:15px;background:var(--story-green);border-radius:9px;box-shadow:none}.story-shop-art{width:280px;height:250px;margin:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;border:1px solid #bbcfb8;border-radius:45px 15px 45px 15px;transform:rotate(5deg);background:#d2e2cb;box-shadow:12px 16px 0 #b7cdb43b}.story-shop-art b{font-size:85px;letter-spacing:-8px;line-height:1.2;color:#35724f}.story-shop-art span{font-size:12px;color:#386b43}.story-shop-art i{font-style:normal;font-size:10px;margin-top:18px;color:#719077}.story-about{max-width:800px;margin:0 auto;padding:15px 0 75px}.story-about p:not(.story-kicker){font-size:15px;line-height:1.9;color:var(--story-muted)}.story-intro{padding:60px 0 10px}.story-intro>p:not(.story-kicker){max-width:630px;line-height:1.9;color:var(--story-muted);font-size:16px}.story-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.story-feature-grid article{padding:28px;background:#fff;border:1px solid #dde5dd;border-radius:13px}.story-feature-grid small{font-size:11px;letter-spacing:1px;color:#628663}.story-feature-grid h3{font-size:20px;letter-spacing:-.5px;margin:18px 0 12px}.story-feature-grid p{font-size:13px;color:var(--story-muted);line-height:1.9}.story-price{font-size:27px;font-weight:750;letter-spacing:-.7px;margin-top:25px}.story-price span{font-weight:400;color:var(--story-muted);font-size:12px;letter-spacing:0;margin-left:8px}.story-note{background:#edf3e9;padding:35px;border-radius:18px;margin-bottom:65px}.story-note p,.story-note li{font-size:13px;line-height:1.9;color:var(--story-muted)}.story-note li{padding:5px 0}.story-note ol{padding-left:22px}.story-status{font-size:12px!important;min-height:20px}.shop-download-prep{margin:17px 0;padding:12px;background:#f0f5eb;border-radius:8px}.shop-download-prep small{display:block;font-size:11px}.shop-download-prep a{margin-right:18px}.story-page .new-footer{margin-top:0}
@media(max-width:1050px){.story-page .nav{height:auto;min-height:70px;flex-wrap:wrap;padding:14px 22px;gap:12px}.story-page .nav nav{order:3;width:100%;overflow-x:auto;height:32px;gap:22px;margin:0}.story-page .nav nav a{white-space:nowrap}.story-page .nav-account{margin-left:auto}.story-hero{gap:30px}.story-hero h1{font-size:45px}.story-shop-art{width:220px;height:210px}.story-feature-grid{gap:14px}.story-feature-grid article{padding:22px}}
@media(max-width:740px){.story-shell{padding:0 20px}.story-hero{grid-template-columns:1fr;padding:42px 0 30px;gap:25px}.story-hero h1,.story-intro h1{font-size:44px;letter-spacing:-2px}.story-hero figure{max-width:550px;width:100%;margin:auto}.story-hero>div>p:not(.story-kicker):not(.story-price){font-size:14px}.story-section{padding:30px 0 45px}.story-section>h2,.story-section-title h2,.story-shop h2,.story-about h2,.story-note h2{font-size:28px}.story-grid{gap:18px}.story-card>div{padding:20px}.story-card h3{font-size:23px}.story-card p{font-size:12px}.story-shop{padding:28px;gap:20px;grid-template-columns:1fr;margin-bottom:40px}.story-shop-art{display:none}.story-feature-grid{grid-template-columns:1fr}.story-note{padding:25px;margin-bottom:40px}.story-intro{padding-top:40px}.story-intro>p:not(.story-kicker){font-size:14px}.story-about{padding-bottom:50px}}
@media(max-width:460px){.story-grid{grid-template-columns:1fr}.story-hero h1,.story-intro h1{font-size:38px}.story-actions{gap:15px}.story-points{gap:12px;font-size:9px}}