/* Video cover shared by every page and language. */
.video-section{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:clamp(28px,5vw,72px)}
.video-section .section-heading{min-width:0;max-width:420px}
.video-section h2{text-wrap:balance}
/* Reserve the same responsive space for the cover, loading state and player. */
.video-placeholder{width:100%;min-width:0;aspect-ratio:16/9;height:auto;min-height:300px;isolation:isolate;border:1px solid #d5decd;border-radius:22px;background:#092b26;box-shadow:0 18px 44px -24px #173f3460}
.video-placeholder>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:none;transition:transform .5s ease}
.video-placeholder .video-launch{position:absolute;inset:0;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;width:100%;height:100%;margin:0;padding:28px;border:0;border-radius:inherit;gap:0;background:linear-gradient(180deg,#0c302b38 0%,#0c302b08 38%,#0c302b4d 65%,#0c302be8 100%);color:#fffdf3;text-align:left;font:inherit;letter-spacing:0;cursor:pointer}
.video-location{display:inline-flex;align-items:center;align-self:flex-start;flex-wrap:wrap;gap:5px 9px;max-width:100%;padding:7px 12px;border:1px solid #fffdf345;border-radius:30px;background:#143b3259;backdrop-filter:blur(6px);font-size:10px;font-weight:550;line-height:1.5;letter-spacing:.09em;text-transform:uppercase}
.video-location>i{width:3px;height:3px;border-radius:50%;background:#e6c9a4}
.video-launch .play-icon{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:76px;height:76px;margin:0;padding:0;transform:translate(-50%,-50%);border:1px solid #fffdf3;border-radius:50%;background:#fffdf3;color:#173f34;box-shadow:0 0 0 9px #fffdf322,0 8px 28px #092b2640;backdrop-filter:none;transition:background .2s,box-shadow .2s,transform .2s}
.video-launch .play-icon svg{display:block;width:30px;height:30px;margin:0;fill:currentColor}
.video-caption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;width:100%;padding-top:19px;border-top:1px solid #fffdf34d}
.video-caption>strong{min-width:0;font-size:clamp(20px,2vw,27px);font-weight:550;line-height:1.3;letter-spacing:-.025em}
.video-watch{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:500;line-height:1.5;color:#fffdf3}
.video-watch>svg{display:block;flex:none;width:20px;height:20px;transition:color .2s}
.video-placeholder .video-launch:focus-visible{outline:3px solid #edc89f;outline-offset:-8px}
.video-placeholder:has(iframe){background:#092b26}
.video-placeholder>iframe{z-index:1}
.video-placeholder.is-loading>iframe{opacity:0;pointer-events:none}
.video-loading{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;background:#092b26b8;color:#fffdf3;text-align:center;font-size:14px;line-height:1.5}
.video-loading::before{content:'';width:38px;height:38px;border:3px solid #fffdf345;border-top-color:#fffdf3;border-radius:50%;animation:video-spin .8s linear infinite}
@keyframes video-spin{to{transform:rotate(360deg)}}
@media(hover:hover) and (pointer:fine){
 .video-placeholder:has(.video-launch:hover)>img{transform:scale(1.035)}
 .video-launch:hover .play-icon{background:#edc89f;border-color:#edc89f;box-shadow:0 0 0 12px #fffdf329,0 8px 28px #092b2640;transform:translate(-50%,-50%) scale(1.04)}
 .video-launch:hover .video-watch>svg{color:#edc89f}
}
@media(max-width:900px){
 .video-section{grid-template-columns:minmax(0,1fr);gap:27px}
 .video-section .section-heading{max-width:560px}
 .video-placeholder{min-height:300px}
}
@media(max-width:620px){
 .video-placeholder{min-height:280px;border-radius:18px}
 .video-placeholder .video-launch{padding:20px}
 .video-launch .play-icon{top:44%;width:64px;height:64px}
 .video-launch .play-icon svg{width:27px;height:27px}
 .video-caption{align-items:flex-start;flex-direction:column;gap:5px;padding-top:14px}
 .video-caption>strong{font-size:22px}.video-watch{font-size:14px}
}
@media(max-width:370px){
 .video-placeholder{min-height:270px;border-radius:16px}
 .video-placeholder .video-launch{padding:18px}
 .video-location{font-size:9px;gap:5px 7px;padding:7px 10px}
 .video-launch .play-icon{width:60px;height:60px;box-shadow:0 0 0 7px #fffdf322,0 8px 28px #092b2640}
 .video-caption>strong{font-size:21px}.video-watch{font-size:13px}
}
/* Keep the complete player and its controls visible on short landscape screens. */
@media(orientation:landscape) and (max-height:600px){
 .video-placeholder{width:min(100%,max(200px,calc((100svh - var(--header-height,72px) - var(--section-nav-height,0px) - 24px)*16/9)));min-height:200px;justify-self:center}
 .video-placeholder .video-launch{padding:16px 20px}
 .video-launch .play-icon{top:43%;width:52px;height:52px}
 .video-launch .play-icon svg{width:24px;height:24px}
 .video-caption{flex-direction:row;align-items:center;gap:8px 14px;padding-top:12px}
 .video-caption>strong{font-size:18px}
 .video-watch{font-size:12px;gap:8px}
}
@media(prefers-reduced-motion:reduce){.video-placeholder>img,.video-launch .play-icon,.video-watch>svg{transition:none}}
@media(prefers-reduced-motion:reduce){.video-loading::before{animation:none}}