/* Sparrow vertical video component (YouTube Shorts, 9:16, click-to-load).
   Markup: see assets/sparrow-video.js. Nothing from YouTube loads until the visitor presses Play. */
.sv-embed { width: 100%; max-width: 300px; margin: 0 auto; }
@media (max-width: 480px) { .sv-embed { max-width: 260px; } }
.sv-play { position: relative; display: block; width: 100%; aspect-ratio: 9 / 16; padding: 0; border: 0; border-radius: 4px; overflow: hidden; background: var(--navy, #15324b); cursor: pointer; box-shadow: 0 14px 34px rgba(21,50,75,0.14); }
.sv-play img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; }
.sv-play:hover img { transform: scale(1.03); }
.sv-play::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(21,50,75,0.45), rgba(21,50,75,0) 45%); pointer-events: none; }
.sv-btn { position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; border-radius: 50%; background: rgba(255,255,255,0.94); display: flex; align-items: center; justify-content: center; z-index: 1; box-shadow: 0 6px 18px rgba(21,50,75,0.28); transition: transform 0.2s ease; }
.sv-btn svg { width: 24px; height: 24px; fill: var(--navy, #15324b); margin-left: 4px; }
.sv-play:hover .sv-btn, .sv-play:focus-visible .sv-btn { transform: scale(1.06); }
.sv-play:focus-visible { outline: 3px solid var(--tan, #c9a97a); outline-offset: 4px; }
.sv-label { position: absolute; left: 14px; right: 14px; bottom: 14px; z-index: 1; color: #fff; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; text-align: left; font-weight: 400; text-shadow: 0 1px 6px rgba(0,0,0,0.45); }
.sv-embed iframe { width: 100%; aspect-ratio: 9 / 16; border: 0; border-radius: 4px; display: block; background: #000; box-shadow: 0 14px 34px rgba(21,50,75,0.14); }
.sv-caption { margin: 12px 0 0; font-size: 12px; line-height: 1.6; color: var(--slate, #4a6480); text-align: center; }
.sv-caption a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.sv-caption a:hover { color: var(--navy, #15324b); }

/* Two-column "hear from Dr. Luciano" band: text left, compact vertical video right; stacks on phones. */
.video-split { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 48px; align-items: center; }
.video-split .sv-embed { margin: 0 0 0 auto; }
@media (max-width: 760px) {
  .video-split { grid-template-columns: 1fr; gap: 32px; }
  .video-split .sv-embed { margin: 0 auto; max-width: 260px; }
}
@media (prefers-reduced-motion: reduce) {
  .sv-play img, .sv-btn { transition: none; }
  .sv-play:hover img { transform: none; }
}