.site-videos{margin-top:var(--section-gap);padding-top:var(--section-gap);border-top:1px solid var(--line);scroll-margin-top:100px}
.site-videos-heading{display:grid;grid-template-columns:1fr minmax(280px,.62fr);align-items:end;gap:32px;margin-bottom:clamp(28px,4vw,50px)}
.site-videos-heading h2{font-size:clamp(2.35rem,5vw,4.7rem);line-height:1.02;letter-spacing:-.045em}
.site-videos-heading>p{max-width:48ch;color:var(--ink-soft);font-size:.9rem;line-height:1.72}
.site-videos-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.2vw,30px)}
.site-video-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);background:var(--white);color:var(--navy);text-decoration:none}
.site-video-preview{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--navy-black)}
.site-video-preview>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.site-video-preview::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,30,43,.4),rgba(0,30,43,.05) 70%)}
.site-video-play{position:absolute;z-index:1;top:50%;left:50%;display:grid;place-items:center;width:68px;height:68px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.7);background:var(--navy);color:var(--gold);transition:background .2s}
.site-video-play svg{width:26px;height:26px;fill:currentColor;stroke:none;margin-left:3px}
.site-video-duration{position:absolute;right:16px;bottom:14px;z-index:1;padding:5px 9px;background:var(--navy);color:#fff;font-size:.65rem;font-variant-numeric:tabular-nums}
.site-video-copy{display:block;padding:clamp(20px,2.4vw,32px)}
.site-video-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;color:var(--teal-dark);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}
.site-video-copy h3{margin-bottom:14px;font-size:clamp(1.15rem,2vw,1.65rem);line-height:1.3;letter-spacing:-.025em;font-weight:500}
.site-video-copy p{max-width:48ch;color:var(--ink-soft);font-size:.78rem;line-height:1.7}
.site-video-watch{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;color:var(--teal-dark);font-size:.72rem}
.site-video-watch svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4}
.site-video-card:hover{border-color:var(--teal-dark)}
.site-video-card:hover .site-video-preview>img{transform:scale(1.025)}
.site-video-card:hover .site-video-play{background:var(--teal-dark)}
.site-videos-dialog{width:min(1100px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;overflow:auto;border:1px solid var(--line);background:var(--paper);color:var(--navy);box-shadow:0 24px 80px rgba(0,30,43,.3)}
.site-videos-dialog::backdrop{background:rgba(0,30,43,.8);backdrop-filter:blur(4px)}
.site-videos-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 16px;border-bottom:1px solid var(--line)}
.site-videos-dialog-head h2{font-size:1rem;font-weight:500;line-height:1.4}
.site-videos-dialog-head button{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:10px;border:1px solid var(--line);background:transparent;color:inherit;cursor:pointer}
.site-videos-dialog-head button:hover{background:rgba(0,168,159,.08)}
.site-videos-dialog-head svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}
.site-videos-dialog video{display:block;width:100%;max-height:calc(100dvh - 156px);aspect-ratio:16/9;object-fit:contain;background:var(--navy-black)}
.site-videos-fallback{display:inline-block;margin:14px 16px;color:var(--teal-dark);font-size:.7rem;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.site-videos-heading{grid-template-columns:1fr;gap:24px}.site-videos-grid{grid-template-columns:1fr;gap:24px}.site-videos-heading h2{font-size:clamp(2.35rem,11vw,3.4rem)}.site-video-play{width:56px;height:56px}.site-video-copy p{font-size:.82rem}.site-video-meta{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){.site-video-preview>img,.site-video-play{transition:none}}
