*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080b09;color:#f4f0e6;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(6,9,7,.96);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{font:800 25px/1 "Barlow Condensed";letter-spacing:1px;background:#d7af4c;color:#080b09;padding:10px 8px}.brand-copy{display:flex;flex-direction:column}.brand-copy b{font:700 13px/1.1 "Barlow Condensed";letter-spacing:1.4px}.brand-copy small{font-size:9px;letter-spacing:4px;color:#d7af4c;margin-top:5px}.topbar nav{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.live-link{border:1px solid #d7af4c;padding:10px 13px}.live-link span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e23c35;margin-right:6px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}.hero{height:calc(100vh - 82px);min-height:650px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:radial-gradient(circle at 70% 40%,#30452e,#07100b 55%,#020403)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,4,2,.94) 0%,rgba(3,8,5,.72) 45%,rgba(3,6,4,.15) 75%),linear-gradient(0deg,rgba(2,5,3,.8),transparent 45%)}.hero-content{position:relative;z-index:2;margin-left:8vw;max-width:780px}.eyebrow{color:#d7af4c;font:700 12px/1 "Barlow Condensed";letter-spacing:3px;text-transform:uppercase}.hero h1,.section h2,.mission h2{font:700 clamp(56px,8vw,116px)/.84 "Barlow Condensed";text-transform:uppercase;letter-spacing:-2px;margin:22px 0}.hero-deck{font-size:18px;line-height:1.6;max-width:600px;color:#d8d9d4}.hero-actions{display:flex;gap:12px;margin-top:34px}.primary,.secondary{border:0;padding:15px 20px;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:1.2px;cursor:pointer}.primary{background:#d7af4c;color:#070a08}.secondary{border:1px solid rgba(255,255,255,.35)}.primary.dark{background:#090d0a;color:#f6f1e6}.on-air{position:absolute;right:5vw;bottom:42px;z-index:2;display:flex;gap:13px;align-items:center;background:rgba(4,8,5,.76);border-left:3px solid #d7af4c;padding:16px 20px}.on-air div{display:flex;flex-direction:column}.on-air b{font-size:9px;letter-spacing:2px;color:#d7af4c}.on-air small{margin-top:5px}.pulse{width:12px;height:12px;border-radius:50%;background:#e23c35;box-shadow:0 0 0 7px rgba(226,60,53,.13)}.ticker{display:flex;height:54px;align-items:center;background:#d7af4c;color:#080b09;overflow:hidden}.ticker>span{font:800 18px "Barlow Condensed";padding:0 26px;border-right:1px solid rgba(0,0,0,.25)}.ticker-track{white-space:nowrap;overflow:hidden}.ticker-track p{font:700 12px Inter;letter-spacing:1.2px;animation:ticker 28s linear infinite;padding-left:100%}@keyframes ticker{to{transform:translateX(-100%)}}.section{padding:100px 7vw}.latest,.archive{background:#0b0f0c}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:42px}.section-heading h2{font-size:clamp(42px,6vw,78px);margin:8px 0 0}.section-heading>p{max-width:520px;color:#aeb4ae;line-height:1.7}.feature-grid{display:grid;grid-template-columns:1.55fr .8fr;gap:24px}.lead-card,.small-card{cursor:pointer}.media-box{aspect-ratio:16/9;background:#182019 center/cover;position:relative}.play{position:absolute;left:26px;bottom:24px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#d7af4c;color:#080b09;padding-left:4px}.play.mini{width:38px;height:38px;left:14px;bottom:14px}.duration{position:absolute;right:16px;bottom:16px;background:#080b09;padding:6px 8px;font-size:10px}.card-copy{padding:24px 0}.category{font:700 10px "Barlow Condensed";letter-spacing:2px;color:#d7af4c}.card-copy h3,.small-card h3,.archive-card h3{font:700 30px/1 "Barlow Condensed";text-transform:uppercase;margin:10px 0}.card-copy p,.small-card p,.archive-card p{color:#aeb4ae;line-height:1.6}.side-stack{display:flex;flex-direction:column;gap:26px}.small-card{display:grid;grid-template-columns:180px 1fr;gap:18px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:26px}.small-thumb{min-height:125px;background:#1d251f center/cover;position:relative}.small-card h3{font-size:23px}.small-card p{font-size:13px}.special{display:grid;grid-template-columns:1.15fr .85fr;background:#e9e3d7;color:#0a0d0b;padding:0}.special-visual{min-height:680px;background:#2b342d center/cover;position:relative}.programme-badge{position:absolute;left:30px;top:30px;background:#d7af4c;padding:10px 12px;font:700 10px Inter;letter-spacing:1.4px}.special-copy{padding:90px 8vw 80px 6vw;display:flex;flex-direction:column;justify-content:center}.special-copy h2{font-size:clamp(60px,7vw,100px);margin:15px 0}.special-copy h3{font:700 32px/1.05 "Barlow Condensed";text-transform:uppercase}.special-copy>p{line-height:1.8;color:#444b46}.meta{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 30px}.meta span{border:1px solid #8e9088;padding:7px 9px;font-size:10px;text-transform:uppercase}.compact{margin-bottom:30px}.photo-story{background:#111612}.photo-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:260px 260px;gap:12px}.photo-grid figure{margin:0;background:#252e27 center/cover;position:relative}.photo-grid figure:first-child{grid-row:span 2}.photo-grid figure:last-child{grid-column:span 2}.photo-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 15px;background:linear-gradient(transparent,rgba(0,0,0,.85));font:700 16px "Barlow Condensed";text-transform:uppercase}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.archive-card{min-height:330px;border:1px solid rgba(255,255,255,.12);padding:30px;display:flex;flex-direction:column;align-items:flex-start;transition:.25s}.archive-card:hover{transform:translateY(-4px);border-color:#d7af4c}.archive-card h3{font-size:28px}.archive-card b{font-size:10px;letter-spacing:1.4px;margin-top:auto;color:#d7af4c}.archive-icon{font-size:34px;color:#d7af4c;margin-bottom:32px}.network-strip{display:grid;grid-template-columns:repeat(5,1fr);background:#d7af4c;color:#080b09;text-align:center}.network-strip p{margin:0;padding:25px 10px;border-right:1px solid rgba(0,0,0,.2);font:800 16px "Barlow Condensed";letter-spacing:1px}.mission{text-align:center;padding:130px 20px;background:radial-gradient(circle at 50% 20%,#1e2b20,#070a08 60%)}.mission h2{font-size:clamp(62px,10vw,138px)}.mission>p:last-child{max-width:760px;margin:auto;color:#b3b7b2;line-height:1.8}footer{padding:42px 5vw;display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:30px;align-items:center;background:#040604;border-top:1px solid rgba(255,255,255,.08);font-size:10px;letter-spacing:1px;color:#979d97}.modal{position:fixed;inset:0;display:none;z-index:50}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.88)}.modal-panel{position:relative;width:min(1000px,90vw);margin:6vh auto;background:#0b0e0c;padding:24px;border:1px solid rgba(255,255,255,.15)}.modal-panel h2{font:700 28px "Barlow Condensed";text-transform:uppercase}.modal-panel video{width:100%;max-height:72vh;background:#000}.modal-close{position:absolute;right:16px;top:10px;background:none;border:0;color:white;font-size:34px;cursor:pointer}.image-youths{background-image:linear-gradient(135deg,rgba(10,30,14,.35),rgba(0,0,0,.2)),url('images/youths-v-police.jpg')}.image-donation{background-image:url('images/donation-event.jpg')}.image-leaders{background-image:url('images/community-leaders.jpg')}.image-ceremony{background-image:linear-gradient(rgba(0,0,0,.08),rgba(0,0,0,.12)),url('images/donation-ceremony.jpg')}.photo-one{background-image:url('images/teams-together.jpg')!important}.photo-two{background-image:url('images/community-leaders.jpg')!important}.photo-three{background-image:url('images/unveiling.jpg')!important}.photo-four{background-image:url('images/donation-event.jpg')!important}@media(max-width:900px){.topbar nav{display:none;position:absolute;top:82px;left:0;right:0;background:#070a08;flex-direction:column;padding:24px}.topbar nav.open{display:flex}.menu-toggle{display:block}.hero{min-height:690px}.hero-content{margin:0 7vw}.on-air{left:7vw;right:auto}.section-heading{align-items:start;flex-direction:column}.feature-grid,.special{grid-template-columns:1fr}.special-visual{min-height:460px}.photo-grid{grid-template-columns:1fr 1fr;grid-template-rows:280px 220px 220px}.photo-grid figure:first-child{grid-column:span 2;grid-row:auto}.photo-grid figure:last-child{grid-column:span 2}.archive-grid{grid-template-columns:1fr}.network-strip{grid-template-columns:1fr 1fr}.network-strip p:last-child{grid-column:span 2}.footer-brand{grid-column:1/-1}footer{grid-template-columns:1fr 1fr}}@media(max-width:600px){.topbar{padding:0 18px}.brand-copy b{font-size:11px}.hero h1{font-size:58px}.hero-actions{flex-direction:column;align-items:flex-start}.on-air{bottom:24px}.section{padding:76px 20px}.small-card{grid-template-columns:120px 1fr}.special-copy{padding:70px 24px}.photo-grid{display:flex;flex-direction:column}.photo-grid figure{height:250px}.network-strip{grid-template-columns:1fr}.network-strip p:last-child{grid-column:auto}footer{grid-template-columns:1fr}}


