.menu-experience,
.signature-board {
  margin-top: 38px;
}

.signature-board + .signature-board {
  margin-top: 24px;
}

.experience-list {
  display: grid;
  gap: 22px;
}

.experience-row {
  display: grid;
  grid-template-columns: minmax(240px, 0.82fr) minmax(0, 1.18fr);
  gap: 28px;
  align-items: stretch;
  padding: 28px 0;
  border-radius: 0;
  background: transparent;
  border-top: 1px solid var(--line-strong);
  box-shadow: none;
}

.experience-row.reverse {
  grid-template-columns: minmax(0, 1.18fr) minmax(240px, 0.82fr);
}

.experience-row.reverse figure {
  order: 2;
}

.experience-row figure {
  margin: 0;
  min-height: 100%;
}

.experience-row img {
  width: 100%;
  height: auto;
  border-radius: 4px;
  object-fit: contain;
}

.experience-row figcaption {
  margin-top: 0.65rem;
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.55;
}

.experience-copy {
  align-self: center;
  padding: clamp(12px, 2vw, 26px);
}

.experience-copy h3 {
  max-width: 720px;
  margin-bottom: 0.9rem;
  font-size: clamp(1.65rem, 2.8vw, 2.5rem);
  line-height: 1.3;
}

.experience-copy h3 span {
  display: block;
  margin-top: 0.32rem;
  font-family: Inter, system-ui, sans-serif;
  font-size: clamp(1rem, 1.3vw, 1.25rem);
  font-weight: 700;
  color: var(--muted);
}

.experience-points {
  list-style: none;
  display: grid;
  gap: 10px;
  margin: 1.4rem 0 0;
  padding: 0;
}

.experience-points li {
  display: grid;
  grid-template-columns: 5.2rem 1fr;
  gap: 12px;
  padding: 0.92rem 0;
  border-radius: 0;
  border-bottom: 1px solid var(--line);
}

.experience-points strong {
  color: var(--ink);
}

.experience-points span {
  color: var(--muted);
}

.signature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.signature-grid article {
  padding: 22px 0;
  border-radius: 0;
  background: transparent;
  border-top: 1px solid var(--line-strong);
}

.signature-grid h3 {
  margin-bottom: 0.65rem;
  font-size: 1.18rem;
}

.signature-grid small {
  display: block;
  margin-top: 0.28rem;
  color: var(--muted);
}

.signature-grid p + p {
  margin-top: 0.75rem;
}

@media (max-width: 980px) {
  .experience-row,
  .experience-row.reverse {
    grid-template-columns: 1fr;
  }

  .experience-row.reverse figure {
    order: 0;
  }

  .signature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .menu-experience,
  .signature-board {
    margin-top: 30px;
  }

  .experience-row {
    padding: 22px 0;
    border-radius: 0;
  }

  .experience-row img {
    border-radius: 4px;
  }

  .experience-points li {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .signature-grid {
    grid-template-columns: 1fr;
  }
}

/* Keep deep-linked menu content clear of the sticky navigation. */
.menu-card[id],
.menu-experience[id],
.experience-row[id],
.signature-board[id] {
  scroll-margin-top: 9rem;
}