.page-home{
  --home-gap:clamp(14px,2.2vw,26px);
  --home-grid:88px;
  background:var(--ink);
  color:var(--paper);
  overflow-x:hidden;
}
.page-home .container{
  width:100%;
  max-width:var(--page-max);
  margin:0 auto;
  padding-inline:var(--gutter);
}
.page-home .hero{
  position:relative;
  padding-block:clamp(20px,3vw,36px) clamp(32px,5vw,64px);
  border-bottom:2px solid var(--line);
}
.page-home .hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(to right,rgba(27,59,82,.6) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(27,59,82,.6) 1px,transparent 1px);
  background-size:var(--home-grid) var(--home-grid);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.35) 55%,transparent 90%);
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.35) 55%,transparent 90%);
  pointer-events:none;
}
.page-home .hero__inner{
  position:relative;
  z-index:1;
}
.page-home .hero__head{
  display:grid;
  gap:var(--home-gap);
  margin-bottom:clamp(20px,3vw,34px);
}
.page-home .hero__title{
  margin:8px 0 0;
  font-size:clamp(2.1rem,7vw,5rem);
  line-height:1.02;
  letter-spacing:-.02em;
  font-weight:800;
  color:var(--paper);
}
.page-home .hero__title-mark{
  display:inline-block;
  background:var(--mint);
  color:var(--ink);
  padding:0 .1em .04em;
  box-shadow:var(--shadow-hard);
}
.page-home .hero__lead{
  margin:16px 0 0;
  max-width:52ch;
  color:var(--stone);
  font-size:clamp(.95rem,1.6vw,1.06rem);
  line-height:1.7;
}
.page-home .hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}
.page-home .hero__aside{
  position:relative;
  border:2px solid var(--line);
  border-left:4px solid var(--mint-deep);
  background:var(--ink-2);
  padding:16px 18px;
}
.page-home .hero__aside-text{
  margin:10px 0 0;
  color:var(--paper);
  font-size:.94rem;
  line-height:1.7;
  max-width:36ch;
}
.page-home .annotation--vertical{
  display:none;
}
.page-home .hero__board{
  display:grid;
  gap:var(--home-gap);
}
.page-home .card{
  border:2px solid var(--line);
  background:var(--ink-2);
  box-shadow:var(--shadow-hard);
}
.page-home .card--score{
  padding:clamp(14px,2vw,22px);
}
.page-home .card--alert{
  padding:clamp(14px,2vw,22px);
  border-color:var(--mint-deep);
}
.page-home .card__head{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:space-between;
  gap:8px;
  margin-bottom:12px;
}
.page-home .card__title{
  margin:0;
  font-size:clamp(1.05rem,2vw,1.3rem);
  letter-spacing:.02em;
}
.page-home .rank-panel__scroll{
  width:100%;
  overflow-x:visible;
}
.page-home .rank-table{
  width:100%;
  border-collapse:collapse;
  font-size:.9rem;
}
.page-home .rank-table__cap{
  caption-side:top;
  text-align:left;
  color:var(--stone);
  font-size:.76rem;
  letter-spacing:.04em;
  padding-bottom:8px;
}
.page-home .rank-table th{
  text-align:left;
  font-size:.72rem;
  letter-spacing:.1em;
  color:var(--stone);
  border-bottom:2px solid var(--line);
  padding:8px 6px;
  white-space:nowrap;
  cursor:pointer;
  background:transparent;
}
.page-home .rank-table th:focus-visible{
  outline:2px solid var(--mint);
  outline-offset:2px;
}
.page-home .rank-table td{
  padding:9px 6px;
  border-bottom:1px solid rgba(27,59,82,.85);
  color:var(--paper);
  white-space:nowrap;
}
.page-home .rank-table .num{
  font-family:var(--font-num);
  font-weight:700;
}
.page-home .rank-table tr.is-top td{
  color:var(--mint);
  background:rgba(77,255,210,.06);
}
.page-home .rank-table tr.is-top td:first-child{
  border-left:3px solid var(--mint);
}
.page-home .rank-table tbody tr:hover td{
  background:rgba(14,143,123,.12);
}
.page-home .rank-table .col-md{
  display:none;
}
.page-home .rank-panel__note{
  margin:12px 0 0;
  color:var(--stone);
  font-size:.8rem;
  line-height:1.6;
}
.page-home .clock__ring{
  position:relative;
  width:min(190px,60%);
  margin:4px auto 14px;
  aspect-ratio:1;
}
.page-home .clock__svg{
  display:block;
  width:100%;
  height:100%;
  transform:rotate(-90deg);
}
.page-home .clock__track{
  fill:none;
  stroke:var(--line);
  stroke-width:8;
}
.page-home .clock__progress{
  fill:none;
  stroke:var(--mint);
  stroke-width:8;
  stroke-linecap:butt;
  stroke-dasharray:327;
  stroke-dashoffset:82;
  animation:home-pulse 2.4s ease-in-out infinite;
}
.page-home .clock__digits{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
}
.page-home .clock__num{
  font-family:var(--font-num);
  font-weight:800;
  font-size:clamp(2.2rem,9vw,3rem);
  line-height:1;
  color:var(--mint);
}
.page-home .clock__unit{
  font-size:.74rem;
  letter-spacing:.16em;
  color:var(--stone);
}
.page-home .clock__stops{
  list-style:none;
  margin:0 0 14px;
  padding:0;
  display:grid;
  gap:6px;
}
.page-home .clock__stop{
  display:flex;
  align-items:baseline;
  gap:10px;
  padding:7px 10px;
  border-left:3px solid var(--line);
  background:rgba(7,19,31,.6);
  font-size:.84rem;
  color:var(--stone);
}
.page-home .clock__stop .num{
  font-family:var(--font-num);
  font-weight:700;
  font-size:.94rem;
  color:var(--paper);
}
.page-home .clock__stop.is-live{
  border-left-color:var(--mint);
  color:var(--paper);
  background:rgba(77,255,210,.08);
}
.page-home .clock__stop.is-live .num{
  color:var(--mint);
}
.page-home .clock__figure{
  margin:0;
}
.page-home .media-frame{
  position:relative;
  border:2px solid var(--line);
  background:var(--ink-2);
  box-shadow:var(--shadow-hard);
}
.page-home .media-frame__inner{
  position:relative;
  overflow:hidden;
  aspect-ratio:16/10;
}
.page-home .media-frame__inner img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  max-width:100%;
}
.page-home .media-frame--tall .media-frame__inner{
  aspect-ratio:4/5;
}
.page-home .media-frame__index{
  position:absolute;
  top:0;
  left:0;
  font-family:var(--font-num);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.08em;
  background:var(--mint);
  color:var(--ink);
  padding:3px 8px;
}
.page-home .media-frame__caption{
  display:block;
  padding:9px 12px;
  font-size:.76rem;
  color:var(--stone);
  border-top:1px solid var(--line);
  line-height:1.5;
}
.page-home .hero__figure{
  margin:var(--home-gap) 0 0;
}
.page-home .hero__figure .media-frame__inner{
  aspect-ratio:16/9;
}
.page-home .section{
  padding-block:clamp(36px,5vw,68px);
  border-bottom:2px solid var(--line);
}
.page-home .section-head{
  margin-bottom:clamp(16px,2.4vw,28px);
  max-width:70ch;
}
.page-home .section-head__title{
  margin:0;
  font-size:clamp(1.5rem,3.6vw,2.5rem);
  line-height:1.14;
  letter-spacing:-.01em;
  font-weight:800;
}
.page-home .section-head__note{
  margin:10px 0 0;
  color:var(--stone);
  font-size:.94rem;
  line-height:1.7;
}
.page-home .quick__tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:clamp(16px,2.4vw,24px);
  border-bottom:2px solid var(--line);
  padding-bottom:10px;
}
.page-home .quick__tab{
  display:inline-block;
  padding:9px 18px;
  border:2px solid var(--line);
  color:var(--paper);
  text-decoration:none;
  font-size:.86rem;
  letter-spacing:.08em;
  background:var(--ink-2);
  transition:transform .18s ease,background-color .18s ease,border-color .18s ease;
}
.page-home .quick__tab:hover,
.page-home .quick__tab:focus-visible{
  background:var(--mint-deep);
  border-color:var(--mint);
  transform:translateY(-2px);
  outline:none;
}
.page-home .quick__tab:focus-visible{
  outline:2px solid var(--mint);
  outline-offset:2px;
}
.page-home .quick__panels{
  display:grid;
  gap:var(--home-gap);
}
.page-home .quick__panel{
  border:2px solid var(--line);
  background:var(--ink-2);
  padding:clamp(16px,2.2vw,26px);
  scroll-margin-top:96px;
  transition:border-color .2s ease,transform .2s ease;
}
.page-home .quick__panel:hover{
  border-color:var(--mint-deep);
  transform:translateY(-3px);
}
.page-home .quick__panel:target{
  border-color:var(--mint);
  box-shadow:var(--shadow-hard);
}
.page-home .quick__panel-title{
  margin:0 0 10px;
  font-size:clamp(1.1rem,2.2vw,1.35rem);
  line-height:1.3;
}
.page-home .quick__panel-text{
  margin:0 0 16px;
  color:var(--stone);
  font-size:.92rem;
  line-height:1.7;
}
.page-home .lineup-list{
  list-style:none;
  margin:0 0 16px;
  padding:0;
  display:grid;
  gap:2px;
}
.page-home .lineup-item{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:start;
  gap:8px 10px;
  padding:10px 0;
  border-bottom:1px solid rgba(27,59,82,.9);
}
.page-home .lineup-item__text{
  font-size:.88rem;
  line-height:1.55;
  color:var(--paper);
}
.page-home .lineup-item__time{
  grid-column:1 / -1;
  font-family:var(--font-num);
  font-size:.72rem;
  color:var(--stone);
  letter-spacing:.06em;
}
.page-home .shot-metrics{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:2px;
  margin-bottom:16px;
  border:2px solid var(--line);
  background:var(--line);
}
.page-home .metric{
  background:var(--ink-2);
  padding:14px 12px;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.page-home .metric__value{
  font-family:var(--font-num);
  font-weight:800;
  font-size:clamp(1.35rem,3.4vw,1.9rem);
  line-height:1;
  color:var(--paper);
}
.page-home .metric__value--mint{
  color:var(--mint);
}
.page-home .metric__value--amber{
  color:var(--amber);
}
.page-home .metric__label{
  font-size:.74rem;
  letter-spacing:.06em;
  color:var(--stone);
  line-height:1.4;
}
.page-home .quick__link{
  display:inline-block;
  font-size:.86rem;
  color:var(--mint);
  text-decoration:none;
  border-bottom:1px solid var(--mint-deep);
  padding-bottom:2px;
}
.page-home .quick__link:hover,
.page-home .quick__link:focus-visible{
  color:var(--paper);
  border-bottom-color:var(--paper);
  outline:none;
}
.page-home .report-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:0;
  border-top:2px solid var(--line);
}
.page-home .report-item{
  display:grid;
  gap:8px;
  padding:16px 0;
  border-bottom:1px solid var(--line);
  transition:background-color .18s ease;
}
.page-home .report-item:hover{
  background:rgba(14,143,123,.07);
}
.page-home .report-item__time{
  font-family:var(--font-num);
  font-size:.74rem;
  font-weight:700;
  letter-spacing:.08em;
  color:var(--mint);
}
.page-home .report-item__title{
  margin:0 0 6px;
  font-size:clamp(1rem,2vw,1.16rem);
  line-height:1.4;
  color:var(--paper);
}
.page-home .report-item__text{
  margin:0 0 10px;
  color:var(--stone);
  font-size:.9rem;
  line-height:1.68;
  max-width:70ch;
}
.page-home .report-item__meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.page-home .report-item__more{
  justify-self:start;
  font-size:.8rem;
  letter-spacing:.08em;
  color:var(--paper);
  text-decoration:none;
  border:2px solid var(--line);
  padding:6px 14px;
  transition:border-color .18s ease,background-color .18s ease;
}
.page-home .report-item__more:hover,
.page-home .report-item__more:focus-visible{
  border-color:var(--mint);
  background:var(--mint);
  color:var(--ink);
  outline:none;
}
.page-home .mobile{
  background:linear-gradient(160deg,var(--ink-2) 0%,var(--ink) 62%);
}
.page-home .mobile__grid{
  display:grid;
  gap:clamp(18px,3vw,36px);
}
.page-home .mobile__text{
  margin:12px 0 18px;
  color:var(--stone);
  font-size:.94rem;
  line-height:1.72;
  max-width:56ch;
}
.page-home .mobile__list{
  list-style:none;
  margin:0 0 22px;
  padding:0;
  display:grid;
  gap:1px;
  background:var(--line);
  border:2px solid var(--line);
}
.page-home .mobile__list li{
  background:var(--ink-2);
  padding:11px 14px 11px 30px;
  position:relative;
  font-size:.88rem;
  line-height:1.6;
  color:var(--paper);
}
.page-home .mobile__list li::before{
  content:"";
  position:absolute;
  left:13px;
  top:18px;
  width:7px;
  height:7px;
  background:var(--mint);
}
.page-home .mobile__device{
  display:grid;
  gap:var(--home-gap);
}
.page-home .mobile__device .media-frame{
  margin:0;
}
.page-home .possession{
  border:2px solid var(--line);
  background:var(--ink-2);
  padding:14px 16px;
  box-shadow:var(--shadow-hard);
}
.page-home .possession__row{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  margin-bottom:6px;
}
.page-home .possession__team{
  font-size:.86rem;
  color:var(--paper);
}
.page-home .possession__pct{
  font-family:var(--font-num);
  font-weight:800;
  font-size:1.1rem;
  color:var(--mint);
}
.page-home .possession__bar{
  height:12px;
  background:var(--line);
  margin-bottom:12px;
  overflow:hidden;
}
.page-home .possession__fill{
  display:block;
  height:100%;
}
.page-home .possession__fill--home{
  width:58%;
  background:var(--mint);
}
.page-home .possession__fill--away{
  width:42%;
  background:var(--amber);
}
.page-home .possession__scale{
  display:flex;
  justify-content:space-between;
  font-family:var(--font-num);
  font-size:.68rem;
  color:var(--stone);
  border-top:1px dashed var(--line);
  padding-top:6px;
}
.page-home .trust__banner{
  margin:0 0 clamp(20px,3vw,34px);
}
.page-home .trust__banner .media-frame__inner{
  aspect-ratio:3/2;
}
.page-home .trust__head{
  max-width:64ch;
}
.page-home .trust__stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:2px;
  background:var(--line);
  border:2px solid var(--line);
  margin-bottom:clamp(20px,3vw,34px);
}
.page-home .trust__stat{
  background:var(--ink-2);
  padding:16px 14px;
}
.page-home .trust__cols{
  display:grid;
  gap:var(--home-gap);
}
.page-home .trust__col{
  border:2px solid var(--line);
  background:var(--ink-2);
  padding:clamp(16px,2.2vw,24px);
}
.page-home .trust__col--accent{
  border-color:var(--mint-deep);
  background:linear-gradient(180deg,rgba(14,143,123,.22),rgba(12,34,56,.9));
}
.page-home .trust__col-title{
  margin:0 0 12px;
  font-size:1.02rem;
  letter-spacing:.04em;
  color:var(--mint);
}
.page-home .trust__col-text{
  margin:0 0 12px;
  color:var(--stone);
  font-size:.9rem;
  line-height:1.72;
}
.page-home .trust__col-text:last-child{
  margin-bottom:0;
}
.page-home .trust__steps{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:8px;
}
.page-home .trust__steps li{
  display:flex;
  gap:10px;
  align-items:baseline;
  font-size:.88rem;
  line-height:1.6;
  color:var(--paper);
  padding-bottom:8px;
  border-bottom:1px dashed var(--line);
}
.page-home .trust__steps li:last-child{
  border-bottom:0;
  padding-bottom:0;
}
.page-home .trust__steps .num{
  font-family:var(--font-num);
  font-weight:700;
  font-size:.78rem;
  color:var(--mint);
}
.page-home .connect-strip{
  margin-top:clamp(24px,3.6vw,44px);
  display:grid;
  gap:var(--home-gap);
  border:2px solid var(--mint-deep);
  background:var(--ink-2);
  padding:clamp(18px,2.6vw,30px);
  box-shadow:var(--shadow-hard);
}
.page-home .connect-strip__title{
  margin:8px 0 10px;
  font-size:clamp(1.25rem,3vw,1.9rem);
  line-height:1.2;
}
.page-home .connect-strip__text{
  margin:0 0 18px;
  color:var(--stone);
  font-size:.92rem;
  line-height:1.7;
  max-width:48ch;
}
.page-home .connect-strip__info{
  display:grid;
  gap:10px;
  align-content:start;
}
.page-home .connect-strip__row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 12px;
  padding:10px 0;
  border-bottom:1px dashed var(--line);
}
.page-home .connect-strip__label{
  font-family:var(--font-num);
  font-size:.72rem;
  letter-spacing:.12em;
  color:var(--stone);
  min-width:44px;
}
.page-home .connect-strip__value{
  font-size:.88rem;
  color:var(--paper);
  word-break:break-word;
}
.page-home .connect-strip__note{
  margin:6px 0 0;
  font-size:.78rem;
  line-height:1.6;
  color:var(--stone);
}
.page-home .copy-btn{
  font-family:var(--font-body);
  font-size:.74rem;
  letter-spacing:.06em;
  color:var(--ink);
  background:var(--mint);
  border:2px solid var(--mint);
  padding:4px 10px;
  cursor:pointer;
  transition:background-color .18s ease,color .18s ease;
}
.page-home .copy-btn:hover,
.page-home .copy-btn:focus-visible{
  background:transparent;
  color:var(--mint);
  outline:none;
}
.page-home .copy-btn:focus-visible{
  outline:2px solid var(--paper);
  outline-offset:2px;
}
.page-home .annotation--vertical{
  display:none;
}
@keyframes home-pulse{
  0%,100%{opacity:1;}
  50%{opacity:.55;}
}
@media (min-width:560px){
  .page-home .trust__stats{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .page-home .shot-metrics{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .page-home .report-item{
    grid-template-columns:132px 1fr;
    align-items:start;
  }
  .page-home .report-item__more{
    grid-column:2;
  }
}
@media (min-width:860px){
  .page-home .hero__head{
    grid-template-columns:1.6fr .9fr;
    align-items:end;
  }
  .page-home .hero__aside{
    margin-bottom:6px;
    padding-left:22px;
  }
  .page-home .annotation--vertical{
    display:block;
    position:absolute;
    right:8px;
    top:16px;
    writing-mode:vertical-rl;
    font-size:.68rem;
    letter-spacing:.22em;
    color:var(--stone);
    opacity:.7;
  }
  .page-home .hero__board{
    grid-template-columns:1.5fr 1fr;
    align-items:start;
  }
  .page-home .rank-table .col-md{
    display:table-cell;
  }
  .page-home .rank-table{
    font-size:.94rem;
  }
  .page-home .quick__panels{
    grid-template-columns:1fr 1fr;
    align-items:start;
  }
  .page-home .mobile__grid{
    grid-template-columns:1.15fr .85fr;
    align-items:center;
  }
  .page-home .mobile__device{
    grid-template-columns:1fr;
    gap:14px;
  }
  .page-home .trust__cols{
    grid-template-columns:.9fr 1.1fr .9fr;
    align-items:start;
  }
  .page-home .connect-strip{
    grid-template-columns:1.15fr .85fr;
    align-items:start;
  }
}
@media (min-width:1100px){
  .page-home .hero__title{
    letter-spacing:-.03em;
  }
  .page-home .lineup-item{
    grid-template-columns:auto 1fr auto;
    align-items:center;
  }
  .page-home .lineup-item__time{
    grid-column:auto;
  }
}
@media (prefers-reduced-motion:reduce){
  .page-home .clock__progress{
    animation:none;
  }
  .page-home .quick__tab,
  .page-home .quick__panel,
  .page-home .report-item,
  .page-home .report-item__more,
  .page-home .copy-btn{
    transition:none;
  }
  .page-home .quick__tab:hover,
  .page-home .quick__panel:hover{
    transform:none;
  }
}
<<<END>>>
</main>