/* ============================================================================
   Tracy Rowbottom Design — SHARED artistic + brand-forward layer.
   Loaded as site.css for EVERY concept (after the generic theme, before the variant), so it
   lifts personality across all 5 without touching the theme or other clients. Each variant
   then layers its own art on top. Tracy's feedback: more personality, more arty, and lead with
   HER as the brand.
   ---------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap');

/* --- Her handwritten signature: the hero kicker (her name / a personal line) and the quote
       attribution become an elegant script, so her hand is on every concept. --- */
.hero .kicker, .quote cite {
  font-family: 'Pinyon Script', 'Snell Roundhand', 'Segoe Script', cursive;
  text-transform: none; letter-spacing: 0; font-weight: 400;
}
.hero .kicker { font-size: clamp(30px, 4.6vw, 52px); line-height: 1.04; margin-bottom: 4px; }
.quote cite { font-size: clamp(30px, 4vw, 46px); display: inline-block; margin-top: 10px; line-height: 1; }
/* Over full-bleed photo heroes the script reads best in warm cream with a soft shadow for
   legibility; the Gallery light-split hero overrides the colour back to its accent in gallery.css. */
.hero.has-image .kicker { color: #f4ede0; text-shadow: 0 1px 14px rgba(0, 0, 0, .45); }

/* --- Brand prominence: a larger wordmark in the header. Dark concepts show the cream image
       directly; the light concepts recolour it via a mask box (sized in their own file). --- */
.site-header .logo.logo-img img { height: 76px; }
.site-header { align-items: center; }

/* --- Signature monogram watermark behind the About section (arty, editorial, personal) --- */
.founder { position: relative; overflow: hidden; }
.founder::before {
  content: "T"; position: absolute; top: 50%; right: 1%; transform: translateY(-50%);
  font-family: 'Pinyon Script', cursive; font-size: clamp(240px, 34vw, 440px);
  color: var(--accent); opacity: .08; line-height: .8; pointer-events: none; z-index: 0;
}
.founder-inner { position: relative; z-index: 1; }

/* --- Craft flourishes: a small floral fleuron (a classic florist/editorial mark) under the
       intro statement and above her quote. Pure glyph, so it inherits the accent and reads on
       every concept, dark or light. --- */
.intro h2 { position: relative; display: inline-block; }
.intro h2::after {
  content: "\2767"; display: block; margin: 12px auto 0; text-align: center;
  color: var(--accent); font-size: 26px; line-height: 1;
}
.quote blockquote::before {
  content: "\2766"; display: block; color: var(--accent); font-size: 26px;
  line-height: 1; margin: 0 auto 18px; opacity: .95;
}