.story-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.story-example{display:flex;flex-direction:column;text-decoration:none;color:var(--ink)}.story-example .example-art{height:380px;background:#fff}.story-example .example-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:none!important;transform:none!important}.story-example .example-body{display:flex;flex:1;flex-direction:column;gap:12px}.story-example .example-body h3{font-size:clamp(22px,2.1vw,30px);line-height:1.15;margin:0}.story-style{align-self:flex-start;display:inline-block;border:1px solid #ccd0b8;border-radius:20px;background:#f0f2e5;padding:5px 11px;font-size:12px;font-weight:600;color:#3c4430}.story-style-row{padding:16px 20px 12px}.story-example .read-label{margin-top:auto;padding-top:8px;color:var(--ink);font-size:14px;font-weight:600}.story-example:focus-visible{outline:3px solid #65753c;outline-offset:4px}@media(max-width:700px){.story-grid{grid-template-columns:1fr}.story-example .example-art{max-height:460px}.story-example .example-body h3{font-size:26px}}
/* Four selected stories, with readable full-page previews. */
.story-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.story-example .example-art{height:auto;aspect-ratio:3/4}.story-example .example-body h3{font-size:clamp(20px,1.8vw,26px)}.halo-card img{object-fit:contain}.halo-title{max-width:26ch}
@media(max-width:1100px){.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.story-grid{grid-template-columns:1fr}.story-example .example-art{max-height:none}}

/* Compact four-story row, with full-page artwork and aligned reading links. */
@media(min-width:1101px){.story-grid{gap:18px}.story-style-row{padding:16px 16px 12px}.story-example .example-body{padding:20px 16px}.story-example .example-body h3{font-size:clamp(19px,1.65vw,24px);letter-spacing:-.5px}.story-example .example-body small{font-size:11px;line-height:1.5}}