.blog-intro{text-align:center;padding:65px 0 45px;max-width:700px;margin:auto}.blog-intro h1{font-size:64px;margin-bottom:20px}.blog-intro h1 span{font-size:54px}.blog-intro p{color:var(--muted);line-height:1.8;font-size:15px;max-width:520px;margin:auto}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding-bottom:55px}.blog-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fffdf8;transition:transform .2s}.blog-card:hover{transform:translateY(-4px)}.blog-card>a{display:block;height:100%}.blog-card img{width:100%;height:230px;object-fit:cover;display:block}.blog-card-copy{padding:24px}.blog-card h2{font-size:27px;line-height:1.25;margin:12px 0}.blog-card p{font-size:13px;color:var(--muted);line-height:1.8}.read-link{display:block;font-size:12px;font-weight:700;color:var(--green);margin-top:20px}.blog-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px;margin:0 0 60px;background:#f0ead7;border-radius:16px}.blog-cta h2{font-size:32px;margin:10px 0}.blog-cta p{font-size:14px;color:var(--muted)}.blog-cta .primary{flex:none}.story-article{max-width:850px;margin:40px auto 65px}.back-link{display:block;font-size:13px;margin-bottom:35px;color:var(--muted)}.story-article h1{font-size:54px;max-width:760px}.story-lead{font-size:18px;line-height:1.8;color:var(--muted)}.story-cover{width:100%;max-height:470px;object-fit:cover;border-radius:18px;margin:20px 0}.story-body{max-width:680px;margin:auto}.story-body h2{font-size:30px;margin:35px 0 15px}.story-body p{font-size:16px;line-height:1.9;color:#526457}.story-body .primary{display:inline-block;margin-top:20px}.related{border-top:1px solid var(--line);padding-top:30px}.related .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:800px){.blog-grid{grid-template-columns:1fr 1fr}.blog-intro h1{font-size:48px}.blog-intro h1 span{font-size:42px}.blog-cta{align-items:flex-start;flex-direction:column}.story-article h1{font-size:42px}}@media(max-width:540px){.blog-grid,.related .blog-grid{grid-template-columns:1fr}.blog-intro{padding:40px 0 30px}.blog-intro h1{font-size:42px}.blog-intro h1 span{font-size:36px}.blog-card img{height:220px}.story-article h1{font-size:36px}.story-lead{font-size:16px}.story-cover{height:260px}.blog-cta{padding:25px}nav{gap:12px}nav a:nth-child(2){display:inline}.story-body p{font-size:15px}}@media(prefers-reduced-motion:reduce){.blog-card{transition:none}}
