.home-watch {
  --hw-yellow: #ffdc00;
  --hw-lime: #b7ff1e;
  --hw-cyan: #57ddff;
  position: relative;
  overflow: hidden;
  padding: clamp(4.5rem, 8vw, 7.5rem) max(18px, calc((100vw - var(--wide)) / 2));
  color: #fff;
  background:
    radial-gradient(circle at 8% 12%, rgba(83, 74, 210, .32), transparent 28rem),
    radial-gradient(circle at 94% 85%, rgba(0, 183, 137, .2), transparent 30rem),
    #050817;
  border-block: 1px solid rgba(111, 140, 219, .2);
  isolation: isolate;
}
.home-watch::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .32;
  background:
    linear-gradient(120deg, transparent 0 49.8%, rgba(255,255,255,.06) 50%, transparent 50.2%),
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: auto, 54px 54px, 54px 54px;
  mask-image: linear-gradient(to bottom, transparent, #000 14%, #000 86%, transparent);
}
.home-watch__inner { width: min(100%, var(--wide)); margin-inline: auto; }
.home-watch__header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: clamp(2.25rem, 4vw, 3.75rem);
}
.home-watch__intro { min-width: 0; }
.home-watch__eyebrow {
  display: flex;
  align-items: center;
  gap: .7rem;
  margin: 0 0 .8rem;
  color: var(--hw-lime);
  font-size: .76rem;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.home-watch__eyebrow i, .home-watch__status i {
  width: .55rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--hw-lime);
  box-shadow: 0 0 0 .35rem rgba(183,255,30,.11);
}
.home-watch__header h2 {
  max-width: 900px;
  margin: 0;
  font-size: clamp(3rem, 6.8vw, 6.4rem);
  line-height: .88;
  letter-spacing: -.065em;
}
.home-watch__intro > p:last-child {
  max-width: 760px;
  margin: 1.4rem 0 0;
  color: #b4bfd7;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  line-height: 1.65;
}
.home-watch__coverage-link {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 1.4rem;
  padding: 1.05rem 1.2rem;
  color: #071018;
  border-radius: .85rem;
  background: var(--hw-yellow);
  font-weight: 950;
  text-decoration: none;
  box-shadow: 0 18px 40px rgba(255,220,0,.12);
}
.home-watch__coverage-link b { font-size: 1.25rem; }
.home-watch__channels { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1.2rem; }
.home-watch__channel {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(130,153,220,.28);
  border-radius: 1.6rem;
  background: rgba(13,19,48,.82);
  box-shadow: 0 30px 80px rgba(0,0,0,.28);
}
.home-watch__channel::after {
  content: "";
  position: absolute;
  inset: auto -10% -35% 28%;
  height: 55%;
  transform: rotate(-8deg);
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.07));
}
.home-watch__channel--rush { border-color: rgba(175,55,255,.4); background: linear-gradient(145deg, rgba(48,13,86,.83), rgba(10,12,39,.94)); }
.home-watch__channel--willow { border-color: rgba(0,207,157,.36); background: linear-gradient(145deg, rgba(4,66,59,.78), rgba(9,17,40,.94)); }
.home-watch__channel-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.15rem 1.35rem;
  border-bottom: 1px solid rgba(255,255,255,.1);
  color: #aeb9d2;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.home-watch__status { display: inline-flex; align-items: center; gap: .65rem; color: var(--hw-lime); }
