.school-video-gallery{padding:48px 0;background:#f7f9fb;color:#0c2340}.school-video-width{max-width:1280px;margin:auto;padding-inline:48px}.school-video-kicker{display:inline-flex;align-items:center;gap:8px;background:#dfedfa;color:#386380;padding:6px 12px;border-radius:5px;font-size:14px}.school-video-gallery h2{font-size:40px;line-height:1.35;font-weight:800;margin:12px 0}.school-video-intro{color:#607084;line-height:1.8;margin-bottom:30px}.school-video-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:24px;align-items:start}.school-video-screen{position:relative;height:530px;border-radius:18px;overflow:hidden;background:#0c2340}.school-video-screen>img{width:100%;height:100%;object-fit:cover}.school-video-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0c2340 0%,#0c234044 65%,#0c234011)}.school-video-duration{position:absolute;top:18px;inset-inline-end:18px;background:#0c2340cf;color:white;padding:6px 12px;border-radius:5px;font-size:13px;direction:ltr}.school-video-play{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:76px;height:76px;border:2px solid #cca830;border-radius:16px;background:#ffffff30;backdrop-filter:blur(8px);color:white;display:grid;place-items:center;transition:background .2s,scale .2s}.school-video-play .material-symbols-outlined{font-size:44px}.school-video-play:hover:not(:disabled){background:#cca830;scale:1.06}.school-video-play:disabled{opacity:.45;cursor:not-allowed}.school-video-caption{position:absolute;bottom:0;inset-inline:0;padding:28px;color:white}.school-video-caption h3{font-size:24px;font-weight:700;line-height:1.6;margin-bottom:6px}.school-video-caption a:hover,.school-video-item a:hover{text-decoration:underline;text-underline-offset:4px}.school-video-caption p{font-size:14px;line-height:1.8;color:#d6e0ea}.school-video-caption [data-video-unavailable]{display:inline-block;color:#ffe088;font-size:13px;margin-top:8px}.school-video-caption [data-video-unavailable][hidden]{display:none}.school-video-playlist{display:flex;flex-direction:column;gap:12px}.school-video-item{display:flex;align-items:center;gap:14px;padding:14px;background:white;border:2px solid transparent;border-radius:12px;box-shadow:0 2px 8px #0c234008;transition:border-color .2s,box-shadow .2s}.school-video-item.is-selected{border-color:#cca830;background:#fffdf6}.school-video-item>button{position:relative;flex-shrink:0;width:96px;height:78px;border-radius:7px;overflow:hidden;background:#0c2340}.school-video-item img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:transform .25s}.school-video-item button:hover img{transform:scale(1.08)}.school-video-item button>span{position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:30px;background:#0c234022}.school-video-item h4{font-size:16px;font-weight:700;line-height:1.6}.school-video-item-duration{font-size:12px;color:#386380;direction:ltr;display:block}.school-video-all{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px;background:#eceff3;border-radius:8px;font-size:14px;font-weight:700}.school-video-status{min-height:20px;font-size:13px;color:#607084;margin-top:8px}.school-video-player{position:absolute;inset:0;z-index:3;background:#000}.school-video-player[hidden]{display:none}.school-video-player video,.school-video-player iframe{width:100%;height:100%;border:0}.school-video-gallery button:focus-visible,.school-video-gallery a:focus-visible{outline:3px solid #cca830;outline-offset:4px}.school-video-screen.is-changing{animation:school-video-swap .36s ease-out}@keyframes school-video-swap{from{opacity:.3;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}@media(max-width:1023px){.school-video-width{padding-inline:24px}.school-video-layout{grid-template-columns:1fr}.school-video-playlist{display:grid;grid-template-columns:1fr 1fr}.school-video-all{grid-column:1/-1}}@media(max-width:640px){.school-video-width{padding-inline:16px}.school-video-gallery h2{font-size:28px}.school-video-screen{height:430px}.school-video-caption{padding:20px}.school-video-caption h3{font-size:20px}.school-video-playlist{grid-template-columns:1fr}.school-video-item>button{width:90px;height:72px}}@media(prefers-reduced-motion:reduce){.school-video-screen.is-changing{animation:none}.school-video-gallery *{transition:none!important}}

/* The classic layout remains intact and can be restored from the visual editor. */
.school-video-heading-row{display:block}.school-video-heading-meta,.school-video-now,.school-video-item-index{display:none}

/* Premium home-video presentation. */
.school-video-design--premium{position:relative;padding:76px 0 82px;overflow:hidden;background:radial-gradient(circle at 10% 10%,rgba(45,101,147,.14),transparent 28%),radial-gradient(circle at 92% 84%,rgba(205,169,47,.12),transparent 30%),linear-gradient(180deg,#f8fafc 0%,#eef3f8 100%)}
.school-video-design--premium:before,.school-video-design--premium:after{content:"";position:absolute;border:1px solid rgba(15,45,78,.08);border-radius:50%;pointer-events:none}.school-video-design--premium:before{width:390px;height:390px;top:-250px;inset-inline-start:-80px}.school-video-design--premium:after{width:520px;height:520px;bottom:-390px;inset-inline-end:-110px}
.school-video-design--premium .school-video-width{position:relative;z-index:1;max-width:1380px}
.school-video-design--premium .school-video-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:34px}
.school-video-design--premium .school-video-heading-row>div:first-child{max-width:820px}
.school-video-design--premium .school-video-kicker{padding:8px 14px;border:1px solid #c5d9ea;border-radius:999px;background:rgba(255,255,255,.72);box-shadow:0 8px 24px rgba(15,45,78,.06);color:#265c7b;font-weight:800}
.school-video-design--premium h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.025em;margin:15px 0 9px;color:#0b2848}
.school-video-design--premium .school-video-intro{max-width:760px;margin:0;color:#66778a;font-size:17px}
.school-video-design--premium .school-video-heading-meta{display:flex;align-items:center;gap:12px;min-width:max-content;padding:13px 17px;border:1px solid rgba(30,74,111,.13);border-radius:16px;background:rgba(255,255,255,.74);box-shadow:0 16px 42px rgba(21,50,78,.08);color:#547087;font-size:13px}
.school-video-design--premium .school-video-heading-meta strong{display:block;color:#0c2c50;font-size:21px}.school-video-design--premium .school-video-heading-meta>.material-symbols-outlined{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#0d2e53;color:#fff}
.school-video-design--premium .school-video-layout{grid-template-columns:minmax(0,1.8fr) minmax(350px,.82fr);gap:26px}
.school-video-design--premium .school-video-feature{min-width:0}.school-video-design--premium .school-video-screen{height:590px;border-radius:28px;border:1px solid rgba(255,255,255,.75);box-shadow:0 28px 70px rgba(9,34,61,.2),0 0 0 8px rgba(255,255,255,.45)}
.school-video-design--premium .school-video-screen>img{transition:transform .7s ease}.school-video-design--premium .school-video-screen:hover>img{transform:scale(1.025)}
.school-video-design--premium .school-video-shade{background:linear-gradient(0deg,rgba(5,28,54,.97) 0%,rgba(7,33,61,.58) 40%,rgba(6,27,49,.08) 74%),linear-gradient(90deg,rgba(6,27,49,.1),transparent 50%)}
.school-video-design--premium .school-video-duration{top:22px;inset-inline-end:22px;padding:8px 13px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(6,31,58,.78);backdrop-filter:blur(12px);font-weight:800}
.school-video-design--premium .school-video-play{top:43%;width:88px;height:88px;border-radius:50%;border:1px solid rgba(255,218,92,.85);background:rgba(255,255,255,.18);box-shadow:0 0 0 12px rgba(255,255,255,.08),0 18px 45px rgba(0,0,0,.25)}
.school-video-design--premium .school-video-play:hover:not(:disabled){background:#d4b02f;box-shadow:0 0 0 16px rgba(212,176,47,.18),0 18px 45px rgba(0,0,0,.25)}
.school-video-design--premium .school-video-caption{padding:38px 42px 34px}.school-video-design--premium .school-video-now{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;color:#f5d766;font-size:12px;font-weight:800}.school-video-design--premium .school-video-now .material-symbols-outlined{font-size:17px}
.school-video-design--premium .school-video-caption h3{max-width:850px;font-size:clamp(23px,2.3vw,32px);line-height:1.45;margin:0 0 7px}.school-video-design--premium .school-video-caption p{max-width:820px;color:#dbe5ef;font-size:15px}
.school-video-design--premium .school-video-playlist{gap:14px}.school-video-design--premium .school-video-item{position:relative;display:grid;grid-template-columns:34px 112px minmax(0,1fr);gap:12px;min-height:112px;padding:11px 12px;border:1px solid rgba(28,67,103,.12);border-radius:18px;background:rgba(255,255,255,.78);box-shadow:0 12px 34px rgba(20,49,77,.07);backdrop-filter:blur(10px);overflow:hidden}
.school-video-design--premium .school-video-item:after{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:#d1ad2e;transform:scaleY(0);transition:transform .25s}.school-video-design--premium .school-video-item.is-selected{border-color:rgba(209,173,46,.6);background:#fffef8;box-shadow:0 17px 40px rgba(22,48,72,.11)}.school-video-design--premium .school-video-item.is-selected:after{transform:scaleY(1)}
.school-video-design--premium .school-video-item-index{display:block;color:#9aabb9;font:800 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.school-video-design--premium .school-video-item.is-selected .school-video-item-index{color:#b08e19}
.school-video-design--premium .school-video-item>button{width:112px;height:86px;border-radius:12px}.school-video-design--premium .school-video-item button>span{font-size:34px;background:linear-gradient(90deg,rgba(6,29,53,.36),rgba(6,29,53,.08))}.school-video-design--premium .school-video-item h4{font-size:15px;line-height:1.65;margin:3px 0 0}.school-video-design--premium .school-video-item-duration{color:#52728d;font-weight:800}
.school-video-design--premium .school-video-all{min-height:54px;border:1px solid rgba(22,61,96,.12);border-radius:14px;background:#0d2e53;color:#fff;box-shadow:0 12px 28px rgba(13,46,83,.16);transition:transform .2s,background .2s}.school-video-design--premium .school-video-all:hover{background:#154471;transform:translateY(-2px)}
.school-video-design--premium .school-video-status{margin:11px 4px 0}
@media(max-width:1100px){.school-video-design--premium .school-video-layout{grid-template-columns:1fr}.school-video-design--premium .school-video-playlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.school-video-design--premium .school-video-all{grid-column:1/-1}}
@media(max-width:720px){.school-video-design--premium{padding:50px 0}.school-video-design--premium .school-video-heading-row{display:block}.school-video-design--premium .school-video-heading-meta{display:none}.school-video-design--premium .school-video-screen{height:500px;border-radius:22px}.school-video-design--premium .school-video-caption{padding:26px 23px}.school-video-design--premium .school-video-playlist{grid-template-columns:1fr}.school-video-design--premium .school-video-item{grid-template-columns:28px 96px minmax(0,1fr)}.school-video-design--premium .school-video-item>button{width:96px;height:78px}}
@media(max-width:480px){.school-video-design--premium .school-video-width{padding-inline:14px}.school-video-design--premium h2{font-size:30px}.school-video-design--premium .school-video-intro{font-size:15px}.school-video-design--premium .school-video-screen{height:430px}.school-video-design--premium .school-video-play{width:72px;height:72px}.school-video-design--premium .school-video-item{grid-template-columns:24px 82px minmax(0,1fr);padding:9px}.school-video-design--premium .school-video-item>button{width:82px;height:70px}.school-video-design--premium .school-video-item h4{font-size:14px}}