/* Inner pages: subtle canvas (not home, not about) */
html#html:not([data-pagetemplate__com3_template*="start"]):not(:has(body.ot-about-page))
  ._content {
  background: linear-gradient(180deg, #ffffff 0%, #f8f8f9 280px, #f2f2f4 100%);
}

.ot-page-intro {
  position: relative;
  width: var(--ot-gallery-max, min(100%, 1580px));
  max-width: 100%;
  margin: 0 auto;
  padding: clamp(24px, 4vw, 44px) var(--ot-gallery-pad-x, clamp(14px, 2.2vw, 36px))
    clamp(12px, 2vw, 20px);
  box-sizing: border-box;
  text-align: left;
}

.ot-page-intro::before {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  margin-bottom: 20px;
  background: linear-gradient(90deg, #9b51e0 0%, rgba(155, 81, 224, 0.2) 100%);
  border-radius: 2px;
}

.ot-page-intro__title {
  margin: 0 0 clamp(14px, 2vw, 20px);
  max-width: 14ch;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: clamp(36px, 6vw, 64px);
  font-weight: 700;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  line-height: 0.95;
  color: #0a0a0a;
}

.ot-page-intro__lede {
  margin: 0 0 16px;
  max-width: 38em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: clamp(15px, 1.45vw, 17px);
  line-height: 1.75;
  color: #4a4a4a;
}

.ot-page-intro__byline {
  margin: 0;
  padding-top: 14px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  max-width: 38em;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8a8a8a;
}

.ot-page-intro__byline a {
  color: #9b51e0;
  text-decoration: none;
  transition: color 0.2s ease;
}

.ot-page-intro__byline a:hover {
  color: #7b3cc0;
}

html#html[data-col_background="black"]:not([data-pagetemplate__com3_template*="start"])
  .ot-page-intro__title {
  color: #f5f5f5;
}

html#html[data-col_background="black"]:not([data-pagetemplate__com3_template*="start"])
  .ot-page-intro__lede {
  color: #ccc;
}

html#html:not([data-pagetemplate__com3_template*="start"]) ._templatepart__page__content__column {
  width: min(100%, 960px);
  margin: 0 auto;
  padding: 24px 24px 48px;
  box-sizing: border-box;
}

html#html:not([data-pagetemplate__com3_template*="start"]) ._templatepart__pageitemtext__column p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.55;
}

/* About layout: see about-page.css (about.html only) */
