/* ---------- Intro (bienvenida) ---------- */
section.intro { padding: 60px 0 64px; }
@media (max-width: 600px) { section.intro { padding: 44px 0 44px; } }
.intro-text { margin-top: 26px; max-width: 640px; font-size: 16px; line-height: 1.7; color: var(--muted); }

/* ---------- Bienvenido a View Studio: texto a la izquierda, dos carruseles verticales de fotos a la derecha ---------- */
.wb-grid { display: grid; grid-template-columns: .8fr 1.5fr; gap: 56px; align-items: center; max-width: 1320px; }
.wb-sliders { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; height: 640px; overflow: hidden;
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 12%, #000 88%, transparent); mask-image: linear-gradient(180deg, transparent, #000 12%, #000 88%, transparent); }
.wb-col { overflow: hidden; }
.wb-track { display: flex; flex-direction: column; animation: wbUp 80s linear infinite; }
.wb-col.down .wb-track { animation-name: wbDown; animation-duration: 92s; }
.wb-sliders:hover .wb-track { animation-play-state: paused; }
.wb-track figure { margin: 0; padding-bottom: 14px; }   /* el espacio va dentro de cada foto para que el bucle cierre exacto */
.wb-track img { display: block; width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 14px; filter: saturate(1.05); transition: transform .6s, filter .4s; }
.wb-track figure:hover img { transform: scale(1.03); }
@keyframes wbUp { from { transform: translateY(0); } to { transform: translateY(-50%); } }
@keyframes wbDown { from { transform: translateY(-50%); } to { transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .wb-track { animation: none; } }
@media (max-width: 1000px) {
  .wb-grid { grid-template-columns: 1fr; gap: 40px; }
  .wb-sliders { height: 560px; }
}
@media (max-width: 600px) {
  .wb-sliders { height: 420px; gap: 10px; }
  .wb-track figure { padding-bottom: 10px; }
  .wb-track img { border-radius: 10px; }
}