#dress-code {
  background: var(--color-cream);
  color: var(--color-text);
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.dresscode__title {
  font-family: var(--font-script);
  font-style: normal;
  font-weight: 400;
  font-size: clamp(2.4rem, 11cqw, 4.4rem);
  margin-bottom: 1.75rem;
}

/* Figures photo (transparent PNG) breaks out of the section's side padding
   to span nearly the full card width, with a small 2rem inset on each side. */
.dresscode__illustration {
  width: calc(100% + 2 * var(--section-pad-inline) - 4rem);
  max-width: none;
  aspect-ratio: 1170 / 662;
  margin: 0 calc(2rem - var(--section-pad-inline)) 2rem;
  background: url('/assets/dresscode-figures.png') center bottom / contain no-repeat;
}

.dresscode__description {
  font-size: 0.95rem;
  line-height: 1.7;
  max-width: 22rem;
  margin: 0 auto 1.75rem;
  color: var(--color-text);
}
.dresscode__description p + p {
  margin-top: 1rem;
}
.dresscode__description strong {
  font-weight: 700;
}

/* Silk swatches: a single transparent PNG of 5 fabric circles in a row. */
.dresscode__swatches {
  display: block;
  width: min(100%, 18rem);
  aspect-ratio: 946 / 167;
  margin: 0 auto;
  background: url('/assets/dresscode-swatches.png') center/contain no-repeat;
}
.dresscode__swatch { display: none; }