/* New design layer on original Home trail: type, white ground, spacing.
   Layout, media, animation, breakpoints and interaction stay with the original files. */

.profile,
.scope,
.pianoStatement {
  background: var(--white);
}

.profile .sectionLabel,
.scope .sectionLabel,
.moments .sectionLabel,
.pianoStatement .sectionLabel,
.liveFohTitle .sectionLabel,
.audioFeatureMeta,
.kawaiSupportLabel {
  color: var(--bordeaux);
  font-family: var(--sans);
  font-size: var(--label-size, 11px);
  font-weight: 600;
  letter-spacing: .22em;
  line-height: 1.4;
  text-transform: uppercase;
}

.moments .sectionLabel,
.liveFohTitle .sectionLabel,
.audioFeatureMeta {
  color: var(--gold-light);
}

.intro {
  font-family: var(--serif);
  font-weight: 400;
}

picture.responsivePicture {
  display: contents;
}

.intro strong {
  color: var(--bordeaux);
  font-weight: 400;
}

.companyCopy strong {
  color: var(--bordeaux);
}

.companyCopy p,
.scopeGrid p,
.pianoStatementCopy {
  font-family: var(--sans);
}

.companyCopy .scanEmphasis {
  font-family: var(--serif);
  font-weight: 550;
  color: var(--ink);
  letter-spacing: -0.018em;
}

.scopeGrid {
  margin-top: 0;
}

.claim {
  font-family: var(--serif);
  font-weight: 400;
}

.scopeTitleDe,
.scopeTitleEn,
.scopeGrid h2,
.pianoStatement h2,
.moments .sectionHeading h2,
.liveFohTitle h3,
.liveFilmTitle,
.audioFeatureTitle {
  font-family: var(--serif);
  font-weight: 400;
}

.moments .referenceList {
  margin-top: clamp(72px, 9vw, 132px);
}

.moments .referenceList li {
  border-bottom-color: rgba(255, 255, 255, .16);
}

.moments .referenceList strong {
  color: var(--white);
}

.moments .referenceList small {
  color: rgba(255, 255, 255, .58);
}

.kawaiSupportStatement > span:not(.kawaiSupportArrow) {
  font-family: var(--serif);
  font-weight: 400;
}