/* =========================================================
   GISN TV V2 — CINEMATIC FULL-SCREEN DRONE ENTRANCE
   ========================================================= */

html { scroll-behavior: smooth; }

.topbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: linear-gradient(180deg, rgba(2, 8, 5, .94), rgba(2, 8, 5, .70), transparent);
  border-bottom: 1px solid rgba(213, 173, 66, .12);
  backdrop-filter: blur(4px);
}

.cinematic-hero {
  position: relative;
  min-height: 100vh;
  min-height: 100svh;
  width: 100%;
  overflow: hidden;
  display: grid;
  align-items: center;
  isolation: isolate;
  background: #020805;
}

.cinematic-hero .hero-video {
  position: absolute;
  inset: 0;
  z-index: -4;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transform: scale(1.025);
  animation: gisnDroneDrift 18s ease-in-out infinite alternate;
}

.cinematic-hero .hero-overlay {
  position: absolute;
  inset: 0;
  z-index: -3;
  background:
    linear-gradient(90deg, rgba(1, 7, 4, .91) 0%, rgba(1, 7, 4, .64) 38%, rgba(1, 7, 4, .15) 73%, rgba(1, 7, 4, .34) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, .42) 0%, rgba(0, 0, 0, .05) 44%, rgba(0, 0, 0, .55) 100%);
}

