.page-home{
  --home-pad:clamp(16px,2vw,22px);
  --home-ink:var(--night);
  padding-bottom:clamp(36px,6vw,80px);
  background:var(--sand);
  color:var(--night);
}
.page-home h2{
  font-family:var(--font-display);
  font-weight:900;
  line-height:1.12;
  letter-spacing:-.01em;
  margin:.18em 0 .5em;
  color:var(--char);
}
.page-home a{color:var(--jade);}
.page-home .crumbs{margin:16px 0 4px;}

.page-home .hero{padding:clamp(14px,3vw,32px) 0 clamp(18px,4vw,40px);}
.page-home .hero-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(22px,3vw,40px);
}
.page-home .hero h1{
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(2rem,7vw,3.9rem);
  line-height:1.02;
  letter-spacing:-.025em;
  margin:.22em 0 .5em;
  color:var(--char);
}
.page-home .hero-lead{
  font-size:clamp(.95rem,2.1vw,1.06rem);
  line-height:1.8;
  max-width:60ch;
  margin:0;
  color:var(--night-soft);
}
.page-home .hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}
.page-home .hero-facts{
  display:flex;
  flex-wrap:wrap;
  gap:14px 30px;
  list-style:none;
  margin:26px 0 0;
  padding:16px 0 0;
  border-top:1px solid var(--line);
}
.page-home .hero-facts li{
  display:flex;
  flex-direction:column;
  gap:2px;
  font-size:.76rem;
  color:var(--dust);
}
.page-home .hero-facts .meta-mono{
  font-size:clamp(1.15rem,2.8vw,1.6rem);
  font-weight:600;
  color:var(--orange-deep);
}

.page-home .hero-collage{position:relative;display:grid;gap:14px;}
.page-home .hero-photo{margin:0;}
.page-home .hero-photo img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  border-radius:var(--radius);
}
.page-home .hero-overlay{
  background:var(--glass);
  border:1px solid var(--line);
  padding:16px 18px;
  box-shadow:var(--shadow);
  backdrop-filter:blur(10px);
}
.page-home .overlay-title{
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--jade);
  margin:0 0 8px;
}
.page-home .overlay-line{
  font-family:var(--font-display);
  font-weight:800;
  font-size:1.05rem;
  margin:0 0 6px;
  color:var(--char);
}
.page-home .overlay-note{
  font-size:.84rem;
  line-height:1.65;
  margin:0;
  color:var(--night-soft);
}

.page-home .section-band{
  position:sticky;
  top:0;
  z-index:4;
  background:var(--sand);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  box-shadow:0 10px 24px -22px rgba(14,27,43,.8);
}
.page-home .band-inner{
  display:flex;
  gap:8px;
  overflow-x:auto;
  scrollbar-width:none;
  padding:10px 0;
}
.page-home .band-inner::-webkit-scrollbar{display:none;}
.page-home .band-link{
  flex:0 0 auto;
  white-space:nowrap;
  font-family:var(--font-mono);
  font-size:.78rem;
  letter-spacing:.06em;
  text-decoration:none;
  color:var(--night-soft);
  padding:6px 12px;
  border:1px solid var(--line);
  background:var(--paper);
}
.page-home .band-link.is-active{
  background:var(--night);
  border-color:var(--night);
  color:var(--sand);
}
.page-home .band-link:hover{border-color:var(--orange);color:var(--orange-deep);}

.page-home .board{padding:clamp(28px,5vw,56px) 0 0;}
.page-home .board-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(22px,3vw,36px);
  align-items:start;
}
.page-home .section-head{max-width:62ch;margin-bottom:20px;}
.page-home .section-head h2{font-size:clamp(1.5rem,3.6vw,2.2rem);}
.page-home .section-lead{
  font-size:.94rem;
  line-height:1.78;
  margin:0;
  color:var(--night-soft);
}

