* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Crimson Pro',Georgia,serif; background:#F0F2F5; color:#0D1428; }

/* NAV */
nav {
  background-image: url("../images/navy-bar.png");
  background-size: cover;
  background-repeat: no-repeat; background-position: center;
  width:100%; position:relative;
  z-index:100; 
  display:flex; 
  align-items:center; 
  justify-content:center;
  padding:0 2.5rem; 
  height:65px; 
  border-top:2px solid #C9A84C;
  border-bottom:2px solid #C9A84C;
  box-shadow: 0 2px 20px rgba(0,0,0,0.5);
}
.nav-logo img { height:36px; object-fit:contain; cursor:pointer; }
.nav-links { display:flex; gap:2rem; list-style:none; align-items:center; }
.nav-links a { font-family:'Adamina',serif; font-size:0.7rem; letter-spacing:0.15em; text-transform:uppercase; color:#E8D8B0; text-decoration:none; cursor:pointer; padding-bottom:2px; border-bottom:2px solid transparent; transition:all 0.2s; }
.nav-links a:hover, .nav-links a.active { color:#C9A84C; border-bottom-color:#C9A84C; }
.nav-social { display:flex; gap:0.75rem; position:absolute; right:2.5rem; }
.nav-social a { color:#C9A84C; text-decoration:none; font-size:0.9rem; width:28px; height:28px; border:1px solid rgba(201,168,76,0.4); display:flex; align-items:center; justify-content:center; border-radius:3px; transition:all 0.2s; }
.nav-social a:hover { background:rgba(201,168,76,0.15); }
.nav-hamburger { display:none; background:none; border:none; cursor:pointer; flex-direction:column; gap:5px; }
.nav-hamburger span { display:block; width:22px; height:2px; background:#C9A84C; }

/* PAGES */
.page { display:none; }
.page.active { display:block; }

/* HERO BANNER */
.hero-banner { width:100%; position:relative; overflow:hidden; background:#0D1428; }
.hero-banner img { width:100%; height:420px; object-fit:cover; object-position:center center; display:block; }
.hero-banner.short img { height:280px; }
.hero-banner-overlay { position:absolute; inset:0; background:linear-gradient(to right,rgba(13,20,40,0.7) 0%,rgba(13,20,40,0.1) 60%,rgba(13,20,40,0.3) 100%); display:flex; align-items:flex-end; padding:1.5rem 2.5rem; }
.hero-banner-overlay img { height:150px; object-fit:contain; }
.hero-banner.short .hero-banner-overlay { align-items:center; }
.hero-banner.short .hero-banner-overlay h1 { font-family:'Adamina',serif; font-size:clamp(1.5rem,3vw,2.5rem); color:#F0D080; letter-spacing:0.1em; text-shadow:0 2px 12px rgba(0,0,0,0.8); }

/* WATCH BAR */
.watch-bar { background:#C9A84C; padding:0.6rem 2.5rem; display:flex; align-items:center; gap:1rem; justify-content:center; flex-wrap:wrap; }
.watch-bar span { font-family:'Adamina',serif; font-size:0.7rem; letter-spacing:0.2em; text-transform:uppercase; color:#0D1428; font-weight:700; }
.watch-bar select { background:#1A2B4A; color:#F0D080; border:none; padding:0.35rem 0.8rem; font-family:'Adamina',serif; font-size:0.65rem; letter-spacing:0.1em; cursor:pointer; border-radius:2px; }

/* SECTION */
.section-wrap { max-width:960px; margin:0 auto; padding:2rem 2rem 1rem; }
.section-title { font-family:'Adamina',serif; font-size:clamp(1.1rem,2.5vw,1.6rem); color:#0D1428; text-align:center; text-transform:uppercase; letter-spacing:0.15em; margin-bottom:0.5rem; }
.section-title span { color:#C9A84C; }
.gold-rule { width:50px; height:3px; margin:0.6rem auto 2rem; background:linear-gradient(90deg,#1A2B4A,#C9A84C,#1A2B4A); }
.section-sub { text-align:center; font-style:italic; color:#4A5A7A; font-size:1rem; margin-bottom:2rem; }

/* CARDS */
.cards-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; margin-top:1.5rem; max-width:960px; margin-left:auto; margin-right:auto; }
.card { background:#FFFFFF; border-radius:2px; box-shadow:0 2px 10px rgba(13,20,40,0.08); overflow:hidden; cursor:pointer; transition:transform 0.25s,box-shadow 0.25s; display:flex; flex-direction:column; text-decoration:none; color:inherit; }
.card:hover { transform:translateY(-3px); box-shadow:0 6px 20px rgba(13,20,40,0.15); }
.card-img { width:100%; aspect-ratio:16/10; overflow:hidden; background:#E0E4EE; }
.card-img img { width:100%; height:100%; object-fit:cover; transition:transform 0.4s; }
.card:hover .card-img img { transform:scale(1.04); }
.card-body { padding:1rem 1rem 0; flex:1; }
.card-title { font-family:'Adamina',serif; font-size:0.8rem; text-transform:uppercase; letter-spacing:0.08em; margin-bottom:0.5rem; color:#0D1428; }
.card-title .label { color:#C9A84C; }
.card-desc { font-size:0.9rem; color:#2A3A5A; line-height:1.6; }
.card-footer { padding:1rem; }
.card-btn { width:100%; padding:0.55rem; font-family:'Adamina',serif; font-size:0.6rem; letter-spacing:0.2em; text-transform:uppercase; background:#1A2B4A; color:#C9A84C; border:none; cursor:pointer; transition:background 0.2s; }
.card-btn:hover { background:#1A2B4A; }

/* BIOS */
.bios-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1.5rem; max-width:960px; margin:0 auto; }
.bio-card { background:#FFFFFF; border-radius:2px; box-shadow:0 2px 10px rgba(13,20,40,0.08); overflow:hidden; }
.bio-photo img { width:100%; aspect-ratio:16/9; object-fit:cover; object-position:center center; display:block; }
.bio-photo.bailiff img { object-position:88% center; }
.bio-photo.clerk img { object-position:18% center; }
.bio-info { padding:1.2rem; }
.bio-role { font-family:'Adamina',serif; font-size:0.58rem; letter-spacing:0.25em; text-transform:uppercase; color:#C9A84C; margin-bottom:0.3rem; }
.bio-name { font-family:'Adamina',serif; font-size:1.1rem; color:#0D1428; margin-bottom:0.8rem; }
.bio-rule { width:28px; height:2px; background:#C9A84C; margin-bottom:0.8rem; }
.bio-text { font-size:0.92rem; line-height:1.7; color:#2A3A5A; }

/* WHERE TO WATCH */
.watch-controls { display:flex; gap:1rem; align-items:center; flex-wrap:wrap; margin-bottom:1.5rem; }
.watch-search { flex:1; min-width:200px; border:1.5px solid #C9A84C; background:#fff; padding:0.6rem 1rem; font-family:'Crimson Pro',serif; font-size:1rem; color:#0D1428; outline:none; }
.watch-select { flex:1; min-width:200px; border:1.5px solid #C9A84C; background:#fff; padding:0.6rem 1rem; font-family:'Crimson Pro',serif; font-size:1rem; color:#0D1428; cursor:pointer; outline:none; appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23C9A84C' stroke-width='1.5' fill='none'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 1rem center; background-color:#fff; }
.markets-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:1rem; max-width:960px; margin:0 auto; }
.market-card { background:#fff; padding:1.2rem 1.4rem; box-shadow:0 1px 6px rgba(13,20,40,0.07); border-left:3px solid #C9A84C; }
.market-card:hover { border-left-color:#1A2B4A; }
.market-group { font-family:'Adamina',serif; font-size:0.58rem; letter-spacing:0.15em; text-transform:uppercase; color:#8B9AB0; margin-bottom:0.3rem; }
.market-name { font-family:'Adamina',serif; font-size:1rem; color:#0D1428; margin-bottom:0.6rem; font-weight:700; }
.market-row { display:flex; justify-content:space-between; font-size:0.95rem; padding:0.35rem 0; border-bottom:1px solid #E8ECF4; }
.market-row:last-child { border-bottom:none; }
.market-station { font-weight:700; color:#0D1428; }
.market-label { font-family:'Adamina',serif; font-size:0.68rem; text-transform:uppercase; letter-spacing:0.1em; color:#8B9AB0; white-space:nowrap; }
.market-time { color:#0D1428; font-weight:600; text-align:right; margin-left:0.5rem; }
.no-results { grid-column:1/-1; text-align:center; padding:3rem; font-style:italic; color:#8B9AB0; }

/* YOUTUBE */
.youtube-section { max-width:680px; margin:0 auto; text-align:center; }
.yt-card { background:#fff; padding:3rem 2.5rem; box-shadow:0 2px 14px rgba(13,20,40,0.08); border-top:4px solid #CC0000; }
.yt-icon { font-size:3.5rem; margin-bottom:1.2rem; display:block; }
.yt-body { font-size:1.05rem; color:#2A3A5A; line-height:1.8; font-style:italic; margin-bottom:1.8rem; }
.btn-youtube { display:inline-flex; align-items:center; gap:0.6rem; font-family:'Adamina',serif; font-size:0.7rem; letter-spacing:0.2em; text-transform:uppercase; background:#CC0000; color:#fff; border:none; padding:0.9rem 2rem; cursor:pointer; text-decoration:none; transition:all 0.25s; }
.btn-youtube:hover { background:#e00000; transform:translateY(-2px); }

/* SUBMIT */
.submit-wrap { max-width:700px; margin:0 auto; }
.submit-intro { background:#fff; border-left:4px solid #C9A84C; padding:1.2rem 1.8rem; margin-bottom:2rem; font-size:1rem; line-height:1.8; color:#2A3A5A; font-style:italic; box-shadow:0 1px 6px rgba(13,20,40,0.06); }
.form-card { background:#fff; padding:2rem; box-shadow:0 2px 14px rgba(13,20,40,0.08); }

/* FOOTER */
footer { background:#162040; padding:2.5rem 2rem 1.5rem; border-top:2px solid #C9A84C; margin-top:1rem; }
.footer-inner { max-width:960px; margin:0 auto; display:flex; flex-direction:column; align-items:center; gap:1.2rem; text-align:center; }
footer img { height:32px; object-fit:contain; opacity:0.85; }
.footer-links { display:flex; gap:1.5rem; flex-wrap:wrap; justify-content:center; }
.footer-links a { font-family:'Adamina',serif; font-size:0.58rem; letter-spacing:0.15em; text-transform:uppercase; color:#8B9AB0; text-decoration:none; cursor:pointer; transition:color 0.2s; }
.footer-links a:hover { color:#C9A84C; }
.footer-social { display:flex; gap:0.6rem; }
.footer-social a { width:30px; height:30px; border:1px solid rgba(201,168,76,0.3); display:flex; align-items:center; justify-content:center; color:#8B9AB0; text-decoration:none; transition:all 0.2s; font-size:0.8rem; }
.footer-social a:hover { border-color:#C9A84C; color:#C9A84C; }
footer p { font-size:0.72rem; color:#4A5A7A; line-height:1.6; }
.footer-privacy { display:flex; gap:1.2rem; flex-wrap:wrap; justify-content:center; margin:0.3rem 0; }
.footer-privacy a { font-family:'Adamina',serif; font-size:0.58rem; letter-spacing:0.1em; text-transform:uppercase; color:#8B9AB0; text-decoration:none; transition:color 0.2s; }
.footer-privacy a:hover { color:#C9A84C; }

/* BIOS */
.hb-bio { margin-bottom:2.5rem; box-shadow:0 4px 20px rgba(13,20,40,0.12); overflow:hidden; }
.hb-bio-header { background:linear-gradient(90deg, #0D1428, #1A2B4A); padding:1rem 1.5rem; display:flex; align-items:center; gap:0.75rem; border-left:4px solid #C9A84C; }
.hb-bio-header .role { font-family:'Adamina',serif; font-size:0.85rem; color:#C9A84C; text-transform:uppercase; letter-spacing:0.15em; }
.hb-bio-header .name { font-family:'Adamina',serif; font-size:0.85rem; color:#ffffff; text-transform:uppercase; letter-spacing:0.15em; font-weight:600; }
.hb-bio-top { display:flex; height:320px; }
.hb-bio-photo { width:58%; flex-shrink:0; }
.hb-bio-photo img { width:100%; height:320px; object-fit:cover; display:block; }
.hb-bio-highlights { width:42%; height:320px; background:linear-gradient(135deg, #0D1428 0%, #162040 60%, #0D1428 100%); padding:1.8rem 1.5rem; display:flex; flex-direction:column; justify-content:center; gap:0; position:relative; overflow:hidden; }
.hb-bio-highlights::before {
  content:"";
  position:absolute;
  right:-20px; bottom:-20px;
  width:180px; height:180px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='none' stroke='rgba(201,168,76,0.08)' stroke-width='2'/%3E%3Ccircle cx='50' cy='50' r='35' fill='none' stroke='rgba(201,168,76,0.06)' stroke-width='1'/%3E%3Cpath d='M50 20 L55 35 L70 35 L58 45 L63 60 L50 50 L37 60 L42 45 L30 35 L45 35 Z' fill='rgba(201,168,76,0.05)'/%3E%3C/svg%3E") no-repeat center;
  background-size:contain;
}
.hb-bio-highlight { color:#C8D8E8; font-size:0.88rem; line-height:1.55; padding:0.9rem 0; border-bottom:1px solid rgba(201,168,76,0.2); position:relative; padding-left:1rem; }
.hb-bio-highlight::before { content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:3px; height:60%; background:#C9A84C; border-radius:2px; }
.hb-bio-highlight:last-child { border-bottom:none; }
.hb-bio-body { padding:1.8rem 2rem; background:#fff; border-top:3px solid #C9A84C; }
.hb-bio-body p { font-size:0.93rem; line-height:1.75; color:#2A3A5A; margin-bottom:0.9rem; }
.hb-bio-body p:last-child { margin-bottom:0; }
.hb-gold-rule { height:1px; background:linear-gradient(90deg, transparent, #C9A84C, #F0D080, #C9A84C, transparent); margin:0 0 2.5rem; }

/* SUBMIT FORM */
.al-form { background:#fff; border-radius:6px; box-shadow:0 4px 20px rgba(13,20,40,0.12); overflow:hidden; }
.al-form-section { background:linear-gradient(90deg, #0D1428, #1A2B4A); padding:0.9rem 1.5rem; border-left:4px solid #C9A84C; margin:0; }
.al-form-section h3 { font-family:'Adamina',serif; font-size:0.78rem; color:#C9A84C; text-transform:uppercase; letter-spacing:0.18em; margin:0; }
.al-form-body { padding:1.5rem 1.8rem; }
.al-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-bottom:1rem; }
.al-row.full { grid-template-columns:1fr; }
.al-row.three { grid-template-columns:1fr 1fr 1fr; }
.al-field { display:flex; flex-direction:column; gap:0.3rem; }
.al-field label { font-family:'Adamina',serif; font-size:0.68rem; text-transform:uppercase; letter-spacing:0.12em; color:#1A2B4A; font-weight:600; }
.al-field input, .al-field select, .al-field textarea { border:1px solid #C8D0DC; border-radius:3px; padding:0.55rem 0.75rem; font-size:0.88rem; color:#2A3A5A; background:#FAFBFD; font-family:inherit; transition:border-color 0.15s, box-shadow 0.15s; outline:none; }
.al-field input:focus, .al-field select:focus, .al-field textarea:focus { border-color:#C9A84C; box-shadow:0 0 0 2px rgba(201,168,76,0.18); }
.al-field textarea { resize:vertical; min-height:120px; }
.al-radio-group { display:flex; gap:1.5rem; align-items:center; padding:0.4rem 0; }
.al-radio-group label { font-size:0.88rem; color:#2A3A5A; text-transform:none; letter-spacing:0; font-weight:400; display:flex; align-items:center; gap:0.4rem; cursor:pointer; }
.al-radio-group input[type="radio"] { width:16px; height:16px; accent-color:#C9A84C; cursor:pointer; }
.al-divider { height:1px; background:linear-gradient(90deg, transparent, #C9A84C, #F0D080, #C9A84C, transparent); margin:0.5rem 0 1.5rem; }
.al-submit-btn { display:block; width:100%; padding:0.9rem; background:linear-gradient(135deg, #C9A84C, #F0D080, #C9A84C); color:#0D1428; font-family:'Adamina',serif; font-size:0.85rem; font-weight:700; text-transform:uppercase; letter-spacing:0.2em; border:none; border-radius:3px; cursor:pointer; transition:opacity 0.2s, transform 0.15s; margin-top:0.5rem; }
.al-submit-btn:hover { opacity:0.9; transform:translateY(-1px); }
.al-required { color:#C9A84C; margin-left:2px; }
.al-success { display:none; background:linear-gradient(90deg,#0D1428,#1A2B4A); border-left:4px solid #C9A84C; padding:2rem 1.8rem; text-align:center; }
.al-success p { font-family:'Adamina',serif; color:#E8D8B0; font-size:1rem; line-height:1.8; margin:0; }
@media(max-width:600px) {
  .al-row { grid-template-columns:1fr; }
  .al-row.three { grid-template-columns:1fr; }
  .al-form-body { padding:1.2rem 1rem; }
}

/* RESPONSIVE */
@media(max-width:768px) {
  nav { padding:0; justify-content:center; height:auto; flex-direction:column; align-items:stretch; }
  .nav-links { display:flex; flex-direction:column; position:static; background:transparent; padding:0.3rem 0; gap:0; border:none; z-index:auto; text-align:center; width:100%; }
  .nav-links li { border-bottom:1px solid rgba(201,168,76,0.15); padding:0.6rem 1rem; }
  .nav-links li:last-child { border-bottom:none; }
  .nav-links a { font-size:0.68rem; }
  .nav-social { display:none; }
  .nav-hamburger { display:none; }
  div[style*="top:50%"][style*="left:3rem"] { top:1rem !important; right:1rem !important; bottom:auto !important; left:auto !important; transform:none !important; }
  div[style*="top:50%"][style*="left:3rem"] img { height:70px !important; }
  .cards-grid { grid-template-columns:1fr; }
  .section-wrap { padding:1.5rem 1rem 1rem; }
  .hb-bio-top { flex-direction:column !important; height:auto !important; }
  .hb-bio-photo { width:100% !important; }
  .hb-bio-photo img { height:220px !important; }
  .hb-bio-highlights { width:100% !important; height:auto !important; padding:1rem 1.2rem !important; }
  .watch-controls { flex-direction:column; }
  .watch-search, .watch-select { min-width:unset; width:100%; }
  .footer-links { gap:0.8rem; }
  .footer-privacy { gap:0.6rem; }
}
  #page-bios:not(.show-judge) #bio-judge-section { display:none; }
  #page-bios.show-judge #bio-cast-section { display:none; }