/* =========================
   DRESS CODE (teaser)
   ========================= */

.dc-teaser {
  position: relative;
  min-height: 100svh; /* full screen */
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #0f1a14; /* fallback */
}

/* background image + tint overlay */
.dc-teaser__bg {
  position: absolute;
  inset: 0;

  /* Replace with your image path */
  background:
    linear-gradient(0deg, rgba(16, 39, 28, 0.78), rgba(16, 39, 28, 0.78)),
    url("assets/images/dresscode-bg.png") center/cover no-repeat;

  transform: scale(1.02);
}

/* center content */
.dc-teaser__content {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: clamp(24px, 4vw, 64px);
  max-width: 1000px;
  color: rgba(255, 255, 255, 0.94);
}

/* top line */
.dc-teaser__title {
  margin: 0 0 20px;
  font-family: inherit; /* keep your site font */
  font-weight: 300;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  font-size: clamp(22px, 3.6vw, 48px);
  line-height: 1.15;
}

/* bottom line */
.dc-teaser__subtitle {
  margin: 0;
  font-size: clamp(18px, 2.2vw, 32px);
  line-height: 1.25;
  letter-spacing: 0.06em;
}

/* script word */
.dc-teaser__script {
  font-family:
    "Great Vibes", "Allura", "Playball", cursive; /* pick what you have */
  font-weight: 400;
  font-style: italic;
  letter-spacing: 0;
  font-size: 1.35em;
  padding: 0 0.15em;
  display: inline-block;
  transform: translateY(0.08em);
}

/* small mobile tightening */
@media (max-width: 480px) {
  .dc-teaser__title {
    letter-spacing: 0.22em;
  }
}