.page-home .cal-photo{margin:0 0 18px;}
.page-home .cal-photo img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}
.page-home .cal-meta{
  font-size:.78rem;
  letter-spacing:.08em;
  color:var(--dust);
  margin:0 0 4px;
}
.page-home .cal-group{margin-top:18px;}
.page-home .cal-group-title{
  position:relative;
  font-family:var(--font-mono);
  font-size:.74rem;
  letter-spacing:.16em;
  color:var(--jade);
  margin:0 0 6px;
  padding-left:14px;
}
.page-home .cal-group-title::before{
  content:"";
  position:absolute;
  left:0;
  top:.42em;
  width:7px;
  height:7px;
  background:var(--orange);
}
.page-home .cal-list{
  list-style:none;
  margin:0;
  padding:0 0 0 14px;
  border-left:1px solid var(--line);
}
.page-home .cal-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:4px 12px;
  padding:12px 0;
  border-bottom:1px solid var(--line-soft);
}
.page-home .cal-when{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:2px;
  min-width:56px;
  text-align:right;
}
.page-home .cal-date{font-size:.72rem;color:var(--dust);}
.page-home .cal-time{
  font-size:.98rem;
  font-weight:600;
  color:var(--char);
  letter-spacing:.02em;
}
.page-home .cal-info{min-width:0;}
.page-home .cal-league{
  font-weight:700;
  font-size:.94rem;
  margin:0 0 2px;
  color:var(--night);
}
.page-home .cal-detail{
  font-size:.8rem;
  margin:0;
  color:var(--dust);
}
.page-home .cal-row .status-pill{
  grid-column:2;
  justify-self:start;
  margin-top:6px;
}
.page-home .cal-foot{
  font-size:.85rem;
  line-height:1.7;
  margin:18px 0 0;
  color:var(--night-soft);
}

.page-home .board-rail{min-width:0;}
.page-home .rail-card{
  background:var(--night);
  color:var(--sand);
  padding:18px;
  border-radius:var(--radius);
}
.page-home .rail-card .eyebrow{color:var(--mint);}
.page-home .rail-list{
  list-style:none;
  margin:12px 0 0;
  padding:0;
  display:grid;
  gap:0;
}
.page-home .rail-list a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 0;
  border-bottom:1px solid rgba(243,232,211,.16);
  color:var(--sand);
  font-size:.9rem;
  text-decoration:none;
}
.page-home .rail-list a::after{content:"→";color:var(--mint);font-family:var(--font-mono);}
.page-home .rail-list a:hover{color:var(--mint);}
.page-home .rail-note{
  font-size:.76rem;
  line-height:1.65;
  margin:12px 0 0;
  color:rgba(243,232,211,.72);
}

.page-home .updates{padding:clamp(32px,6vw,64px) 0 0;}
.page-home .update-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
.page-home .update-card{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:var(--home-pad);
}
.page-home .update-card h3{
  font-family:var(--font-display);
  font-weight:800;
  font-size:1.05rem;
  line-height:1.3;
  margin:0;
  color:var(--char);
}
.page-home .update-card p{
  margin:0;
  font-size:.87rem;
  line-height:1.72;
  color:var(--night-soft);
}
.page-home .update-figure{margin:0 0 2px;}
.page-home .update-figure img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}
.page-home .update-link{
  margin-top:auto;
  padding-top:6px;
  font-family:var(--font-mono);
  font-size:.76rem;
  letter-spacing:.04em;
  color:var(--jade);
  text-decoration:none;
}
.page-home .update-link:hover{color:var(--orange-deep);}
.page-home .update-card--wide{gap:16px;}

.page-home .weekly{padding:clamp(32px,6vw,64px) 0 0;}
.page-home .weekly-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
  align-items:center;
}
.page-home .weekly-copy h2{font-size:clamp(1.45rem,3.4vw,2.1rem);}
.page-home .weekly-lead{
  font-size:.94rem;
  line-height:1.78;
  margin:0;
  color:var(--night-soft);
}
.page-home .metric-grid{
  list-style:none;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:20px 0 0;
  padding:0;
}
.page-home .metric{
  background:var(--paper);
  border:1px solid var(--line);
  border-left:3px solid var(--orange);
  padding:12px 14px;
}
.page-home .metric:nth-child(even){border-left-color:var(--jade);}
.page-home .metric-num{
  display:block;
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.14em;
  color:var(--orange-deep);
}
.page-home .metric-name{
  display:block;
  font-weight:700;
  font-size:.92rem;
  margin:4px 0 2px;
  color:var(--char);
}
.page-home .metric-desc{
  display:block;
  font-size:.76rem;
  line-height:1.55;
  color:var(--dust);
}
.page-home .weekly-figure{margin:0;}
.page-home .weekly-figure img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}

