.mat-intro-wrap{padding: 56px 16px 24px;}.mat-intro{margin: 0 auto;width: 100%;max-width: 1040px;}.mat-intro-play, .mat-intro-video{display: block;width: 100%;aspect-ratio: 16 / 9;border-radius: 16px;overflow: hidden;background: #07090f;border: 1px solid rgba(255, 255, 255, .1);box-shadow: 0 24px 60px rgba(0, 0, 0, .35);}.mat-intro-play{position: relative;padding: 0;margin: 0;cursor: pointer;font: inherit;color: #fff;}.mat-intro-play img{display: block;width: 100%;height: 100%;object-fit: cover;transition: transform .6s ease, filter .3s ease;}.mat-intro-play:hover img, .mat-intro-play:focus-visible img{transform: scale(1.015);filter: brightness(1.06);}.mat-intro-play:focus-visible{outline: 3px solid var(--mat-intro-accent, #F472B6);outline-offset: 3px;}.mat-intro-btn{position: absolute;left: 50%;top: 50%;width: 84px;height: 84px;margin: -42px 0 0 -42px;border-radius: 50%;background: var(--mat-intro-accent, #F472B6);box-shadow: 0 0 0 10px rgba(255, 255, 255, .12), 0 16px 40px rgba(0, 0, 0, .45);transition: transform .2s ease;}.mat-intro-btn::after{content: '';position: absolute;left: 34px;top: 26px;border-style: solid;border-width: 16px 0 16px 26px;border-color: transparent transparent transparent #0b0d14;}.mat-intro-play:hover .mat-intro-btn{transform: scale(1.06);}.mat-intro-meta{position: absolute;left: 16px;bottom: 14px;padding: 7px 12px;border-radius: 999px;background: rgba(8, 10, 17, .82);border: 1px solid rgba(255, 255, 255, .12);font-size: 13px;line-height: 1;letter-spacing: .02em;}.mat-intro figcaption{margin-top: 10px;font-size: 13px;line-height: 1.45;opacity: .7;text-align: center;}@media (max-width: 640px){.mat-intro-play, .mat-intro-video{border-radius: 12px;}.mat-intro-btn{width: 64px;height: 64px;margin: -32px 0 0 -32px;}.mat-intro-btn::after{left: 26px;top: 20px;border-width: 12px 0 12px 20px;}}@media (prefers-reduced-motion: reduce){.mat-intro-play img, .mat-intro-btn{transition: none;}}