/* V11 — menu-only refinement. Hero/footer intentionally untouched. */
@media (min-width:781px){
  .menu-detail{
    /* Keep both menu cards equal height, but bring the right-side content higher. */
    padding:24px 42px 34px;
    background:
      radial-gradient(circle at 86% 19%,rgba(7,87,189,.055),transparent 28%),
      linear-gradient(145deg,rgba(241,247,255,.90),rgba(232,241,253,.78));
    overflow:hidden auto;
    isolation:isolate;
  }
  .menu-detail:before{
    content:"";
    position:absolute;
    z-index:0;
    right:clamp(24px,4vw,76px);
    bottom:clamp(24px,3.2vh,48px);
    width:clamp(190px,18vw,315px);
    aspect-ratio:200/190;
    background:url('../../dem-menu-mark.webp') center/contain no-repeat;
    opacity:.042;
    filter:saturate(.68);
    pointer-events:none;
    transform:rotate(-4deg);
  }
  .menu-detail:after{
    content:"DEM";
    right:-20px;
    bottom:-50px;
    font-size:clamp(165px,14vw,250px);
    color:rgba(7,87,189,.027);
    z-index:0;
  }
  .menu-sub,.menu-footer{position:relative;z-index:2}
  .menu-subtitle{margin:0 0 22px;font-size:20px}
  .menu-columns{gap:24px 48px}
  .menu-col h4{margin-bottom:8px}
  .menu-col a{padding:4px 0}
  .menu-footer{margin-top:24px;padding-top:20px}
  .menu-brand img{
    width:58px;height:58px;object-fit:contain;
    filter:drop-shadow(0 5px 12px rgba(31,45,135,.10));
  }
}
@media (max-width:780px){
  .menu-brand img{width:52px;height:52px;object-fit:contain}
  .menu-detail{
    background:
      radial-gradient(circle at 88% 12%,rgba(7,87,189,.05),transparent 30%),
      rgba(237,244,255,.92);
  }
  .menu-detail:before{
    content:"";position:absolute;right:18px;bottom:22px;width:145px;aspect-ratio:200/190;
    background:url('../../dem-menu-mark.webp') center/contain no-repeat;opacity:.035;pointer-events:none;
  }
}