.hero-v11{min-height:760px}.hero-slides,.hero-photo{position:absolute;inset:0}.hero-photo{opacity:0;background-size:cover;background-position:center;transition:opacity 1.4s ease,transform 9s linear;transform:scale(1)}.hero-photo.active{opacity:1;transform:scale(1.045)}.hero-v11:before{z-index:1}.hero-v11 .hero-content{z-index:3;max-width:850px}.hero-broadcast-card{position:absolute;z-index:4;right:max(24px,calc((100vw - var(--max))/2));bottom:92px;width:330px;padding:24px;background:rgba(3,9,5,.91);border-top:4px solid var(--gold);box-shadow:0 20px 60px rgba(0,0,0,.45)}.hero-broadcast-card span,.hero-broadcast-card small,.hero-broadcast-card strong,.hero-broadcast-card a{display:block}.broadcast-state{font:900 11px Inter;letter-spacing:.13em;color:#fff;background:var(--green);width:max-content;padding:6px 9px;margin-bottom:18px}.hero-broadcast-card small{color:var(--gold);font:800 10px Inter;letter-spacing:.13em}.hero-broadcast-card strong{font:800 27px/1 "Barlow Condensed";text-transform:uppercase;margin:8px 0 18px}.hero-broadcast-card a{color:var(--gold);font:800 11px Inter}.hero-slide-caption{position:absolute;z-index:4;right:max(24px,calc((100vw - var(--max))/2));top:100px;width:330px}.caption{display:none;border-left:3px solid var(--gold);padding-left:14px}.caption.active{display:block}.caption small,.caption b{display:block}.caption small{font:800 9px Inter;color:var(--gold);letter-spacing:.13em}.caption b{font:800 20px/1 "Barlow Condensed";margin-top:5px}.broadcast-iframe{display:block;width:100%;min-height:520px;border:0}.match-centre{padding:72px max(24px,calc((100vw - var(--max))/2));background:linear-gradient(105deg,#068b45,#0ab25a);color:#fff}.match-centre-head{display:flex;align-items:end;gap:26px;margin-bottom:30px}.match-centre-head h2{font:900 56px/.9 "Barlow Condensed";text-transform:uppercase;margin:0}.match-centre-head .kicker{color:var(--gold);margin-right:auto}.match-centre-head>span{font:800 11px Inter;letter-spacing:.12em}.match-panels{display:grid;grid-template-columns:1fr 1fr;gap:14px}.match-card{padding:28px;background:#06120b;min-height:185px;border-top:4px solid var(--gold)}.match-card small{font:800 10px Inter;color:var(--gold);letter-spacing:.13em}.teams{display:grid;grid-template-columns:1fr 100px 1fr;gap:15px;align-items:center;text-align:center;margin:22px 0}.teams b{font:900 28px/1 "Barlow Condensed";text-transform:uppercase}.teams strong{font:900 34px "Barlow Condensed";color:var(--gold)}.match-card a,.match-card>span,.match-card time{color:#c9d5cd;font-size:12px}.dynamic-image,.card-photo{background-size:cover!important;background-position:center!important}.image-card{padding:0 25px 25px!important}.card-photo{height:150px;margin:0 -25px 20px}.newsroom-badge,.library-count{background:var(--green);color:#fff;padding:8px 11px;font:800 10px Inter;letter-spacing:.12em}.v11-library .programme-art{position:relative}.media-play{width:70px;height:70px;border-radius:50%;border:1px solid var(--gold);background:rgba(2,8,4,.72);color:var(--gold);font-size:24px;cursor:pointer;transition:.25s}.media-play:hover{transform:scale(1.08);background:var(--gold);color:#071009}.programme-chip{position:absolute;left:16px;top:16px;background:var(--green);padding:7px 10px;font:800 9px Inter;letter-spacing:.11em}.player-spotlight{display:grid;grid-template-columns:1.1fr .9fr;min-height:650px;background:#061009}.spotlight-photo{background-size:cover;background-position:center}.spotlight-copy{padding:90px max(30px,calc((100vw - var(--max))/2));padding-left:70px}.spotlight-copy h2{font:900 clamp(52px,7vw,92px)/.84 "Barlow Condensed";text-transform:uppercase;margin:0 0 26px}.spotlight-copy>p:not(.kicker){color:var(--muted);max-width:560px}.spotlight-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:42px}.spotlight-stats div{background:#0b1710;padding:22px;text-align:center}.spotlight-stats b,.spotlight-stats span{display:block}.spotlight-stats b{font:900 42px "Barlow Condensed";color:var(--gold)}.spotlight-stats span{font:800 9px Inter;letter-spacing:.12em}.community-v11{grid-template-columns:.7fr 1.3fr}.community-gallery{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:8px;height:520px}.community-gallery img{width:100%;height:100%;object-fit:cover}.community-gallery img:first-child{grid-row:1/-1}.media-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:1000;padding:30px;align-items:center;justify-content:center}.media-modal.open{display:flex}.media-dialog{width:min(1100px,100%);background:#071009;padding:20px;position:relative;border-top:4px solid var(--gold)}.media-dialog h3{font:800 28px "Barlow Condensed";text-transform:uppercase}.media-dialog video,.media-dialog iframe{width:100%;max-height:72vh;aspect-ratio:16/9;border:0;background:#000}.media-close{position:absolute;right:12px;top:8px;background:transparent;border:0;color:#fff;font-size:36px;cursor:pointer}.admin-access{opacity:.45}
@media(max-width:900px){.hero-broadcast-card,.hero-slide-caption{display:none}.match-panels,.player-spotlight,.community-v11{grid-template-columns:1fr}.spotlight-photo{min-height:520px}.spotlight-copy{padding:65px 24px}.community-gallery{height:440px}.broadcast-iframe{min-height:400px}}
@media(max-width:620px){.hero-v11{min-height:650px}.match-centre-head{display:block}.match-centre-head h2{font-size:44px}.match-panels{grid-template-columns:1fr}.teams{grid-template-columns:1fr 60px 1fr}.teams b{font-size:20px}.community-gallery{grid-template-columns:1fr;height:auto}.community-gallery img{height:230px}.community-gallery img:first-child{grid-row:auto}.spotlight-photo{min-height:420px}.media-modal{padding:8px}.broadcast-iframe{min-height:260px}}

/* VERSION 12 — LIVE NETWORK LAYER */
.live-rail{display:grid;grid-template-columns:1.1fr .8fr 1.5fr 1fr;gap:1px;background:#183126;color:#fff;border-bottom:1px solid #294838}
.rail-item{display:flex;align-items:center;gap:12px;padding:9px 18px;background:#061009;min-height:42px}
.rail-item span{font:800 8px Inter;letter-spacing:.13em;color:#8ea198}
.rail-item strong,.rail-item b{font:900 11px Inter;letter-spacing:.05em}
.rail-dot,.score-pulse{width:8px;height:8px;border-radius:50%;background:#21e270;box-shadow:0 0 0 0 rgba(33,226,112,.8);animation:gisnPulse 1.7s infinite}
@keyframes gisnPulse{0%{box-shadow:0 0 0 0 rgba(33,226,112,.7)}70%{box-shadow:0 0 0 9px rgba(33,226,112,0)}100%{box-shadow:0 0 0 0 rgba(33,226,112,0)}}
.ticker-v12{overflow:hidden}.ticker-track{display:flex;width:max-content;animation:tickerRun 38s linear infinite}.ticker-track span{padding-right:80px;white-space:nowrap}
.ticker-v12:hover .ticker-track{animation-play-state:paused}
@keyframes tickerRun{from{transform:translateX(10vw)}to{transform:translateX(-100%)}}
.score-strip{display:none;grid-template-columns:auto 1fr auto auto;align-items:center;gap:24px;background:#e2b83f;color:#051008;padding:13px max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid rgba(0,0,0,.25)}
.score-strip[data-status="live"]{display:grid}
.score-label{display:flex;align-items:center;gap:10px;font:900 10px Inter;letter-spacing:.1em}.score-teams{display:flex;justify-content:center;align-items:center;gap:20px}.score-teams b{font:900 18px "Barlow Condensed"}.score-teams strong{background:#051008;color:#fff;padding:6px 14px;font:900 22px "Barlow Condensed"}.score-minute{font:900 12px Inter}.score-strip a{color:#051008;font:900 10px Inter}
.just-added{position:absolute;right:15px;top:15px;background:#e2b83f;color:#041008;padding:7px 9px;font:900 8px Inter;letter-spacing:.11em;animation:badgeGlow 2.2s ease-in-out infinite}
@keyframes badgeGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.35)}}
.hero-broadcast-card .broadcast-state{animation:subtleLive 2.4s ease-in-out infinite}
@keyframes subtleLive{0%,100%{opacity:1}50%{opacity:.68}}
@media(max-width:900px){.live-rail{grid-template-columns:1fr 1fr}.rail-next,.rail-updated{display:none}.score-strip{grid-template-columns:1fr auto}.score-label,.score-strip a{display:none}}
@media(max-width:560px){.live-rail{grid-template-columns:1fr}.rail-item:not(.rail-status){display:none}.ticker-track{animation-duration:28s}.score-teams{justify-content:flex-start;gap:10px}.score-teams b{font-size:15px}}

/* VERSION 13 — SHOW READY CONTROL ROOM ACCESS */
.control-room-link{
  opacity:1!important;
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#e2b83f!important;
  font-weight:800;
  letter-spacing:.07em;
  text-decoration:none;
}
.control-room-link span{font-size:8px}
.control-room-fab{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:120;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:11px 14px;
  background:#071009;
  border:1px solid rgba(226,184,63,.72);
  color:#e2b83f;
  font:800 9px Inter,Arial,sans-serif;
  letter-spacing:.11em;
  text-decoration:none;
  box-shadow:0 8px 28px rgba(0,0,0,.28);
  transition:.22s ease;
}
.control-room-fab:hover{
  background:#e2b83f;
  color:#071009;
  transform:translateY(-2px);
}
@media(max-width:620px){
  .control-room-fab{right:10px;bottom:10px;padding:9px 10px;font-size:8px}
}


/* =========================================================
   GISN TV — SECTION 01
   NETWORK HEADER + LIVE BROADCAST RAIL
   Permanent upgrade layer
   ========================================================= */

:root{--gisn-rail-height:42px}

.live-rail{
  min-height:42px;
  display:grid;
  grid-template-columns:1.05fr 1fr 1.25fr 1.15fr;
  position:relative;
  z-index:120;
  background:#020604;
  border-bottom:1px solid rgba(212,175,55,.26);
  box-shadow:0 8px 30px rgba(0,0,0,.28)
}
.live-rail .rail-item{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:8px 15px;
  border-right:1px solid rgba(255,255,255,.08);
  white-space:nowrap
}
.live-rail .rail-item:last-child{border-right:0}
.live-rail .rail-item span{
  color:#8f9b93;
  font:800 9px/1 Inter,sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase
}
.live-rail .rail-item strong,
.live-rail .rail-item b{
  overflow:hidden;
  text-overflow:ellipsis;
  color:#fff;
  font:900 11px/1 Inter,sans-serif;
  letter-spacing:.06em
}
.live-rail .rail-status{
  justify-content:flex-start;
  padding-left:max(20px,calc((100vw - var(--max))/2))
}
.live-rail .rail-status b{color:#fff}
.rail-dot{
  flex:0 0 auto;
  width:9px;height:9px;border-radius:50%;
  background:#ff3434;
  box-shadow:0 0 0 0 rgba(255,52,52,.65);
  animation:gisn-live-pulse 1.8s infinite
}
@keyframes gisn-live-pulse{
  70%{box-shadow:0 0 0 9px rgba(255,52,52,0)}
  100%{box-shadow:0 0 0 0 rgba(255,52,52,0)}
}

.breaking-bar{
  position:relative;
  z-index:119;
  min-height:38px;
  display:grid;
  grid-template-columns:auto 1fr;
  overflow:hidden;
  background:#0a1a10;
  border-bottom:1px solid rgba(255,255,255,.07)
}
.breaking-label{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  padding:0 20px;
  background:var(--gold);
  color:#061009;
  font:900 10px Inter,sans-serif;
  letter-spacing:.14em;
  white-space:nowrap
}
.ticker-v12{overflow:hidden;display:flex;align-items:center}
.ticker-v12 .ticker-track{
  width:max-content;
  display:flex;
  align-items:center;
  gap:46px;
  padding-left:38px;
  animation:gisn-ticker 34s linear infinite;
  will-change:transform
}
.ticker-v12 .ticker-track span{
  position:relative;
  flex:0 0 auto;
  color:#e8eee9;
  font:800 10px Inter,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase
}
.ticker-v12 .ticker-track span:after{
  content:"◆";
  position:absolute;
  right:-27px;
  color:var(--gold);
  font-size:7px
}
.breaking-bar:hover .ticker-track{animation-play-state:paused}
@keyframes gisn-ticker{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

.site-header{
  z-index:110;
  box-shadow:0 14px 40px rgba(0,0,0,.22)
}
.site-header .brand img{
  filter:drop-shadow(0 4px 14px rgba(0,0,0,.28))
}
.primary-nav a{
  position:relative
}
.primary-nav a:after{
  content:"";
  position:absolute;
  left:0;right:100%;bottom:-8px;
  height:2px;
  background:var(--gold);
  transition:right .22s ease
}
.primary-nav a:hover:after,
.primary-nav a:focus-visible:after{right:0}
.header-live{
  white-space:nowrap
}

@media(max-width:980px){
  .live-rail{
    grid-template-columns:1fr 1fr
  }
  .live-rail .rail-item{
    justify-content:flex-start;
    padding:8px 14px
  }
  .live-rail .rail-status{padding-left:14px}
  .site-header{position:relative}
  .menu-toggle{
    display:flex!important;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:4px;
    width:48px;height:44px;
    border:1px solid rgba(255,255,255,.14);
    background:#0a160e;
    color:#fff;
    cursor:pointer
  }
  .menu-toggle span{
    display:block;width:20px;height:2px;background:#fff;transition:.2s
  }
  .menu-toggle b{display:none}
  .menu-toggle.active span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .menu-toggle.active span:nth-child(2){opacity:0}
  .menu-toggle.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .primary-nav{
    display:none!important;
    position:absolute;
    top:100%;left:0;right:0;
    padding:12px 20px 22px;
    background:rgba(2,8,4,.98);
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:2px solid var(--gold);
    box-shadow:0 24px 45px rgba(0,0,0,.5)
  }
  .primary-nav.open{display:grid!important}
  .primary-nav a{
    padding:13px 4px;
    border-bottom:1px solid rgba(255,255,255,.07)
  }
  .primary-nav a:after{display:none}
  body.nav-open{overflow:hidden}
}

@media(max-width:620px){
  .live-rail{
    grid-template-columns:1fr 1fr;
    min-height:0
  }
  .live-rail .rail-item{
    min-height:36px;
    padding:7px 10px
  }
  .live-rail .rail-item span{font-size:7px}
  .live-rail .rail-item strong,.live-rail .rail-item b{font-size:9px}
  .rail-updated{display:none!important}
  .live-rail{grid-template-columns:1fr 1fr 1fr}
  .breaking-bar{grid-template-columns:auto 1fr}
  .breaking-label{padding:0 11px;font-size:8px}
  .ticker-v12 .ticker-track{gap:36px;padding-left:24px}
  .ticker-v12 .ticker-track span{font-size:8px}
  .header-live{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  .rail-dot,.ticker-v12 .ticker-track{animation:none!important}
}


/* =========================================================
   GISN TV — SECTION 02
   HERO / ON-AIR EXPERIENCE
   ========================================================= */

.hero-v12{
  min-height:780px;
  padding-top:88px;
  padding-bottom:112px;
  isolation:isolate;
  background:#020704;
}
.hero-v12 .hero-slides,
.hero-v12 .hero-photo{
  position:absolute;
  inset:0;
}
.hero-v12 .hero-photo{
  opacity:0;
  background-size:cover;
  background-position:center 38%;
  transition:opacity 1s ease,transform 7s linear;
  transform:scale(1.015);
}
.hero-v12 .hero-photo.active{
  opacity:1;
  transform:scale(1.055);
}
.hero-v12 .hero-shade{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(0,0,0,.05) 0%,transparent 42%,rgba(0,0,0,.62) 100%),
    radial-gradient(circle at 74% 46%,rgba(12,147,73,.12),transparent 29%);
}
.hero-v12:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(2,7,4,.34),transparent 52%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 72px);
}
.hero-v12 .hero-content{
  position:relative;
  z-index:5;
  width:min(760px,62vw);
  max-width:none;
}
.hero-network-id{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:20px;
  color:#d8e3db;
  font:800 10px/1 Inter,sans-serif;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.hero-network-id i{
  width:1px;
  height:13px;
  background:rgba(255,255,255,.28);
}
.hero-kicker{
  width:max-content;
  max-width:100%;
  margin:0 0 18px;
  padding:7px 10px;
  border-left:3px solid var(--gold);
  background:rgba(2,8,4,.55);
  color:var(--gold);
  font:900 10px/1 Inter,sans-serif;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.hero-v12 h1{
  max-width:790px;
  margin:0;
  font:900 clamp(68px,7.2vw,116px)/.80 "Barlow Condensed",sans-serif;
  letter-spacing:-.035em;
  text-transform:uppercase;
  text-shadow:0 8px 32px rgba(0,0,0,.34);
}
.hero-v12 h1 em{
  color:var(--gold);
  -webkit-text-stroke:0;
  text-shadow:0 10px 36px rgba(0,0,0,.38);
}
.hero-v12 .hero-copy{
  max-width:650px;
  margin:28px 0 28px;
  color:#d5dfd8;
  font-size:17px;
  line-height:1.62;
}
.hero-v12 .hero-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.hero-watch{
  min-width:170px;
  box-shadow:0 12px 36px rgba(0,0,0,.24);
}
.hero-play-icon{
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border-radius:50%;
  background:#071009;
  color:var(--gold);
  font-size:10px;
}
.hero-v12 .hero-signature{
  display:flex;
  gap:0;
  margin-top:31px;
  width:max-content;
  max-width:100%;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.24);
}
.hero-v12 .hero-signature span{
  padding:10px 14px;
  border-right:1px solid rgba(255,255,255,.12);
  color:#fff;
  font:900 9px/1 Inter,sans-serif;
  letter-spacing:.13em;
}
.hero-v12 .hero-signature span:nth-child(2){color:var(--gold)}
.hero-v12 .hero-signature span:last-child{border-right:0}

.hero-onair{
  position:absolute;
  right:max(24px,calc((100vw - var(--max))/2));
  bottom:104px;
  z-index:6;
  width:min(350px,29vw);
  padding:0;
  overflow:hidden;
  background:rgba(3,10,6,.94);
  border:1px solid rgba(255,255,255,.13);
  border-top:4px solid var(--gold);
  box-shadow:0 24px 70px rgba(0,0,0,.52);
  backdrop-filter:blur(10px);
}
.onair-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  min-height:39px;
  padding:0 16px;
  background:#08160d;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.onair-status{
  display:flex;
  align-items:center;
  gap:8px;
  color:#fff;
  font:900 9px/1 Inter,sans-serif;
  letter-spacing:.12em;
}
.onair-status i{
  width:8px;height:8px;border-radius:50%;
  background:#ff3434;
  box-shadow:0 0 12px rgba(255,52,52,.8);
}
.onair-channel{
  color:#93a398;
  font:800 8px/1 Inter,sans-serif;
  letter-spacing:.12em;
}
.hero-onair>small,
.hero-onair>h2,
.hero-onair>p,
.hero-onair>.onair-meta,
.hero-onair>a{
  margin-left:21px;
  margin-right:21px;
}
.hero-onair>small{
  display:block;
  margin-top:20px;
  color:var(--gold);
  font:900 9px/1 Inter,sans-serif;
  letter-spacing:.14em;
}
.hero-onair h2{
  margin-top:8px;
  margin-bottom:10px;
  color:#fff;
  font:900 29px/.95 "Barlow Condensed",sans-serif;
  text-transform:uppercase;
}
.hero-onair p{
  margin-top:0;
  margin-bottom:18px;
  color:#aab8ae;
  font-size:11px;
  line-height:1.55;
}
.onair-meta{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  margin-bottom:17px;
  background:rgba(255,255,255,.10);
}
.onair-meta span{
  min-width:0;
  padding:10px;
  background:#071009;
  color:#dce6df;
  font-size:10px;
  line-height:1.3;
}
.onair-meta b{
  display:block;
  margin-bottom:5px;
  color:#819187;
  font:800 7px/1 Inter,sans-serif;
  letter-spacing:.11em;
}
.hero-onair>a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:20px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.10);
  color:var(--gold);
  font:900 9px/1 Inter,sans-serif;
  letter-spacing:.11em;
}
.hero-onair>a span{font-size:17px}

.hero-v12 .hero-slide-caption{
  top:92px;
  right:max(24px,calc((100vw - var(--max))/2));
  z-index:6;
  width:min(350px,29vw);
  padding:13px 15px;
  background:rgba(2,8,4,.54);
  border-left:3px solid var(--gold);
  backdrop-filter:blur(7px);
}
.hero-v12 .caption{
  display:none;
  padding:0;
  border:0;
}
.hero-v12 .caption.active{display:block}
.hero-v12 .caption small{
  color:var(--gold);
  font:900 8px/1 Inter,sans-serif;
  letter-spacing:.13em;
}
.hero-v12 .caption b{
  margin-top:5px;
  color:#fff;
  font:900 18px/1 "Barlow Condensed",sans-serif;
  text-transform:uppercase;
}

.hero-controls{
  position:absolute;
  z-index:7;
  left:max(24px,calc((100vw - var(--max))/2));
  bottom:39px;
  display:flex;
  align-items:center;
  gap:9px;
}
.hero-control,
.hero-pause{
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  padding:0;
  border:1px solid rgba(255,255,255,.25);
  background:rgba(2,8,4,.68);
  color:#fff;
  cursor:pointer;
  font:800 18px/1 Arial,sans-serif;
  transition:.2s ease;
}
.hero-pause{
  font-size:10px;
  letter-spacing:-2px;
}
.hero-control:hover,
.hero-control:focus-visible,
.hero-pause:hover,
.hero-pause:focus-visible{
  border-color:var(--gold);
  color:var(--gold);
}
.hero-dots{
  display:flex;
  gap:6px;
  align-items:center;
}
.hero-dot{
  width:25px;
  height:4px;
  padding:0;
  border:0;
  background:rgba(255,255,255,.31);
  cursor:pointer;
  transition:.25s ease;
}
.hero-dot.active{
  width:42px;
  background:var(--gold);
}
.hero-progress{
  position:absolute;
  left:0;right:0;bottom:0;
  z-index:8;
  height:3px;
  overflow:hidden;
  background:rgba(255,255,255,.10);
}
.hero-progress span{
  display:block;
  width:100%;
  height:100%;
  transform-origin:left;
  background:var(--gold);
  animation:gisnHeroProgress 6000ms linear forwards;
}
@keyframes gisnHeroProgress{
  from{transform:scaleX(0)}
  to{transform:scaleX(1)}
}

@media(max-width:1080px){
  .hero-v12 .hero-content{width:min(670px,64vw)}
  .hero-onair,
  .hero-v12 .hero-slide-caption{width:300px}
  .hero-v12 h1{font-size:clamp(62px,7vw,96px)}
}
@media(max-width:900px){
  .hero-v12{
    min-height:720px;
    padding:80px 24px 100px;
  }
  .hero-v12 .hero-content{
    width:100%;
    max-width:690px;
  }
  .hero-onair{
    position:relative;
    right:auto;
    bottom:auto;
    width:100%;
    max-width:690px;
    margin-top:34px;
  }
  .hero-v12 .hero-slide-caption{display:none}
  .hero-v12 h1{font-size:clamp(58px,11vw,90px)}
  .hero-controls{
    left:24px;
    bottom:34px;
  }
}
@media(max-width:620px){
  .hero-v12{
    min-height:auto;
    padding:58px 18px 88px;
  }
  .hero-v12 .hero-photo{
    background-position:62% center;
  }
  .hero-v12 .hero-content{max-width:100%}
  .hero-network-id{
    flex-wrap:wrap;
    font-size:8px;
  }
  .hero-v12 h1{
    font-size:clamp(49px,16vw,68px);
    line-height:.82;
  }
  .hero-v12 .hero-copy{
    font-size:14px;
    line-height:1.55;
    margin:22px 0;
  }
  .hero-v12 .hero-actions .button{
    width:100%;
  }
  .hero-v12 .hero-signature{
    width:100%;
  }
  .hero-v12 .hero-signature span{
    flex:1;
    padding:9px 6px;
    text-align:center;
    font-size:7px;
  }
  .hero-onair{
    margin-top:28px;
  }
  .hero-onair h2{font-size:25px}
  .hero-controls{
    left:18px;
    right:18px;
    bottom:27px;
  }
  .hero-dots{flex:1;justify-content:center}
  .hero-dot{width:18px}
  .hero-dot.active{width:31px}
}

@media(prefers-reduced-motion:reduce){
  .hero-v12 .hero-photo{transition:opacity .2s ease;transform:none!important}
  .hero-progress span{animation:none!important}
}


/* =========================================================
   GISN TV — SECTION 02 FIX 01
   Hero spacing / collision correction
   ========================================================= */

@media(min-width:901px){
  .hero-v12{
    display:block;
    min-height:760px;
    padding-top:92px;
    padding-bottom:110px;
  }

  .hero-v12 .hero-content{
    width:calc(100% - 390px);
    max-width:700px;
    padding-right:24px;
  }

  .hero-v12 h1{
    max-width:650px;
    font-size:clamp(60px,6.1vw,94px);
    line-height:.82;
  }

  .hero-v12 .hero-copy{
    max-width:590px;
  }

  .hero-onair{
    right:max(24px,calc((100vw - var(--max))/2));
    bottom:86px;
    width:320px;
    max-width:320px;
  }

  .hero-v12 .hero-slide-caption{
    right:max(24px,calc((100vw - var(--max))/2));
    top:78px;
    width:320px;
    max-width:320px;
  }

  .hero-v12 .hero-signature{
    margin-top:26px;
  }
}

@media(min-width:901px) and (max-width:1180px){
  .hero-v12 .hero-content{
    width:calc(100% - 340px);
    max-width:610px;
  }

  .hero-v12 h1{
    max-width:560px;
    font-size:clamp(54px,5.7vw,78px);
  }

  .hero-onair,
  .hero-v12 .hero-slide-caption{
    width:285px;
    max-width:285px;
  }

  .hero-onair h2{
    font-size:25px;
  }
}

@media(min-width:901px) and (max-width:1020px){
  .hero-v12{
    min-height:700px;
  }

  .hero-v12 .hero-content{
    width:calc(100% - 305px);
    max-width:560px;
  }

  .hero-v12 h1{
    max-width:500px;
    font-size:clamp(50px,5.5vw,68px);
  }

  .hero-onair,
  .hero-v12 .hero-slide-caption{
    width:255px;
    max-width:255px;
  }

  .hero-onair>p{
    display:none;
  }

  .hero-onair h2{
    font-size:22px;
  }

  .onair-meta{
    grid-template-columns:1fr;
  }
}

/* GISN TV — SECTION 03: BROADCAST CENTRE */
.broadcast-centre-v13{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 15%,rgba(13,142,71,.10),transparent 28%),#020704}
.broadcast-centre-v13:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:54px 54px}
.broadcast-centre-v13>*{position:relative;z-index:2}
.broadcast-centre-v13 .broadcast-head{display:grid;grid-template-columns:1fr minmax(260px,410px);align-items:end;gap:42px;margin-bottom:32px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.10)}
.broadcast-centre-v13 .broadcast-head h2{margin-bottom:0;font-size:clamp(44px,5vw,72px);line-height:.88}
.broadcast-centre-v13 .broadcast-head>p{margin:0;padding-left:20px;border-left:2px solid var(--gold);color:#aab8ae;font-size:13px;line-height:1.55}
.broadcast-centre-v13 .broadcast-grid{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(270px,.58fr);gap:18px;align-items:stretch}
.broadcast-centre-v13 .broadcast-main{position:relative;min-width:0;background:#000;border:1px solid rgba(255,255,255,.10);box-shadow:0 20px 55px rgba(0,0,0,.34)}
.broadcast-centre-v13 .broadcast-main:before{content:"GISN TV • MAIN FEED";position:absolute;z-index:5;top:12px;left:12px;padding:7px 9px;background:rgba(2,8,4,.88);border-left:3px solid var(--gold);color:#fff;font:900 8px/1 Inter,sans-serif;letter-spacing:.13em;pointer-events:none}
.broadcast-centre-v13 .broadcast-iframe{width:100%;aspect-ratio:16/9;display:block;border:0;background:#000}
.broadcast-centre-v13 .video-lower-third{border-top:1px solid rgba(255,255,255,.08)}
.broadcast-centre-v13 .broadcast-side{min-width:0;background:#071009;border:1px solid rgba(255,255,255,.10);border-top:4px solid var(--gold);box-shadow:0 20px 55px rgba(0,0,0,.25);padding-top:0}
.broadcast-centre-v13 .broadcast-side:before{content:"FEATURED REPLAY";display:block;margin:0 -1px 18px;padding:14px 18px;background:#0b1a10;border-bottom:1px solid rgba(255,255,255,.08);color:var(--gold);font:900 9px/1 Inter,sans-serif;letter-spacing:.14em}
.broadcast-centre-v13 .broadcast-side h3{font-size:clamp(25px,2.2vw,34px);line-height:.92;text-transform:uppercase}
.broadcast-centre-v13 .broadcast-side p,.broadcast-centre-v13 .broadcast-side li{color:#9eada3;font-size:11px;line-height:1.55}
.broadcast-network-bar{display:grid;grid-template-columns:1fr 1.2fr auto;align-items:center;gap:18px;min-height:50px;margin-top:18px;padding:0 18px;background:#07130c;border-top:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.08);color:#8f9d93;font:800 8px/1 Inter,sans-serif;letter-spacing:.12em}
.broadcast-network-bar b{color:var(--gold)}
.broadcast-network-bar span:nth-child(2){text-align:center}
.broadcast-network-bar a{color:#fff;font-weight:900;white-space:nowrap}
.broadcast-network-bar a:hover{color:var(--gold)}
@media(max-width:900px){.broadcast-centre-v13 .broadcast-head{grid-template-columns:1fr;gap:18px}.broadcast-centre-v13 .broadcast-grid{grid-template-columns:1fr}.broadcast-network-bar{grid-template-columns:1fr auto}.broadcast-network-bar span:nth-child(2){display:none}}
@media(max-width:560px){.broadcast-centre-v13 .broadcast-head h2{font-size:43px}.broadcast-network-bar{grid-template-columns:1fr;gap:8px;padding:13px 14px}}


/* =========================================================
   GISN TV — SECTION 04
   MATCH CENTRE / GAME AT A GLANCE
   ========================================================= */

.match-centre-v14{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,#0aa54f 0%,#079245 100%);
  border-top:1px solid rgba(255,255,255,.16);
  border-bottom:1px solid rgba(0,0,0,.22);
}
.match-centre-v14:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.14;
  background-image:
    linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);
  background-size:42px 42px;
}
.match-centre-v14>*{position:relative;z-index:2}

.match-network-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  width:min(var(--max),calc(100% - 40px));
  margin:0 auto;
  padding:21px 0 14px;
}
.match-network-head>div:first-child{
  display:flex;
  align-items:baseline;
  gap:14px;
  flex-wrap:wrap;
}
.match-network-kicker{
  color:#ffe68a;
  font:900 8px/1 Inter,sans-serif;
  letter-spacing:.15em;
}
.match-network-head strong{
  color:#fff;
  font:900 clamp(30px,3.4vw,48px)/.9 "Barlow Condensed",sans-serif;
  letter-spacing:-.02em;
  text-transform:uppercase;
}
.match-network-status{
  display:flex;
  align-items:center;
  gap:10px;
  color:rgba(255,255,255,.72);
  font:800 8px/1 Inter,sans-serif;
  letter-spacing:.12em;
  white-space:nowrap;
}
.match-network-status b{
  padding:6px 8px;
  background:#06110a;
  color:var(--gold);
  font-size:8px;
}

.match-centre-v14 .match-panels{
  width:min(var(--max),calc(100% - 40px));
  margin:0 auto;
  gap:2px;
  background:rgba(255,255,255,.22);
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 18px 48px rgba(0,0,0,.16);
}
.match-centre-v14 .match-panel{
  min-height:104px;
  padding:20px 22px;
  background:#05120b;
  border:0;
  position:relative;
}
.match-centre-v14 .match-panel:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:3px;
  background:linear-gradient(90deg,var(--gold),transparent);
  opacity:.9;
}
.match-centre-v14 .match-panel small,
.match-centre-v14 .match-panel span{
  color:#8ca397;
  font:800 8px/1.2 Inter,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.match-centre-v14 .match-panel strong,
.match-centre-v14 .match-panel b{
  color:#fff;
  font-family:"Barlow Condensed",sans-serif;
  text-transform:uppercase;
}
.match-centre-v14 .match-panel strong{
  font-size:clamp(24px,2.4vw,34px);
  line-height:.95;
}
.match-centre-v14 .match-panel b{
  color:var(--gold);
}

.match-centre-v14 .versus,
.match-centre-v14 .vs{
  color:var(--gold);
  font-weight:900;
  letter-spacing:.08em;
}
.match-centre-v14 .score,
.match-centre-v14 .scoreline{
  color:#fff;
  font:900 clamp(34px,4vw,54px)/1 "Barlow Condensed",sans-serif;
}

.match-centre-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  width:min(var(--max),calc(100% - 40px));
  margin:12px auto 0;
  padding:10px 0 14px;
  color:rgba(255,255,255,.72);
  font:800 8px/1 Inter,sans-serif;
  letter-spacing:.13em;
}
.match-centre-footer a{
  color:#fff;
  font-weight:900;
}
.match-centre-footer a:hover{color:var(--gold)}

@media(max-width:900px){
  .match-network-head{
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
  }
  .match-centre-v14 .match-panels{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:620px){
  .match-network-head,
  .match-centre-v14 .match-panels,
  .match-centre-footer{
    width:min(100% - 24px,var(--max));
  }
  .match-network-head strong{font-size:34px}
  .match-network-status span{display:none}
  .match-centre-v14 .match-panels{
    grid-template-columns:1fr;
  }
  .match-centre-v14 .match-panel{
    min-height:88px;
    padding:16px 18px;
  }
  .match-centre-footer{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
}

/* GISN TV — SECTION 05: GISN NEWSROOM */
.newsroom-v15{position:relative;overflow:hidden;background:#f4f5f1;border-top:1px solid #d9ddd7}
.newsroom-v15:before{content:"GISN";position:absolute;right:-12px;top:34px;color:rgba(0,0,0,.025);font:900 190px/.75 "Barlow Condensed",sans-serif;letter-spacing:-.06em;pointer-events:none}
.newsroom-v15>*{position:relative;z-index:2}
.newsroom-network-bar{display:flex;justify-content:space-between;align-items:center;gap:24px;width:min(var(--max),calc(100% - 40px));margin:0 auto 22px;padding:10px 0;border-bottom:1px solid #cfd5ce;color:#607067;font:800 8px/1 Inter,sans-serif;letter-spacing:.12em}
.newsroom-network-bar b{color:#087a3e}.newsroom-network-bar span:last-child{text-align:right}
.newsroom-v15 .section-heading h2{color:#07120b;font-size:clamp(46px,5.2vw,76px);line-height:.78;letter-spacing:-.035em}
.newsroom-v15 .section-heading h2 span{color:#087a3e;font-size:.48em;letter-spacing:-.01em}
.newsroom-v15 .news-grid{gap:18px;align-items:stretch}
.newsroom-v15 .news-card{background:#fff;border:1px solid #dfe4de;box-shadow:0 12px 34px rgba(8,26,15,.07);transition:transform .2s ease,box-shadow .2s ease}
.newsroom-v15 .news-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(8,26,15,.11)}
.newsroom-v15 .news-card h3{color:#07120b;line-height:.92;text-transform:uppercase}.newsroom-v15 .news-card p{color:#526158}
.newsroom-footer-rail{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;width:min(var(--max),calc(100% - 40px));margin:30px auto 0;padding:14px 16px;background:#07120b;border-left:4px solid var(--gold);color:#94a198;font:800 8px/1 Inter,sans-serif;letter-spacing:.12em}
.newsroom-footer-rail span:first-child{color:var(--gold);font-weight:900}.newsroom-footer-rail span:nth-child(2){text-align:center}.newsroom-footer-rail a{color:#fff;font-weight:900}.newsroom-footer-rail a:hover{color:var(--gold)}
@media(max-width:760px){.newsroom-network-bar{align-items:flex-start;flex-direction:column;gap:7px}.newsroom-network-bar span:last-child{text-align:left}.newsroom-footer-rail{grid-template-columns:1fr auto}.newsroom-footer-rail span:nth-child(2){display:none}}
@media(max-width:520px){.newsroom-network-bar,.newsroom-footer-rail{width:calc(100% - 24px)}.newsroom-v15 .section-heading h2{font-size:44px}.newsroom-footer-rail{grid-template-columns:1fr;gap:9px}}

/* =========================================================
   GISN TV — SECTION 06: PROGRAMMES / ON-DEMAND CENTRE
   Builds on completed Sections 01–05.
   ========================================================= */
.programmes-v16{
  position:relative;
  overflow:hidden;
  background:#07100b;
  border-top:1px solid rgba(226,184,63,.18);
}
.programmes-v16:before{
  content:"ON DEMAND";
  position:absolute;
  right:-20px;
  top:52px;
  color:rgba(255,255,255,.018);
  font:900 150px/.75 "Barlow Condensed",sans-serif;
  letter-spacing:-.055em;
  white-space:nowrap;
  pointer-events:none;
}
.programmes-v16>*{position:relative;z-index:2}
.programmes-network-bar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  width:min(var(--max),calc(100% - 40px));
  margin:0 auto 24px;
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,.12);
  color:#87958c;
  font:800 8px/1 Inter,sans-serif;
  letter-spacing:.13em;
}
.programmes-network-bar b{color:var(--gold)}
.programmes-network-bar span:last-child{text-align:right}
.programmes-v16 .programmes-heading h2{
  max-width:920px;
  color:#fff;
  font-size:clamp(48px,5.4vw,78px);
  line-height:.80;
  letter-spacing:-.035em;
}
.programmes-v16 .programmes-heading h2 span{
  color:var(--gold);
  font-size:.60em;
  letter-spacing:-.015em;
}
.programmes-v16 .library-count{
  flex:0 0 auto;
  background:transparent;
  border:1px solid rgba(33,226,112,.55);
  color:#21e270;
}
.programmes-v16 .programme-grid{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) repeat(2,minmax(0,.72fr));
  gap:16px;
  align-items:stretch;
}
.programmes-v16 .programme{
  min-width:0;
  overflow:hidden;
  background:#0b1710;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 14px 34px rgba(0,0,0,.18);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.programmes-v16 .programme:hover{
  transform:translateY(-2px);
  border-color:rgba(226,184,63,.38);
  box-shadow:0 18px 40px rgba(0,0,0,.28);
}
.programmes-v16 .programme-main{grid-row:span 2}
.programmes-v16 .programme-art{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:205px;
  background-size:cover!important;
  background-position:center!important;
  border-bottom:3px solid var(--gold);
}
.programmes-v16 .programme-main .programme-art{min-height:390px}
.programmes-v16 .programme-art.mini{min-height:190px}
.programmes-v16 .programme-copy{padding:18px 20px 20px}
.programmes-v16 .programme-main .programme-copy{padding:22px 24px 25px}
.programmes-v16 .programme-copy small{
  display:block;
  margin:0 0 8px;
  color:var(--gold);
  font:900 8px/1 Inter,sans-serif;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.programmes-v16 .programme-copy h3{
  margin:0 0 9px;
  color:#fff;
  font:900 clamp(24px,2.2vw,34px)/.92 "Barlow Condensed",sans-serif;
  letter-spacing:-.01em;
  text-transform:uppercase;
  overflow-wrap:anywhere;
}
.programmes-v16 .programme:not(.programme-main) .programme-copy h3{font-size:24px}
.programmes-v16 .programme-copy p{
  margin:0;
  color:#a9b5ad;
  font:500 11px/1.5 Inter,sans-serif;
}
.programmes-v16 .programme-chip{
  left:14px;
  top:14px;
  max-width:calc(100% - 88px);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  background:#098447;
  color:#fff;
  z-index:3;
}
.programmes-v16 .just-added{
  right:14px;
  top:14px;
  z-index:3;
}
.programmes-v16 .media-play{
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  padding:0 0 0 3px;
  border:2px solid var(--gold);
  background:rgba(2,8,4,.76);
  box-shadow:0 8px 30px rgba(0,0,0,.35);
}
.programmes-v16 .programme-main .media-play{width:78px;height:78px;font-size:28px}
.programmes-v16 .programme-watchline{
  display:block;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.08);
  color:#7e9084;
  font:900 8px/1 Inter,sans-serif;
  letter-spacing:.12em;
}
.programmes-v16 .programme-watchline b{float:right;color:var(--gold)}
.programmes-footer-rail{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:22px;
  width:min(var(--max),calc(100% - 40px));
  margin:30px auto 0;
  padding:14px 16px;
  background:#030805;
  border-left:4px solid #21e270;
  color:#829087;
  font:800 8px/1 Inter,sans-serif;
  letter-spacing:.12em;
}
.programmes-footer-rail span:first-child{color:#21e270;font-weight:900}
.programmes-footer-rail span:nth-child(2){text-align:center}
.programmes-footer-rail a{color:#fff;font-weight:900}
.programmes-footer-rail a:hover{color:var(--gold)}
@media(max-width:980px){
  .programmes-v16 .programme-grid{grid-template-columns:1fr 1fr}
  .programmes-v16 .programme-main{grid-column:1/-1;grid-row:auto}
  .programmes-v16 .programme-main .programme-art{min-height:360px}
}
@media(max-width:720px){
  .programmes-network-bar{align-items:flex-start;flex-direction:column;gap:7px}
  .programmes-network-bar span:last-child{text-align:left}
  .programmes-v16 .programme-grid{grid-template-columns:1fr}
  .programmes-v16 .programme-main{grid-column:auto}
  .programmes-v16 .programme-main .programme-art,
  .programmes-v16 .programme-art.mini{min-height:250px}
  .programmes-footer-rail{grid-template-columns:1fr auto}
  .programmes-footer-rail span:nth-child(2){display:none}
}
@media(max-width:520px){
  .programmes-network-bar,.programmes-footer-rail{width:calc(100% - 24px)}
  .programmes-v16 .programmes-heading h2{font-size:44px}
  .programmes-v16 .programme-main .programme-art,
  .programmes-v16 .programme-art.mini{min-height:215px}
  .programmes-footer-rail{grid-template-columns:1fr;gap:9px}
}


/* ==========================================================
   GISN TV — SECTION 07: PROGRAMME GUIDE / NETWORK SCHEDULE
   ========================================================== */
.guide-v17{background:#f3f5f1;padding-top:0!important}
.guide-network-bar{width:100vw;margin-left:calc(50% - 50vw);padding:13px max(24px,calc((100vw - var(--max))/2));display:flex;justify-content:space-between;gap:24px;background:#071009;color:#dbe4dc;border-top:1px solid #17251b;border-bottom:3px solid var(--green);font:800 9px Inter;letter-spacing:.12em}
.guide-network-bar b{color:var(--gold)}
.guide-heading{padding-top:54px}
.guide-heading h2{font:900 clamp(52px,6vw,78px)/.86 "Barlow Condensed";text-transform:uppercase;margin:0;color:#071009}
.guide-heading h2 span{color:#087c3e}
.guide-heading>p{max-width:430px;color:#55615a}
.guide-status-rail{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;background:#fff;border:1px solid #dce2dc;border-left:5px solid var(--green);padding:13px 16px;margin:4px 0 18px;font:800 9px Inter;letter-spacing:.1em;color:#354039}
.guide-status-rail .guide-live-dot{color:#09a84f;font-size:14px}
.guide-status-rail span:nth-child(3){font-weight:600;color:#7a847d}
.guide-status-rail a{color:#087c3e;font-weight:900}
.guide-v17 .schedule-board{background:#fff;border-top:4px solid #071009;box-shadow:0 14px 35px rgba(5,20,10,.08)}
.guide-v17 .schedule-row{display:grid;grid-template-columns:115px 1fr 150px;gap:22px;align-items:center;padding:22px 20px;border-bottom:1px solid #e0e5e0;transition:.2s}
.guide-v17 .schedule-row:hover{background:#f7faf7}
.guide-v17 .schedule-row.featured{background:#071009;color:#fff;border-left:5px solid var(--gold)}
.guide-v17 .schedule-row time{font:900 24px "Barlow Condensed";color:#078443}
.guide-v17 .schedule-row.featured time{color:var(--gold)}
.guide-v17 .schedule-row small{font:900 8px Inter;letter-spacing:.14em;color:#0a9d4c}
.guide-v17 .schedule-row h3{font:900 21px/1 "Barlow Condensed";text-transform:uppercase;margin:4px 0}
.guide-v17 .schedule-row p{margin:0;color:#758078;font-size:11px}
.guide-v17 .schedule-row.featured p{color:#aebbb2}
.guide-v17 .schedule-row>span{justify-self:end;text-align:right;font:900 9px Inter;letter-spacing:.1em;text-transform:uppercase;color:#58635c}
.guide-v17 .schedule-row>span.status{background:var(--green);color:#fff;padding:8px 10px}
.guide-footer-rail{display:grid;grid-template-columns:1fr 1.5fr auto;gap:20px;align-items:center;margin-top:18px;padding:13px 16px;background:#087c3e;color:#fff;font:800 9px Inter;letter-spacing:.1em}
.guide-footer-rail span:first-child{color:#fff;font-weight:900}
.guide-footer-rail span:nth-child(2){text-align:center;color:#d8eee1}
.guide-footer-rail a{color:var(--gold);font-weight:900}
@media(max-width:760px){
 .guide-network-bar{flex-direction:column;gap:6px}
 .guide-heading{padding-top:38px}
 .guide-status-rail{grid-template-columns:auto 1fr}
 .guide-status-rail span:nth-child(3),.guide-status-rail a{display:none}
 .guide-v17 .schedule-row{grid-template-columns:78px 1fr;gap:14px;padding:18px 14px}
 .guide-v17 .schedule-row>span{grid-column:2;justify-self:start}
 .guide-footer-rail{grid-template-columns:1fr auto}
 .guide-footer-rail span:nth-child(2){display:none}
}
@media(max-width:480px){
 .guide-network-bar{width:calc(100% + 48px);margin-left:-24px}
 .guide-heading h2{font-size:44px}
 .guide-v17 .schedule-row{grid-template-columns:1fr}
 .guide-v17 .schedule-row>span{grid-column:1}
 .guide-v17 .schedule-row time{font-size:21px}
 .guide-footer-rail{grid-template-columns:1fr;gap:8px}
}


/* ==========================================================
   GISN TV — SECTION 08: NETWORK COMPLETION
   COMMUNITY DESK • PARTNERSHIP DESK • NETWORK CONTROL
   ========================================================== */
.community-v18{position:relative;display:grid;grid-template-columns:38% 62%;background:#078a43;color:#fff;overflow:hidden}
.community-network-bar{grid-column:1/-1;display:flex;justify-content:space-between;gap:24px;padding:12px max(24px,calc((100vw - var(--max))/2));background:#06100a;color:#cfd8d1;border-bottom:3px solid var(--gold);font:800 8px Inter;letter-spacing:.14em}
.community-network-bar b{color:var(--gold)}
.community-v18 .community-content{padding:70px max(34px,calc((100vw - var(--max))/2)) 70px max(24px,calc((100vw - var(--max))/2));align-self:center}
.community-v18 .community-content h2{font:900 clamp(48px,5.7vw,78px)/.85 "Barlow Condensed";text-transform:uppercase;margin:8px 0 18px}
.community-v18 .community-content h2 span{color:var(--gold)}
.community-v18 .community-content>p:not(.kicker){max-width:470px;color:#d9eee2;font-size:13px;line-height:1.7}
.community-actions{display:flex;align-items:center;gap:22px;margin-top:24px;flex-wrap:wrap}
.community-text-link{font:900 9px Inter;letter-spacing:.12em;color:#fff}
.community-v18 .community-gallery{display:grid;grid-template-columns:1.45fr .75fr;grid-template-rows:1fr 1fr;min-height:430px}
.community-v18 .community-gallery>div{position:relative;overflow:hidden}
.community-v18 .community-main-photo{grid-row:1/3}
.community-v18 .community-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.community-v18 .community-gallery>div:hover img{transform:scale(1.025)}
.community-main-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.65))}
.community-main-photo span{position:absolute;z-index:2;left:18px;bottom:18px;background:var(--gold);color:#071009;padding:7px 9px;font:900 8px Inter;letter-spacing:.12em}
.partner-v18{background:#071009;color:#fff;padding-top:0!important;padding-bottom:64px!important}
.partner-network-bar{width:100vw;margin-left:calc(50% - 50vw);padding:13px max(24px,calc((100vw - var(--max))/2));display:flex;justify-content:space-between;background:#0d1710;border-top:1px solid #1a2a1f;border-bottom:1px solid #263329;color:#89978e;font:900 8px Inter;letter-spacing:.14em}
.partner-network-bar span:first-child{color:var(--gold)}
.partner-heading{padding-top:56px}
.partner-heading h2{font:900 clamp(48px,5.4vw,72px)/.86 "Barlow Condensed";text-transform:uppercase}
.partner-heading h2 span{color:var(--gold)}
.partner-heading>p{max-width:430px;color:#96a59b}
.partner-v18 .partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#263329;border:1px solid #263329;margin-top:22px}
.partner-v18 .partner-card{position:relative;min-height:150px;background:#0b140e;padding:28px 24px;display:flex;flex-direction:column;gap:8px}
.partner-v18 .partner-card .partner-mark{position:absolute;right:18px;top:18px;color:#24442f;font:900 28px "Barlow Condensed";letter-spacing:-.03em}
.partner-v18 .partner-card b{position:relative;z-index:2;color:var(--gold);font:900 14px "Barlow Condensed";text-transform:uppercase}
.partner-v18 .partner-card>span:last-child{position:relative;z-index:2;color:#aab7ae;font-size:11px;line-height:1.55;max-width:230px}
.partner-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0 0;color:#65736a;font:800 8px Inter;letter-spacing:.13em}
.contact-v18{position:relative;background:var(--gold);color:#071009;padding-top:55px!important;padding-bottom:55px!important;border-top:5px solid #078a43}
.contact-network-label{position:absolute;right:max(24px,calc((100vw - var(--max))/2));top:18px;font:900 8px Inter;letter-spacing:.16em;color:#6d5710}
.contact-v18 h2{font:900 clamp(42px,4.6vw,64px)/.88 "Barlow Condensed";text-transform:uppercase;margin:8px 0 14px}
.contact-v18 h2 span{color:#087c3e}
.contact-v18>div:nth-child(2)>p:last-child{max-width:650px;color:#433b20}
.contact-v18 .contact-actions{min-width:260px}
.contact-v18 .contact-actions a{display:flex;justify-content:space-between;gap:20px;background:#071009;color:#fff;border-bottom:1px solid #283029;padding:15px 17px;font:900 9px Inter;letter-spacing:.1em}
.contact-v18 .contact-actions a.contact-primary{background:#087c3e}
.network-footer-v18{background:#020603!important;color:#d8e0da;padding:0!important}
.footer-topline{display:flex;justify-content:space-between;gap:20px;padding:12px max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid #19231c;color:#718078;font:800 8px Inter;letter-spacing:.14em}
.footer-topline span:first-child{color:var(--gold)}
.footer-main{max-width:var(--max);margin:auto;padding:34px 24px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.network-footer-v18 .footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px}
.network-footer-v18 .footer-links a{font:900 8px Inter;letter-spacing:.12em;color:#a9b5ad}
.network-footer-v18 .footer-links a:hover{color:var(--gold)}
.control-room-console{max-width:var(--max);margin:auto;border-top:1px solid #18221b;border-bottom:1px solid #18221b;padding:17px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#050a07}
.control-room-console>div{display:grid;grid-template-columns:auto auto;column-gap:10px;align-items:center}
.console-light{width:8px;height:8px;border-radius:50%;background:#00bd59;box-shadow:0 0 10px rgba(0,189,89,.75);grid-row:1/3}
.control-room-console strong{font:900 10px Inter;letter-spacing:.12em;color:#fff}
.control-room-console small{font:700 7px Inter;letter-spacing:.1em;color:#637168}
.control-room-console a{background:var(--gold);color:#071009!important;padding:10px 13px;font:900 8px Inter;letter-spacing:.12em}
.footer-bottom{max-width:var(--max);margin:auto;padding:14px 24px 24px;display:flex;justify-content:space-between;gap:20px;color:#5f6c64;font:700 7px Inter;letter-spacing:.1em}
.control-room-fab{background:#078a43!important;border-color:var(--gold)!important}
@media(max-width:860px){
 .community-v18{grid-template-columns:1fr}
 .community-network-bar{grid-column:1}
 .community-v18 .community-gallery{min-height:360px}
 .partner-v18 .partner-grid{grid-template-columns:1fr}
 .partner-v18 .partner-card{min-height:120px}
 .footer-main{align-items:flex-start;flex-direction:column}
 .network-footer-v18 .footer-links{justify-content:flex-start}
}
@media(max-width:620px){
 .community-network-bar,.partner-network-bar,.footer-topline{flex-direction:column;gap:5px}
 .community-v18 .community-content{padding:48px 24px}
 .community-v18 .community-gallery{grid-template-columns:1fr 1fr;grid-template-rows:230px 150px}
 .community-v18 .community-main-photo{grid-column:1/3;grid-row:1}
 .community-v18 .community-side-photo{grid-row:2}
 .partner-heading{padding-top:40px}
 .partner-cta,.control-room-console,.footer-bottom{align-items:flex-start;flex-direction:column}
 .contact-v18{display:block!important}
 .contact-v18 .contact-actions{margin-top:28px}
 .contact-network-label{display:none}
 .footer-topline{padding-left:24px;padding-right:24px}
}