.campus-cover.campus-film{height:auto;aspect-ratio:16/9;border-radius:28px 28px 12px 12px;background:#251520;box-shadow:0 20px 60px #54234818}
.campus-film:after{background:linear-gradient(transparent 48%,#1e101bd9)}
.campus-film>video{display:block;width:100%;height:100%;object-fit:contain}
.film-caption{position:absolute;top:20px;left:20px;z-index:1;padding:7px 10px;border:1px solid #ffffff4d;border-radius:99px;background:#25152066;color:white;font-size:10px;letter-spacing:1.2px;text-transform:uppercase}
.film-actions{position:absolute;inset:auto 18px 18px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px}
.film-watch,.film-pause{min-height:44px;border:1px solid #ffffff70;color:white;background:#25152080;backdrop-filter:blur(8px);border-radius:99px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px;font-size:12px;font-weight:650}
.film-watch{background:#fff;color:#542348;border-color:#fff;box-shadow:0 4px 18px #0002}
.film-watch svg{width:15px;height:15px;fill:currentColor}
.film-pause{padding:11px 13px;font-size:11px}
.film-dialog{width:min(1040px,calc(100vw - 32px));max-height:92dvh;padding:0;border:1px solid #ffffff25;border-radius:18px;background:#21141e;color:white;overflow:auto;box-shadow:0 30px 100px #0006}
.film-dialog::backdrop{background:#180e17db;backdrop-filter:blur(8px)}
.film-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px}
.film-dialog-header h2{margin:0;font-size:18px;font-weight:600;letter-spacing:-.3px}
.film-dialog-header p{margin:6px 0 0;color:#dcc7d6;font-size:12px}
.film-close{flex-shrink:0;border:1px solid #ffffff50;background:transparent;color:white;border-radius:50%;width:42px;height:42px;font-size:25px;line-height:1}
.film-player{display:block;width:100%;aspect-ratio:16/9;max-height:70dvh;background:#000;object-fit:contain}
.film-footer{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:15px 22px;font-size:12px;color:#dcc7d6}
.film-footer a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.film-error{padding:0 22px 15px;color:#ffcf9a;font-size:13px}
.film-error a{text-decoration:underline}
@media(min-width:801px){.hero{grid-template-columns:1fr 1.15fr;gap:35px}.campus-film{align-self:center}}
@media(max-width:600px){.campus-cover.campus-film{border-radius:20px 20px 10px 10px}.film-caption{top:12px;left:12px;font-size:8px}.film-actions{inset:auto 12px 12px;gap:6px}.film-watch{padding:10px 12px;font-size:11px}.film-pause{padding:10px;font-size:10px}.film-dialog-header{padding:15px}.film-dialog-header h2{font-size:16px}.film-footer{padding:14px 15px;flex-wrap:wrap;font-size:11px}}