/* SALTA — full-width deep ocean typographic break.
   Three phrases, each entering from a different side as the visitor scrolls. */

.typebreak {
  background: var(--deep);
  color: var(--white);
  overflow: clip;
  padding-block: clamp(4rem, 12vh, 8rem);
}
.typebreak__lines {
  display: grid;
  gap: clamp(.2rem, 1vh, .8rem);
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(2.4rem, min(12vw, 22vh), 11rem);
  line-height: .86;
  letter-spacing: var(--track-mega);
  text-transform: uppercase;
}
.typebreak__line {
  display: block;
  white-space: nowrap;
  will-change: translate;
}
.typebreak__line--a { translate: calc(var(--tb, 0) * -14vw) 0; }
.typebreak__line--b {
  translate: calc(var(--tb, 0) * 16vw) 0;
  text-align: right;
  color: var(--turq);
}
.typebreak__line--c { translate: calc(var(--tb, 0) * -9vw) 0; }
.typebreak__line--c em { font-style: normal; color: var(--lime); }

.typebreak__foot {
  margin-top: clamp(1.6rem, 4vh, 2.6rem);
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 2rem;
  align-items: center;
  justify-content: space-between;
  color: var(--white-45);
  font-size: var(--t-label);
  letter-spacing: var(--track-label);
  text-transform: uppercase;
}

@media (prefers-reduced-motion: reduce) {
  .typebreak__line { translate: 0 0 !important; }
}