/* Shared, user-activated inline video panels. */
.site-video-section {scroll-margin-top:110px}
.site-video-layout {display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.site-video-media {position:relative;aspect-ratio:16/9;min-height:200px;background:#14201A;overflow:hidden}
.site-video-poster {position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:#14201A;cursor:pointer}
.site-video-poster img {display:block;width:100%;height:100%;object-fit:cover}
.site-video-play {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--green-deep);color:#fff}
.site-video-play svg {width:34px;height:34px;margin-left:4px}
.site-video-poster:hover .site-video-play {background:var(--green-dark)}
.site-video-poster:focus-visible {outline:3px solid var(--purple);outline-offset:-4px}
.site-video-media iframe {position:absolute;inset:0;width:100%;height:100%;border:0}
.site-video-media iframe:focus-visible {outline:3px solid var(--purple);outline-offset:-4px}
.site-video-copy h2 {font-size:clamp(1.6rem,2.5vw,2rem);text-wrap:balance}
.site-video-copy p {max-width:58ch;line-height:1.9}
.site-video-copy .site-video-credit {font-size:.9rem;color:var(--muted);margin-bottom:14px}
.site-video-external {display:inline-flex;align-items:center;min-height:44px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.site-video-external:focus-visible,.site-video-entry:focus-visible {outline:3px solid var(--purple);outline-offset:4px}
.site-video-entry {display:inline-flex;gap:18px;align-items:center;max-width:100%;margin-top:26px;padding-top:22px;border-top:1px solid var(--green-line);color:var(--ink)}
.site-video-entry-image {position:relative;flex:none;width:152px;aspect-ratio:16/9;background:#14201A;overflow:hidden}
.site-video-entry-image>img {display:block;width:100%;height:100%;object-fit:cover}
.site-video-entry-image>span {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--green-deep);color:#fff}
.site-video-entry-image svg {width:22px;height:22px;margin-left:2px}
.site-video-entry-copy {display:block;min-width:0}
.site-video-entry-copy strong {display:block;font-size:1rem}
.site-video-entry-copy>span {display:block;font-size:.92rem;color:var(--green-deep);margin-top:5px}
.site-video-entry:hover .site-video-entry-copy>span {text-decoration:underline;text-underline-offset:4px}
@media(max-width:800px) {
  .site-video-layout {grid-template-columns:1fr;gap:28px}
  .site-video-copy h2 {font-size:1.6rem}
  .site-video-play {width:60px;height:60px}
}
@media(max-width:420px) {
  .site-video-entry {gap:14px}
  .site-video-entry-image {width:132px}
}
