.page-home{
  background:var(--sea);
  color:var(--paper);
  font-family:var(--font-body);
  overflow-x:hidden;
}
.page-home a{color:var(--cyan);}
.page-home .home-context{
  background:var(--sea-3);
  border-bottom:1px solid var(--line);
}
.page-home .home-context__inner{
  max-width:var(--wrap);
  margin:0 auto;
  padding:10px var(--pad);
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 10px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.16em;
  color:var(--mist);
}
.page-home .home-context__brand{color:var(--cyan);letter-spacing:.22em;}
.page-home .home-context__sep{color:var(--line-strong);}
.page-home .home-context a{color:var(--mist);text-decoration:none;}
.page-home .home-context a:hover{color:var(--cyan);}

.page-home .kicker{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.22em;
  color:var(--cyan);
  margin:0 0 14px;
  text-transform:uppercase;
}

/* ---------- hero ---------- */
.page-home .hero{
  padding:clamp(28px,6vw,60px) 0 clamp(44px,7vw,92px);
  border-bottom:3px solid var(--line-strong);
  background:
    radial-gradient(120% 85% at 90% 5%, rgba(0,240,200,.13), transparent 62%),
    radial-gradient(90% 70% at 0% 100%, rgba(255,106,43,.10), transparent 65%),
    var(--sea);
}
.page-home .hero__grid{
  max-width:var(--wrap);
  margin:0 auto;
  padding:0 var(--pad);
  display:grid;
  gap:clamp(26px,5vw,44px);
}
.page-home .hero__title{
  font-family:var(--font-display);
  font-weight:200;
  font-size:clamp(36px,8.4vw,92px);
  line-height:1.05;
  letter-spacing:-.02em;
  margin:0 0 20px;
  color:var(--paper);
}
.page-home .hero__title em{
  font-style:normal;
  color:var(--cyan);
}
.page-home .hero__lede{
  font-size:clamp(15px,2.1vw,18px);
  line-height:1.85;
  color:var(--paper);
  max-width:40ch;
  margin:0 0 28px;
}
.page-home .hero__actions{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:18px;
}
.page-home .btn--solid{
  display:inline-block;
  background:var(--cyan);
  color:var(--sea);
  border:3px solid var(--ink);
  box-shadow:var(--shadow-hard);
  padding:15px 26px;
  font-family:var(--font-body);
  font-size:15px;
  font-weight:700;
  letter-spacing:.06em;
  text-decoration:none;
  transition:transform .2s var(--ease),box-shadow .2s var(--ease);
}
.page-home .btn--solid:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 #030a10;}
.page-home .btn--solid:focus-visible{outline:3px solid var(--orange);outline-offset:3px;}
.page-home .hero__index{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:9px;
  font-size:13px;
  letter-spacing:.04em;
}
.page-home .hero__index a{
  color:var(--cyan-soft);
  text-decoration:none;
  border-bottom:1px dashed var(--line-strong);
  padding-bottom:2px;
}
.page-home .hero__index a:hover{color:var(--cyan);border-bottom-style:solid;}

.page-home .hero__collage{
  position:relative;
  display:grid;
  gap:14px;
}
.page-home .hero__media{
  margin:0;
  aspect-ratio:4/5;
  border:3px solid var(--cyan);
  box-shadow:var(--shadow-hard);
  background:var(--sea-2);
  overflow:hidden;
}
.page-home .hero__media .media__img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:contrast(1.06) saturate(.92);
}
.page-home .scorebar{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:8px 12px;
  border:3px solid var(--line-strong);
  background:var(--sea-2);
  padding:12px 14px;
  box-shadow:var(--shadow-hard);
}
.page-home .scorebar__team{
  font-size:13px;
  letter-spacing:.04em;
  color:var(--mist);
}
.page-home .scorebar__team--right{text-align:right;}
.page-home .scorebar__num{
  font-family:var(--font-mono);
  font-weight:700;
  font-size:clamp(22px,4vw,32px);
  letter-spacing:.04em;
  color:var(--orange);
}
.page-home .scorebar__meta{
  grid-column:1/-1;
  border-top:1px dashed var(--line);
  padding-top:8px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.14em;
  color:var(--mist);
}
.page-home .hero__ticket{
  border:3px solid var(--ink);
  background:var(--cyan);
  color:var(--sea);
  padding:12px 14px;
  box-shadow:var(--shadow-hard);
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.14em;
}
.page-home .hero__ticket strong{
  display:block;
  font-size:22px;
  letter-spacing:.02em;
  margin-bottom:2px;
}

