/* Cafilo on the Mood Apps homepage only. The product artwork stays upright. */
.cafilo-home-card {
  display:grid; grid-template-columns:1.25fr .75fr; align-items:center;
  gap:54px; padding:45px 66px; margin-block:0 100px;
  border:1px solid #e2d7c6; border-radius:32px; background:#f4eadb; color:#31291f;
}
.cafilo-home-copy { min-width:0; }
.cafilo-home-copy .eyebrow { color:#765338; font-size:10px; letter-spacing:.14em; margin-bottom:23px; }
.cafilo-home-copy h2 { font-size:clamp(38px,4.2vw,58px); font-weight:650; line-height:1.05; letter-spacing:-.06em; margin-bottom:24px; }
.cafilo-home-copy>p:not(.eyebrow) { color:#6b5b49; font-size:15px; line-height:1.75; max-width:450px; margin-bottom:25px; }
.cafilo-home-copy .button { background:#34291f; color:#fffaf3; min-height:48px; border:1px solid transparent; }
.cafilo-home-copy .button:focus-visible { outline:3px solid #795132; outline-offset:5px; }
.cafilo-home-copy>p.cafilo-home-availability { margin:17px 0 0; font-size:11px; line-height:1.7; }
.cafilo-home-visual { width:min(100%,205px); margin:0 auto; }
.cafilo-home-visual img { width:100%; height:auto; display:block; border-radius:16px; box-shadow:0 17px 36px -24px #583b2977; }
.cafilo-home-visual figcaption { color:#6b5b49; font-size:9px; text-align:center; line-height:1.65; margin-top:15px; }
@media(prefers-color-scheme:dark) {
  .cafilo-home-card { background:#2a221b; border-color:#4d3e30; color:#f4eadb; }
  .cafilo-home-copy .eyebrow { color:#dbb58b; }
  .cafilo-home-copy>p:not(.eyebrow),.cafilo-home-visual figcaption { color:#c7b5a1; }
  .cafilo-home-copy .button { background:#e5c5a5; color:#302219; }
  .cafilo-home-copy .button:focus-visible { outline-color:#e5c5a5; }
}
@media(max-width:1000px) {
  .cafilo-home-card { padding:37px 42px; gap:35px; }
  .cafilo-home-copy h2 { font-size:42px; }
}
@media(max-width:620px) {
  .cafilo-home-card { grid-template-columns:1fr; padding:31px 27px; gap:30px; border-radius:26px; margin-bottom:58px; }
  .cafilo-home-copy h2 { font-size:39px; }
  .cafilo-home-copy>p:not(.eyebrow) { font-size:14px; }
  .cafilo-home-copy>p.cafilo-home-availability { font-size:11px; }
  .cafilo-home-visual { width:min(70%,220px); }
}
@media(prefers-reduced-motion:reduce) {
  .motion-ready .cafilo-home-card.reveal:not(.is-visible),.cafilo-home-card.reveal { opacity:1; transform:none; transition:none; }
  .cafilo-home-card .button { transition:none; }
  .cafilo-home-card .button:hover { transform:none; }
}