/* Illustrated links below the home news feed; keep the shared site typography. */
.home-features { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:22px; }
.home-feature { --feature-tone:#502d3b; display:flex; min-width:0; color:#fff8e8; }
.home-feature-surface { position:relative; isolation:isolate; display:flex; flex:1; flex-direction:column; min-width:0; background:var(--feature-tone); mask:url('../public/images/feature-card-mask.svg?v=20261014-compact-edges') center / 100% 100% no-repeat; }
.home-feature-pets { --feature-tone:#304b40; }
.home-feature-surface::before { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(180deg,var(--feature-tone),transparent 60%,var(--feature-tone)),url('../public/images/autumn.webp') center / cover; opacity:.55; }
.home-feature-pets .home-feature-surface::before { background-image:linear-gradient(180deg,var(--feature-tone),transparent 60%,var(--feature-tone)),url('../public/images/sunny-village-heroes.webp'); }
.home-feature-heading { position:relative; z-index:1; padding:14px 20px 10px; background:#201d279c; }
.home-feature-heading h2 { position:relative; padding-bottom:12px; font-size:20px; font-weight:600; line-height:1.25; }
.home-feature-heading h2::after { content:""; position:absolute; inset-inline:0; bottom:4px; height:1px; background:linear-gradient(90deg,transparent,#d7c2a4 20%,#d7c2a4 80%,transparent); opacity:.65; }
.home-feature-heading p { font-size:15px; line-height:1.4; }
.home-feature-art { position:relative; height:170px; margin-top:auto; overflow:hidden; }
.home-feature-art img { position:absolute; object-fit:contain; filter:drop-shadow(0 6px 5px #16121b70); }
.home-feature-main { width:170px; height:170px; left:40px; bottom:0; }
.home-feature-detail { width:86px; height:86px; right:36px; bottom:10px; transform:rotate(9deg); }
.home-feature-pets .home-feature-main { left:26px; width:190px; height:190px; bottom:-14px; }
.home-feature-pets .home-feature-detail { width:96px; height:96px; right:30px; }
.home-feature:hover h2, .home-feature:focus-visible h2 { text-decoration:underline; text-underline-offset:4px; }