.learning-video-section{padding:72px 0;scroll-margin-top:110px}.learning-video-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);align-items:center;gap:56px}.learning-video-section h2{font-size:clamp(30px,4vw,48px);line-height:1.12;margin:16px 0 24px}.learning-video-section p{max-width:600px;line-height:1.7}.learning-video-section figure{margin:0;min-width:0}.learning-video-section video{display:block;width:100%;height:auto;max-height:660px;background:#080808;object-fit:contain;border:1px solid #C5B2A4;border-radius:16px}.learning-video-section figcaption{font-size:13px;line-height:1.5;margin-top:12px;color:#625b57;text-align:center}@media(max-width:700px){.learning-video-section{padding:48px 0}.learning-video-grid{grid-template-columns:minmax(0,1fr);gap:24px}.learning-video-section figure{width:min(100%,320px);margin:0 auto}.learning-video-section video{max-height:600px}}

.learning-video-player{position:relative;overflow:hidden;border-radius:16px}.learning-video-preview{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:1px solid #C5B2A4;border-radius:16px;overflow:hidden;background:#f8f5f0;cursor:pointer}.learning-video-preview[hidden]{display:none}.learning-video-preview-image{position:absolute;inset:0;overflow:hidden}.learning-video-preview-image img{position:absolute;left:0;top:0;transform:translateY(calc(-1 * var(--preview-cut)));width:100%;height:auto;max-width:none}.learning-video-start{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);padding:14px 24px;background:#080808;color:#fff;border-radius:6px;white-space:nowrap;font-family:inherit;font-size:16px;font-weight:600;line-height:1.3}.learning-video-preview:focus-visible{outline:3px solid #F45B52;outline-offset:-5px}