:root{--accent:#c2d0db;--ink:#2e3f4c;--muted:#c2d0db;--line:#ffffff24}
.courses{position:relative;background:linear-gradient(145deg,#2e3f4c 0%,#2e3f4c 45%,#2e3f4c 100%)}
.courses .section-intro{max-width:800px}.courses .section-intro p{max-width:570px;font-size:16px;line-height:1.75}
.filters{gap:10px;margin-top:32px;margin-bottom:12px}
.filters button{min-height:46px;border-radius:24px;padding:12px 22px;font-size:13px;transition:background .22s,border-color .22s,color .22s;touch-action:manipulation}
.filters button:hover{border-color:var(--accent);color:#fff}.filters button.active:hover{color:var(--ink)}
.course-count{font-size:12px;color:var(--muted);margin:20px 0 18px}
#course-list{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
#course-list .course-card{display:flex;flex-direction:column;grid-column:span 4;gap:0;padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#2e3f4c;min-width:0;position:relative;transition:border-color .25s,transform .25s;animation:course-in .35s ease-out both}
#course-list .course-card:hover,#course-list .course-card:focus-within{border-color:#c2d0db90;transform:translateY(-4px)}
.course-photo{overflow:hidden;position:relative;height:240px;background:#b3afa9}
.course-photo img{display:block;height:100%;width:100%;object-fit:cover;transition:transform .6s ease}
.course-photo .photo-2{object-fit:contain;background:#c2beb8}.course-photo .photo-5{object-fit:contain;background:#b3afa9}.course-photo .photo-6{object-fit:contain;background:#d0cbc1}
.course-card:hover .course-photo img{transform:scale(1.025)}
.course-body{padding:24px;display:flex;flex-direction:column;flex:1}
#course-list .course-category{font-size:12px;color:var(--accent);margin:0 0 12px;line-height:1.5}
#course-list .course-card h3{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:500;line-height:1.08;margin:0 0 14px;letter-spacing:-.5px}
#course-list .course-description{font-size:14px;line-height:1.7;margin:0 0 25px;color:var(--muted);max-width:none}
#course-list .course-action{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;height:auto;min-height:46px;padding:14px 0 0;margin-top:auto;border:0;border-top:1px solid var(--line);font-size:13px;color:var(--accent);background:transparent;touch-action:manipulation}
.course-action>span:last-child{font-size:23px;transition:transform .2s}.course-action:hover>span:last-child{transform:translate(3px,-3px)}
#course-list[data-filter="all"] .course-card:last-child{grid-column:1/-1;flex-direction:row}
#course-list[data-filter="all"] .course-card:last-child .course-photo{width:36%;height:260px;flex:none;background:#d0cbc1}
#course-list[data-filter="all"] .course-card:last-child .course-body{padding:30px 40px}
#course-list[data-filter="all"] .course-card:last-child h3{font-size:38px}
#course-list[data-filter="kids"] .course-card,#course-list[data-filter="dance"] .course-card{grid-column:span 6}
.course-note{font-size:12px;line-height:1.7;margin-top:24px}
@keyframes course-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.course-photo{height:220px}.course-body{padding:22px}}
@media(max-width:1000px){#course-list .course-card{grid-column:span 6}.course-photo{height:260px}}
@media(max-width:700px){#course-list{gap:22px;grid-template-columns:1fr}#course-list .course-card,#course-list[data-filter] .course-card{grid-column:1}.course-photo{height:255px}.course-body{padding:22px}#course-list .course-card h3{font-size:34px}#course-list .course-description{font-size:16px;line-height:1.65;margin-bottom:20px}#course-list .course-category{font-size:13px}.courses .section-intro p{font-size:16px}.filters{gap:9px;margin-top:24px}.filters button{padding:10px 17px;font-size:12px;min-height:44px}#course-list .course-action{font-size:14px;padding-top:15px;min-height:48px}#course-list[data-filter="all"] .course-card:last-child{flex-direction:column}#course-list[data-filter="all"] .course-card:last-child .course-photo{width:100%;height:255px}#course-list[data-filter="all"] .course-card:last-child .course-body{padding:22px}#course-list[data-filter="all"] .course-card:last-child h3{font-size:34px}input,textarea,select{font-size:16px}.mobile-cta{bottom:max(14px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){#course-list .course-card{animation:none;transition:none}#course-list .course-card:hover,#course-list .course-card:focus-within{transform:none}.course-photo img{transition:none}.course-card:hover .course-photo img{transform:none}}
#course-list .course-card{align-items:stretch}.course-photo .photo-2,.course-photo .photo-5{object-fit:cover}.course-photo .photo-6{background:#2e3f4c}
.course-photo .photo-2,.course-photo .photo-5{object-fit:contain;background:#2e3f4c}