/* Homepage: compact "Mary: A Bible Study" promo band */
.msh{--msh-night:#0D141D;--msh-gold:#C9A24A;--msh-gold-ink:#8C6A1F;--msh-cream:#F4EDE1;--msh-line:#DCCFB8;--msh-blue:#2F5D8A;background:var(--msh-cream);color:#141414;padding-block:clamp(28px,4vw,44px);border-block:1px solid var(--msh-line)}
.msh-card{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr) auto;gap:clamp(18px,3vw,40px);align-items:center}
.msh-film{position:relative;display:block;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:var(--msh-night);box-shadow:0 18px 40px -22px rgba(13,20,29,.7)}
.msh-film img,.msh-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.msh-film:hover video,.msh-film:hover img{transform:scale(1.05)}
.msh-film .tag{position:absolute;left:10px;top:10px;z-index:1;font:700 .66rem var(--f-label);letter-spacing:.2em;text-transform:uppercase;color:#fff;background:rgba(13,20,29,.7);padding:6px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:7px}
.msh-film .tag i{width:6px;height:6px;border-radius:50%;background:var(--msh-gold);box-shadow:0 0 8px 2px rgba(201,162,74,.6)}
.msh-k{font-family:var(--f-label);font-weight:600;font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:var(--msh-gold-ink)}
.msh h2{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:clamp(1.6rem,2.8vw,2.2rem);line-height:1.08;letter-spacing:-.015em;margin:6px 0 8px}
.msh h2 em{font-style:italic;font-weight:400;color:var(--msh-blue)}
.msh p{margin:0;color:#4F4C46;max-width:52ch;font-size:1rem}
.msh-meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:12px;font-size:.88rem;font-weight:700;color:#141414}
.msh-meta span{display:inline-flex;align-items:center;gap:6px}
.msh-meta span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--msh-gold)}
.msh-cta{display:grid;justify-items:start;gap:10px}
.msh-btn{display:inline-flex;align-items:center;gap:.55em;min-height:48px;padding:0 1.4em;border-radius:999px;background:var(--msh-night);color:#fff!important;text-decoration:none;font:800 .78rem/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;transition:transform .2s,background .2s}
.msh-btn:hover{transform:translateY(-2px);background:var(--msh-blue)}
.msh-btn .arrow{transition:transform .2s}.msh-btn:hover .arrow{transform:translateX(4px)}
.msh-more{font-size:.88rem;font-weight:700;color:var(--msh-gold-ink);text-decoration:none;border-bottom:1px solid currentColor}
.msh.js .msh-card>*{opacity:0;transform:translateY(16px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}
.msh.js .msh-card>*:nth-child(2){transition-delay:.1s}.msh.js .msh-card>*:nth-child(3){transition-delay:.2s}
.msh.in .msh-card>*{opacity:1;transform:none}
@media (max-width:900px){.msh-k span{display:none}.msh-card{grid-template-columns:minmax(0,220px) minmax(0,1fr)}.msh-cta{grid-column:2;grid-auto-flow:column;align-items:center;gap:16px}}
@media (max-width:600px){
  .msh-card{grid-template-columns:110px minmax(0,1fr);gap:14px;align-items:start}
  .msh-film{aspect-ratio:1/1.15;border-radius:10px}.msh-film .tag{display:none}
  .msh h2{font-size:1.4rem;margin-top:4px}
  .msh p{display:none}
  .msh-meta{margin-top:4px;font-size:.82rem;gap:2px 12px}
  .msh-cta{grid-column:1/-1;grid-auto-flow:row;justify-items:stretch}
  .msh-btn{justify-content:center}
  .msh-more{justify-self:center}
}
@media (prefers-reduced-motion:reduce){.msh *{transition:none!important}}