.fan-video-page { background: #161616; }
.fan-video-page .topbar { position: relative; }
.fan-video-page .topbar > a:last-child { font-size: 13px; text-transform: uppercase; letter-spacing: .08em; }
.video-wrap { max-width: 1320px; margin: auto; padding: 70px var(--pad) 0; }
.video-hero { display: grid; grid-template-columns: 1fr 1.2fr; gap: 50px; align-items: center; padding-bottom: 65px; }
.video-intro h1 { font: 900 clamp(60px, 7vw, 108px)/.94 Impact, 'Arial Narrow', sans-serif; text-transform: uppercase; letter-spacing: -.025em; margin: 22px 0; }
.video-deck { font-size: clamp(21px, 2.2vw, 28px); font-weight: 700; line-height: 1.25; }
.video-intro > p:not(.kicker) { max-width: 600px; }
.video-intro .button { margin-top: 12px; }
.video-photo { margin: 0; transform: rotate(2deg); }
.video-photo img { width: 100%; height: auto; filter: grayscale(1); }
.video-photo figcaption { background: #ffb500; color: #161616; padding: 12px 16px; font-weight: 800; text-transform: uppercase; font-size: 12px; letter-spacing: .08em; }
.video-strip { background: #ffb500; color: #161616; padding: 17px 20px; font-size: clamp(14px, 2vw, 20px); font-weight: 900; text-align: center; text-transform: uppercase; letter-spacing: .06em; }
.video-section { display: grid; grid-template-columns: .9fr 1.1fr; gap: 65px; padding: 70px 0; border-bottom: 1px solid var(--line); scroll-margin-top: 30px; }
.video-section h2, .video-language h2, .video-upload h2 { font: 900 clamp(35px, 4.3vw, 60px)/1.04 Impact, 'Arial Narrow', sans-serif; text-transform: uppercase; margin: 16px 0 22px; }
.video-section p, .video-language p, .video-upload > p { max-width: 650px; }
.video-body p:first-child { margin-top: 0; }
.video-quotes { display: grid; gap: 0; }
.video-quotes blockquote { margin: 0; padding: 16px 0; border-bottom: 1px solid var(--line); font-size: 21px; font-weight: 700; }
.video-quotes blockquote:first-child { padding-top: 0; color: #ffb500; }
.video-quotes blockquote:last-child { border: 0; }
.video-language { margin-top: 65px; padding: 35px; background: #242321; border-left: 5px solid #ffb500; }
.video-language p:last-child { margin-bottom: 0; }
.video-checklist { margin: 0; padding-left: 24px; }
.video-checklist li { padding-left: 10px; margin-bottom: 23px; }
.video-checklist li::marker { color: #ffb500; font-weight: 800; }
.video-checklist strong { display: block; margin-bottom: 3px; }
.video-upload { padding: 70px 0; }
.video-upload .button { margin-top: 20px; }
.video-upload-note { color: #bdbdb7; font-size: 13px; }
.video-permission { font-size: 14px; color: #bdbdb7; margin-top: 30px; }
.video-signoff { font-weight: 800; margin-top: 30px; }
.video-footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; padding: 28px var(--pad); border-top: 1px solid var(--line); font-size: 13px; }
@media (max-width: 760px) { .video-wrap { padding-top: 40px; } .video-hero, .video-section { grid-template-columns: 1fr; gap: 28px; } .video-hero { padding-bottom: 40px; } .video-photo img { height: auto; } .video-section { padding: 45px 0; } .video-language { padding: 25px; margin-top: 40px; } .video-upload { padding: 45px 0; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

.video-upload .video-deadline { color: #ff493b; font-weight: 800; }