.home-watch__logo-stage {
  display: grid;
  align-content: center;
  min-height: clamp(220px, 24vw, 345px);
  padding: clamp(1.4rem, 4vw, 3.25rem);
}
.home-watch__logo-stage img {
  width: min(100%, 560px);
  max-height: 130px;
  margin-inline: auto;
  object-fit: contain;
  filter: drop-shadow(0 12px 28px rgba(0,0,0,.34));
}
.home-watch__channel--willow .home-watch__logo-stage img { width: min(84%, 470px); }
.home-watch__logo-stage strong {
  margin: .45rem auto 0;
  color: #f7f9ff;
  font-size: clamp(1rem, 1.8vw, 1.45rem);
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: lowercase;
}
.home-watch__channel-copy {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(180px,.72fr);
  gap: 1.5rem;
  align-items: end;
  min-height: 145px;
  padding: 1.35rem;
  border-top: 1px solid rgba(255,255,255,.1);
  background: rgba(3,7,25,.35);
}
.home-watch__channel-copy p { margin: 0 0 .35rem; color: var(--hw-yellow); font-size: .7rem; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.home-watch__channel-copy h3 { margin: 0; font-size: clamp(1.35rem, 2.4vw, 2.3rem); line-height: 1.06; }
.home-watch__channel-copy > span { color: #9faac4; font-size: .88rem; line-height: 1.55; }
.home-watch__channel > a {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.05rem 1.35rem;
  color: #fff;
  border-top: 1px solid rgba(255,255,255,.1);
  font-weight: 950;
  text-decoration: none;
}
.home-watch__channel > a b { color: var(--hw-yellow); }
.home-watch__match {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto auto;
  align-items: center;
  gap: clamp(1rem, 3vw, 2.5rem);
  margin-top: 1.2rem;
  padding: 1.25rem 1.35rem;
  border: 1px solid rgba(255,220,0,.3);
  border-radius: 1.25rem;
  background: linear-gradient(90deg, rgba(255,220,0,.1), rgba(16,24,57,.78) 26%, rgba(8,30,37,.78));
}
.home-watch__match-label span, .home-watch__match-label strong { display: block; }
.home-watch__match-label span { color: var(--hw-yellow); font-size: .68rem; font-weight: 950; letter-spacing: .11em; text-transform: uppercase; }
.home-watch__match-label strong { margin-top: .25rem; font-size: 1.4rem; }
.home-watch__match-teams { display: flex; align-items: center; justify-content: center; gap: 1rem; min-width: 0; color: #fff; font-size: clamp(1rem, 2vw, 1.45rem); font-weight: 950; text-align: center; }
.home-watch__match-teams span { min-width: 0; }
.home-watch__match-teams b { flex: 0 0 auto; display: grid; place-items: center; width: 2.6rem; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; color: var(--hw-lime); font-size: .7rem; text-transform: uppercase; }
.home-watch__match-meta { display: grid; text-align: right; }
.home-watch__match-meta strong { color: #fff; font-size: 1.25rem; text-transform: uppercase; }
.home-watch__match-meta span { color: #9ba8c3; font-size: .8rem; }
.home-watch__match > a { padding: .85rem 1rem; color: #081019; border-radius: .7rem; background: var(--hw-lime); font-weight: 950; text-decoration: none; white-space: nowrap; }
.home-watch__footer { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1.2rem .3rem 0; }
.home-watch__footer p { display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; margin: 0; color: #8f9bb7; font-size: .76rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.home-watch__footer p strong { color: #fff; font-size: 1rem; }
.home-watch__footer a { color: #fff; font-weight: 900; text-decoration: none; }
.home-watch a:hover { color: #fff; }
.home-watch__coverage-link:hover, .home-watch__match > a:hover { color: #081019; transform: translateY(-2px); }

@media (max-width: 900px) {
  .home-watch__header { align-items: start; flex-direction: column; }
  .home-watch__channels { grid-template-columns: minmax(0,1fr); }
  .home-watch__match { grid-template-columns: auto minmax(0,1fr) auto; }
  .home-watch__match-meta { display: none; }
}
@media (max-width: 620px) {
  .home-watch { padding-inline: 14px; }
  .home-watch__header h2 { font-size: clamp(3rem, 15vw, 4.5rem); }
  .home-watch__coverage-link { width: 100%; justify-content: space-between; }
  .home-watch__logo-stage { min-height: 210px; padding-inline: 1.15rem; }
  .home-watch__channel-copy { grid-template-columns: minmax(0,1fr); min-height: 0; }
  .home-watch__match { grid-template-columns: minmax(0,1fr); align-items: start; }
  .home-watch__match-teams { justify-content: start; flex-wrap: wrap; text-align: left; }
  .home-watch__match > a { display: flex; justify-content: space-between; }
  .home-watch__footer { align-items: start; flex-direction: column; }
}