/* ---------- section base ---------- */
.page-home .section{
  position:relative;
  max-width:var(--wrap);
  margin:0 auto;
  padding:clamp(44px,7vw,88px) var(--pad);
}
.page-home .section__head{
  position:relative;
  margin:0 0 clamp(24px,4vw,38px);
}
.page-home .index-num{
  display:block;
  font-family:var(--font-mono);
  font-weight:700;
  font-size:clamp(40px,9vw,104px);
  line-height:.82;
  letter-spacing:-.04em;
  color:rgba(0,240,200,.18);
  margin-bottom:-4px;
}
.page-home .section__title{
  font-family:var(--font-display);
  font-weight:300;
  font-size:clamp(23px,4.2vw,40px);
  line-height:1.24;
  letter-spacing:-.01em;
  margin:0 0 14px;
  color:var(--paper);
}
.page-home .section__lede{
  font-size:15px;
  line-height:1.85;
  color:var(--mist);
  max-width:58ch;
  margin:0;
}

/* ---------- panel ---------- */
.page-home .panel-section{border-bottom:1px solid var(--line);}
.page-home .filter-bar{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 22px;
}
.page-home .tag{
  appearance:none;
  -webkit-appearance:none;
  background:transparent;
  color:var(--cyan-soft);
  border:2px solid var(--line-strong);
  padding:9px 13px;
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:600;
  letter-spacing:.14em;
  cursor:pointer;
  transition:background .18s var(--ease),color .18s var(--ease),transform .18s var(--ease);
}
.page-home .tag:hover{transform:translateY(-2px);}
.page-home .tag.is-active{
  background:var(--cyan);
  border-color:var(--cyan);
  color:var(--sea);
}
.page-home .tag:focus-visible{outline:3px solid var(--orange);outline-offset:2px;}
.page-home .team-grid{
  list-style:none;
  margin:0 0 30px;
  padding:0;
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.page-home .team-card{
  border:2px solid var(--line-strong);
  background:var(--sea-2);
  padding:16px;
  box-shadow:4px 4px 0 #030a10;
  transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease);
}
.page-home .team-card:hover{
  transform:translate(-4px,-4px);
  box-shadow:8px 8px 0 rgba(0,240,200,.28);
  border-color:var(--cyan);
}
.page-home .team-card__name{
  font-family:var(--font-display);
  font-size:19px;
  font-weight:600;
  margin:0 0 4px;
  color:var(--paper);
}
.page-home .team-card__meta{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.14em;
  color:var(--cyan-soft);
  margin:0 0 12px;
}
.page-home .team-card__row{
  display:flex;
  justify-content:space-between;
  gap:10px;
  font-size:13px;
  color:var(--mist);
  border-top:1px dashed var(--line);
  padding-top:8px;
  margin-top:8px;
}
.page-home .team-card__row b{
  font-family:var(--font-mono);
  font-weight:700;
  color:var(--paper);
}
.page-home .team-card__row .is-win{color:var(--win);}
.page-home .team-card__row .is-loss{color:var(--loss);}

.page-home .panel-blocks{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
}
.page-home .panel-block{
  border-left:3px solid var(--orange);
  padding:2px 0 2px 14px;
}
.page-home .panel-block h3{
  font-size:15px;
  margin:0 0 6px;
  color:var(--paper);
  letter-spacing:.02em;
}
.page-home .panel-block p{
  font-size:13px;
  line-height:1.8;
  color:var(--mist);
  margin:0;
}
.page-home .panel-block b{
  font-family:var(--font-mono);
  color:var(--orange);
}

