.video-pagehead{background:linear-gradient(120deg,var(--sky-2),var(--surface));border-bottom:1px solid var(--line)}
.video-pagehead .section-label{margin-top:24px}.video-pagehead h1{margin-block:10px 16px}.video-pagehead .lede{max-width:740px}
.video-intro{max-width:760px;margin-bottom:28px}.video-intro p{color:var(--muted);margin-top:12px}
.video-tools{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md)}
.video-search{display:block;max-width:560px;font-weight:600}.video-search span{display:block;margin-bottom:8px}
.video-search input{width:100%;font:inherit;padding:12px 16px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--ground)}
.video-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.video-filters button{padding:8px 16px;border:1px solid var(--line);border-radius:24px;background:var(--surface)}
.video-filters button[aria-pressed="true"]{background:var(--brand-deep);border-color:var(--brand-deep);color:white}.video-count{color:var(--muted);margin-block:24px 16px;font-size:14px}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.video-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}
.video-cover{aspect-ratio:16/9;background:linear-gradient(135deg,var(--sky),var(--sky-2));display:grid;place-items:center;position:relative}.video-cover img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.video-play-symbol{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--surface);color:var(--brand);font-size:24px;box-shadow:var(--shadow-sm);position:relative}.video-duration{position:absolute;inset-inline-end:12px;bottom:12px;background:var(--brand-deep);color:white;border-radius:6px;padding:2px 8px;font-size:13px;direction:ltr}.video-card-body{padding:22px;display:flex;flex-direction:column;flex:1;align-items:start}.video-category{font-size:13px;color:var(--brand);font-weight:600}.video-card h3{font-size:19px;margin-block:8px}.video-card p{font-size:14px;color:var(--muted);margin-bottom:20px}.video-play{margin-top:auto;background:var(--brand-deep);color:white;border-radius:8px;padding:9px 18px;font-size:15px}
.video-message{padding:60px 24px;background:var(--surface);border:1px dashed var(--brand-soft);border-radius:var(--r-lg);text-align:center}.video-message .empty-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:24px;background:var(--sky-2);color:var(--brand);margin:0 auto 20px;font-size:30px}.video-message h3{margin-bottom:12px;font-size:24px}.video-message p{color:var(--muted);max-width:560px;margin:auto}.video-message button{margin-top:20px;padding:8px 20px;border-radius:8px;border:1px solid var(--brand)}
.video-privacy{color:var(--muted);font-size:13px;margin-block:24px 44px}.video-support{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px;background:var(--sky-2);border-radius:var(--r-md)}.video-support p{margin-top:8px}.video-support a{flex-shrink:0}
.video-dialog{width:min(900px,calc(100% - 32px));max-height:90dvh;border:1px solid var(--line);border-radius:18px;padding:24px;background:var(--surface);color:var(--ink);overscroll-behavior:contain}.video-dialog::backdrop{background:rgba(5,20,40,.8)}.video-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.video-dialog-head h2{font-size:22px}.video-dialog-head button{flex-shrink:0;border:1px solid var(--line);border-radius:8px;padding:8px 12px}.video-player{aspect-ratio:16/9;background:#09162a;border-radius:10px;overflow:hidden}.video-player video,.video-player iframe{display:block;width:100%;height:100%;border:0}.video-dialog>p{margin-top:16px}.video-dialog>a{display:inline-block;margin-top:18px;color:var(--brand);text-decoration:underline}.video-dialog details{margin-top:18px}.video-dialog details p{white-space:pre-wrap;margin-top:12px}.video-dialog #video-playback-status:empty{display:none}.video-dialog #video-playback-status{color:var(--signal)}
.video-grid [hidden],.video-message[hidden],#video-transcript[hidden]{display:none!important}
@media(max-width:900px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.video-grid{grid-template-columns:1fr}.video-tools{padding:18px}.video-support{align-items:start;flex-direction:column}.video-dialog{padding:16px}.video-dialog-head{align-items:start}.video-dialog-head h2{font-size:18px}.video-filters button{font-size:13px;padding:8px 12px}}

/* Match MASU's other photographic page headers; the image is tinted in CSS. */
.pagehead.video-pagehead{background-image:linear-gradient(90deg,rgba(88,157,207,.30),rgba(26,76,116,.80)),url('../img/videos-background.jpg');background-size:cover;background-position:center 32%;display:flex;align-items:center;border:0}
.pagehead.video-pagehead h1,.pagehead.video-pagehead .lede,.pagehead.video-pagehead .crumb,.pagehead.video-pagehead .crumb a,.pagehead.video-pagehead .section-label{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.75)}
.pagehead.video-pagehead .lede{max-width:48ch}.pagehead.video-pagehead .section-label{margin-top:14px}.pagehead.video-pagehead .crumb a{text-decoration:underline;text-underline-offset:4px}
html[lang="en"] .pagehead.video-pagehead{background-image:linear-gradient(90deg,rgba(26,76,116,.80),rgba(88,157,207,.30)),url('../img/videos-background.jpg')}
@media(max-width:720px){.pagehead.video-pagehead{background-position:center 34%;background-image:linear-gradient(90deg,rgba(33,92,137,.58),rgba(26,76,116,.84)),url('../img/videos-background.jpg')}html[lang="en"] .pagehead.video-pagehead{background-image:linear-gradient(90deg,rgba(26,76,116,.84),rgba(33,92,137,.58)),url('../img/videos-background.jpg')}}

.video-dialog-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:end}.video-dialog-actions #video-exit{background:var(--signal);color:white;border-color:var(--signal)}