/* SALTA — private boat. Asymmetric: text anchored, photograph creeping
   sideways with the scroll so the section reads as forward motion. */

.boat { background: var(--white); overflow: clip; }
.boat__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}
.boat__copy { display: grid; gap: 1.5rem; }
.boat__title { }
.boat__title .accent { color: var(--blue); }
.boat__stack {
  display: grid;
  gap: .1rem;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(1.15rem, 2vw, 1.7rem);
  line-height: 1.12;
  letter-spacing: -.02em;
  text-transform: uppercase;
}
.boat__stack li { display: flex; align-items: center; gap: .7rem; }
.boat__stack li::before {
  content: '';
  width: .5em; height: 2px;
  background: var(--blue);
  flex: none;
}

.boat__media {
  /* drifts right as it enters, driven by --drift on the scroll listener */
  translate: var(--drift-x, 0px) 0;
  will-change: translate;
}
.boat__media .frame { aspect-ratio: 16 / 9; }

@media (max-width: 900px) {
  .boat__grid { grid-template-columns: 1fr; }
  .boat__media { translate: 0 0 !important; }
}