/* Section ARKO WHALE, globe 3D des exchanges (05/11/2026). Vidéo verticale à droite sur grand écran, sous le texte sur téléphone. */
.whale-globe { border-top: 1px solid var(--surface-2); }
.whale-globe-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr); gap: clamp(1.5rem, 4vw, 3.5rem); align-items: center; }
.whale-globe h2 { margin: 0 0 1rem; font-size: clamp(1.8rem, 4.4vw, 2.9rem); }
.whale-globe .lead { max-width: 44rem; }
.whale-globe-pillars { list-style: none; display: grid; gap: .8rem; margin: 1.6rem 0 0; padding: 0; }
.whale-globe-pillars li { padding: 1rem 1.15rem; border: 1px solid var(--line); border-radius: var(--radius-card); background: var(--surface); }
.whale-globe-pillars h3 { margin: 0 0 .35rem; font-size: 1.05rem; }
.whale-globe-pillars p { margin: 0; color: var(--muted); font-size: .95rem; }
.whale-globe-cta { margin: 1.6rem 0 .7rem; }
.whale-globe-terms, .whale-globe-scope { max-width: 42rem; margin: .45rem 0 0; color: var(--muted); font-size: .88rem; }
.whale-globe-media { margin: 0; justify-self: center; text-align: center; }
.whale-globe-video { display: block; width: min(100%, 300px); height: auto; aspect-ratio: 9 / 16; border: 1px solid var(--border); border-radius: 1.25rem; background: #000; }
.whale-globe-media figcaption { max-width: 300px; margin-top: .6rem; color: var(--muted); font-size: .8rem; }
@media (max-width: 860px) {
  .whale-globe-grid { grid-template-columns: 1fr; }
  .whale-globe-video { width: min(100%, 280px); }
}