/* ---------- commute ---------- */
.page-home .commute{
  border-top:3px solid var(--line-strong);
  border-bottom:3px solid var(--line-strong);
  background:var(--sea-3);
}
.page-home .commute__inner{
  max-width:var(--wrap);
  margin:0 auto;
  padding:clamp(36px,6vw,76px) var(--pad);
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(22px,4vw,36px);
  align-items:start;
}
.page-home .commute__media{
  margin:0;
  border:2px solid var(--line-strong);
  box-shadow:var(--shadow-hard);
  overflow:hidden;
  background:var(--sea-2);
}
.page-home .commute__media .media__img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}
.page-home .commute__media .media__caption{
  display:block;
  padding:9px 12px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.12em;
  color:var(--mist);
  border-top:1px solid var(--line);
}
.page-home .commute__list{
  list-style:none;
  margin:8px 0 0;
  padding:0;
}
.page-home .commute__item{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:4px 14px;
  padding:15px 0;
  border-top:1px dashed var(--line);
}
.page-home .commute__time{
  grid-row:1/3;
  font-family:var(--font-mono);
  font-size:15px;
  font-weight:700;
  letter-spacing:.04em;
  color:var(--orange);
}
.page-home .commute__item h3{
  grid-column:2;
  font-size:15px;
  margin:0;
  color:var(--paper);
  letter-spacing:.02em;
}
.page-home .commute__item p{
  grid-column:2;
  font-size:13px;
  line-height:1.8;
  color:var(--mist);
  margin:0;
}

/* ---------- rounds ---------- */
.page-home .rounds{border-bottom:1px solid var(--line);}
.page-home .round-track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(180px,1fr);
  gap:14px;
  overflow-x:auto;
  padding:14px 2px 18px;
  scrollbar-color:var(--cyan) transparent;
}
.page-home .round-card{
  position:relative;
  border:2px dashed var(--line-strong);
  background:var(--sea-2);
  padding:20px 16px 16px;
}
.page-home .round-card::before{
  content:"";
  position:absolute;
  left:16px;
  top:-9px;
  width:13px;
  height:13px;
  border-radius:50%;
  background:var(--orange);
  border:3px solid var(--sea);
}
.page-home .round-card__label{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.16em;
  color:var(--cyan-soft);
}
.page-home .round-card__no{
  display:block;
  font-family:var(--font-mono);
  font-size:22px;
  font-weight:700;
  letter-spacing:.02em;
  color:var(--orange);
  margin:6px 0 10px;
}
.page-home .round-card p{
  font-size:13px;
  line-height:1.75;
  color:var(--mist);
  margin:0;
}
.page-home .rounds__foot{
  margin:6px 0 0;
  font-size:13px;
  line-height:1.8;
  color:var(--mist);
}
.page-home .rounds__link{
  display:inline-block;
  margin-left:8px;
  color:var(--cyan);
  text-decoration:none;
  border-bottom:2px solid var(--line-strong);
  padding-bottom:2px;
  letter-spacing:.04em;
}
.page-home .rounds__link:hover{border-bottom-color:var(--cyan);}

/* ---------- stories ---------- */
.page-home .stories__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(22px,4vw,40px);
  align-items:start;
}
.page-home .stories__media{
  margin:0;
  border:3px solid var(--cyan);
  box-shadow:var(--shadow-cyan);
  overflow:hidden;
  background:var(--sea-2);
}
.page-home .stories__media .media__img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}
.page-home .stories .index-num{margin-bottom:6px;}
.page-home .accordion{
  margin-top:22px;
  border-top:2px solid var(--line);
}
.page-home .accordion__item{border-bottom:2px solid var(--line);}
.page-home .accordion__trigger{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  background:transparent;
  border:0;
  padding:16px 0;
  cursor:pointer;
  text-align:left;
  color:var(--paper);
  font-family:var(--font-display);
  font-size:16px;
  font-weight:600;
  letter-spacing:.02em;
  transition:color .18s var(--ease);
}
.page-home .accordion__trigger:hover{color:var(--cyan);}
.page-home .accordion__trigger:focus-visible{outline:3px solid var(--orange);outline-offset:2px;}
.page-home .accordion__chevron{
  flex:0 0 11px;
  width:11px;
  height:11px;
  border-right:2px solid var(--cyan);
  border-bottom:2px solid var(--cyan);
  transform:rotate(45deg);
  transition:transform .24s var(--ease);
}
.page-home .accordion__trigger[aria-expanded="true"] .accordion__chevron{
  transform:rotate(-135deg);
}
.page-home .accordion__panel{overflow:hidden;}
.page-home .accordion__panel-inner p{
  font-size:14px;
  line-height:1.85;
  color:var(--mist);
  margin:0 0 18px;
}
.page-home .stories__foot{margin:18px 0 0;font-size:13px;}
.page-home .stories__foot a{
  color:var(--cyan-soft);
  text-decoration:none;
  border-bottom:1px dashed var(--line-strong);
  padding-bottom:2px;
}
.page-home .stories__foot a:hover{color:var(--cyan);}

