.school-site.patio-school .video-library.video-studio{padding:75px clamp(22px,5.5vw,90px) 95px;background:linear-gradient(135deg,#e3eddbef,#f4e8cfe8),url('/school/spain-courtyard.webp') center/cover;color:#123f31;isolation:isolate;overflow:hidden}
.video-library-heading{text-align:center;max-width:1050px;margin:0 auto 35px}.video-studio-mark{display:grid;place-items:center;width:85px;height:85px;margin:0 auto 25px;border:1px solid #d5b85e;border-radius:27px;background:#07543e;color:#efd383;box-shadow:0 7px 0 #afbd92;transform:rotate(-7deg)}.video-studio-mark>svg{width:48px;height:48px}
.school-site.patio-school .video-library-heading h2{font:600 clamp(38px,4.3vw,61px)/1.15 Georgia,'Times New Roman',serif!important;color:#07543e;margin:0 0 25px;letter-spacing:-1px;text-wrap:balance}.school-site.patio-school .video-library-heading p{font-size:24px!important;line-height:1.65;color:#365b43;margin:0 auto;max-width:68ch}
.video-topic-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin:30px auto 22px}.video-topic-filter>button{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:11px;min-height:64px;border:1px solid #a6ba94;border-radius:21px;padding:15px 22px;font-size:21px;font-weight:600;color:#07543e;background:#fff3d6cf;box-shadow:0 5px 0 #b9c6a4;cursor:pointer}.video-topic-filter>button>svg{width:29px;height:29px;flex:none}.video-topic-filter>button[aria-pressed=true]{color:#fff1c9;background:#07543e;border-color:#e0c573}.video-topic-light{position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:#07543e}
.video-episode-jump{display:flex;align-items:center;justify-content:center;gap:13px;width:fit-content;margin:25px auto 38px;padding:12px 4px;border-bottom:1px solid #7b9773;font-size:21px;font-weight:600;color:#07543e;text-decoration:none}.video-episode-jump>svg{width:23px;height:23px}
.video-cinema{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:38px;align-items:start;max-width:1450px;margin:0 auto 70px;scroll-margin-top:110px}.video-player-column{position:sticky;top:108px;min-width:0;border:1px solid #d7bf73;background:#064737;color:#fff1cd;border-radius:28px;overflow:hidden;box-shadow:0 11px 0 #7b9b77,0 25px 40px #174a3424}
.video-cinema-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 22px;color:#f3dd9b;font-size:18px;line-height:1.4;flex-wrap:wrap}.video-cinema-toolbar>span:first-child{font-weight:650;letter-spacing:.6px}.video-cinema-toolbar>span:last-child{color:#d7e6c8}
.selected-video-screen{background:#062f28;aspect-ratio:1;min-width:0}.selected-video-screen video{display:block;width:100%;height:100%;object-fit:contain;background:#062f28}
.video-cinema-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:18px 22px}.video-cinema-footer>button,.video-cinema-footer>a{display:flex;align-items:center;gap:10px;min-height:45px;padding:7px 0;border:0;background:transparent;color:#fff1cd;font-size:19px;line-height:1.45;text-decoration:none;cursor:pointer}.video-cinema-footer svg{width:22px;height:22px;flex:none}.school-site.patio-school .video-ended-note{font-size:20px!important;padding:0 22px 23px;color:#eddb9f;margin:0;line-height:1.6}
.selected-video-description{min-width:0;padding:32px;border:1px solid #fff6de;border-radius:30px;background:#fff4dacc;backdrop-filter:blur(10px)}.school-site.patio-school .selected-video-description>.video-selection-label{font-size:19px!important;font-weight:650;color:#a33d32;margin:0 0 17px}.school-site.patio-school .selected-video-description h3{font:600 clamp(29px,3vw,43px)/1.2 Georgia,'Times New Roman',serif;color:#07543e;margin:0 0 24px;letter-spacing:-.5px}.school-site.patio-school .selected-video-description .video-lesson-deck{font-size:22px!important;line-height:1.65;color:#365b43;margin:0 0 25px}
.video-learning-phrase{position:relative;padding:24px;border:1px solid #b9c39a;border-radius:24px;background:#dfe8ca;margin-bottom:29px}.video-learning-phrase>span{display:block;font-size:18px;color:#456348;margin-bottom:14px;font-weight:600}.video-learning-phrase>blockquote{font:italic 27px/1.45 Georgia,serif;color:#07543e;margin:0 0 20px;text-wrap:balance}.video-learning-phrase>button{border:0;border-bottom:1px solid #55794e;padding:7px 0;background:transparent;color:#07543e;font-size:19px;cursor:pointer;min-height:42px}.school-site.patio-school .video-learning-phrase>p{font-size:21px!important;line-height:1.55;color:#2c563e;margin:18px 0 0;padding-top:17px;border-top:1px solid #a9bd9366}
.video-mini-quiz h4{font-size:25px;font-weight:650;color:#07543e;margin:0 0 17px}.school-site.patio-school .video-mini-quiz>p{font-size:21px!important;line-height:1.6;color:#365b43;margin:0 0 18px}.video-mini-quiz>div{display:grid;gap:10px}.video-mini-quiz button{display:flex;align-items:center;gap:13px;text-align:left;padding:14px 17px;min-height:57px;border:1px solid #b8b994;border-radius:16px;background:#fff9e9c9;color:#164b37;font-size:20px;line-height:1.5;cursor:pointer;transition:transform .25s,background .25s,border-color .25s}.video-mini-quiz button>span{width:17px;height:17px;border:1.5px solid currentColor;border-radius:50%;flex:none}.video-mini-quiz button:hover{transform:translateX(4px);background:#f6e8ba}.video-mini-quiz button[data-result=correct]{border-color:#07543e;background:#d0e6cb}.video-mini-quiz button[data-result=correct]>span{background:#07543e;box-shadow:inset 0 0 0 3px #d0e6cb}.video-mini-quiz button[data-result=retry]{border-color:#b48b37;background:#f7e3a8}
.school-site.patio-school .video-mini-quiz .video-quiz-feedback{display:flex;align-items:center;gap:10px;font-size:21px!important;margin:20px 0 0;font-weight:600;color:#876321}.school-site.patio-school .video-mini-quiz .video-quiz-feedback.is-correct{color:#07543e}.video-quiz-feedback>svg{width:25px;height:25px;flex:none}.school-site.patio-school .selected-video-description .video-lesson-note{font-size:20px!important;line-height:1.65;color:#486247;margin:25px 0 0;border-top:1px solid #a8b58e80;padding-top:23px}.video-language-reference{display:inline-flex;gap:8px;align-items:center;font-size:19px;color:#07543e;margin-top:18px;text-decoration:underline;text-underline-offset:5px}.video-language-reference>svg{width:20px;height:20px}
.video-palette-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 28px;max-width:1450px;margin:0 auto;scroll-margin-top:115px;perspective:1500px}.video-picker-card{position:relative;isolation:isolate;min-width:0;text-align:left;background:#f8eed0;border:2px solid #c4c69a;border-radius:30px;padding:0;overflow:visible;cursor:pointer;color:#173f30;box-shadow:0 9px 0 #acb98e;transition:border-color .3s,box-shadow .3s}.video-picker-card.is-selected{border-color:#07543e;box-shadow:0 11px 0 #78986e,0 23px 30px #174a3424}
.video-story-poster{display:block;position:relative;height:230px;overflow:hidden;border-radius:27px 27px 0 0;background:#07543e}.video-story-poster>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 37%;transition:transform .6s}.video-picker-card:hover .video-story-poster>img{transform:scale(1.08)}.video-story-duration{position:absolute;top:15px;left:15px;padding:8px 12px;border-radius:15px;background:#07543ee6;color:#fff1cf;font-size:17px;border:1px solid #f2d58c88}.video-story-play{position:absolute;right:22px;bottom:25px;width:56px;height:56px;border:2px solid #fff1cc;border-radius:50%;display:grid;place-items:center;background:#07543ed1;color:#fff1cc;backdrop-filter:blur(5px)}.video-story-play>svg{width:26px;height:26px;margin-left:4px}
.video-palette-fan{position:absolute;width:210px;height:90px;left:50%;top:190px;transform:translateX(-50%);z-index:2;pointer-events:none}.video-palette-fan>i{position:absolute;left:calc(50% - 23px);top:0;width:46px;height:82px;border-radius:8px;background:var(--swatch);border:2px solid #fff3d9;transform-origin:50% 95%;transform:translateY(-25px) scale(.7);opacity:0;box-shadow:0 5px 10px #103e302b;transition:transform .6s cubic-bezier(.2,.85,.3,1),opacity .3s}.video-picker-card:hover .video-palette-fan>i,.video-picker-card:focus-visible .video-palette-fan>i,.video-picker-card.is-selected .video-palette-fan>i{opacity:1;transform:translateX(var(--swatch-offset)) rotate(var(--swatch-angle))}
.video-card-copy{display:flex;flex-direction:column;gap:13px;padding:68px 25px 28px;min-height:200px}.video-card-copy>strong{font:600 29px/1.23 Georgia,serif;color:#07543e;text-wrap:balance}.video-card-copy>span{font-size:19px;line-height:1.5;color:#496248}.video-studio :is(a,button):focus-visible{outline:3px solid #b04738;outline-offset:5px}.video-player-column :is(a,button):focus-visible{outline-color:#f2d178}
@media(max-width:1000px){.video-cinema{grid-template-columns:1fr;gap:35px}.video-player-column{position:relative;top:auto;width:100%;max-width:720px;justify-self:center}.selected-video-description{max-width:850px;width:100%;justify-self:center}.video-palette-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.video-card-copy>strong{font-size:28px}}
@media(max-width:650px){.school-site.patio-school .video-library.video-studio{padding:55px 22px 70px}.school-site.patio-school .video-library-heading h2{font-size:39px!important}.school-site.patio-school .video-library-heading p{font-size:22px!important}.video-topic-filter{gap:10px}.video-topic-filter>button{font-size:19px;padding:13px 17px;min-height:57px;gap:9px}.video-topic-filter>button>svg{width:25px;height:25px}.video-cinema{scroll-margin-top:140px}.video-cinema-toolbar{padding:17px 18px;font-size:16px}.video-cinema-footer{padding:15px 18px;gap:8px 16px}.video-cinema-footer>button,.video-cinema-footer>a{font-size:18px}.selected-video-description{padding:27px 22px;border-radius:25px}.school-site.patio-school .selected-video-description h3{font-size:33px}.school-site.patio-school .selected-video-description .video-lesson-deck{font-size:21px!important}.video-learning-phrase{padding:22px 18px}.video-learning-phrase>blockquote{font-size:25px}.video-mini-quiz button{font-size:20px;padding:14px}.video-palette-gallery{grid-template-columns:1fr;max-width:480px;gap:33px;scroll-margin-top:140px}.video-card-copy{min-height:185px;padding:67px 24px 28px}.video-card-copy>strong{font-size:30px}.video-story-poster{height:240px}.video-palette-fan{top:200px}}
@media(prefers-reduced-motion:reduce){.video-studio *,.video-studio *::before{animation:none!important;transition:none!important}.video-picker-card{transform:none!important}.video-picker-card:hover .video-story-poster>img,.video-mini-quiz button:hover{transform:none!important}}