/* Focus TV: supplied logo, black / white / red identity. */
:root {
    --red: #ef0017;
    --ink: #111111;
    --muted: #686868;
    --line: #e4e4e4;
}
a:focus-visible, button:focus-visible, input:focus-visible,
textarea:focus-visible, select:focus-visible {
    outline: 3px solid var(--red);
    outline-offset: 4px;
}
.utility { background: #141414; color: #c8c8c8; }
.utility a:hover { color: #fff; }
.masthead-shell { background: #030504; }
.masthead { height: 140px; }
.logo {
    display: block;
    flex: 0 0 auto;
    width: 248px;
    font-size: 0;
    line-height: 0;
    letter-spacing: normal;
}
.logo img { display: block; width: 100%; height: auto; object-fit: contain; }
.header-note { border-color: #353535; color: #bababa; }
.header-note strong { color: #fff; }
.search { border-color: #404040; background: #171717; }
.search input, .search button { color: #fff; }
.search input::placeholder { color: #bcbcbc; opacity: 1; }
.search input:focus-visible { outline-offset: 0; }
nav { background: #030504; border-top-color: #292929; border-bottom-color: var(--red); }
.nav a { color: #f5f5f5; }
.nav a:first-child, .nav a:hover { color: #ff3447; }
.ticker { background: #f4f4f4; }
.ticker b, .hero .tag, .admin button, .button { background: #e60016; }
.photo { background: #efefef; }
.photo--brand { background: #030504; }
.photo--brand img { object-fit: contain; padding: 28px; }
.hero .photo--brand img { padding: 28px 36px 155px; }
.hero .photo:after { background: linear-gradient(transparent, rgba(0,0,0,.92)); }
.hero time { color: #dedede; }
.number { color: #c7c7c7; }
.brand-banner { background: #080808; color: #fff; }
.brand-banner > span { color: #bdbdbd; }
.brand-banner a { display: inline-block; border-bottom: 1px solid var(--red); padding-bottom: 7px; }
.brand-banner a:hover { color: #ff3447; }
footer { background: #030504; border-top: 3px solid var(--red); }
.footer .logo { width: 166px; font-size: 0; }
.footer p { color: #bcbcbc; }
.footer small { color: #aaa; }
.footer a:hover { color: #ff3447; }
.lead { color: #666; }
.empty, .notice { background: #f4f4f4; }
.admin input, .admin textarea, .admin select { border-color: #ccc; }
.admin button:hover, .button:hover { background: #bd0012; color: #fff; }
.adminbar { background: #030504; padding: 20px 24px; gap: 20px; }
.adminbar .logo { width: 190px; }
.login > .logo { width: 248px; padding: 16px; background: #030504; border-radius: 3px; }
.article-image--brand { background: #030504; object-fit: contain; padding: 40px; }
@media(max-width:850px) {
    .masthead { height: 122px; }
}
@media(max-width:520px) {
    .masthead { height: 108px; gap: 14px; }
    .masthead .logo { width: 190px; max-width: 52%; }
    .search { flex: 1 1 auto; min-width: 0; }
    .search input { width: 100%; min-width: 0; padding: 8px 5px; }
    .search button { padding: 0 6px; }
    .footer .logo { width: 156px; }
    .adminbar { padding: 16px; }
    .adminbar .logo { width: 145px; }
    .article-image--brand { padding: 20px; }
}