
.story-page{padding-bottom:64px}.story-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--muted);padding:24px 0;border-top:1px solid var(--line)}.story-breadcrumb a:hover{text-decoration:underline}.story-hero{display:grid;grid-template-columns:1fr 1fr;background:#eeeede;border-radius:20px;overflow:hidden}.story-heading{padding:54px 44px;display:flex;flex-direction:column;justify-content:center}.story-heading h1{font-size:clamp(35px,4vw,55px);line-height:1.08;letter-spacing:-1.7px;margin:22px 0 26px;max-width:540px}.story-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#536357}.story-author{display:flex;align-items:center;gap:12px;margin-top:34px}.story-author>span{display:grid;place-items:center;width:40px;height:40px;background:var(--ink);border-radius:50%;color:#f3e3b7;font:24px Georgia,serif;flex:none}.story-author strong{font-size:12px}.story-author small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.story-cover{margin:0;min-height:400px}.story-cover img{display:block;width:100%;height:100%;max-height:500px;object-fit:cover;object-position:center 35%}.story-hero-text{grid-template-columns:1fr}.story-hero-text h1{max-width:900px}.story-reading-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:70px;padding:48px 44px}.story-copy{max-width:720px}.story-copy>p{font-size:17px;line-height:1.9;white-space:pre-line;margin:0 0 22px;color:#3c4b43}.story-copy>p:first-child{font-size:20px;line-height:1.8;color:var(--ink)}.story-signoff{border-top:1px solid var(--line);padding-top:26px;margin-top:30px;display:flex;flex-direction:column;gap:12px}.story-signoff>a{font-size:13px;font-weight:650}.story-signoff>a:hover{text-decoration:underline}.story-copy>p.story-demo-note{font-size:11px;line-height:1.7;color:var(--muted);margin:24px 0 0}.story-invitation{background:#fff;border:1px solid var(--line);padding:27px;border-radius:14px;align-self:start}.story-invitation h2{font-size:30px;line-height:1.15;margin:16px 0}.story-invitation p{font-size:13px;color:var(--muted)}.story-invitation a{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding:15px 0;font-size:12px;font-weight:650}.story-invitation a:last-child{padding-bottom:0}.story-invitation a:hover{color:#8b723d}.story-related{border-top:1px solid var(--line);padding-top:36px}.story-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.story-section-heading h2{font-size:36px;margin:9px 0 0}.story-section-heading>a{font-size:12px;font-weight:650}.story-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.story-related-card{display:grid;grid-template-columns:42% 1fr;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color .2s}.story-related-card:hover{border-color:var(--gold)}.story-related-card>img{width:100%;height:100%;min-height:190px;object-fit:cover}.story-related-card>div{padding:26px}.story-related-card time{font-size:10px;color:var(--muted)}.story-related-card h3{font:23px/1.2 Georgia,serif;margin:14px 0 22px}.story-related-card>div>span{font-size:11px;font-weight:650}
@media(max-width:960px){.story-heading{padding:35px 28px}.story-reading-grid{gap:30px;padding:36px 10px;grid-template-columns:minmax(0,1fr) 260px}.story-related-card>div{padding:20px}.story-related-card h3{font-size:21px}}
@media(max-width:760px){.story-page{padding:0 20px 40px}.story-breadcrumb{font-size:10px;padding:19px 0;gap:8px}.story-hero{grid-template-columns:1fr;border-radius:14px}.story-heading{padding:30px 24px}.story-heading h1{font-size:37px;letter-spacing:-1px;margin:17px 0 22px}.story-author{margin-top:24px}.story-cover{min-height:0;height:280px}.story-cover img{height:280px}.story-reading-grid{grid-template-columns:1fr;padding:30px 0;gap:28px}.story-copy>p:first-child{font-size:18px}.story-copy>p{font-size:16px}.story-invitation{padding:24px}.story-invitation h2 br{display:none}.story-related-grid{grid-template-columns:1fr;gap:16px}.story-section-heading{align-items:start}.story-section-heading h2{font-size:30px}.story-section-heading>a{font-size:10px;max-width:95px;line-height:1.6}.story-related-card>img{min-height:170px}.story-related-card h3{font-size:20px}.story-related-card>div{padding:20px 16px}}

