/*
 * Parking Serena — versione principale di lavoro.
 *
 * Questo foglio si appoggia alla V3 senza modificarla. I movimenti sono
 * brevi, avvengono una sola volta e non applicano trasformazioni alle foto:
 * vengono animate soltanto le loro cornici o maschere di ingresso.
 */

.experience-v4 {
  --v4-motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --v4-motion-soft: cubic-bezier(0.33, 1, 0.68, 1);
  --v4-motion-fast: 420ms;
  --v4-motion-medium: 680ms;
  --v4-motion-slow: 880ms;
}

/* La nota di risposta è stata rimossa: le CTA chiudono la hero. */
.experience-v4 .hero-actions {
  margin-bottom: 4px;
}

/* Area clienti: contenuti allineati alle funzioni reali dell'app. */
.experience-v4 .phone-screen .app-account-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.experience-v4 .app-account-summary > div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fffefa;
}

.experience-v4 .app-account-summary small {
  color: var(--muted);
  font-size: 0.54rem;
  line-height: 1.25;
}

.experience-v4 .app-account-summary strong {
  color: var(--petrol);
  font-size: 0.66rem;
  line-height: 1.2;
}

.experience-v4 .app-tab-bar {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  margin-top: auto;
  padding: 9px 8px 5px;
  border-top: 1px solid var(--line);
}

.experience-v4 .app-tab-bar span {
  position: relative;
  padding-top: 8px;
  color: var(--muted);
  font-size: 0.52rem;
  font-weight: 700;
  text-align: center;
}

.experience-v4 .app-tab-bar span::before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: currentColor;
  content: "";
  transform: translateX(-50%);
}

.experience-v4 .app-tab-bar .is-active {
  color: var(--orange);
}

.experience-v4 .app-capabilities {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 26px;
}

.experience-v4 .app-capability {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.055);
}

.experience-v4 .app-capability > span {
  color: #ffb174;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.experience-v4 .app-capability div {
  display: grid;
  gap: 5px;
}

.experience-v4 .app-capability strong {
  color: #fff;
  font-size: 0.92rem;
  line-height: 1.25;
}

.experience-v4 .app-capability p {
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.78rem;
  line-height: 1.45;
}

.experience-v4 .app-copy > .app-access-note {
  margin: 18px 0 0;
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.82rem;
  line-height: 1.5;
}

.experience-v4 .app-access-note strong {
  color: #fff;
}

.experience-v4 .app-copy .store-badges {
  margin-top: 22px;
}

