/* Desktop proportions; existing mobile rules remain unchanged. */
@media (min-width:761px) {
 .hero,body:not([data-page=home]) .hero {height:250px!important}
 .hero header {padding:20px 24px}
 footer.glass {box-sizing:border-box;min-height:90px;padding:14px 20px;gap:16px}
 footer .brand b {font-size:36px}
 footer .cursive {font-size:30px;line-height:1.15}
 footer p {margin:5px 0 0}
 .promos .promo-rotator {max-width:970px;margin-inline:auto;justify-self:center}
 .promos .promo-rotator .promo-banner,
 .promos .promo-rotator .promo-banner.bean-allure {box-sizing:border-box;height:90px;min-height:90px;padding:8px 16px 20px}
 .promos .promo-rotator .bean-allure-logo {width:auto;height:auto;max-width:100%;max-height:62px;object-fit:contain;margin:0 auto}
 .promos .promo-rotator .promo-banner:not(.bean-allure) {display:grid;grid-template-columns:minmax(150px,1fr) minmax(100px,1fr) auto;grid-template-rows:auto auto;column-gap:14px;align-content:center;text-align:left}
 .promos .promo-rotator .promo-banner .kicker {grid-column:1;grid-row:1;font-size:9px}
 .promos .promo-rotator .promo-banner h3 {grid-column:1;grid-row:2;font-size:19px;line-height:1.15;margin:3px 0 0}
 .promos .promo-rotator .promo-banner h3 br {display:none}
 .promos .promo-rotator .promo-banner p {grid-column:2;grid-row:1/span 2;font-size:12px;line-height:1.35;margin:0}
 .promos .promo-rotator .promo-banner .gold {grid-column:3;grid-row:1/span 2;justify-self:end;font-size:10px;padding:7px 9px;margin:0;white-space:nowrap}
 .promos .promo-rotator .promo-dots {bottom:6px;right:12px}
}

/* Balanced desktop sponsor artwork with space on either side. */
@media (min-width:761px) {
 .promos .promo-rotator .promo-banner.bean-allure {
  height:160px;min-height:160px;padding:12px 24px 20px;overflow:hidden;
 }
 .promos .promo-rotator .promo-banner.bean-allure .bean-allure-logo {
  display:block;width:min(100%, 420px);height:128px;max-width:100%;max-height:128px;
  object-fit:contain;object-position:center;margin:0 auto;
 }
}