.bf-landing .learn{padding:72px 0 24px}.bf-landing .learn-head{margin-bottom:8px}.bf-landing .learn-head h1{font-size:clamp(36px,5vw,56px);margin-bottom:16px}.bf-landing .learn-section{padding:48px 0}.bf-landing .learn-section h2{font-size:clamp(24px,2.6vw,30px);margin-bottom:24px}.bf-landing .learn-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:36px 28px}.bf-landing .learn-card h3{font-size:18px;margin-top:16px}.bf-landing .learn-card p{margin-top:6px;font-size:15px;color:var(--t2)}.bf-landing .shot.video.learn-player{max-width:none;margin:0}.bf-landing .learn-play{position:absolute;inset:0;width:100%;height:100%;display:block;border:0;background:#000;cursor:pointer}.bf-landing .shot .body .learn-play img{object-position:center}.bf-landing .learn-play:focus-visible{outline:2px solid var(--teal3);outline-offset:-2px}.bf-landing .learn-play-icon{position:absolute;left:50%;top:50%;width:64px;height:64px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.24);background:rgba(7,10,17,.72);color:#ffffff;transform:translate(-50%,-50%);transition:background .18s var(--ease),transform .18s var(--ease)}.bf-landing .learn-play:focus-visible .learn-play-icon,.bf-landing .learn-play:hover .learn-play-icon{background:var(--teal4);color:#04201d;transform:translate(-50%,-50%) scale(1.06)}.bf-landing .learn-note{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:32px 0 64px;color:var(--t2)}