/* Editorial covers and compact reading paths, scoped to the blog index. */
.blog-page .breadcrumbs{margin-bottom:22px}
.blog-intro{padding:8px 0 38px}
.blog-intro h1{font-size:clamp(2.7rem,4.5vw,4rem);line-height:1.04;margin:13px 0 17px}
.blog-intro>p:last-child{font-size:1rem;color:var(--muted)}
.blog-stories{padding-bottom:58px}
.story-link{display:flex;flex-direction:column;height:100%;text-decoration:none;border-radius:12px;overflow:hidden}
.story-link:hover{text-decoration:none}
.story-link:focus-visible{outline:3px solid #79583f;outline-offset:5px}
.blog-feature,.story-card{background:#fff;border:1px solid var(--line);border-radius:12px;min-width:0;transition:border-color .18s,box-shadow .18s}
.blog-feature:hover,.story-card:hover{border-color:#ae9279;box-shadow:0 10px 28px #4327190c}
.blog-feature>.story-link{display:grid;grid-template-columns:1.12fr 1fr}
.story-cover{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:3/2;background:#e9e0d4;width:100%;min-width:0}
.story-cover .editorial-atlas{position:absolute;display:block;width:200%;height:200%;max-width:none;object-fit:fill;pointer-events:none}
.cover-ground .editorial-atlas{top:0;left:0}
.cover-dose .editorial-atlas{top:0;left:-100%}
.cover-storage .editorial-atlas{top:-100%;left:0}
.cover-filter .editorial-atlas{top:-100%;left:-100%}
.story-body{display:flex;flex-direction:column;align-items:flex-start;padding:29px 30px 25px;flex:1;min-width:0}
.blog-feature .story-body{justify-content:center;padding:32px 40px}
.story-kicker{display:flex;gap:12px;align-items:center;font-size:.7rem;line-height:1.6;letter-spacing:.1em;font-weight:600;color:#79583f}
.story-kicker>span{font-weight:400;color:#b9a693}
.story-body h2{font-size:2.3rem;line-height:1.12;margin:12px 0 14px}
.blog-feature h2{font-size:clamp(2.3rem,3.1vw,3rem);max-width:390px}
.story-body>p{color:var(--muted);font-size:.92rem;line-height:1.65;max-width:430px;margin:0}
.story-action{display:flex;align-items:center;justify-content:space-between;gap:28px;width:100%;font-size:.875rem;font-weight:600;padding-top:24px;margin-top:auto}
.story-action>span{display:inline-grid;place-items:center;border:1px solid #dacbbd;border-radius:50%;width:32px;height:32px;font-size:1.1rem;transition:background .18s,color .18s}
.blog-feature .story-action{margin-top:10px}
.story-link:hover .story-action>span{background:var(--accent);color:#fff;border-color:var(--accent)}
.stories-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:45px 0 24px}
.stories-heading h2{font-size:2.4rem}
.stories-heading>span{font-size:.7rem;font-weight:600;letter-spacing:.12em;color:var(--muted)}
.stories-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.cover-ranking{background:linear-gradient(135deg,#f6f1e8,#e9dfd2)}
.ranking-year{position:absolute;top:23px;left:26px;font-size:.67rem;font-weight:600;letter-spacing:.12em;color:#70533e}
.ranking-packs{position:absolute;inset:14% 8% 5%;display:flex;align-items:center;justify-content:center}
.ranking-packs img{width:34%;height:88%;object-fit:contain;mix-blend-mode:multiply}
.ranking-packs img:first-child{transform:rotate(-7deg) translateY(8%)}
.ranking-packs img:nth-child(2){width:35%;height:100%}
.ranking-packs img:last-child{transform:rotate(7deg) translateY(8%)}
.blog-page .quiet-footer{border-top:1px solid var(--line)}
@media(max-width:1000px){.blog-feature .story-body{padding:25px}.blog-feature h2{font-size:2.3rem}.story-kicker{font-size:.64rem;letter-spacing:.07em}.story-body{padding:24px}.story-body h2{font-size:2rem}.stories-grid{gap:22px}.blog-feature .story-action{padding-top:15px;margin-top:0}}
@media(max-width:760px){.blog-intro{padding:2px 0 26px}.blog-intro h1{font-size:2.8rem}.blog-intro>p:last-child{font-size:.95rem;max-width:290px}.blog-page .breadcrumbs{margin-bottom:21px}.blog-feature>.story-link{display:flex}.blog-feature .story-body{padding:24px}.blog-feature h2{font-size:2.2rem}.story-body>p{font-size:.9rem}.blog-feature .story-action{padding-top:20px}.stories-heading{margin:33px 0 20px;align-items:flex-end}.stories-heading h2{font-size:2rem}.stories-heading>span{display:none}.stories-grid{grid-template-columns:1fr;gap:24px}.story-body{padding:24px}.story-body h2{font-size:2rem}.story-action{padding-top:18px}.story-kicker{font-size:.68rem}.ranking-year{top:17px;left:20px}.blog-stories{padding-bottom:38px}}
@media(prefers-reduced-motion:reduce){.blog-feature,.story-card,.story-action>span{transition:none}}