/* Concept H — Blog list. Shares list.css (-> flavor.css hero, pills, Ohana). */
@import url("list.css");
[hidden]{display:none!important}
main > section.b-list{min-height:0;display:block}   /* override chrome rule main>section{min-height:calc(100vh-120px)} */
.b-hero .wrap{grid-template-columns:1fr;padding-bottom:48px}
.b-hero h1 .l2{color:var(--coral)}
.b-list{padding:48px 0 70px}
.b-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.b-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 26px rgba(28,28,28,.08);transition:transform .2s,box-shadow .2s}
.b-card:hover,.b-card:focus-within{transform:translateY(-3px);box-shadow:0 14px 30px rgba(28,28,28,.14)}
.b-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--ink)}
.b-img{aspect-ratio:16/10;background:linear-gradient(135deg,var(--teal),var(--coral));overflow:hidden}
.b-img img{width:100%;height:100%;object-fit:cover;display:block}
.b-ph{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;color:#fff;font-size:2rem;line-height:1;text-transform:uppercase}
.b-body{padding:18px 20px 22px;display:flex;flex-direction:column;flex:1}
.b-chip{align-self:flex-start;border:1.5px solid #F5C518;border-radius:999px;padding:4px 12px;font-size:.8125rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--teal);background:#fff;margin-bottom:10px}
.b-card h3{margin:0 0 6px;font-size:1.2rem;line-height:1.3;font-weight:700;color:var(--ink)}
.b-date{margin:0 0 8px;color:var(--muted);font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem}
.b-ex{margin:0;color:#5b4a3a;font-size:.95rem;line-height:1.5}
.b-news{background:var(--teal)}
.b-news .b-link{color:#fff;justify-content:center}
.b-news h3,.b-news .b-ex{color:#fff}
.b-news .b-body{flex:0 1 auto;padding:28px 24px}
.b-more{margin-top:14px;font-weight:800;color:#fff;border-bottom:2px solid var(--gold);align-self:flex-start;padding:10px 0}
.b-pill{min-height:44px}
@media (max-width:1100px){.b-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.b-hero .wrap{padding-bottom:30px}.b-list{padding:28px 0 48px}}
@media (max-width:600px){.b-grid{grid-template-columns:1fr}}
.b-hero .f-crumb a,.p-hero .f-crumb a{display:inline-flex;align-items:center;min-height:44px}

/* final pass: load more (phones) */
.b-moreWrap{text-align:center;margin:28px 0 0}.b-loadmore{min-height:48px}
.b-sr{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}