.CourseBanner_banner__yzvln{position:relative;display:block;width:100%;aspect-ratio:250/335;overflow:hidden;border-radius:var(--tb-radius-lg);border:1px solid var(--color-border-strong);background-color:var(--color-surface-muted);box-shadow:0 10px 26px -18px rgb(0 0 0/40%);text-decoration:none;transition:transform .15s ease-out,box-shadow .15s ease-out,border-color .15s ease-out}.CourseBanner_banner__yzvln:hover{transform:translateY(-4px);box-shadow:0 20px 40px -18px rgb(0 0 0/50%);border-color:var(--color-accent-line)}.CourseBanner_banner__yzvln:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.CourseBanner_image__6Erok{object-fit:cover;transition:transform .3s ease-out}.CourseBanner_banner__yzvln:hover .CourseBanner_image__6Erok{transform:scale(1.04)}.CourseBanner_scrim__JZSD0{position:absolute;inset-inline:0;inset-block-end:0;height:38%;background:linear-gradient(0deg,rgb(4 8 15/82%) 0,rgb(4 8 15/30%) 65%,transparent);pointer-events:none}.CourseBanner_title__qyorZ{position:absolute;inset-inline:0;inset-block-end:0;padding:var(--tb-space-5) var(--tb-space-5) var(--tb-space-5);font-family:var(--tb-font-heading);font-size:var(--tb-text-h3);font-weight:700;line-height:1.2;color:#ffffff;text-shadow:0 1px 6px rgb(4 8 15/70%)}@media (prefers-reduced-motion:reduce){.CourseBanner_banner__yzvln,.CourseBanner_image__6Erok{transition:none}.CourseBanner_banner__yzvln:hover,.CourseBanner_banner__yzvln:hover .CourseBanner_image__6Erok{transform:none}}@media (forced-colors:active){.CourseBanner_banner__yzvln{border:1px solid CanvasText}.CourseBanner_title__qyorZ{color:CanvasText;background:Canvas}.CourseBanner_scrim__JZSD0{display:none}}