.learn-hero-preview{--learn-hero-fade:var(--bh-surface);isolation:isolate;overflow:hidden}.learn-hero-preview__frame,.learn-hero-preview__bloom{object-fit:cover;object-position:left top;width:100%;height:100%;position:absolute;top:0;left:0}.learn-hero-preview__frame{transition:transform .7s var(--bh-ease);z-index:0}.learn-hero-preview__bloom{filter:blur(18px);pointer-events:none;transform-origin:0;transform:scale(1.08);-webkit-mask-image:linear-gradient(#0000 35%,#000 100%);mask-image:linear-gradient(#0000 35%,#000 100%)}.learn-hero-preview:after{background:linear-gradient(to bottom,transparent 42%,var(--learn-hero-fade)100%);content:"";pointer-events:none;z-index:1;position:absolute;inset:0}@media (min-width:768px){.learn-hero-preview__bloom{transform-origin:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 46%);mask-image:linear-gradient(90deg,#000,#0000 46%)}.learn-hero-preview:after{background:linear-gradient(to right,var(--learn-hero-fade)0%,color-mix(in srgb,var(--learn-hero-fade)72%,transparent)16%,color-mix(in srgb,var(--learn-hero-fade)28%,transparent)32%,transparent 52%),linear-gradient(to top,var(--learn-hero-fade)0%,transparent 34%)}}.group:hover .learn-hero-preview__frame{transform:scale(1.035)}@media (prefers-reduced-motion:reduce){.group:hover .learn-hero-preview__frame,.learn-hero-preview__frame{transition:none;transform:none}}