/* Video feature and playlist composition from the supplied reference. */
#home #video{background:#fff;padding-top:28px;padding-bottom:32px}
#home #video>.wrap{width:min(var(--width,1240px),calc(100% - 56px));margin-inline:auto}
#home #video .school-videos-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:18px!important}
#home #video .school-videos-heading>div{min-width:0}
#home #video .school-videos-heading .mini-overline{font-size:11px;letter-spacing:2.7px;color:#b51632}
#home #video #videoHeading{font-size:clamp(26px,2.65vw,39px);font-weight:700;line-height:1.35;letter-spacing:-.6px;margin:10px 0 9px}
#home #video .school-videos-heading .lead{font-size:16px;line-height:1.5;color:#9b9da8;margin:0}
#home #video #videoView{display:inline-flex;align-items:center;gap:10px;flex:none;align-self:flex-end;margin:0 0 1px;padding:0;min-height:0;border:0;border-radius:0;background:none;box-shadow:none;color:#b51632;font:700 16px/1.4 Athiti,sans-serif;white-space:nowrap}
#home #video #videoView .icon{width:19px;height:19px}#home #video #videoView:hover{color:#861026;transform:none}
#home #video .school-playlist-layout{display:grid!important;grid-template-columns:minmax(0,1.95fr) minmax(0,1fr)!important;gap:22px!important;align-items:start!important}
#home #video #videoFeature{position:relative;isolation:isolate;width:100%;aspect-ratio:16/9!important;height:auto!important;min-height:0!important;max-height:none!important;border-radius:15px;overflow:hidden;background:#4d4247;box-shadow:none}
#home #video #videoFeature::before{content:none}
#home #video #videoFeature::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(24,16,19,.96),rgba(25,17,20,.28) 48%,rgba(13,27,20,.34))}
#home #video #videoFeatureImage{position:absolute;inset:0;z-index:0;background-size:cover!important;background-position:center!important}
#home #video .video-feature-top{position:absolute;top:21px;left:22px;right:18px;z-index:2;display:flex;align-items:center;gap:12px;color:#fff}
#home #video .video-feature-emblem{width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:#fff;overflow:hidden}
#home #video .video-feature-emblem img{width:100%;height:100%;object-fit:contain}
#home #video .video-feature-top strong{display:block;font-size:20px;font-weight:700;line-height:1.4;letter-spacing:.2px;color:#fff}
#home #video .video-feature-top small{display:block;margin-top:2px;font-size:13px;color:#d8d2d6;line-height:1.4}
#home #video #videoPlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;display:grid;place-items:center;width:76px;height:76px;min-height:0;border:0;border-radius:50%;background:#3a2424a6;box-shadow:0 0 0 13px #ffffff20;color:#fff;padding:0;cursor:pointer}
#home #video #videoPlay .icon{width:30px!important;height:30px!important;fill:currentColor;stroke:currentColor;margin-left:3px}
#home #video #videoPlay:hover{background:#a61934cc;transform:translate(-50%,-50%) scale(1.04)}
#home #video .video-feature-bottom{position:absolute;left:24px;right:24px;bottom:23px;z-index:2;color:#fff}
#home #video .video-feature-tag{display:inline-block;border:0;border-radius:5px;background:#b51632;color:#fff;padding:5px 10px;font-size:10px;letter-spacing:1px;font-weight:700}
#home #video #videoFeatureTitle{font-size:clamp(22px,2.1vw,30px);font-weight:700;line-height:1.4;color:#fff;margin:8px 0 10px}
#home #video .video-feature-description{display:block;font-size:14px;font-weight:400;color:#c5bdc2;line-height:1.5}
#home #video .video-playlist{position:static!important;min-width:0;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden;background:#fff;border:0;border-radius:0;padding:0!important;box-shadow:none}
#home #video .video-playlist-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;height:auto!important;min-height:0!important;padding:14px 4px 14px!important;margin:0!important;border-bottom:1px solid #e9e3e7;background:none}
#home #video .video-playlist-heading strong{font-size:20px;color:#37333e;font-weight:700;line-height:1.4}
#home #video .video-playlist-heading>span{font-size:14px;color:#a0a0ac;font-weight:400}
#home #video #videoMobileTrack{display:flex!important;flex-direction:column!important;width:100%;height:auto!important;max-height:calc((min(100vw - 56px,1240px) - 22px) * .66101695 * .5625 - 58px)!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0!important;gap:0!important;scroll-snap-type:none!important;scrollbar-width:thin}
#home #video #videoMobileTrack>.video-mobile-card{display:flex!important;flex-direction:row!important;align-items:center!important;width:100%!important;max-width:100%!important;min-width:0;min-height:0!important;height:auto!important;flex:0 0 auto!important;gap:13px!important;padding:14px 7px!important;border:0!important;border-left:3px solid transparent!important;border-bottom:1px solid #ece6eb!important;border-radius:0!important;background:#fff!important;text-align:left;box-shadow:none!important}
#home #video #videoMobileTrack>.video-mobile-card.active{background:#fff2f6!important;border-left-color:#c31840!important}
#home #video #videoMobileTrack>.video-mobile-card:hover{background:#fff7fa!important;transform:none}
#home #video .video-mobile-poster{position:relative;display:block!important;flex:0 0 clamp(90px,9vw,118px)!important;width:clamp(90px,9vw,118px)!important;aspect-ratio:16/10!important;height:auto!important;border-radius:8px;overflow:hidden;background-size:cover!important;background-position:center!important;background-color:#f2e5eb}
#home #video .video-mobile-poster>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#home #video .video-poster-fallback{position:absolute;inset:0;background:linear-gradient(135deg,#a62949,#e19aad)}
#home #video .video-mobile-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:35px;height:35px;border:0;border-radius:50%;background:#fffffff0;color:#b51632;box-shadow:none}
#home #video .video-mobile-play svg{width:15px;height:15px;fill:currentColor;stroke:none;margin-left:2px}
#home #video .video-mobile-info{display:block;flex:1;min-width:0;padding:0}
#home #video .video-mobile-info strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:18px!important;font-weight:700;line-height:1.4!important;color:#413b47}
#home #video .video-mobile-info small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13px!important;font-weight:400;line-height:1.5!important;margin-top:7px!important;color:#aba5b0}
#home #video .mobile-swipe-nav{display:none!important}
@media(max-width:1000px) and (min-width:768px){#home #video .school-playlist-layout{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)!important;gap:16px!important}#home #video .video-mobile-info strong{font-size:15px!important}#home #video .video-mobile-info small{font-size:12px!important;margin-top:4px!important}#home #video #videoMobileTrack>.video-mobile-card{gap:9px!important;padding:10px 4px!important}#home #video .video-playlist-heading strong{font-size:18px}}
@media(max-width:767px){#home #video>.wrap{width:calc(100% - 32px)}#home #video .school-videos-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}#home #video #videoHeading{font-size:27px}#home #video .school-videos-heading .lead{font-size:14px}#home #video #videoView{font-size:14px;margin-left:auto}#home #video .school-playlist-layout{grid-template-columns:1fr!important;gap:14px!important}#home #video #videoMobileTrack{max-height:320px!important}#home #video .video-feature-top{top:13px;left:14px;gap:8px}#home #video .video-feature-emblem{width:34px;height:34px;flex-basis:34px}#home #video .video-feature-top strong{font-size:15px}#home #video .video-feature-top small{font-size:11px}#home #video #videoPlay{width:53px;height:53px;box-shadow:0 0 0 9px #ffffff20}#home #video #videoPlay .icon{width:23px!important;height:23px!important}#home #video .video-feature-bottom{left:16px;right:16px;bottom:15px}#home #video #videoFeatureTitle{font-size:22px;margin:5px 0}#home #video .video-feature-tag{font-size:9px;padding:4px 8px}#home #video .video-feature-description{font-size:12px}#home #video .video-mobile-poster{flex-basis:104px!important;width:104px!important}#home #video .video-mobile-info strong{font-size:16px!important}#home #video .video-mobile-info small{font-size:12px!important;margin-top:4px!important}}

#home #video #videoFeature>.video-inline-player,.video-archive-inline>.video-inline-player{position:absolute;inset:0;z-index:8;width:100%;height:100%;border:0;display:block;background:#000;object-fit:contain}
#home #video #videoFeature.video-is-playing>.video-feature-play,#home #video #videoFeature.video-is-playing>.video-feature-top,#home #video #videoFeature.video-is-playing>.video-feature-bottom{visibility:hidden;pointer-events:none}
.video-archive-inline{position:relative;width:100%;aspect-ratio:16/9;background:#171217;border-radius:15px;overflow:hidden;margin:16px 0}