/* ---------- trust ---------- */
.page-home .trust{
  border-top:3px solid var(--line-strong);
  background:var(--sea-2);
}
.page-home .trust__inner{
  max-width:var(--wrap);
  margin:0 auto;
  padding:clamp(40px,6vw,78px) var(--pad);
}
.page-home .stat-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px 18px;
  margin-top:8px;
}
.page-home .stat{
  border-top:2px solid var(--line-strong);
  padding-top:12px;
}
.page-home .stat__value{
  display:block;
  font-family:var(--font-mono);
  font-size:clamp(22px,4.6vw,32px);
  font-weight:700;
  line-height:1.15;
  letter-spacing:.01em;
  color:var(--cyan);
}
.page-home .stat__value--orange{color:var(--orange);}
.page-home .stat__label{
  display:block;
  margin-top:8px;
  font-size:12px;
  line-height:1.65;
  letter-spacing:.04em;
  color:var(--mist);
}
.page-home .trust__note{
  margin:26px 0 0;
  padding-top:18px;
  border-top:1px dashed var(--line);
  font-size:13px;
  line-height:1.9;
  color:var(--mist);
  max-width:66ch;
}

/* ---------- closing ---------- */
.page-home .closing{
  max-width:var(--wrap);
  margin:0 auto;
  padding:clamp(38px,6vw,76px) var(--pad) clamp(48px,8vw,96px);
}
.page-home .closing__cards{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin-top:22px;
}
.page-home .closing__card{
  display:block;
  border:3px solid var(--line-strong);
  background:var(--sea);
  padding:18px;
  text-decoration:none;
  color:var(--paper);
  box-shadow:4px 4px 0 #030a10;
  transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease);
}
.page-home .closing__card:hover{
  transform:translate(-4px,-4px);
  box-shadow:8px 8px 0 rgba(0,240,200,.28);
  border-color:var(--cyan);
}
.page-home .closing__card:focus-visible{outline:3px solid var(--orange);outline-offset:3px;}
.page-home .closing__card-index{
  display:block;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.2em;
  color:var(--orange);
  margin-bottom:8px;
}
.page-home .closing__card-title{
  display:block;
  font-family:var(--font-display);
  font-size:18px;
  font-weight:600;
  margin-bottom:6px;
  color:var(--paper);
}
.page-home .closing__card-text{
  display:block;
  font-size:13px;
  line-height:1.75;
  color:var(--mist);
}

/* ---------- responsive ---------- */
@media (min-width:640px){
  .page-home .team-grid{grid-template-columns:repeat(2,1fr);}
  .page-home .panel-blocks{grid-template-columns:repeat(3,1fr);gap:20px;}
  .page-home .closing__cards{grid-template-columns:repeat(3,1fr);}
  .page-home .stat-grid{grid-template-columns:repeat(3,1fr);}
}

@media (min-width:900px){
  .page-home .hero__grid{
    grid-template-columns:repeat(12,1fr);
    align-items:start;
  }
  .page-home .hero__headline{
    grid-column:1/6;
    grid-row:1;
    padding-top:10px;
  }
  .page-home .hero__collage{
    grid-column:6/13;
    grid-row:1;
    display:grid;
    grid-template-columns:repeat(8,1fr);
    grid-template-rows:auto auto;
  }
  .page-home .hero__media{
    grid-column:2/9;
    grid-row:1/3;
  }
  .page-home .hero__score{
    grid-column:1/7;
    grid-row:2;
    align-self:end;
    z-index:2;
    margin-top:-26px;
  }
  .page-home .hero__ticket{
    grid-column:6/9;
    grid-row:1;
    align-self:start;
    justify-self:end;
    z-index:3;
    transform:translateY(-14px);
  }
  .page-home .commute__inner{
    grid-template-columns:4fr 7fr;
    gap:clamp(28px,4vw,52px);
  }
  .page-home .stories__grid{
    grid-template-columns:5fr 7fr;
  }
  .page-home .stories__media{position:sticky;top:96px;}
  .page-home .team-grid{grid-template-columns:repeat(3,1fr);}
}

@media (min-width:1200px){
  .page-home .hero__headline{padding-top:24px;}
  .page-home .section__lede{font-size:16px;}
}
<<<END>>>