.lessons-cinematic{position:relative;padding:76px 24px 82px;overflow:hidden;background:radial-gradient(circle at 15% 8%,rgba(153,27,29,.22),transparent 34%),radial-gradient(circle at 86% 82%,rgba(190,142,48,.13),transparent 36%),#080808;color:#fff}
.lessons-cinematic-inner{width:min(1180px,100%);margin:0 auto}
.lessons-cinematic-heading{margin:0 auto 36px;text-align:center}
.lessons-cinematic-heading>span{display:block;margin-bottom:11px;color:#d9b85d;font:700 .78rem/1.2 "Open Sans",sans-serif;letter-spacing:.2em;text-transform:uppercase}
.lessons-cinematic-heading h2{margin:0;color:#fdf6e9;font:700 clamp(2.35rem,5vw,4rem)/1 Cabin,sans-serif;letter-spacing:-.03em}
.lessons-cinematic-heading p{margin:16px 0 0;color:rgba(255,255,255,.78);font:400 clamp(1rem,1.7vw,1.2rem)/1.5 "Open Sans",sans-serif}
.lessons-cinematic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.lesson-cinematic-card{position:relative;min-height:430px;overflow:hidden;border:1px solid rgba(217,184,93,.32);border-radius:22px;background:#17120e;color:#fff!important;text-decoration:none!important;box-shadow:0 18px 45px rgba(0,0,0,.35);isolation:isolate}
.lesson-cinematic-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;transition:transform .55s ease,filter .55s ease}
.lesson-card-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,8,8,.03) 10%,rgba(8,8,8,.28) 45%,rgba(7,7,7,.97) 100%)}
.lesson-card-number{position:absolute;z-index:2;top:22px;left:23px;color:#e2be61;font:700 2rem/1 Oswald,sans-serif;text-shadow:0 3px 14px rgba(0,0,0,.8)}
.lesson-card-copy{position:absolute;z-index:2;inset:auto 26px 24px;display:flex;flex-direction:column;align-items:flex-start}
.lesson-card-copy small{margin-bottom:8px;color:#e2be61;font:700 .7rem/1.35 "Open Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase}
.lesson-card-copy strong{color:#fff;font:700 clamp(1.8rem,3vw,2.45rem)/1.05 Cabin,sans-serif}
.lesson-card-copy em{max-width:560px;margin-top:10px;color:rgba(255,255,255,.79);font:normal 400 .96rem/1.55 "Open Sans",sans-serif}
.lesson-card-copy b{margin-top:14px;color:#f2d27d;font:700 .82rem/1.2 "Open Sans",sans-serif;letter-spacing:.04em;text-transform:uppercase}
.lesson-card-copy b span{display:inline-block;margin-left:5px;transition:transform .2s ease}
.lesson-cinematic-card:hover img,.lesson-cinematic-card:focus-visible img{transform:scale(1.045);filter:saturate(1.08) contrast(1.03)}
.lesson-cinematic-card:hover .lesson-card-copy b span,.lesson-cinematic-card:focus-visible .lesson-card-copy b span{transform:translateX(5px)}
.lesson-cinematic-card:focus-visible{outline:3px solid #f2d27d;outline-offset:4px}
@media(max-width:767px){.lessons-cinematic{padding:58px 16px 62px}.lessons-cinematic-heading{margin-bottom:28px}.lessons-cinematic-grid{grid-template-columns:1fr;gap:15px}.lesson-cinematic-card{min-height:400px;border-radius:18px}.lesson-card-copy{inset:auto 20px 20px}}
@media(max-width:420px){.lesson-cinematic-card{min-height:365px}.lesson-card-copy em{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){.lesson-cinematic-card img,.lesson-card-copy b span{transition:none}}