:root{--page:#f8eee8;--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--page)}
body{margin:0;background:var(--page);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.landing{width:100%;max-width:var(--max);margin:0 auto;background:#fff;overflow:hidden;box-shadow:0 0 34px rgba(70,39,27,.10)}
.panel{position:relative;width:100%;margin:0;padding:0;line-height:0;background:#f7eee8;content-visibility:auto;contain-intrinsic-size:100vw 100vw}
.panel.hero{content-visibility:visible}
.panel img{display:block;width:100%;height:auto;margin:0;border:0}
.cta-panel{position:relative}
.hotspot{position:absolute;display:block;z-index:4;border-radius:18px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.hotspot:focus-visible{outline:4px solid rgba(255,255,255,.95);outline-offset:4px;box-shadow:0 0 0 8px rgba(0,0,0,.28)}
.cta-seven{left:64.0%;top:66.0%;width:29.5%;height:11.0%}
.cta-eleven{left:29.0%;top:76.0%;width:50.5%;height:10.5%}
@media (max-width:700px){
  :root{--max:100%}
  .landing{box-shadow:none}
  .hotspot{border-radius:10px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}