.cinematic-hero .hero-vignette {
  position: absolute;
  inset: 0;
  z-index: -2;
  box-shadow: inset 0 0 190px 30px rgba(0, 0, 0, .58);
  pointer-events: none;
}

.network-reveal {
  width: min(760px, calc(100% - 11vw));
  margin-left: clamp(28px, 7vw, 120px);
  padding-top: 74px;
  color: #f8f4e9;
  animation: gisnReveal 1.5s ease-out both;
}

.network-kicker {
  color: #d7af4c;
  font-family: "Inter", sans-serif;
  font-size: clamp(.68rem, .8vw, .85rem);
  font-weight: 700;
  letter-spacing: .28em;
  margin-bottom: 20px;
}

.network-lockup {
  display: flex;
  align-items: center;
  gap: 17px;
  margin-bottom: 20px;
}

.network-mark {
  display: grid;
  place-items: center;
  width: 64px;
  aspect-ratio: 1;
  background: #d7af4c;
  color: #07110b;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  font-size: 1.25rem;
  letter-spacing: -.03em;
}

.network-name {
  display: flex;
  flex-direction: column;
  font-family: "Inter", sans-serif;
}

.network-name strong {
  font-size: clamp(.72rem, 1vw, .92rem);
  letter-spacing: .09em;
}

.network-name span {
  color: #d7af4c;
  font-size: .66rem;
  letter-spacing: .42em;
  margin-top: 5px;
}

.network-rule {
  width: min(420px, 72%);
  height: 2px;
  margin: 7px 0 26px;
  background: linear-gradient(90deg, #d7af4c, rgba(215, 175, 76, 0));
  transform-origin: left;
  animation: gisnRule 1.2s .4s ease-out both;
}

.network-reveal h1 {
  max-width: 760px;
  margin: 0;
  color: #fffdf5;
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(4.2rem, 8.5vw, 8.8rem);
  font-weight: 800;
  line-height: .78;
  letter-spacing: -.045em;
  text-transform: uppercase;
  text-shadow: 0 7px 30px rgba(0, 0, 0, .55);
}

.network-reveal > p {
  max-width: 620px;
  margin: 28px 0 0;
  color: rgba(255, 255, 255, .82);
  font-size: clamp(.94rem, 1.25vw, 1.14rem);
  line-height: 1.65;
}

.cinematic-hero .hero-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 31px;
}

