/* ==========================================================================
   Fringe — Stylist Profile: Trillium Brown
   Loaded only by template-stylist-trillium.php.
   Everything else on this page (hero, services, image story, education,
   requested tags, quote, manifesto, booking) comes from style.css.
   ========================================================================== */

/* Hero monogram (used instead of a portrait photo) */
.stylist-monogram {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  color: var(--ivory);
  background:
    radial-gradient(ellipse at 80% 15%, #ae9576, transparent 65%),
    linear-gradient(145deg, #65594b, #342f2b);
}
.monogram-kicker,
.monogram-name {
  font-size: .75rem;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.monogram-initials {
  padding-right: .1em;
  font: italic clamp(9rem, 22vw, 24rem) / 1 Georgia, serif;
  letter-spacing: -.09em;
}

/* Longer "fit" copy needs a taller first row */
.image-story { grid-template-rows: minmax(440px, auto) 500px; }
.fit-card .fit-lead { max-width: 40rem; }

@media (max-width: 800px) {
  .image-story { grid-template-rows: auto; }
  .monogram-initials { font-size: 45vw; }
}