#cff-film-nominations-app {
--cff-nom-navy: #111c32;
--cff-nom-ink: #26232c;
--cff-nom-gold: #a8874e;
--cff-nom-paper: #f8f5ef;
--cff-nom-line: #d9d1c2;
color: var(--cff-nom-ink);
background: var(--cff-nom-paper);
}
#cff-film-nominations-app * { box-sizing: border-box; }
#cff-film-nominations-app .cff-nominations-page { min-height: 620px; }
#cff-film-nominations-app .cff-nominations-hero {
padding: 74px clamp(24px, 7vw, 104px) 56px;
color: #fff;
background: var(--cff-nom-navy);
}
#cff-film-nominations-app .cff-nominations-hero > p:first-child,
#cff-film-nominations-app .cff-nominations-category-head > p {
margin: 0 0 12px;
color: #d4b26f;
font-size: 10px;
font-weight: 700;
letter-spacing: .16em;
text-transform: uppercase;
}
#cff-film-nominations-app h1,
#cff-film-nominations-app h2,
#cff-film-nominations-app h3 {
font-family: "Trajan Pro", "Trajan Pro 3", Georgia, serif;
}
#cff-film-nominations-app .cff-nominations-hero h1 {
margin: 0;
color: #fff !important;
max-width: 900px;
font-size: clamp(46px, 7vw, 92px);
line-height: .94;
font-weight: 600;
}
#cff-film-nominations-app .cff-nominations-rule { width: 88px; height: 2px; margin: 30px 0 24px; background: var(--cff-nom-gold); }
#cff-film-nominations-app .cff-nominations-intro { max-width: 720px; margin: 0; color: #d7d9df; font-size: 15px; line-height: 1.65; }
#cff-film-nominations-app .cff-nominations-search { display: block; max-width: 620px; margin-top: 34px; }
#cff-film-nominations-app .cff-nominations-search input {
width: 100%; padding: 14px 0; border: 0; border-bottom: 1px solid rgba(255,255,255,.5); border-radius: 0;
color: #fff; background: transparent; font: inherit; outline: none;
}
#cff-film-nominations-app .cff-nominations-search input::placeholder { color: rgba(255,255,255,.68); }
#cff-film-nominations-app [data-cff-nominations-content] { padding: 54px clamp(24px, 7vw, 104px) 100px; }
#cff-film-nominations-app .cff-nominations-category { display: grid; grid-template-columns: minmax(190px, .7fr) minmax(0, 2fr); gap: 38px; padding: 36px 0; border-top: 1px solid var(--cff-nom-line); }
#cff-film-nominations-app .cff-nominations-category-head h2 { margin: 0 0 10px; font-size: clamp(34px, 4vw, 52px); line-height: 1; font-weight: 600; }
#cff-film-nominations-app .cff-nominations-category-head span { color: #746d63; font-size: 11px; }
#cff-film-nominations-app .cff-nominations-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
#cff-film-nominations-app .cff-nominations-card { min-height: 122px; padding: 22px; display: flex; flex-direction: column; justify-content: space-between; gap: 20px; background: #fff; border: 1px solid #e4ddd1; }
#cff-film-nominations-app .cff-nominations-card h3 { margin: 0; font-size: 25px; line-height: 1.02; font-weight: 600; }
#cff-film-nominations-app .cff-nominations-card p { margin: 8px 0 0; color: #777079; font-size: 11px; }
#cff-film-nominations-app .cff-nominations-card a { color: var(--cff-nom-navy); font-size: 9px; font-weight: 700; text-decoration: none; letter-spacing: .1em; text-transform: uppercase; }
#cff-film-nominations-app .cff-nominations-empty { max-width: 760px; padding: 42px; background: #fff; border: 1px solid #e4ddd1; }
#cff-film-nominations-app .cff-nominations-empty h2 { margin: 0 0 12px; font-size: 40px; line-height: 1; }
#cff-film-nominations-app .cff-nominations-empty > p:last-child { margin: 0; color: #746e76; line-height: 1.65; }
#cff-film-nominations-app .cff-nominations-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 760px) {
#cff-film-nominations-app .cff-nominations-category { grid-template-columns: 1fr; gap: 20px; }
#cff-film-nominations-app .cff-nominations-list { grid-template-columns: 1fr; }
#cff-film-nominations-app .cff-nominations-hero { padding-top: 56px; }
}