.cinematic-hero .primary,
.cinematic-hero .secondary {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 22px;
  border-radius: 0;
  font-family: "Inter", sans-serif;
  font-size: .73rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  transition: transform .25s ease, background .25s ease, color .25s ease, border-color .25s ease;
}

.cinematic-hero .primary {
  border: 1px solid #d7af4c;
  background: #d7af4c;
  color: #07110b;
}

.cinematic-hero .secondary {
  border: 1px solid rgba(255, 255, 255, .45);
  color: white;
  background: rgba(0, 0, 0, .17);
}

.cinematic-hero .primary:hover,
.cinematic-hero .secondary:hover {
  transform: translateY(-2px);
}

.broadcast-bug {
  position: absolute;
  right: clamp(22px, 4vw, 64px);
  top: 105px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 13px;
  border: 1px solid rgba(215, 175, 76, .45);
  background: rgba(1, 8, 4, .46);
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: .68rem;
  letter-spacing: .16em;
  backdrop-filter: blur(8px);
}

.live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #d7af4c;
  box-shadow: 0 0 0 0 rgba(215, 175, 76, .8);
  animation: gisnPulse 1.8s infinite;
}

.scroll-cue {
  position: absolute;
  left: 50%;
  bottom: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  color: rgba(255, 255, 255, .68);
  font-family: "Inter", sans-serif;
  font-size: .58rem;
  font-weight: 700;
  letter-spacing: .28em;
  transform: translateX(-50%);
}

