.menu-section{
  display:grid;
  grid-template-columns:3fr 4fr 3fr;
  grid-template-areas:
    "title title title"
    "left center right";
  align-items:start;
  column-gap:0;
  row-gap:0;
  width:100%;
  max-width:none;
  margin:0;
  padding:4.166667vw .833333vw 7vw;
  background:var(--cream);
}

.menu-section>h2{
  grid-area:title;
  margin:0;
  text-align:center;
  font-family:var(--display);
  font-size:clamp(40px,3vw,58px);
  line-height:1;
  text-transform:uppercase;
}

.menu-gallery{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:2.083333vw 1.875vw;
}

.left-capsules{grid-area:left}
.right-capsules{grid-area:right}

.menu-gallery img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:260/428;
  object-fit:cover;
  border-radius:999px;
}

.left-capsules img:nth-child(1){object-position:50% 42%}
.left-capsules img:nth-child(3){object-position:50% 68%}
.right-capsules img:nth-child(1){object-position:50% 52%}
.right-capsules img:nth-child(3){object-position:50% 54%}

.menu-copy{
  grid-area:center;
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

.menu-links{
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
  gap:clamp(14px,1.2vw,23px);
  margin:clamp(32px,2.5vw,48px) 0 0;
}

.menu-links a{
  display:flex;
  align-items:center;
  gap:clamp(14px,1.1vw,22px);
  min-height:44px;
  color:var(--ink);
  font-family:var(--display);
  font-size:clamp(30px,2.5vw,48px);
  line-height:1;
  text-decoration:none;
}

.menu-links .menu-arrow{
  flex:0 0 auto;
  font-family:Arial,sans-serif;
  font-size:.82em;
  line-height:1;
}

.menu-links .menu-label{
  text-decoration:underline;
  text-decoration-thickness:clamp(2px,.18vw,4px);
  text-underline-offset:clamp(5px,.45vw,9px);
}

.menu-section .menu-cta{
  min-height:48px;
  height:auto;
  margin-top:clamp(38px,3.125vw,60px);
  gap:10px;
  padding:12px 15px;
  border-radius:10px;
  font-size:clamp(13px,.833333vw,16px);
}

.brand-seal{
  position:relative;
  display:grid;
  place-items:center;
  width:clamp(190px,16vw,307px);
  height:clamp(190px,16vw,307px);
  margin:clamp(54px,6vw,116px) auto 0;
  padding:0;
  border:0;
  border-radius:50%;
  overflow:hidden;
  isolation:isolate;
}

.brand-seal .seal-figma-ring,
.brand-seal .seal-figma-center{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.44);
}

.brand-seal .seal-figma-ring{
  animation:bravado-seal-spin 18s linear infinite;
  will-change:transform;
}

.brand-seal .seal-figma-center{
  clip-path:circle(25% at 50% 50%);
}

@keyframes bravado-seal-spin{
  to{transform:scale(1.44) rotate(360deg)}
}

@media(max-width:1100px){
  .menu-section{
    grid-template-columns:1fr 1fr;
    grid-template-areas:
      "title title"
      "center center"
      "left right";
    gap:52px 28px;
    padding-inline:28px;
  }

  .menu-copy{margin-bottom:8px}
  .menu-links{margin-top:22px}
  .brand-seal{margin-top:54px}
}

@media(max-width:700px){
  .menu-section{
    grid-template-columns:1fr;
    grid-template-areas:
      "title"
      "center"
      "left"
      "right";
    gap:38px;
    padding:64px 18px 72px;
  }

  .menu-section>h2{
    margin:0;
    font-size:clamp(36px,11vw,50px);
  }

  .menu-links{
    gap:12px;
    margin:4px 0 0;
  }

  .menu-links a{
    gap:14px;
    font-size:clamp(28px,9vw,40px);
  }

  .menu-section .menu-cta{
    margin-top:30px;
    font-size:13px;
  }

  .brand-seal{
    width:190px;
    height:190px;
    margin-top:48px;
  }

  .menu-gallery{gap:16px 12px}
}

@media(prefers-reduced-motion:reduce){
  .brand-seal .seal-figma-ring{
    animation:none;
    will-change:auto;
  }
}