.story{padding-block:2.5rem 3.5rem}.story .eyebrow a{text-decoration:none}.story h1{font-size:clamp(2.4rem,5.5vw,4.5rem);margin-bottom:2rem;max-width:22ch}
.story-image figure{max-width:60rem}.story-image img,.story-images img,.story-panels img{width:100%;background:#efece4}
.story-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;max-width:80rem}
.story-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;max-width:64rem}
.story-text{max-width:40rem;margin-top:2.25rem}.story-text p:first-child{font-family:Georgia,serif;font-size:1.5rem;line-height:1.4}
.story-dialogue{margin:1.5rem 0 2rem;display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem;font-size:1.1rem}.story-dialogue dt{font-weight:600}.story-dialogue dd{margin:0;font-family:Georgia,serif}
.story-ai{font-size:.95rem;line-height:1.55;color:#535a60;border-top:1px solid var(--line);padding-top:1rem;margin-top:2rem}
.story-posts{font-size:.95rem;color:#535a60}.story-shop{font-size:1rem}.story-shop a{font-weight:600}
.story-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);margin-top:2.5rem;padding-top:1.25rem;max-width:64rem}.story-nav a{text-decoration:none;font-size:1rem}
.stories-index{padding-bottom:3rem}.stories-index h2{font-size:1.6rem;letter-spacing:-.02em;border-top:1px solid var(--line);padding-top:1.5rem;margin:2.5rem 0 1.25rem}.series-note{max-width:40rem}
.story-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:2rem 1.5rem}
.story-grid a{display:flex;flex-direction:column;gap:.35rem;text-decoration:none}.story-grid img{width:100%;aspect-ratio:4/5;object-fit:cover;background:#efece4}
.card-date{font-size:.8rem;letter-spacing:.06em;color:#535a60;margin-top:.4rem}.card-title{font-size:1.25rem;font-weight:500;letter-spacing:-.02em}.card-line{font-family:Georgia,serif;font-size:1rem;line-height:1.45;color:#39413f}
@media(max-width:640px){.story-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.story-dialogue{grid-template-columns:1fr;gap:.1rem}.story-dialogue dd{margin-bottom:.5rem}}