.scroll-cue i {
  width: 1px;
  height: 42px;
  background: linear-gradient(#d7af4c, transparent);
  animation: gisnScroll 1.8s ease-in-out infinite;
}

@keyframes gisnDroneDrift {
  from { transform: scale(1.025) translate3d(0, 0, 0); }
  to   { transform: scale(1.075) translate3d(-.6%, -.4%, 0); }
}

@keyframes gisnReveal {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes gisnRule {
  from { transform: scaleX(0); opacity: 0; }
  to   { transform: scaleX(1); opacity: 1; }
}

@keyframes gisnPulse {
  0% { box-shadow: 0 0 0 0 rgba(215, 175, 76, .75); }
  70% { box-shadow: 0 0 0 9px rgba(215, 175, 76, 0); }
  100% { box-shadow: 0 0 0 0 rgba(215, 175, 76, 0); }
}

@keyframes gisnScroll {
  0%, 100% { opacity: .35; transform: scaleY(.65); transform-origin: top; }
  50% { opacity: 1; transform: scaleY(1); transform-origin: top; }
}

@media (max-width: 760px) {
  .cinematic-hero {
    min-height: 100svh;
    align-items: end;
  }

  .cinematic-hero .hero-video {
    object-position: 58% center;
  }

  .cinematic-hero .hero-overlay {
    background:
      linear-gradient(180deg, rgba(1, 7, 4, .20) 0%, rgba(1, 7, 4, .45) 38%, rgba(1, 7, 4, .94) 80%, rgba(1, 7, 4, .99) 100%);
  }

  .network-reveal {
    width: auto;
    margin: 0 24px 72px;
    padding-top: 120px;
  }

  .network-lockup {
    gap: 12px;
  }

  .network-mark {
    width: 52px;
  }

  .network-reveal h1 {
    font-size: clamp(3.5rem, 18vw, 5.4rem);
    line-height: .82;
  }

  .network-reveal > p {
    margin-top: 20px;
  }

  .broadcast-bug {
    display: none;
  }

  .scroll-cue {
    bottom: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cinematic-hero .hero-video,
  .network-reveal,
  .network-rule,
  .live-dot,
  .scroll-cue i {
    animation: none !important;
  }
}


/* V3 Premium refinements */
.cinematic-hero{min-height:108vh;padding-bottom:4rem}
.cinematic-hero .hero-video{
 animation:gisnPremiumDrift 28s ease-in-out infinite alternate;
 filter:saturate(.95) contrast(1.02);
}
.hero-overlay{
 background:
 linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.42) 45%,rgba(0,0,0,.18)),
 linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.55));
}
.network-reveal{animation:premiumReveal 2.8s ease both}
.network-kicker,.network-lockup,.network-rule,.network-reveal h1,.network-reveal p,.hero-actions{
opacity:0;animation:fadeUp .9s forwards}
.network-lockup{animation-delay:.8s}
.network-rule{animation-delay:1.4s}
.network-reveal h1{animation-delay:1.8s}
.network-reveal p{animation-delay:2.5s}
.hero-actions{animation-delay:3.1s}
.network-rule{
background:linear-gradient(90deg,#d7af4c,#fff2b0,#d7af4c);
background-size:200% 100%;
animation-name:fadeUp,shineLine;
animation-duration:.9s,5s;
animation-delay:1.4s,3.5s;
animation-iteration-count:1,infinite;
}
.live-dot{animation:gisnPulse 1.6s infinite}
@keyframes gisnPremiumDrift{
from{transform:scale(1.14) translateY(-5%)}
to{transform:scale(1.02) translateY(2%)}
}
@keyframes premiumReveal{
from{opacity:0;transform:translateY(40px)}
to{opacity:1;transform:none}
}
@keyframes fadeUp{
from{opacity:0;transform:translateY(18px)}
to{opacity:1;transform:none}
}
@keyframes shineLine{
0%{background-position:0 0}
100%{background-position:200% 0}
}

.broadcast-arrival{
position:fixed;inset:0;z-index:99999;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}
.broadcast-arrival video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.arrival-overlay{position:relative;text-align:center;color:#fff;background:linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.55));padding:2rem;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.arrival-logo{background:#d7af4c;color:#111;padding:.6rem 1rem;font:800 2rem sans-serif;letter-spacing:.1em}
.arrival-name{margin-top:1rem;letter-spacing:.35em;font:700 .9rem sans-serif}
.arrival-line{width:0;height:2px;background:#d7af4c;margin:2rem 0;animation:grow 2s forwards}
.arrival-overlay h1{font:800 clamp(3rem,8vw,6rem) 'Arial Narrow',sans-serif;margin:0;text-transform:uppercase}
.arrival-overlay p{font:1.1rem sans-serif;opacity:.9}
.broadcast-arrival.fadeout{opacity:0;transition:opacity 1.2s ease;pointer-events:none}
@keyframes grow{from{width:0}to{width:340px;max-width:80vw}}


/* =========================================================
   V5 CORRECTED BROADCAST ARRIVAL
   - clean 0–15 second aerial sequence
   - no chair/person ending
   - plays once per browser session
   - optional Skip Intro
   - homepage video has no repeating CSS zoom
   ========================================================= */

body.intro-active {
  overflow: hidden;
}

.cinematic-hero .hero-video {
  animation: none !important;
  transform: none !important;
}

.broadcast-arrival {
  position: fixed;
  inset: 0;
  z-index: 99999;
  overflow: hidden;
  background: #020503;
  opacity: 1;
  transition: opacity 1.05s ease;
}

.broadcast-arrival.fadeout {
  opacity: 0;
  pointer-events: none;
}

.broadcast-arrival video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.01);
}

.arrival-shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(0,0,0,.68) 0%, rgba(0,0,0,.22) 58%, rgba(0,0,0,.14) 100%),
    linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,.10) 50%, rgba(0,0,0,.62));
}

.arrival-brand {
  position: absolute;
  left: clamp(26px, 7vw, 120px);
  bottom: clamp(58px, 10vh, 110px);
  width: min(760px, calc(100% - 52px));
  color: #fff;
}

.arrival-mark,
.arrival-network,
.arrival-gold-line,
.arrival-brand h1,
.arrival-brand p {
  opacity: 0;
  transform: translateY(18px);
  animation: arrivalFadeUp .8s ease forwards;
}

.arrival-mark {
  display: inline-grid;
  place-items: center;
  min-width: 78px;
  min-height: 58px;
  padding: 0 12px;
  background: #d7af4c;
  color: #07110b;
  font-family: "Barlow Condensed", Arial, sans-serif;
  font-size: 1.55rem;
  font-weight: 900;
  letter-spacing: -.02em;
  animation-delay: 1.4s;
}

.arrival-network {
  display: flex;
  flex-direction: column;
  margin-top: 15px;
  font-family: Inter, Arial, sans-serif;
  animation-delay: 2.1s;
}

.arrival-network strong {
  font-size: clamp(.75rem, 1vw, .95rem);
  letter-spacing: .13em;
}

