/* Remove decorative rules without changing the homepage's existing proportions. */
.ls-home .hp-section-head h2::after,.ls-home .hp-enrol h2::after{content:none;display:none}
.ls-home .hp-classroom-carousel{position:relative;min-width:0;min-height:226px;height:100%;max-height:250px;overflow:hidden;background:#eeefec}
.hp-classroom-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%;height:100%;min-height:226px}
.hp-classroom-track::-webkit-scrollbar{display:none}
.hp-classroom-track>img{display:block;flex:0 0 100%;width:100%;height:100%;min-height:226px;object-fit:cover;scroll-snap-align:start;scroll-snap-stop:always}
.hp-classroom-track>img:nth-child(2){object-position:center 42%}
.hp-classroom-controls{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:8px;padding:3px;background:rgba(255,255,255,.94);border-radius:4px;color:#102847;font-size:12px}
.hp-classroom-controls button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;background:transparent;color:inherit;cursor:pointer;border-radius:3px}
.hp-classroom-controls button:hover{background:#e9edf0}
.hp-classroom-controls svg{width:18px;height:18px}
.hp-classroom-controls button:focus-visible,.hp-classroom-track:focus-visible{outline:3px solid #789bbc;outline-offset:-3px}
.ls-home .hp-status-soon{color:#a62f2f;background:#fbe9e7}
.ls-home .hp-fact b{font-size:14px;font-weight:600}
.ls-home :is(.hp-courses,.hp-events,.hp-course-links,.hp-course-links>a,.hp-place){min-width:0}
.ls-home :is(.hp-event h3,.hp-place h3,.hp-place a){overflow-wrap:anywhere;min-width:0}
.ls-home .hp-about-carousel,.ls-home .hp-about-carousel .hp-classroom-track,.ls-home .hp-about-carousel .hp-classroom-track>img{height:190px;min-height:190px;max-height:190px}
.ls-home .hp-about-grid>.hp-about-carousel .hp-classroom-track>img{object-position:center 46%}
@media(max-width:1040px){.ls-home .hp-classroom-carousel,.hp-classroom-track,.hp-classroom-track>img{height:170px;min-height:170px}}
@media(max-width:760px){.ls-home .hp-classroom-carousel,.hp-classroom-track,.hp-classroom-track>img{height:220px;min-height:220px;max-height:none}}
@media(max-width:430px){.ls-home .hp-classroom-carousel,.hp-classroom-track,.hp-classroom-track>img{height:170px;min-height:170px}}
@media(max-width:760px){.ls-home .hp-about-carousel,.ls-home .hp-about-carousel .hp-classroom-track,.ls-home .hp-about-carousel .hp-classroom-track>img{height:160px;min-height:160px;max-height:160px}}
@media(max-width:620px){.ls-home .hp-overview{grid-template-columns:minmax(0,1fr)}.ls-home .hp-enrol-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ls-home .hp-course-links>a{min-width:0}.ls-home .hp-enrol h2{overflow-wrap:anywhere}}
.ls-home .hp-fact h2{font-weight:700}
.ls-home .hp-english-name{font-size:clamp(20px,2.25vw,31px)}
.ls-home .hp-about{position:relative}
.ls-home .hp-about-grid>div:last-child{display:flex;flex-direction:column;align-self:stretch;justify-content:center;min-width:0}
.ls-home .hp-about-grid .hp-about-link{align-self:flex-end;border:0;padding:8px 0;margin-top:4px;text-decoration:none}
.ls-home .hp-about-link::after{content:none}
.ls-home .hp-about-grid p{user-select:text;-webkit-user-select:text;cursor:text}
.ls-home .hp-about:hover .hp-about-link{text-decoration:underline;text-underline-offset:4px}
.ls-home .hp-about:focus-within{outline:2px solid #789bbc;outline-offset:-3px}
.ls-home .hp-course-links{padding:16px;gap:12px}
.ls-home .hp-course-links>a{display:flex;flex-direction:column;justify-content:center;flex:1;padding:16px;border:1px solid #d9dfe5;border-radius:5px;background:#fff;box-shadow:0 2px 4px rgba(16,40,71,.035);text-decoration:none;transition:background .15s,border-color .15s}
.ls-home .hp-course-links>a+a{border:1px solid #d9dfe5}
.ls-home .hp-course-links>a:hover{background:#eef2f6;border-color:#102847}
.ls-home .hp-course-links>a:hover h3{text-decoration:none}
.ls-home .hp-course-links>a:focus-visible{outline:3px solid #789bbc;outline-offset:3px}
.ls-home .hp-life-photo{display:block;width:100%;height:150px;min-height:150px;max-height:150px}
.ls-home .hp-life-photo .hp-classroom-track,.ls-home .hp-life-photo .hp-classroom-track>img{display:flex;height:150px;min-height:150px;max-height:150px}
.ls-home .hp-life-photo .hp-classroom-track>img{display:block}
@media(max-width:760px){.ls-home .hp-english-name{font-size:22px}.ls-home .hp-life-photo,.ls-home .hp-life-photo .hp-classroom-track,.ls-home .hp-life-photo .hp-classroom-track>img{height:110px;min-height:110px;max-height:110px}.ls-home .hp-course-links{padding:12px;gap:10px}.ls-home .hp-course-links>a{padding:12px}}
@media(max-width:430px){.ls-home .hp-english-name{font-size:20px}.ls-home .hp-life-photo,.ls-home .hp-life-photo .hp-classroom-track,.ls-home .hp-life-photo .hp-classroom-track>img{height:84px;min-height:84px;max-height:84px}}
.ls-home .hp-classroom-track{position:relative;overflow:hidden;scroll-snap-type:none}
.ls-home .hp-classroom-track>img{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease-in-out;pointer-events:none}
.ls-home .hp-classroom-track>img:first-child{opacity:1}
.ls-home .hp-classroom-track[data-ready]>img{opacity:0}
.ls-home .hp-classroom-track[data-ready]>img.is-current{opacity:1}
@media(prefers-reduced-motion:reduce){.ls-home .hp-classroom-track>img{transition:none}}
.ls-home .hp-event-list{display:grid;gap:12px;border:0}
.ls-home .hp-event{border:1px solid #d9dfe5;border-radius:5px;background:#fff;padding:14px 16px;min-height:84px;box-shadow:0 2px 4px rgba(16,40,71,.035);text-decoration:none;transition:background .15s,border-color .15s}
.ls-home .hp-event:hover{background:#eef2f6;border-color:#102847;text-decoration:none}
.ls-home .hp-event:focus-visible{outline:3px solid #789bbc;outline-offset:3px}
.ls-home .hp-event:first-child{border-color:#d8b8b0;background:#fdf9f7}
@media(max-width:430px){.ls-home .hp-event{padding:12px;gap:10px;grid-template-columns:64px minmax(0,1fr) auto}.ls-home .hp-event h3{font-size:15px}.ls-home .hp-status{font-size:11px}}
.ls-home .hp-about-grid{grid-template-columns:1.35fr 1fr;gap:36px}
.ls-home .hp-about-carousel,.ls-home .hp-about-carousel .hp-classroom-track,.ls-home .hp-about-carousel .hp-classroom-track>img{height:290px;min-height:290px;max-height:290px;background:#f7f6f2}
.ls-home .hp-about-grid>.hp-about-carousel .hp-classroom-track>img{object-fit:cover;object-position:center 48%}
@media(max-width:760px){.ls-home .hp-about-grid{grid-template-columns:1fr;gap:20px}.ls-home .hp-about-carousel,.ls-home .hp-about-carousel .hp-classroom-track,.ls-home .hp-about-carousel .hp-classroom-track>img{height:220px;min-height:220px;max-height:220px}}
.ls-home .hp-life-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:760px){.ls-home .hp-life-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.ls-home .hp-life-grid{grid-template-columns:1fr}}