@media (prefers-reduced-motion: no-preference) {
  /* Base comune: distanze più corte della bozza, stessa curva in tutta la pagina. */
  .experience-v4.motion-ready .reveal {
    filter: none;
    transform: translateY(12px);
    transition:
      opacity var(--v4-motion-medium) var(--v4-motion-ease),
      transform var(--v4-motion-slow) var(--v4-motion-ease),
      clip-path var(--v4-motion-slow) var(--v4-motion-ease);
  }

  .experience-v4.motion-ready .reveal.is-visible {
    transform: translateY(0);
  }

  /* Hero: copy in quattro battute, foto a maschera e punti di fiducia in sequenza. */
  .experience-v4.motion-ready .hero-copy.reveal > :is(.eyebrow, h1, .hero-lead, .hero-actions) {
    opacity: 0;
    translate: 0 12px;
    transition:
      opacity 520ms ease,
      translate 760ms var(--v4-motion-ease);
  }

  .experience-v4.motion-ready .hero-copy.reveal.is-visible > :is(.eyebrow, h1, .hero-lead, .hero-actions) {
    opacity: 1;
    translate: 0 0;
  }

  .experience-v4.motion-ready .hero-copy.reveal.is-visible > .eyebrow {
    transition-delay: 40ms;
  }

  .experience-v4.motion-ready .hero-copy.reveal.is-visible > h1 {
    transition-delay: 110ms;
  }

  .experience-v4.motion-ready .hero-copy.reveal.is-visible > .hero-lead {
    transition-delay: 210ms;
  }

  .experience-v4.motion-ready .hero-copy.reveal.is-visible > .hero-actions {
    transition-delay: 300ms;
  }

  .experience-v4.motion-ready .hero-visual.reveal {
    clip-path: inset(0 0 12% 0 round var(--v2-radius-large) var(--v2-radius-large) 0 0);
    opacity: 0;
    translate: 0 12px;
  }

  .experience-v4.motion-ready .hero-visual.reveal.is-visible {
    clip-path: inset(0 0 0 0 round var(--v2-radius-large) var(--v2-radius-large) 0 0);
    opacity: 1;
    translate: 0 0;
  }

  .experience-v4.motion-ready .hero-seal {
    opacity: 0;
    scale: 0.84;
    transition:
      opacity 420ms ease 480ms,
      scale 620ms var(--v4-motion-ease) 480ms;
  }

  .experience-v4.motion-ready .hero-visual.is-visible .hero-seal {
    opacity: 1;
    scale: 1;
  }

  .experience-v4.motion-ready .trust-row.reveal > div {
    opacity: 0;
    translate: 0 8px;
    transition:
      opacity 420ms ease,
      translate 620ms var(--v4-motion-ease);
  }

  .experience-v4.motion-ready .trust-row.reveal.is-visible > div {
    opacity: 1;
    translate: 0 0;
  }

  .experience-v4.motion-ready .trust-row.reveal.is-visible > div:nth-child(1) { transition-delay: 60ms; }
  .experience-v4.motion-ready .trust-row.reveal.is-visible > div:nth-child(2) { transition-delay: 130ms; }
  .experience-v4.motion-ready .trust-row.reveal.is-visible > div:nth-child(3) { transition-delay: 200ms; }
  .experience-v4.motion-ready .trust-row.reveal.is-visible > div:nth-child(4) { transition-delay: 270ms; }

  .experience-v4.motion-ready .hero-scroll-cue {
    animation: v4-enter-soft 620ms var(--v4-motion-ease) 780ms both;
  }

  /* Titoli di sezione e blocchi editoriali. */
  .experience-v4.motion-ready .section-heading.reveal > * {
    opacity: 0;
    translate: 0 10px;
    transition:
      opacity 480ms ease,
      translate 680ms var(--v4-motion-ease);
  }

  .experience-v4.motion-ready .section-heading.reveal.is-visible > * {
    opacity: 1;
    translate: 0 0;
  }

  .experience-v4.motion-ready .section-heading.reveal.is-visible > :nth-child(2) {
    transition-delay: 110ms;
  }

  /* Rimessaggio: struttura, schede, fotografie secondarie e sviluppo. */
  .experience-v4.motion-ready .facility-overview.reveal > * {
    opacity: 0;
    translate: 0 10px;
    transition:
      opacity 480ms ease,
      translate 700ms var(--v4-motion-ease);
  }

  .experience-v4.motion-ready .facility-overview.reveal.is-visible > * {
    opacity: 1;
    translate: 0 0;
  }

  .experience-v4.motion-ready .facility-overview.reveal.is-visible > :nth-child(2) {
    transition-delay: 120ms;
  }

  .experience-v4.motion-ready .storage-card.reveal .card-photo {
    clip-path: inset(0 0 14% 0);
    opacity: 0;
    transition:
      clip-path 820ms var(--v4-motion-ease),
      opacity 480ms ease;
  }

  .experience-v4.motion-ready .storage-card.reveal.is-visible .card-photo {
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }

  .experience-v4.motion-ready .storage-card.reveal .card-body > :is(.card-kicker, h3, p, .check-list) {
    opacity: 0;
    translate: 0 8px;
    transition:
      opacity 440ms ease,
      translate 620ms var(--v4-motion-ease);
  }

  .experience-v4.motion-ready .storage-card.reveal.is-visible .card-body > :is(.card-kicker, h3, p, .check-list) {
    opacity: 1;
    translate: 0 0;
  }

  .experience-v4.motion-ready .storage-card.reveal.is-visible .card-body > .card-kicker { transition-delay: 180ms; }
  .experience-v4.motion-ready .storage-card.reveal.is-visible .card-body > h3 { transition-delay: 240ms; }
  .experience-v4.motion-ready .storage-card.reveal.is-visible .card-body > p { transition-delay: 310ms; }
  .experience-v4.motion-ready .storage-card.reveal.is-visible .card-body > .check-list { transition-delay: 380ms; }

  .experience-v4.motion-ready .storage-card.reveal .check-list li {
    opacity: 0;
    translate: 7px 0;
    transition:
      opacity 360ms ease,
      translate 520ms var(--v4-motion-ease);
  }

  .experience-v4.motion-ready .storage-card.reveal.is-visible .check-list li {
    opacity: 1;
    translate: 0 0;
  }

  .experience-v4.motion-ready .storage-card.reveal.is-visible .check-list li:nth-child(1) { transition-delay: 440ms; }
  .experience-v4.motion-ready .storage-card.reveal.is-visible .check-list li:nth-child(2) { transition-delay: 490ms; }
  .experience-v4.motion-ready .storage-card.reveal.is-visible .check-list li:nth-child(3) { transition-delay: 540ms; }

  .experience-v4.motion-ready .storage-gallery.reveal > :is(.storage-gallery-copy, .storage-gallery-images > figure) {
    opacity: 0;
    translate: 0 10px;
    transition:
      opacity 480ms ease,
      translate 700ms var(--v4-motion-ease);
  }

  .experience-v4.motion-ready .storage-gallery.reveal.is-visible > .storage-gallery-copy,
  .experience-v4.motion-ready .storage-gallery.reveal.is-visible .storage-gallery-images > figure {
    opacity: 1;
    translate: 0 0;
  }

  .experience-v4.motion-ready .storage-gallery.reveal.is-visible .storage-gallery-main { transition-delay: 100ms; }
  .experience-v4.motion-ready .storage-gallery.reveal.is-visible .storage-gallery-secondary { transition-delay: 190ms; }

  .experience-v4.motion-ready .development-panel.reveal > * {
    opacity: 0;
    translate: 0 8px;
    transition:
      opacity 420ms ease,
      translate 620ms var(--v4-motion-ease);
  }

  .experience-v4.motion-ready .development-panel.reveal.is-visible > * {
    opacity: 1;
    translate: 0 0;
  }

  .experience-v4.motion-ready .development-panel.reveal.is-visible > :nth-child(2) { transition-delay: 80ms; }
  .experience-v4.motion-ready .development-panel.reveal.is-visible > :nth-child(3) { transition-delay: 150ms; }

  .experience-v4.motion-ready .development-panel.reveal.is-visible .development-status > span {
    animation: v4-status-once 760ms var(--v4-motion-ease) 360ms both;
  }

  /* Consegna e ritiro: la sequenza 1–4 resta il perno, le foto non si muovono. */
  .experience-v4.motion-ready .journey-intro.reveal > * {
    opacity: 0;
    translate: 0 10px;
    transition:
      opacity 480ms ease,
      translate 700ms var(--v4-motion-ease);
  }

  .experience-v4.motion-ready .journey-intro.reveal.is-visible > * {
    opacity: 1;
    translate: 0 0;
  }

  .experience-v4.motion-ready .journey-intro.reveal.is-visible > :nth-child(2) { transition-delay: 100ms; }

  .experience-v4.motion-ready .journey-photo.reveal {
    clip-path: inset(0 0 10% 0 round var(--v2-radius-medium));
    opacity: 0;
    translate: 0 10px;
  }

  .experience-v4.motion-ready .journey-photo.reveal.is-visible {
    clip-path: inset(0 0 0 0 round var(--v2-radius-medium));
    opacity: 1;
    translate: 0 0;
  }

  .experience-v4.motion-ready .journey-photo.reveal figcaption > * {
    opacity: 0;
    translate: 0 6px;
    transition:
      opacity 380ms ease,
      translate 560ms var(--v4-motion-ease);
  }

  .experience-v4.motion-ready .journey-photo.reveal.is-visible figcaption > * {
    opacity: 1;
    translate: 0 0;
  }

  .experience-v4.motion-ready .journey-photo.reveal.is-visible figcaption > :nth-child(1) { transition-delay: 250ms; }
  .experience-v4.motion-ready .journey-photo.reveal.is-visible figcaption > :nth-child(2) { transition-delay: 320ms; }

  .experience-v4.motion-ready .vehicle-preparation.reveal > * {
    opacity: 0;
    translate: 0 8px;
    transition:
      opacity 420ms ease,
      translate 620ms var(--v4-motion-ease);
  }

  .experience-v4.motion-ready .vehicle-preparation.reveal.is-visible > * {
    opacity: 1;
    translate: 0 0;
  }

  .experience-v4.motion-ready .vehicle-preparation.reveal.is-visible > :nth-child(2) { transition-delay: 100ms; }

  /* Storia: le polaroid si posano una alla volta, mantenendo le rotazioni approvate. */
  .experience-v4.motion-ready .family-history-wall.reveal .history-photo,
  .experience-v4.motion-ready .family-history-wall.reveal .family-modern-preview {
    opacity: 0;
    translate: 0 12px;
    scale: 0.985;
    transition:
      opacity 460ms ease,
      translate 720ms var(--v4-motion-ease),
      scale 720ms var(--v4-motion-ease),
      border-color 220ms ease,
      box-shadow 260ms ease;
  }

  .experience-v4.motion-ready .family-history-wall.reveal.is-visible .history-photo,
  .experience-v4.motion-ready .family-history-wall.reveal.is-visible .family-modern-preview {
    opacity: 1;
    translate: 0 0;
    scale: 1;
  }

  .experience-v4.motion-ready .family-history-wall.reveal.is-visible .history-photo:nth-child(1) { transition-delay: 40ms; }
  .experience-v4.motion-ready .family-history-wall.reveal.is-visible .history-photo:nth-child(2) { transition-delay: 120ms; }
  .experience-v4.motion-ready .family-history-wall.reveal.is-visible .history-photo:nth-child(3) { transition-delay: 200ms; }
  .experience-v4.motion-ready .family-history-wall.reveal.is-visible .history-photo:nth-child(4) { transition-delay: 280ms; }
  .experience-v4.motion-ready .family-history-wall.reveal.is-visible .history-photo:nth-child(5) { transition-delay: 360ms; }
  .experience-v4.motion-ready .family-history-wall.reveal.is-visible .family-modern-preview { transition-delay: 450ms; }

  .experience-v4.motion-ready .family-copy.reveal > :is(.eyebrow, h2, p, blockquote) {
    opacity: 0;
    translate: 0 9px;
    transition:
      opacity 440ms ease,
      translate 660ms var(--v4-motion-ease);
  }

  .experience-v4.motion-ready .family-copy.reveal.is-visible > :is(.eyebrow, h2, p, blockquote) {
    opacity: 1;
    translate: 0 0;
  }

  .experience-v4.motion-ready .family-copy.reveal.is-visible > .eyebrow { transition-delay: 40ms; }
  .experience-v4.motion-ready .family-copy.reveal.is-visible > h2 { transition-delay: 100ms; }
  .experience-v4.motion-ready .family-copy.reveal.is-visible > p:nth-of-type(2) { transition-delay: 180ms; }
  .experience-v4.motion-ready .family-copy.reveal.is-visible > p:nth-of-type(3) { transition-delay: 250ms; }
  .experience-v4.motion-ready .family-copy.reveal.is-visible > p:nth-of-type(4) { transition-delay: 320ms; }
  .experience-v4.motion-ready .family-copy.reveal.is-visible > blockquote { transition-delay: 400ms; }

  /* Posizione, mappa e orari. */
  .experience-v4.motion-ready .drone-visual.reveal {
    clip-path: inset(0 0 10% 0 round var(--v2-radius-medium));
  }

  .experience-v4.motion-ready .drone-visual.reveal.is-visible {
    clip-path: inset(0 0 0 0 round var(--v2-radius-medium));
  }

  .experience-v4.motion-ready .drone-visual.reveal .drone-caption > * {
    opacity: 0;
    translate: 0 6px;
    transition:
      opacity 380ms ease,
      translate 560ms var(--v4-motion-ease);
  }

  .experience-v4.motion-ready .drone-visual.reveal.is-visible .drone-caption > * {
    opacity: 1;
    translate: 0 0;
  }

  .experience-v4.motion-ready .drone-visual.reveal.is-visible .drone-caption > :nth-child(1) { transition-delay: 230ms; }
  .experience-v4.motion-ready .drone-visual.reveal.is-visible .drone-caption > :nth-child(2) { transition-delay: 300ms; }

  .experience-v4.motion-ready .location-copy.reveal > :is(.eyebrow, h2, p, .location-distance, .location-zones, .text-link) {
    opacity: 0;
    translate: 0 8px;
    transition:
      opacity 420ms ease,
      translate 620ms var(--v4-motion-ease);
  }

  .experience-v4.motion-ready .location-copy.reveal.is-visible > :is(.eyebrow, h2, p, .location-distance, .location-zones, .text-link) {
    opacity: 1;
    translate: 0 0;
  }

  .experience-v4.motion-ready .location-copy.reveal.is-visible > h2 { transition-delay: 60ms; }
  .experience-v4.motion-ready .location-copy.reveal.is-visible > p { transition-delay: 120ms; }
  .experience-v4.motion-ready .location-copy.reveal.is-visible > .location-distance { transition-delay: 180ms; }
  .experience-v4.motion-ready .location-copy.reveal.is-visible > .location-zones { transition-delay: 240ms; }
  .experience-v4.motion-ready .location-copy.reveal.is-visible > .text-link { transition-delay: 300ms; }

  .experience-v4.motion-ready .map-concept.reveal {
    clip-path: inset(5% 0 5% 0 round var(--v2-radius-medium));
    opacity: 0;
  }

  .experience-v4.motion-ready .map-concept.reveal.is-visible {
    clip-path: inset(0 0 0 0 round var(--v2-radius-medium));
    opacity: 1;
  }

  .experience-v4.motion-ready .hours-copy.reveal > :is(.eyebrow, h2, .hours-status, .hours-closure-note),
  .experience-v4.motion-ready .hours-schedule.reveal > div,
  .experience-v4.motion-ready .contacts-bar.reveal > div {
    opacity: 0;
    translate: 0 8px;
    transition:
      opacity 420ms ease,
      translate 620ms var(--v4-motion-ease);
  }

  .experience-v4.motion-ready .hours-copy.reveal.is-visible > :is(.eyebrow, h2, .hours-status, .hours-closure-note),
  .experience-v4.motion-ready .hours-schedule.reveal.is-visible > div,
  .experience-v4.motion-ready .contacts-bar.reveal.is-visible > div {
    opacity: 1;
    translate: 0 0;
  }

  .experience-v4.motion-ready .hours-copy.reveal.is-visible > h2 { transition-delay: 60ms; }
  .experience-v4.motion-ready .hours-copy.reveal.is-visible > .hours-status { transition-delay: 130ms; }
  .experience-v4.motion-ready .hours-copy.reveal.is-visible > .hours-closure-note { transition-delay: 200ms; }
  .experience-v4.motion-ready .hours-schedule.reveal.is-visible > div:nth-child(1) { transition-delay: 60ms; }
  .experience-v4.motion-ready .hours-schedule.reveal.is-visible > div:nth-child(2) { transition-delay: 120ms; }
  .experience-v4.motion-ready .hours-schedule.reveal.is-visible > div:nth-child(3) { transition-delay: 180ms; }
  .experience-v4.motion-ready .hours-schedule.reveal.is-visible > div:nth-child(4) { transition-delay: 240ms; }
  .experience-v4.motion-ready .contacts-bar.reveal.is-visible > div:nth-child(2) { transition-delay: 70ms; }
  .experience-v4.motion-ready .contacts-bar.reveal.is-visible > div:nth-child(3) { transition-delay: 140ms; }

  /* Area clienti: il telefono entra senza scale o deformazioni; lo schermo si compone. */
  .experience-v4.motion-ready .phone-mockup.reveal {
    opacity: 0;
    translate: 0 14px;
  }

  .experience-v4.motion-ready .phone-mockup.reveal.is-visible {
    opacity: 1;
    translate: 0 0;
  }

  .experience-v4.motion-ready .phone-mockup.reveal .phone-screen > * {
    opacity: 0;
    translate: 0 8px;
    transition:
      opacity 420ms ease,
      translate 600ms var(--v4-motion-ease);
  }

  .experience-v4.motion-ready .phone-mockup.reveal.is-visible .phone-screen > * {
    opacity: 1;
    translate: 0 0;
  }

  .experience-v4.motion-ready .phone-mockup.reveal.is-visible .phone-screen > :nth-child(1) { transition-delay: 150ms; }
  .experience-v4.motion-ready .phone-mockup.reveal.is-visible .phone-screen > :nth-child(2) { transition-delay: 230ms; }
  .experience-v4.motion-ready .phone-mockup.reveal.is-visible .phone-screen > :nth-child(3) { transition-delay: 310ms; }
  .experience-v4.motion-ready .phone-mockup.reveal.is-visible .phone-screen > :nth-child(4) { transition-delay: 390ms; }
  .experience-v4.motion-ready .phone-mockup.reveal.is-visible .phone-screen > :nth-child(5) { transition-delay: 470ms; }

  .experience-v4.motion-ready .app-copy.reveal > :is(.eyebrow, h2, p, .app-capabilities, .store-badges),
  .experience-v4.motion-ready .app-copy.reveal .app-capability {
    opacity: 0;
    translate: 0 8px;
    transition:
      opacity 420ms ease,
      translate 620ms var(--v4-motion-ease);
  }

  .experience-v4.motion-ready .app-copy.reveal.is-visible > :is(.eyebrow, h2, p, .app-capabilities, .store-badges),
  .experience-v4.motion-ready .app-copy.reveal.is-visible .app-capability {
    opacity: 1;
    translate: 0 0;
  }

  .experience-v4.motion-ready .app-copy.reveal.is-visible > h2 { transition-delay: 60ms; }
  .experience-v4.motion-ready .app-copy.reveal.is-visible > p { transition-delay: 130ms; }
  .experience-v4.motion-ready .app-copy.reveal.is-visible > .app-capabilities { transition-delay: 180ms; }
  .experience-v4.motion-ready .app-copy.reveal.is-visible .app-capability:nth-child(1) { transition-delay: 230ms; }
  .experience-v4.motion-ready .app-copy.reveal.is-visible .app-capability:nth-child(2) { transition-delay: 290ms; }
  .experience-v4.motion-ready .app-copy.reveal.is-visible .app-capability:nth-child(3) { transition-delay: 350ms; }
  .experience-v4.motion-ready .app-copy.reveal.is-visible .app-capability:nth-child(4) { transition-delay: 410ms; }
  .experience-v4.motion-ready .app-copy.reveal.is-visible > .app-access-note { transition-delay: 450ms; }
  .experience-v4.motion-ready .app-copy.reveal.is-visible > .store-badges { transition-delay: 500ms; }

  /* FAQ e richiesta: sequenza leggibile e feedback tattile, senza effetti decorativi continui. */
  .experience-v4.motion-ready .faq-heading.reveal > *,
  .experience-v4.motion-ready .faq-list.reveal > details,
  .experience-v4.motion-ready .availability-copy.reveal > *,
  .experience-v4.motion-ready .availability-form.reveal > * {
    opacity: 0;
    translate: 0 8px;
    transition:
      opacity 420ms ease,
      translate 620ms var(--v4-motion-ease);
  }

  .experience-v4.motion-ready .faq-heading.reveal.is-visible > *,
  .experience-v4.motion-ready .faq-list.reveal.is-visible > details,
  .experience-v4.motion-ready .availability-copy.reveal.is-visible > *,
  .experience-v4.motion-ready .availability-form.reveal.is-visible > * {
    opacity: 1;
    translate: 0 0;
  }

  .experience-v4.motion-ready .faq-heading.reveal.is-visible > :nth-child(2) { transition-delay: 70ms; }
  .experience-v4.motion-ready .faq-list.reveal.is-visible > details:nth-child(1) { transition-delay: 60ms; }
  .experience-v4.motion-ready .faq-list.reveal.is-visible > details:nth-child(2) { transition-delay: 120ms; }
  .experience-v4.motion-ready .faq-list.reveal.is-visible > details:nth-child(3) { transition-delay: 180ms; }
  .experience-v4.motion-ready .faq-list.reveal.is-visible > details:nth-child(4) { transition-delay: 240ms; }
  .experience-v4.motion-ready .availability-copy.reveal.is-visible > :nth-child(2) { transition-delay: 70ms; }
  .experience-v4.motion-ready .availability-copy.reveal.is-visible > :nth-child(3) { transition-delay: 140ms; }
  .experience-v4.motion-ready .availability-form.reveal.is-visible > :nth-child(2) { transition-delay: 90ms; }
  .experience-v4.motion-ready .availability-form.reveal.is-visible > :nth-child(3) { transition-delay: 150ms; }

  .experience-v4.motion-ready :is(.button, .form-back-button) {
    transition:
      color 200ms ease,
      background-color 200ms ease,
      border-color 200ms ease,
      box-shadow 260ms ease,
      translate 180ms var(--v4-motion-ease);
  }

  .experience-v4.motion-ready :is(.button, .form-back-button):active {
    translate: 0 1px;
  }

  .experience-v4.motion-ready .availability-form :is(input, select, textarea):user-invalid {
    border-color: rgba(190, 65, 45, 0.72);
    box-shadow: 0 0 0 3px rgba(190, 65, 45, 0.1);
  }
}