.arrival-network span {
  margin-top: 5px;
  color: #d7af4c;
  font-size: .68rem;
  letter-spacing: .42em;
}

.arrival-gold-line {
  width: min(430px, 75%);
  height: 2px;
  margin: 22px 0 24px;
  background: linear-gradient(90deg, #d7af4c, rgba(215,175,76,0));
  transform: scaleX(0);
  transform-origin: left;
  animation: arrivalLine 1.1s 2.8s ease forwards;
}

.arrival-brand h1 {
  margin: 0;
  font-family: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
  font-size: clamp(4rem, 8vw, 8.2rem);
  line-height: .82;
  letter-spacing: -.035em;
  text-transform: uppercase;
  text-shadow: 0 8px 30px rgba(0,0,0,.5);
  animation-delay: 3.5s;
}

.arrival-brand p {
  margin: 24px 0 0;
  font-family: Inter, Arial, sans-serif;
  font-size: clamp(.92rem, 1.2vw, 1.12rem);
  letter-spacing: .025em;
  animation-delay: 4.4s;
}

.skip-intro {
  position: absolute;
  right: clamp(20px, 3vw, 46px);
  bottom: clamp(20px, 3vw, 38px);
  min-height: 40px;
  padding: 0 17px;
  border: 1px solid rgba(255,255,255,.52);
  background: rgba(0,0,0,.35);
  color: #fff;
  font-family: Inter, Arial, sans-serif;
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .16em;
  cursor: pointer;
  backdrop-filter: blur(6px);
}

.skip-intro:hover {
  border-color: #d7af4c;
  color: #d7af4c;
}

.broadcast-arrival.show-play::after {
  content: "CLICK TO PLAY INTRO";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 15px 20px;
  border: 1px solid #d7af4c;
  background: rgba(0,0,0,.65);
  color: #fff;
  font: 800 .72rem Inter, Arial, sans-serif;
  letter-spacing: .15em;
}

@keyframes arrivalFadeUp {
  to { opacity: 1; transform: translateY(0); }
}

@keyframes arrivalLine {
  from { opacity: 0; transform: scaleX(0); }
  to { opacity: 1; transform: scaleX(1); }
}

@media (max-width: 720px) {
  .broadcast-arrival video {
    object-position: 47% center;
  }

  .arrival-brand {
    left: 24px;
    bottom: 72px;
    width: calc(100% - 48px);
  }

  .arrival-brand h1 {
    font-size: clamp(3.4rem, 17vw, 5.2rem);
  }

  .skip-intro {
    right: 18px;
    bottom: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .arrival-mark,
  .arrival-network,
  .arrival-gold-line,
  .arrival-brand h1,
  .arrival-brand p {
    animation-duration: .01ms !important;
    animation-delay: 0s !important;
  }
}


/* V6 definitive correction */
.cinematic-hero .hero-video {
  animation: none !important;
  transform: none !important;
  transition: none !important;
}


/* GISN TV V7: standalone ident + static channel homepage */
body.intro-active{overflow:hidden}.v7-arrival{position:fixed;inset:0;z-index:99999;background:#000;overflow:hidden;opacity:1;transition:opacity 1s ease}.v7-arrival.fadeout{opacity:0;pointer-events:none}.v7-arrival video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.v7-arrival-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.26) 60%,rgba(0,0,0,.12)),linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.12) 45%,rgba(0,0,0,.68))}.v7-arrival-brand{position:absolute;left:clamp(28px,7vw,120px);bottom:clamp(66px,10vh,110px);width:min(780px,calc(100% - 56px));color:#fff}.v7-ident-box,.v7-ident-network,.v7-ident-rule,.v7-arrival-brand h1,.v7-arrival-brand p{opacity:0;transform:translateY(18px);animation:v7Reveal .8s ease forwards}.v7-ident-box{display:inline-flex;align-items:center;min-height:56px;padding:0 18px;background:#d7af4c;color:#07110b;font:900 1.55rem "Barlow Condensed",Arial,sans-serif;animation-delay:1.1s}.v7-ident-network{margin-top:15px;font:800 clamp(.72rem,1vw,.92rem) Inter,Arial,sans-serif;letter-spacing:.16em;animation-delay:1.8s}.v7-ident-rule{width:min(430px,72%);height:2px;margin:24px 0;background:linear-gradient(90deg,#d7af4c,rgba(215,175,76,0));transform:scaleX(0);transform-origin:left;animation:v7Rule 1s 2.4s ease forwards}.v7-arrival-brand h1{margin:0;font:800 clamp(4rem,8vw,8rem)/.82 "Barlow Condensed","Arial Narrow",Arial,sans-serif;letter-spacing:-.04em;text-transform:uppercase;animation-delay:3.1s}.v7-arrival-brand p{margin:22px 0 0;font:clamp(.92rem,1.2vw,1.1rem) Inter,Arial,sans-serif;animation-delay:3.9s}
.channel-home{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;display:flex;align-items:center;background:#031009}.channel-home-bg{position:absolute;inset:0;background:url('images/gisn-channel-home.jpg') center/cover no-repeat}.channel-home-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,8,4,.95),rgba(1,8,4,.76) 42%,rgba(1,8,4,.28) 75%,rgba(1,8,4,.48)),linear-gradient(180deg,rgba(0,0,0,.36),rgba(0,0,0,.12) 45%,rgba(0,0,0,.72))}.channel-shell{position:relative;z-index:2;width:min(1320px,calc(100% - 10vw));margin:0 auto;padding-top:90px}.channel-status{display:inline-flex;align-items:center;gap:10px;margin-bottom:36px;padding:9px 14px;border:1px solid rgba(215,175,76,.45);background:rgba(0,0,0,.34);color:#fff;font:800 .68rem Inter,Arial,sans-serif;letter-spacing:.14em}.channel-status b{color:#d7af4c}.channel-live-dot{width:8px;height:8px;border-radius:50%;background:#d7af4c;animation:v7Pulse 1.8s infinite}.channel-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:clamp(32px,6vw,90px);align-items:end}.channel-eyebrow{margin-bottom:18px;color:#d7af4c;font:800 .72rem Inter,Arial,sans-serif;letter-spacing:.24em}.channel-main h1{margin:0;color:#fff;font:800 clamp(4.8rem,9vw,9.2rem)/.78 "Barlow Condensed","Arial Narrow",Arial,sans-serif;letter-spacing:-.045em;text-transform:uppercase}.channel-main p{max-width:650px;margin:28px 0 0;color:rgba(255,255,255,.82);font-size:clamp(.96rem,1.2vw,1.12rem);line-height:1.65}.channel-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.channel-actions .primary,.channel-actions .secondary{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border-radius:0;font:800 .72rem Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.channel-actions .primary{border:1px solid #d7af4c;background:#d7af4c;color:#07110b}.channel-actions .secondary{border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.24);color:#fff}.channel-card{padding:clamp(24px,3vw,38px);border-top:3px solid #d7af4c;background:rgba(3,14,8,.84);color:#fff;backdrop-filter:blur(10px)}.channel-card-label{margin-bottom:18px;color:#d7af4c;font:800 .66rem Inter,Arial,sans-serif;letter-spacing:.19em}.channel-card h2{margin:0;font:800 clamp(2rem,3.3vw,3.3rem)/.95 "Barlow Condensed",Arial,sans-serif;text-transform:uppercase}.channel-card p{margin:18px 0 0;color:rgba(255,255,255,.72);line-height:1.55}.channel-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.channel-meta span{padding:7px 9px;border:1px solid rgba(215,175,76,.35);color:#d7af4c;font:800 .58rem Inter,Arial,sans-serif;letter-spacing:.12em}.channel-scroll{position:absolute;left:50%;bottom:24px;z-index:3;transform:translateX(-50%);color:rgba(255,255,255,.65);font:800 .58rem Inter,Arial,sans-serif;letter-spacing:.22em}
@keyframes v7Reveal{to{opacity:1;transform:translateY(0)}}@keyframes v7Rule{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes v7Pulse{0%{box-shadow:0 0 0 0 rgba(215,175,76,.75)}70%{box-shadow:0 0 0 9px rgba(215,175,76,0)}100%{box-shadow:0 0 0 0 rgba(215,175,76,0)}}
@media(max-width:850px){.channel-home{align-items:end}.channel-shell{width:calc(100% - 44px);padding:130px 0 80px}.channel-grid{grid-template-columns:1fr}.channel-main h1{font-size:clamp(4rem,18vw,6.2rem)}.channel-card{display:none}.channel-home-bg{background-position:62% center}.channel-home-overlay{background:linear-gradient(180deg,rgba(1,8,4,.25),rgba(1,8,4,.55) 38%,rgba(1,8,4,.96) 78%)}.v7-arrival-brand{left:24px;bottom:70px;width:calc(100% - 48px)}.v7-arrival-brand h1{font-size:clamp(3.4rem,17vw,5.2rem)}}


/* =========================================================
   GISN TV VERSION 8 — CARIBBEAN COMMUNITY SPORTS NETWORK
   ========================================================= */
.v7-arrival::after{content:"";position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .65s ease;z-index:20}
.v7-arrival.bridge-black::after{opacity:1}
.v7-arrival.fadeout{opacity:0;transition:opacity 1.1s ease}
.v7-arrival-brand{z-index:10}
.v7-arrival-brand h1{font-size:clamp(3.6rem,7.3vw,7.5rem);line-height:.84;max-width:980px}
.v7-arrival-brand p{font-size:clamp(1rem,1.4vw,1.28rem);letter-spacing:.035em}

.v8-channel-home{opacity:0;transform:translateY(12px);transition:opacity 1.25s ease,transform 1.25s ease}
body.v8-home-ready .v8-channel-home{opacity:1;transform:none}
.v8-channel-home .channel-home-bg{filter:saturate(.82) contrast(1.05) brightness(.72)}
.v8-channel-home .channel-home-overlay{background:linear-gradient(90deg,rgba(1,8,4,.96),rgba(1,8,4,.82) 42%,rgba(1,8,4,.40) 72%,rgba(1,8,4,.58)),linear-gradient(180deg,rgba(0,0,0,.38),rgba(0,0,0,.12) 42%,rgba(0,0,0,.78))}
.v8-shell{padding-top:120px;padding-bottom:110px}
.v8-broadcast-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:clamp(42px,7vw,105px);align-items:end}
.v8-main-stage h1{margin:0;color:#fff;font:800 clamp(5rem,9vw,9.4rem)/.78 "Barlow Condensed","Arial Narrow",Arial,sans-serif;letter-spacing:-.045em;text-transform:uppercase;text-shadow:0 8px 36px rgba(0,0,0,.38)}
.v8-main-stage>p{max-width:760px;margin:30px 0 0;color:rgba(255,255,255,.84);font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.7}
.v8-now-card{position:relative;padding:34px;border-top:4px solid #d7af4c;background:rgba(3,14,8,.88);color:#fff;backdrop-filter:blur(12px);box-shadow:0 28px 80px rgba(0,0,0,.42)}
.v8-card-kicker{color:#d7af4c;font:800 .66rem Inter,Arial,sans-serif;letter-spacing:.2em}
.v8-programme-time{position:absolute;right:22px;top:20px;padding:6px 9px;background:#d7af4c;color:#07110b;font:900 .6rem Inter,Arial,sans-serif;letter-spacing:.15em}
.v8-now-card h2{margin:24px 0 0;font:800 clamp(2.2rem,3.3vw,3.6rem)/.92 "Barlow Condensed",Arial,sans-serif;text-transform:uppercase}
.v8-now-card p{color:rgba(255,255,255,.72);line-height:1.6}
.v8-channel-ribbon{position:absolute;left:0;right:0;bottom:0;z-index:4;display:grid;grid-template-columns:90px 1fr;min-height:48px;background:#d7af4c;color:#07110b;align-items:center}
.v8-channel-ribbon span{height:100%;display:grid;place-items:center;border-right:1px solid rgba(0,0,0,.18);font:900 .72rem Inter,Arial,sans-serif}
.v8-channel-ribbon p{margin:0;padding-left:24px;font:900 .66rem Inter,Arial,sans-serif;letter-spacing:.17em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v8-channel-home .channel-scroll{bottom:62px}

.topbar nav a{letter-spacing:.08em}
.mission h2{font-size:clamp(4rem,8vw,8rem)}

@media(max-width:900px){
.v8-broadcast-grid{grid-template-columns:1fr}
.v8-now-card{display:none}
.v8-main-stage h1{font-size:clamp(4rem,17vw,6.4rem)}
.v8-shell{padding:130px 0 120px}
.v8-channel-ribbon{grid-template-columns:72px 1fr}
.v8-channel-ribbon p{font-size:.55rem;padding-left:14px}
.v7-arrival-brand h1{font-size:clamp(3rem,15vw,5rem)}
}