/* Approved video-library layout, isolated from the other site pages. */
[data-page=videos]{--video-paper:#f3f8fc;--video-gold:#bd883f;background:var(--video-paper)}
[data-page=videos] main{position:relative;isolation:isolate;background:var(--video-paper);overflow:hidden}
[data-page=videos] main:before{content:'';position:absolute;inset:0;z-index:-2;background:url('/asset-video-library-desktop.webp') center/100% 100% no-repeat;pointer-events:none}
[data-page=videos] .site-header{background:linear-gradient(#f7fbfdcc,transparent)}
[data-page=videos] .header-inner{max-width:1360px;padding:24px 4%;direction:ltr}
[data-page=videos] .site-header nav{font-size:14px;gap:19px}
[data-page=videos] .brand strong{font-size:27px}
[data-page=videos] h1,[data-page=videos] h2,[data-page=videos] h3{font-family:Heebo,Arial,sans-serif;font-weight:500}
[data-page=videos] .video-intro{padding:142px 24px 42px;text-align:center;background:transparent}
[data-page=videos] .video-intro h1{font-size:clamp(34px,4.3vw,60px);line-height:1.3}
[data-page=videos] .video-intro p{font-size:23px;line-height:1.7;margin-top:20px}
[data-page=videos] .video-intro .video-programmes{font-size:17px;margin-top:10px}
[data-page=videos] .video-ornament{display:flex;align-items:center;justify-content:center;gap:14px;margin:20px auto 0;width:230px}
[data-page=videos] .video-ornament:before,[data-page=videos] .video-ornament:after{content:'';height:1px;flex:1;background:linear-gradient(to right,transparent,var(--video-gold),transparent)}
[data-page=videos] .video-ornament img{width:33px;height:33px}
[data-page=videos] .watch-carousel{max-width:1050px;margin:auto;padding:14px 30px 62px;text-align:center}
[data-page=videos] .watch-heading{scroll-margin-top:30px;margin-bottom:22px}
[data-page=videos] .watch-heading h2{font-size:38px;line-height:1.4;margin:0}
[data-page=videos] .watch-heading p{font-size:22px;margin-top:4px;display:flex;justify-content:center;align-items:center;gap:16px}
[data-page=videos] .watch-heading p:before,[data-page=videos] .watch-heading p:after{content:'';width:48px;height:1px;background:var(--video-gold)}
[data-page=videos] .watch-panel{position:relative;aspect-ratio:16/9;border:2px solid var(--video-gold);border-radius:9px;overflow:hidden;background:#143e58;box-shadow:0 10px 35px #123e5a12;touch-action:pan-y}
[data-page=videos] .watch-start{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:none}
[data-page=videos] .watch-start>img{width:100%;height:100%;object-fit:cover}
[data-page=videos] .watch-panel iframe{width:100%;height:100%;border:0;display:block}
[data-page=videos] .watch-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;width:82px;height:82px;background:#fffffff2;color:#123e5a;box-shadow:0 0 0 4px #ffffff80,0 3px 14px #123e5a18;pointer-events:none}
[data-page=videos] .watch-play svg{display:block;width:36px;height:36px;overflow:visible}
[data-page=videos] .watch-start:hover .watch-play{background:#fff;box-shadow:0 0 0 5px #ffffffa0,0 4px 18px #123e5a25}
[data-page=videos] .watch-start:focus-visible{outline-offset:-7px}
[data-page=videos] .watch-controls{display:flex;direction:rtl;justify-content:center;align-items:center;gap:28px;margin:24px auto 17px}
[data-page=videos] .watch-arrow{display:grid;place-items:center;width:48px;height:48px;border:1px solid #446c85;border-radius:50%;background:#f9fcfdde;padding:0;flex-shrink:0}
[data-page=videos] .watch-arrow svg{width:22px;height:22px}
[data-page=videos] .watch-arrow:hover{background:white;border-color:var(--video-gold)}
[data-page=videos] .watch-dots{display:flex;direction:rtl;align-items:center;gap:0}
[data-page=videos] .watch-dot{display:grid;place-items:center;width:32px;height:44px;padding:0;border:0;background:none}
[data-page=videos] .watch-dot:before{content:'';width:11px;height:11px;border-radius:50%;background:#d3e1eb}
[data-page=videos] .watch-dot[aria-current=true]:before{background:#bd883f}
[data-page=videos] .watch-external{font-size:16px;min-height:44px;padding:7px 25px;background:#ffffffa8;gap:10px}
[data-page=videos] .watch-external svg{width:16px;height:16px}
[data-page=videos] .video-library{padding:22px 28px 64px;max-width:1190px;margin:auto;text-align:center;background:transparent}
[data-page=videos] .video-library h2{font-size:42px;line-height:1.3;margin:0}
[data-page=videos] .video-library .video-ornament{margin-top:14px}
[data-page=videos] .video-filters{display:flex;justify-content:center;gap:12px;margin:19px auto 26px;flex-wrap:wrap}
[data-page=videos] .video-filters button{font-size:16px;line-height:1.4;min-height:44px;padding:8px 25px;background:#f9fcfdda;border:1px solid #adc4d3;border-radius:30px}
[data-page=videos] .video-filters button[aria-pressed=true]{color:#875f27;border-color:var(--video-gold);background:#fffcf7d9}
[data-page=videos] .video-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 38px;direction:ltr}
[data-page=videos] .video-item{min-width:0;direction:rtl}
[data-page=videos] .video-item[hidden]{display:none}
[data-page=videos] .video-select{width:100%;display:block;padding:0;border:0;background:none;text-align:center;border-radius:7px}
[data-page=videos] .video-item-image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:6px;box-shadow:0 4px 15px #123e5a0a}
[data-page=videos] .video-item-image>img{width:100%;height:100%;object-fit:cover}
[data-page=videos] .video-item .watch-play{width:52px;height:52px;box-shadow:0 0 0 2px #ffffff80}
[data-page=videos] .video-item .watch-play svg{width:25px;height:25px}
[data-page=videos] .video-item-copy{display:block;padding:10px 8px 0}
[data-page=videos] .video-item-title{display:block;font-size:23px;font-weight:500;line-height:1.5}
[data-page=videos] .video-item-subtitle{display:block;font-size:16px;line-height:1.6}
[data-page=videos] .video-item-arrow{display:none}
[data-page=videos] .video-select:hover .video-item-title{color:#87602b}
[data-page=videos] .video-footer{position:relative;padding:27px 24px 24px;min-height:410px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;background:transparent}
[data-page=videos] .video-footer h2{font-size:34px;line-height:1.4;margin:0}
[data-page=videos] .video-footer .button{margin-top:20px;background:#f9fcfdd9;font-size:18px;min-height:48px}
[data-page=videos] .video-footer footer{padding-top:42px;color:#fff;text-shadow:0 1px 5px #183b59}
[data-page=videos] .video-footer footer>p{font-size:15px}
[data-page=videos] .video-footer .social-icons{margin:0 auto 14px}
[data-page=videos] .video-footer .social-icons a{background:#f9fcfdf0;border-radius:50%;width:42px;height:42px}
[data-page=videos] .video-footer .footer-links button{font-size:13px;color:#fff;text-shadow:0 1px 4px #183b59}
[data-page=videos] .video-footer:after{content:'';position:absolute;inset:58% 0 0;background:linear-gradient(transparent,#123e5a50);z-index:-1;pointer-events:none}
@media(max-width:1120px){[data-page=videos] .header-inner{padding-inline:24px}[data-page=videos] .site-header nav{font-size:16px}}
@media(max-width:700px){
 [data-page=videos] main:before{background-image:url('/asset-video-library-mobile.webp')}
 [data-page=videos] .header-inner{padding:14px 16px;direction:ltr}
 [data-page=videos] .brand strong{font-size:22px}
 [data-page=videos] .video-intro{padding:100px 19px 23px}
 [data-page=videos] .video-intro h1{font-size:28px;line-height:1.4}
 [data-page=videos] .video-intro p{font-size:16px;margin-top:12px;line-height:1.6}
 [data-page=videos] .video-intro .video-programmes{font-size:14px;max-width:330px;margin:12px auto 0}
 [data-page=videos] .video-ornament{width:150px;gap:10px;margin-top:12px}
 [data-page=videos] .video-ornament img{width:25px;height:25px}
 [data-page=videos] .watch-carousel{padding:10px 18px 31px}
 [data-page=videos] .watch-heading{margin-bottom:14px}
 [data-page=videos] .watch-heading h2{font-size:25px;line-height:1.4}
 [data-page=videos] .watch-heading p{font-size:17px;gap:10px;margin-top:3px}
 [data-page=videos] .watch-heading p:before,[data-page=videos] .watch-heading p:after{width:25px}
 [data-page=videos] .watch-panel{border-radius:7px;border-width:1.5px}
 [data-page=videos] .watch-play{width:55px;height:55px;box-shadow:0 0 0 3px #ffffff80}
 [data-page=videos] .watch-play svg{width:28px;height:28px}
 [data-page=videos] .watch-controls{gap:14px;margin:15px auto 12px}
 [data-page=videos] .watch-arrow{width:44px;height:44px}
 [data-page=videos] .watch-dot{width:29px;min-height:44px}
 [data-page=videos] .watch-dot:before{width:10px;height:10px}
 [data-page=videos] .watch-external{font-size:15px;min-height:44px}
 [data-page=videos] .video-library{padding:12px 18px 28px}
 [data-page=videos] .video-library h2{font-size:28px}
 [data-page=videos] .video-filters{gap:8px;margin:14px auto 18px}
 [data-page=videos] .video-filters button{font-size:14px;padding:8px 14px}
 [data-page=videos] .video-library-grid{display:flex;flex-direction:column;gap:12px}
 [data-page=videos] .video-select{display:grid;grid-template-columns:45% 1fr 16px;direction:ltr;align-items:center;text-align:right;background:#ffffffb8;padding:0;border-radius:7px;overflow:hidden;gap:8px;min-height:84px}
 [data-page=videos] .video-item-image{height:90px;min-height:90px;aspect-ratio:auto;border-radius:0}
 [data-page=videos] .video-item-copy{direction:rtl;padding:8px 0}
 [data-page=videos] .video-item-title{font-size:16px;line-height:1.45}
 [data-page=videos] .video-item-subtitle{font-size:14px;margin-top:4px}
 [data-page=videos] .video-item .watch-play{width:36px;height:36px;box-shadow:0 0 0 2px #ffffff70}
 [data-page=videos] .video-item .watch-play svg{width:19px;height:19px}
 [data-page=videos] .video-item-arrow{display:block;margin-right:4px}
 [data-page=videos] .video-item-arrow svg{width:14px;height:18px}
 [data-page=videos] .video-footer{min-height:310px;padding:25px 20px 20px}
 [data-page=videos] .video-footer h2{font-size:25px}
 [data-page=videos] .video-footer .button{font-size:16px;margin-top:16px}
 [data-page=videos] .video-footer footer{padding-top:34px}
 [data-page=videos] .video-footer footer>p{font-size:13px}
 [data-page=videos] .video-footer .social-icons a{width:39px;height:39px}
}
@media(prefers-reduced-motion:reduce){html:has([data-page=videos]){scroll-behavior:auto}}

html:has(body[data-page=videos]){scroll-behavior:auto}
[data-page=videos] .watch-play{border:1px solid #d5e1e9}

[data-page=videos] .video-intro{background:radial-gradient(ellipse at center,#f3f8fcdd 0%,#f3f8fc9c 48%,transparent 78%)}