.as4-mark {
  border: 1px solid #c5a15a;
  padding: .35rem .55rem;
  text-decoration: none;
}

.bridesmaid-intro {
  padding: 1rem clamp(1.25rem, 5vw, 5rem);
  display: grid;
  grid-template-columns: 14rem minmax(0, 52rem);
  gap: 2rem;
  align-items: baseline;
  background: #17271f;
  color: #fff;
}

.bridesmaid-intro p { margin: .2rem 0; }
.bridesmaid-intro .eyebrow { color: #c5a15a; }

/* The agents.as4.tech edition uses the neutral Bridesmaid treatment. */
:root {
  --ink: #171717;
  --forest: #242424;
  --moss: #5c5c5c;
  --cream: #eeeeec;
  --paper: #fafafa;
  --gold: #777777;
  --line: #d2d2d2;
  --muted: #676767;
}

body { background: var(--paper); }
.masthead { background: rgba(250, 250, 250, .97); }
.place img { filter: grayscale(1) contrast(1.04); }
.as4-mark { border-color: #8f8f8f; }
.bridesmaid-intro { background: #242424; }
.bridesmaid-intro .eyebrow { color: #d2d2d2; }
textarea:focus { outline-color: rgba(70, 70, 70, .35); }

@media (max-width: 800px) {
  .bridesmaid-intro { grid-template-columns: 1fr; }
}