/* The sermon library's section on the mvmtleadership.com home page (index.html, between the SERMON-LIBRARY markers,
   after the bookshelf and before "Chad & Fallon"). It uses the home page's own pieces (.eyebrow, .poster with its red
   Georgia italic second line, .btn, .text-link, .actions, --gut, --ink-a, --muted-a, --accent); this file adds only the layout.
   Source: C:/churchos/clients/chad-erickson/sermon-catalog/site/sermon-library/home.css (copied in by publish_live.py). */
.ml-home .home-sermons{background:#f5efe5;display:grid;   /* the ground the bookshelf ends on and "Chad & Fallon" begins on, so no seam */
grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px 72px;align-items:end;padding:clamp(96px,9vw,150px) var(--gut) clamp(64px,7vw,120px)}
.ml-home .home-sermons-head .eyebrow{margin-bottom:clamp(14px,1.6vw,22px)}
.ml-home .home-sermons .poster{font-size:clamp(46px,5.2vw,96px)}
.ml-home .home-sermons-line{max-width:34ch;margin-top:clamp(22px,2.4vw,34px);font:400 clamp(20px,1.6vw,26px)/1.45 var(--serif);letter-spacing:-.01em;color:var(--ink-a)}
.ml-home .home-sermons-label{margin:0 0 8px;font:750 11px/1.7 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-a)}
.ml-home .home-sermons-list{list-style:none;margin:0 0 30px;padding:0;border-top:1px solid #172d3d33}
.ml-home .home-sermons-list li{border-bottom:1px solid #172d3d33}
.ml-home .home-sermons-list a{display:grid;gap:3px;min-height:44px;padding:15px 0}
.ml-home .home-sermons-date{font:650 11px/1.5 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-a)}
.ml-home .home-sermons-title{font:750 clamp(20px,1.6vw,25px)/1.2 var(--display);letter-spacing:-.035em;color:var(--ink-a)}
.ml-home .home-sermons-list a:hover .home-sermons-title{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
@media (max-width:899px){
  .ml-home .home-sermons{grid-template-columns:1fr;gap:36px;align-items:start}
  .ml-home .home-sermons .poster{font-size:clamp(42px,11.6vw,60px)}
  .ml-home .home-sermons-line{font-size:20px}
}