.mx-hero{position:relative;width:calc(100% - 48px);max-width:1600px;aspect-ratio:2400/1050;margin:20px auto 0;overflow:hidden;background:#15392f;color:#fffaf0}
.mx-hero,.mx-hero *{box-sizing:border-box}
.mx-hero__sr-title{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.mx-hero__art,.mx-hero__image{display:block;width:100%;height:100%}
.mx-hero__image{object-fit:cover}
.mx-hero__desktop-hotspots{position:absolute;inset:0;z-index:2}
.mx-hero__hotspot{position:absolute;display:block;border-radius:3px;text-decoration:none}
.mx-hero__hotspot--stories{left:2.8%;top:68.2%;width:15.6%;height:8.1%}
.mx-hero__hotspot--recipes{left:19.3%;top:68.2%;width:16.9%;height:8.1%}
.mx-hero__hotspot:focus-visible{outline:3px solid #f1d79c;outline-offset:4px;background:rgba(255,255,255,.08)}
.mx-hero__mobile-content{display:none}
#mx-christmas-news,#mx-christmas-editorial,#mx-journey-title{scroll-margin-top:135px}
@media(max-width:760px){
  .mx-hero{display:flex;flex-direction:column;width:100%;margin:0;aspect-ratio:auto;overflow:visible;background:#15392f}
  .mx-hero__art{width:100%;height:auto;aspect-ratio:16/9;overflow:hidden;background:#15392f}
  .mx-hero__image{height:100%;object-fit:cover}
  .mx-hero__desktop-hotspots{display:none}
  .mx-hero__mobile-content{display:block;padding:25px 20px 30px;background:#15392f;color:#fffaf0}
  .mx-hero__kicker{margin:0 0 10px;color:#f2dfbf;font-size:11px;font-weight:600;letter-spacing:.14em;line-height:1.5}
  .mx-hero__mobile-content h2{max-width:12ch;margin:0 0 14px;color:#fffaf0;font-family:var(--font-heading-family,Georgia,serif);font-size:clamp(34px,9.2vw,46px);font-weight:400;letter-spacing:-.025em;line-height:1.04;text-transform:none;text-wrap:balance}
  .mx-hero__mobile-content>p:not(.mx-hero__kicker){max-width:540px;margin:0 0 20px;color:#f5eee2;font-size:15px;line-height:1.6}
  .mx-hero__buttons{display:flex;flex-wrap:wrap;gap:10px;width:100%}
  .mx-hero__buttons a{display:inline-flex;min-height:48px;flex:1 1 190px;align-items:center;justify-content:center;gap:14px;padding:12px 16px;border:1px solid #921e32;background:#921e32;color:#fff;text-decoration:none;font-size:12px;font-weight:600;line-height:1.4}
  .mx-hero__buttons a+a{border-color:#fff8eb;background:#fff8eb;color:#15392f}
  .mx-hero__buttons a:focus-visible{outline:3px solid #e8c986;outline-offset:4px}
}
@media(prefers-reduced-motion:reduce){.mx-hero__buttons a{transition:none}}