@media (max-width: 760px) and (prefers-reduced-motion: no-preference) {
  .experience-v4.motion-ready .reveal,
  .experience-v4.motion-ready .hero-copy.reveal > :is(.eyebrow, h1, .hero-lead, .hero-actions),
  .experience-v4.motion-ready .section-heading.reveal > *,
  .experience-v4.motion-ready .family-copy.reveal > :is(.eyebrow, h2, p, blockquote) {
    translate: 0 7px;
  }

  .experience-v4.motion-ready .reveal.is-visible,
  .experience-v4.motion-ready .hero-copy.reveal.is-visible > :is(.eyebrow, h1, .hero-lead, .hero-actions),
  .experience-v4.motion-ready .section-heading.reveal.is-visible > *,
  .experience-v4.motion-ready .family-copy.reveal.is-visible > :is(.eyebrow, h2, p, blockquote) {
    translate: 0 0;
  }

}

@media (max-width: 620px) {
  .experience-v4 .app-capabilities {
    grid-template-columns: 1fr;
  }

  .experience-v4 .app-capability {
    padding: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .experience-v4 .service-sketch img {
    opacity: 1;
    visibility: visible;
    clip-path: none;
  }
}

@keyframes v4-enter-soft {
  from {
    opacity: 0;
    translate: 0 8px;
  }

  to {
    opacity: 1;
    translate: 0 0;
  }
}

@keyframes v4-status-once {
  0% {
    box-shadow: 0 0 0 0 rgba(232, 121, 46, 0.32);
    scale: 0.84;
  }

  60% {
    box-shadow: 0 0 0 8px rgba(232, 121, 46, 0);
    scale: 1.08;
  }

  100% {
    box-shadow: 0 0 0 0 rgba(232, 121, 46, 0);
    scale: 1;
  }
}