/* Phase 19: slow editorial motion for the Dolfin About page. */
.dolfin-about-motion { overflow: clip; }

.dolfin-about-motion .hero-video { transition: transform 1800ms cubic-bezier(.16, 1, .3, 1), filter 1200ms ease; }
.dolfin-about-motion .hero:hover .hero-video { transform: scale(1.025); filter: saturate(1.05); }
.dolfin-about-motion .hero-copy::after { display: block; width: 8rem; height: 2px; margin-top: 1.4rem; background: linear-gradient(90deg, #f26a21, #29a8e8); content: ""; transform: scaleX(0); transform-origin: left; transition: transform 1200ms cubic-bezier(.16, 1, .3, 1) 650ms; }

.dolfin-about-motion .intro-copy { position: relative; }
.dolfin-about-motion .intro-copy::before { position: absolute; inset: 0 auto 0 -1.25rem; width: .22rem; border-radius: 999px; background: linear-gradient(180deg, #0079b8, #f26a21); content: ""; transform: scaleY(0); transform-origin: top; transition: transform 1100ms cubic-bezier(.16, 1, .3, 1) 320ms; }
.dolfin-about-motion .europe-card { box-shadow: 0 1.4rem 3.5rem rgb(1 34 50 / 12%); }
.dolfin-about-motion .kenya-map { transition: transform 1100ms cubic-bezier(.16, 1, .3, 1), filter 800ms ease; }
.dolfin-about-motion .europe-card:hover .kenya-map { transform: translateY(-.25rem) rotate(-1deg) scale(1.025); filter: drop-shadow(0 .8rem .8rem rgb(0 0 0 / 16%)); }
.dolfin-about-motion .europe-card li { transition: color 250ms ease, transform 300ms ease; }
.dolfin-about-motion .europe-card li:hover { color: #fff; transform: translateX(.2rem); }

.dolfin-about-motion .partner-card { overflow: hidden; box-shadow: 0 1.5rem 3.5rem rgb(1 34 50 / 12%); }
.dolfin-about-motion .partner-card img { transition: transform 1400ms cubic-bezier(.16, 1, .3, 1), filter 900ms ease; }
.dolfin-about-motion .partner-card:hover img { transform: scale(1.035); }
.dolfin-about-motion :is(.dark-button, .outline-button, .quote-button) { transition: color 270ms ease, background 270ms ease, border-color 270ms ease, transform 360ms cubic-bezier(.16, 1, .3, 1), box-shadow 360ms ease; }
.dolfin-about-motion :is(.dark-button, .outline-button, .quote-button):hover { transform: translateY(-.18rem); }

.dolfin-about-motion .why-points article { transition: transform 400ms cubic-bezier(.16, 1, .3, 1), background-color 300ms ease; }
.dolfin-about-motion .why-points article:hover { transform: translateX(.3rem); }
.dolfin-about-motion .why-icon { transition: transform 600ms cubic-bezier(.16, 1, .3, 1); }
.dolfin-about-motion .why-points article:hover .why-icon { transform: rotate(-6deg) scale(1.06); }
.dolfin-about-motion .why-visuals { overflow: hidden; }
.dolfin-about-motion .why-visuals img { transition: transform 1200ms cubic-bezier(.16, 1, .3, 1), filter 850ms ease; }
.dolfin-about-motion .why-visuals:hover .why-hero-image { transform: scale(1.025); }

.dolfin-about-motion .tabs button { transition: color 260ms ease, background-color 300ms ease, transform 320ms ease; }
.dolfin-about-motion .tabs button:hover { transform: translateY(-.12rem); }
.dolfin-about-motion .tyre-content { transition: opacity 240ms ease, transform 240ms ease; }
.dolfin-about-motion .tyre-image { overflow: hidden; }
.dolfin-about-motion .tyre-image img { transition: transform 1400ms cubic-bezier(.16, 1, .3, 1), filter 900ms ease; }
.dolfin-about-motion .tyre-range:hover .tyre-image img { transform: scale(1.035) rotate(-.5deg); }
.dolfin-about-motion .future-frame { overflow: hidden; box-shadow: 0 1.6rem 3.7rem rgb(1 25 38 / 16%); }

.dolfin-about-motion-ready [data-dolfin-about-reveal] { opacity: 0; transform: translateY(2.7rem); }
.dolfin-about-motion-ready [data-dolfin-about-reveal="hero"] { transform: scale(1.015); transition: opacity 1050ms ease, transform 1550ms cubic-bezier(.16, 1, .3, 1); }
.dolfin-about-motion-ready [data-dolfin-about-reveal="hero"] [data-dolfin-about-hero-copy] { opacity: 0; transform: translateX(-3rem); transition: opacity 900ms 220ms ease, transform 1250ms 220ms cubic-bezier(.16, 1, .3, 1); }
.dolfin-about-motion-ready [data-dolfin-about-reveal="intro-copy"] { transform: translateX(-2.5rem); transition: opacity 850ms ease, transform 1100ms cubic-bezier(.16, 1, .3, 1); }
.dolfin-about-motion-ready [data-dolfin-about-reveal="kenya-card"] { transform: translateX(2.5rem); transition: opacity 850ms 120ms ease, transform 1100ms 120ms cubic-bezier(.16, 1, .3, 1), box-shadow 400ms ease; }
.dolfin-about-motion-ready [data-dolfin-about-reveal="partner"] { transform: translateY(2.5rem) scale(.985); transition: opacity 900ms ease, transform 1200ms cubic-bezier(.16, 1, .3, 1), box-shadow 400ms ease; }
.dolfin-about-motion-ready [data-dolfin-about-reveal="why"] { transition: opacity 900ms ease, transform 1200ms cubic-bezier(.16, 1, .3, 1); }
.dolfin-about-motion-ready [data-dolfin-about-reveal="why"] .why-visuals { clip-path: inset(0 0 0 100%); transition: clip-path 1300ms 220ms cubic-bezier(.16, 1, .3, 1); }
.dolfin-about-motion-ready [data-dolfin-about-reveal="range"] { transform: translateY(2.5rem); transition: opacity 900ms ease, transform 1200ms cubic-bezier(.16, 1, .3, 1); }
.dolfin-about-motion-ready [data-dolfin-about-reveal="range"] .tyre-image { clip-path: inset(0 0 100% 0); transition: clip-path 1250ms 280ms cubic-bezier(.16, 1, .3, 1); }
.dolfin-about-motion-ready [data-dolfin-about-reveal="future"] { transform: translateY(2rem) scale(.985); transition: opacity 950ms ease, transform 1300ms cubic-bezier(.16, 1, .3, 1); }
.dolfin-about-motion-ready [data-dolfin-about-reveal].dolfin-about-is-visible { opacity: 1; transform: none; }
.dolfin-about-motion-ready [data-dolfin-about-reveal="hero"].dolfin-about-is-visible [data-dolfin-about-hero-copy] { opacity: 1; transform: none; }
.dolfin-about-motion-ready [data-dolfin-about-reveal="hero"].dolfin-about-is-visible .hero-copy::after { transform: scaleX(1); }
.dolfin-about-motion-ready [data-dolfin-about-reveal="intro-copy"].dolfin-about-is-visible::before { transform: scaleY(1); }
.dolfin-about-motion-ready [data-dolfin-about-reveal="why"].dolfin-about-is-visible .why-visuals,
.dolfin-about-motion-ready [data-dolfin-about-reveal="range"].dolfin-about-is-visible .tyre-image { clip-path: inset(0); }
.dolfin-about-motion-ready [data-dolfin-about-list-item] { opacity: 0; transform: translateX(.8rem); transition: opacity 520ms ease, transform 700ms cubic-bezier(.16, 1, .3, 1), color 250ms ease; transition-delay: calc(300ms + var(--dolfin-about-list-delay, 0ms)); }
.dolfin-about-motion-ready .dolfin-about-is-visible [data-dolfin-about-list-item] { opacity: 1; transform: none; }
.dolfin-about-motion-ready [data-dolfin-about-point] { opacity: 0; transform: translateY(1.2rem); transition: opacity 600ms ease, transform 800ms cubic-bezier(.16, 1, .3, 1), background-color 300ms ease; transition-delay: calc(300ms + var(--dolfin-about-point-delay, 0ms)); }
.dolfin-about-motion-ready .dolfin-about-is-visible [data-dolfin-about-point] { opacity: 1; transform: none; }

@media (max-width: 47.99rem) {
  .dolfin-about-motion-ready [data-dolfin-about-reveal="hero"] [data-dolfin-about-hero-copy],
  .dolfin-about-motion-ready [data-dolfin-about-reveal="intro-copy"],
  .dolfin-about-motion-ready [data-dolfin-about-reveal="kenya-card"] { transform: translateY(1.8rem); }
  .dolfin-about-motion-ready [data-dolfin-about-reveal].dolfin-about-is-visible { transform: none; }
  .dolfin-about-motion-ready [data-dolfin-about-reveal="why"] .why-visuals { clip-path: inset(100% 0 0); }
  .dolfin-about-motion-ready [data-dolfin-about-reveal="why"].dolfin-about-is-visible .why-visuals { clip-path: inset(0); }
}

@media (prefers-reduced-motion: reduce) {
  .dolfin-about-motion *,
  .dolfin-about-motion *::before,
  .dolfin-about-motion *::after { animation: none !important; transition-duration: .01ms !important; transition-delay: 0ms !important; }
  .dolfin-about-motion-ready [data-dolfin-about-reveal],
  .dolfin-about-motion-ready [data-dolfin-about-reveal] *,
  .dolfin-about-motion-ready [data-dolfin-about-list-item],
  .dolfin-about-motion-ready [data-dolfin-about-point] { opacity: 1; transform: none; clip-path: none; }
}