/* Homepage-only editorial navigation; intentionally part of normal page flow. */
.home-stories{margin:0 0 18px;text-align:left;font-family:Manrope,"Segoe UI",Arial,sans-serif}
.home-stories .home-stories__heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;margin-bottom:8px}
.home-stories .home-stories__heading h2{margin:0;color:#574536;font:600 15px/1.3 Manrope,"Segoe UI",Arial,sans-serif;letter-spacing:0;text-shadow:none}
.home-stories__controls{display:flex;gap:6px}
.home-stories__controls[hidden]{display:none}
.home-stories__controls button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #e5d9cb;border-radius:50%;background:transparent;color:#84613d;cursor:pointer}
.home-stories__controls button:hover{background:#f1e7da}
.home-stories__controls button:disabled{opacity:.3;cursor:default}
.home-stories__rail{display:grid;grid-auto-flow:column;grid-auto-columns:218px;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:2px;padding:2px 2px 7px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.home-stories__card{position:relative;display:block;height:136px;overflow:hidden;border:1px solid #e5d9cb;border-radius:7px;background:#eee4d6;scroll-snap-align:start;color:#49331f;text-decoration:none;box-sizing:border-box}
.home-stories__card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;margin:0;border:0;border-radius:0}
.home-stories__title{position:absolute;inset:0 0 auto;padding:12px 12px 18px;background:linear-gradient(#f8f1e6ed,#f8f1e6b3 65%,transparent);font-size:15px;font-weight:600;line-height:1.3;color:#49331f;text-wrap:balance}
.home-stories :is(a,button):focus-visible{outline:2px solid var(--severa-brand-brown,#ad6819);outline-offset:2px}
@media(max-width:600px){.home-stories{margin-bottom:14px}.home-stories__rail{grid-auto-columns:66%;gap:10px}.home-stories__card{height:124px}.home-stories__title{font-size:14px;padding:10px 10px 18px}.home-stories__controls button{width:36px;height:36px}}
.home-stories__rail::-webkit-scrollbar{display:none;width:0;height:0}
/* Optional preview effect; original image files stay untouched. */
.home-stories--soft .home-stories__card img{opacity:.9;filter:blur(.6px)}
/* Subtle hover feedback for pointer devices; keyboard focus gets the same clarity. */
.home-stories__card{transition:border-color .2s ease}
.home-stories__card img{transition:opacity .25s ease,filter .25s ease,transform .25s ease}
.home-stories__card:focus-visible{border-color:var(--severa-brand-brown,#ad6819)}
.home-stories__card:focus-visible img{opacity:1;filter:none;transform:scale(1.025)}
@media(hover:hover) and (pointer:fine){
  .home-stories__card:hover{border-color:var(--severa-brand-brown,#ad6819)}
  .home-stories .home-stories__card:hover img{opacity:1;filter:none;transform:scale(1.025)}
}
@media(prefers-reduced-motion:reduce){
  .home-stories__card,.home-stories__card img{transition:none}
  .home-stories .home-stories__card:is(:hover,:focus-visible) img{transform:none}
}