.page-home .local{padding:clamp(32px,6vw,64px) 0 0;}
.page-home .local-inner{
  display:grid;
  grid-template-columns:1fr;
  gap:22px;
  padding:clamp(22px,4vw,42px);
  background:var(--night);
  color:var(--sand);
  border-radius:var(--radius);
  position:relative;
  overflow:hidden;
}
.page-home .local-inner::before{
  content:"";
  position:absolute;
  inset:auto -60px -80px auto;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(53,224,192,.22),transparent 68%);
  pointer-events:none;
}
.page-home .local-inner .eyebrow{color:var(--mint);}
.page-home .local-inner h2{
  color:var(--sand);
  font-size:clamp(1.4rem,3.4vw,2rem);
}
.page-home .local-copy p{
  font-size:.9rem;
  line-height:1.78;
  margin:0 0 14px;
  color:rgba(243,232,211,.8);
}
.page-home .local-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0;
}
.page-home .local-inner .btn--ghost{
  color:var(--sand);
  border-color:rgba(243,232,211,.42);
}
.page-home .local-inner .btn--ghost:hover{
  background:rgba(243,232,211,.12);
  color:var(--sand);
}
.page-home .local-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
  position:relative;
}
.page-home .local-list li{
  display:flex;
  align-items:baseline;
  gap:10px;
  padding-top:10px;
  border-top:1px solid rgba(243,232,211,.18);
  font-size:.86rem;
  color:rgba(243,232,211,.86);
}
.page-home .local-list .meta-mono{
  color:var(--mint);
  font-size:.95rem;
  letter-spacing:.04em;
}

.page-home .next{padding:clamp(32px,6vw,72px) 0 0;}
.page-home .next-list{
  list-style:none;
  margin:16px 0 0;
  padding:0;
  border-top:1px solid var(--line);
}
.page-home .next-list li{border-bottom:1px solid var(--line);}
.page-home .next-list a{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:4px 14px;
  align-items:center;
  padding:15px 6px;
  text-decoration:none;
  color:var(--night);
}
.page-home .next-list a:hover{background:rgba(217,196,165,.42);}
.page-home .next-num{
  font-size:.78rem;
  color:var(--orange-deep);
  letter-spacing:.1em;
}
.page-home .next-label{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(1.05rem,2.6vw,1.35rem);
  color:var(--char);
}
.page-home .next-desc{
  grid-column:2;
  font-size:.82rem;
  line-height:1.6;
  color:var(--dust);
}

@media (min-width:560px){
  .page-home .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-home .cal-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;}
  .page-home .cal-row .status-pill{grid-column:3;margin-top:0;justify-self:end;}
}

@media (min-width:760px){
  .page-home .update-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
  .page-home .update-card--wide{
    grid-column:1 / -1;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:26px;
  }
  .page-home .local-inner{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:center;}
  .page-home .next-list a{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);}
  .page-home .next-desc{grid-column:3;text-align:right;}
}

@media (min-width:920px){
  .page-home .hero-grid{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    align-items:start;
  }
  .page-home .hero-collage{padding-bottom:34px;}
  .page-home .hero-overlay{
    position:absolute;
    left:16px;
    bottom:0;
    width:min(300px,86%);
  }
  .page-home .weekly-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);}
  .page-home .weekly-figure{align-self:stretch;}
  .page-home .weekly-figure img{height:100%;min-height:280px;}
}

@media (min-width:980px){
  .page-home .board-grid{
    grid-template-columns:minmax(0,8fr) minmax(220px,3fr);
    gap:clamp(24px,3vw,40px);
  }
  .page-home .board-rail{position:sticky;top:72px;}
}

@media (min-width:1024px){
  .page-home .update-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
  .page-home .update-card:nth-child(2){margin-top:28px;}
  .page-home .update-card:nth-child(3){margin-top:56px;}
  .page-home .update-card--wide{grid-column:1 / -1;margin-top:0;}
}

@media (prefers-reduced-motion:reduce){
  .page-home .band-inner{scroll-behavior:auto;}
  .page-home .next-list a,
  .page-home .rail-list a{transition:none;}
}
<<<END>>>