.lesson-showcase{display:grid;grid-template-columns:1.65fr 1fr;gap:clamp(28px,5vw,72px);align-items:center;padding-top:10px}.lesson-visual{border-radius:18px;overflow:hidden;background:#11212b;color:#f5f3ee;box-shadow:0 18px 45px -30px #15212b70}.lesson-preview-bar,.lesson-preview-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px 22px;font-size:13px;line-height:1.4}.lesson-preview-bar{border-bottom:1px solid #ffffff20}.lesson-preview-bar span:last-child{color:#c1cccf}.lesson-preview-content{aspect-ratio:16/10;display:grid;place-items:center;background:#07141d}.lesson-preview-content>video,.lesson-preview-content>img{width:100%;height:100%;object-fit:contain;display:block;min-height:0}.lesson-preview-caption{color:#d2dce0;min-height:58px}.lesson-preview-caption button{background:transparent;border:1px solid #ffffff50;color:#fff;border-radius:999px;padding:8px 14px;min-width:64px;cursor:pointer;font:inherit}.lesson-preview-caption button:focus-visible{outline:2px solid #fff;outline-offset:3px}.lesson-feature{border-bottom:1px solid var(--edge-hot);padding:20px 0}.lesson-feature:first-child{border-top:1px solid var(--edge-hot)}.lesson-feature h3{margin:0}.lesson-feature h3 button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0;min-height:30px;border:0;background:none;color:var(--ink-1);text-align:left;font:500 clamp(18px,1.5vw,22px)/1.25 var(--display);cursor:pointer}.lesson-feature h3 button:focus-visible{outline:2px solid var(--ink-0);outline-offset:6px;border-radius:2px}.lesson-feature.is-selected h3 button{color:var(--ink-0)}.lesson-feature p{font-size:16px;line-height:1.6;color:var(--ink-1);margin:16px 20px 0 0}.lesson-features>a{margin-top:28px}.lesson-certificate{width:86%;height:84%;background:#f5f3ee;color:#18201b;padding:26px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;text-align:center;outline:1px solid #bcbcac;outline-offset:-12px}.lesson-certificate .lesson-cert-brand{align-self:flex-start;font:700 20px var(--display);letter-spacing:-.04em}.lesson-certificate>span{font-size:13px}.lesson-certificate>strong{font:500 clamp(24px,3vw,42px) var(--display);margin-top:10px}.lesson-certificate>b{font:500 18px var(--display)}.lesson-certificate small{font-size:11px;margin-top:8px;color:#62685c}@media (max-width: 820px){.lesson-showcase{grid-template-columns:1fr;gap:24px}.lesson-preview-bar,.lesson-preview-caption{padding:14px 16px;font-size:12px}.lesson-preview-bar span:last-child{display:none}.lesson-feature{padding:17px 0}.lesson-certificate{gap:5px;padding:22px}.lesson-certificate .lesson-cert-brand{font-size:16px}.lesson-certificate>span{font-size:11px}.lesson-certificate>strong{margin-top:0}}