.online-directions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.online-directions a{display:inline-flex;padding:10px 14px;border:1px solid #dfd7cd;border-radius:20px;background:white;color:#203748;text-decoration:none}.online-list{padding:24px 0 56px}.online-group{margin:36px 0;scroll-margin-top:105px}.online-group h2{font-size:clamp(24px,3vw,32px);margin-bottom:18px}.online-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.online-card{border:1px solid #e3ddd4;border-radius:16px;overflow:hidden;background:white;display:flex;flex-direction:column}.online-cover img{width:100%;height:auto;display:block;aspect-ratio:580/352;object-fit:cover}.online-card-copy{padding:18px;display:flex;flex-direction:column;flex:1}.online-card h3{font-size:18px;line-height:1.35;margin:0 0 10px}.online-card h3 a{color:#203748;text-decoration:none}.online-card p{font-size:14px;margin:0 0 14px}.online-card-bottom{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:auto}.online-card-bottom a{color:#a64d47}@media(max-width:850px){.online-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.online-grid{grid-template-columns:1fr}.online-list{padding-left:16px;padding-right:16px}}.online-catalog .online-list{padding:0}.online-catalog .online-group{margin:32px 0 40px}.online-catalog .online-card{box-shadow:0 8px 28px #2037480c;transition:box-shadow .2s}.online-catalog .online-card:hover{box-shadow:0 12px 30px #20374818}.online-catalog #enrollment details{padding:14px 0}.online-catalog #enrollment summary{cursor:pointer;font-weight:700}.online-catalog #documents .split{align-items:center}
.online-cover{position:relative;display:block}.online-cover-teachers{position:absolute;right:clamp(4px,2.7%,16px);bottom:clamp(4px,3.5%,16px);display:flex;justify-content:flex-end;width:clamp(24px,23%,104px);pointer-events:none}
.online-cover .online-cover-teachers img{width:100%;height:auto;aspect-ratio:1;flex:none;box-sizing:border-box;border:clamp(2px,.4vw,5px) solid #f4f2ee;border-radius:50%;object-fit:cover;background:#f4f2ee}
.online-cover-teachers img+img{margin-left:-14%}
@media(max-width:700px){.online-cover-teachers{width:clamp(24px,23%,80px)}.online-cover .online-cover-teachers img{border-width:3px}}