/* ============================================================
   SECTION WATERMARKS — large decorative English words behind
   each section, matching the ABOUT treatment.
   Palette-safe: terracotta hairline stroke on light sections,
   soft white stroke on the dark espresso (B2B) section.
   ============================================================ */

/* host section */
.has-wm { position: relative; overflow: hidden; }
.has-wm > .container { position: relative; z-index: 2; }

/* the watermark word */
.section-wm {
  position: absolute;
  top: -0.16em;
  z-index: 1;
  font-family: var(--sans);
  font-weight: 800;
  font-size: clamp(120px, 22vw, 380px);
  line-height: 0.8;
  letter-spacing: -0.02em;
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(187,84,48,0.10);
  pointer-events: none;
  user-select: none;
  white-space: nowrap;
}
/* horizontal placement — alternate for rhythm */
.section-wm.wm-right { right: -0.04em; }
.section-wm.wm-left  { left: -0.04em; }
.section-wm.wm-bottom { top: auto; bottom: -0.16em; }

/* dark espresso section: switch to a soft light stroke */
.b2b .section-wm { -webkit-text-stroke: 1.5px rgba(255,255,255,0.07); }

/* ---- legacy ABOUT watermark kept working ---- */
.about-flourish { position: relative; overflow: hidden; }
.about-flourish .container { position: relative; z-index: 2; }
.about-watermark {
  position: absolute;
  top: -0.18em;
  right: -0.04em;
  z-index: 1;
  font-family: var(--sans);
  font-weight: 800;
  font-size: clamp(150px, 26vw, 420px);
  line-height: 0.8;
  letter-spacing: -0.02em;
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(187,84,48,0.10);
  pointer-events: none;
  user-select: none;
}
.about-flourish .about-quote .quote-mark { display: none; }

@media (max-width: 980px) {
  .about-watermark { font-size: clamp(110px, 34vw, 220px); }
  .section-wm { font-size: clamp(90px, 30vw, 200px); }
}