/* A personal, editorial pause after the broker workspace walkthrough. */
.tan-founder-note {
  isolation: isolate;
  min-height: 620px;
  margin-top: -1px;
  padding-block: clamp(100px, 11vw, 172px);
  overflow: hidden;
  background: #031724;
}

.tan-founder-note::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, #031724d9 0%, #031724c2 48%, #031724d6 100%),
    linear-gradient(180deg, #031724 0%, #03172400 22%, #0317246b 100%),
    url('/assets/offlists-how-route-water-v1.webp') center 62% / cover no-repeat;
  content: '';
  pointer-events: none;
}

.founder-note-inner {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1fr);
  gap: clamp(60px, 9vw, 150px);
  align-items: start;
  width: min(100%, 1320px);
  margin-inline: auto;
}

.tan-founder-note .section-eyebrow {
  width: auto;
  margin: 0 0 clamp(38px, 5vw, 68px);
  color: #d9b76f;
  font: 600 12px/1.4 'Inter Local', 'Avenir Next', sans-serif;
  letter-spacing: .3em;
  text-transform: uppercase;
}

.tan-founder-note .section-eyebrow::before { display: none; }

.tan-founder-note h2 {
  max-width: 680px;
  margin: 0;
  color: #f7f2e9;
  font: 400 clamp(57px, 6.2vw, 94px)/1.02 Baskerville, Garamond, Georgia, serif;
  letter-spacing: -.055em;
  text-wrap: balance;
}

.founder-note-letter {
  width: auto;
  margin: clamp(72px, 10vw, 148px) 0 0;
  padding-left: 0;
}

.founder-note-letter p,
.founder-note-letter p:last-of-type {
  max-width: 680px;
  color: #d5e0dd;
  font: 400 clamp(21px, 1.75vw, 26px)/1.55 Baskerville, Garamond, Georgia, serif;
}

.founder-note-letter .founder-note-lead { color: #f7f2e9; }
.founder-note-letter p + p { margin-top: 26px; }

.founder-note-signature {
  margin-top: clamp(44px, 5vw, 68px);
  padding-top: 22px;
  border-top-color: #d9b76f52;
}

@media (max-width: 900px) {
  .founder-note-inner { grid-template-columns: 1fr; gap: 0; }
  .tan-founder-note h2 { max-width: 700px; }
  .founder-note-letter { margin-top: 68px; }
}

@media (max-width: 767px) {
  .tan-founder-note { min-height: 0; padding: 86px 22px 92px; }
  .tan-founder-note .section-eyebrow { margin-bottom: 34px; font-size: 10px; }
  .tan-founder-note h2 { font-size: clamp(50px, 13vw, 70px); }
  .founder-note-letter { margin-top: 52px; }
  .founder-note-letter p,
  .founder-note-letter p:last-of-type { font-size: 20px; line-height: 1.52; }
}