.course.coursesFeature { grid-template-columns: 1fr 1fr; gap: 28px; align-items: stretch; }
.coursesFeature .courseOption { border: 1px solid rgba(255,255,255,.22); padding: 38px; display: flex; flex-direction: column; min-height: 720px; background: rgba(255,255,255,.04); }
.coursesFeature .courseOption.attendance { background: #ead28c; color: #17211d; border-color: #ead28c; }
.coursesFeature .courseOption h2 { font-size: clamp(2.6rem,3.5vw,4.2rem); line-height: 1; min-height: 142px; margin: 18px 0 22px; }
.coursesFeature .courseOption > p:not(.num) { font-size: 1rem; line-height: 1.7; min-height: 108px; }
.coursesFeature .courseOption ul { list-style: none; margin: 12px 0 30px; padding: 0; display: grid; gap: 10px; min-height: 116px; }
.coursesFeature .courseOption li { position: relative; padding-left: 24px; line-height: 1.45; }
.coursesFeature .courseOption li:before { content: '✓'; position: absolute; left: 0; font-weight: 800; }
.coursesFeature .courseOption .courseCta { margin-top: auto; align-self: flex-start; }
.coursesFeature .attendance .num { color: #62511f; }
.coursesFeature .attendance .courseCta { background: #17211d; color: #fff; }
.coursesFeature .profit .lessonVisual span { background: #17211d; color: #ead28c; }
.lessonVisual { position: relative; margin: -38px -38px 30px; overflow: hidden; height: 290px; flex: 0 0 290px; }
.lessonVisual img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 34%; }
.lessonVisual span { position: absolute; right: 22px; bottom: 22px; width: 92px; height: 92px; border-radius: 50%; display: grid; place-items: center; text-align: center; background: #ead28c; color: #17211d; font-size: .72rem; line-height: 1.25; font-weight: 800; letter-spacing: .12em; box-shadow: 0 10px 30px rgba(0,0,0,.22); }
@media (max-width: 760px) { .course.coursesFeature { grid-template-columns: 1fr; } .coursesFeature .courseOption { min-height: 680px; padding: 28px; } .coursesFeature .courseOption h2,.coursesFeature .courseOption > p:not(.num),.coursesFeature .courseOption ul { min-height: auto; } .lessonVisual { margin: -28px -28px 28px; height: 240px; flex-basis: 240px; } }