/* ============================================================================
   7 · Lời mời (invitation)
   Design source: design/v3.0.1/reference/nam-yam-index.html  L243–250
   No photograph in this section — a plain brown band by design.
   ============================================================================ */

#invitation {
  background: var(--ny-brown);
  padding: clamp(72px, 10vw, 130px) var(--ny-pad);
  overflow: hidden;
}

/* Gold corner bracket, bottom left — mirrors the hero's top-right one */
.ny-inv__corner {
  position: absolute;
  bottom: clamp(24px, 4vw, 54px);
  left: var(--ny-pad);
  width: clamp(90px, 11vw, 150px);
  height: clamp(90px, 11vw, 150px);
  border-bottom: 1px solid var(--ny-gold-34);
  border-left: 1px solid var(--ny-gold-34);
}

.ny-inv__copy {
  position: relative;
  display: flex; flex-direction: column;
  align-items: center; text-align: center;
  gap: clamp(18px, 2.4vw, 28px);
}

.ny-inv__copy h2 {
  font: var(--ny-serif-regular) var(--ny-fs-h2)/var(--ny-lh-tight) var(--ny-serif);
  color: var(--ny-white);
  text-wrap: balance;
}
.ny-inv__copy h2 span { color: var(--ny-bronze); }

.ny-inv__copy .ny-btn {
  margin-top: 6px;
  padding: 0 clamp(28px, 3vw, 42px);
}

@media (max-width: 760px) {
  #invitation { padding: clamp(56px, 9vw, 72px) var(--ny-pad-sm); }
  .ny-inv__corner { left: var(--ny-pad-sm); }
}