.intro-film{margin:22px auto 4px;max-width:1320px}.intro-film-card{display:flex;align-items:center;gap:20px;padding:12px;background:#181515;border:1px solid #ffffff24;border-radius:8px;text-decoration:none;color:#fff}.intro-film-card>img{width:140px;aspect-ratio:16/9;height:auto;object-fit:cover;border-radius:4px}.intro-film-copy{display:grid;gap:5px}.intro-film-copy small{color:#db958c;font-size:12px}.intro-film-copy strong{font:600 30px/1.1 var(--display,system-ui)}.intro-film-copy>span{font-size:14px;color:#ddd}
.youtube-player{padding:0;border:1px solid #555;border-radius:10px;width:min(960px,calc(100% - 24px));max-width:none;max-height:calc(100dvh - 24px);margin:auto;background:#0c0c0c;color:#fff;overflow:auto;overscroll-behavior:contain}.youtube-player::backdrop{background:#000e}.youtube-player header,.youtube-player footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px}.youtube-player h2{margin:0;font:600 22px/1.2 var(--display,system-ui)}.youtube-player button,.youtube-player footer a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;color:#fff;font:600 14px/1.4 system-ui}.youtube-player #youtube-close{flex:none;background:#272323;border:1px solid #666;border-radius:5px}.youtube-player footer{font:12px/1.5 system-ui;color:#b6b0ab}.youtube-player footer a{color:#e9aaa0;text-underline-offset:4px}.youtube-stage{background:#000;aspect-ratio:16/9;width:100%;min-height:200px}.youtube-stage iframe{display:block;border:0;width:100%;height:100%;min-height:200px}.youtube-portrait{width:min(420px,calc(100% - 24px))}.youtube-portrait .youtube-stage{aspect-ratio:9/16;max-height:calc(100dvh - 170px);min-height:200px}.youtube-start{position:relative;width:100%;height:100%;padding:0!important;border:0;background:#111}.youtube-start img{width:100%;height:100%;object-fit:cover}.youtube-start span{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:12px 20px;border-radius:5px;background:#a32d26;color:white}.youtube-player :focus-visible,.intro-film a:focus-visible{outline:3px solid #ef9c92;outline-offset:3px}@media(max-width:520px){.intro-film{width:calc(100% - 24px)}.intro-film-card{gap:12px}.intro-film-card>img{width:110px}.intro-film-copy strong{font-size:25px}.intro-film-copy>span{font-size:13px}.youtube-player h2{font-size:20px}.youtube-player header,.youtube-player footer{padding-inline:12px}}