/* ========================================================================
   Freight World · NETWORK page (page-scoped)
   Inherits the locked system (assets/styles.css). Adds only the blocks this
   page introduces. Everything under body.page-network so it never leaks.
   Mobile-first (375), brutalist sharp (0 radius), monochrome + one accent.
   ======================================================================== */

/* ---- HERO VARIANT ----
   Secondary to the home hero: a tighter 3-line title sat ABOVE a wide
   landscape corridor plate (the home hero is a tall portrait plate beside a
   5-line title). Same grammar, different composition. */
.page-network .c-nhero{
  position:relative;
  min-height:auto;
  padding:7rem var(--pad) 2.6rem;
  display:flex;flex-direction:column;gap:1.6rem;
}
.page-network .c-nhero__head{display:flex;flex-direction:column;gap:1.1rem}
.page-network .c-nhero__title{
  font-size:clamp(2.9rem,15vw,6.2rem);color:var(--ink);
}
.page-network .c-nhero__title span{display:block}
.page-network .c-nhero__media{position:relative;margin-top:.4rem}
.page-network .c-nhero__media img{
  width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r-flat);
}
.page-network .c-nhero__cap{
  font-family:var(--body);font-size:.6rem;letter-spacing:.18em;
  color:var(--ink-soft);margin-top:.7rem;line-height:1.6;word-spacing:.1em;
}
.page-network .c-nhero__intro{
  font-size:1rem;color:var(--ink-soft);max-width:54ch;line-height:1.6;
}
.page-network .c-nhero__intro strong{color:var(--ink)}

/* ---- FOOTPRINT BY THE NUMBERS ---- */
.page-network .c-nstats{
  display:grid;grid-template-columns:1fr 1fr;gap:1.6rem 1rem;
  padding-block:clamp(2rem,6vw,3.4rem);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.page-network .c-nstat b{
  display:block;font-size:clamp(2.6rem,11vw,4rem);color:var(--accent);line-height:1;
}
.page-network .c-nstat span{font-size:.82rem;color:var(--ink-soft);display:block;margin-top:.4rem}

/* ---- THE FOOTPRINT (numbered editorial location list) ---- */
.page-network .c-footprint{padding-block:clamp(3rem,9vw,6rem)}
.page-network .c-footprint__head{margin-bottom:2.4rem}
.page-network .c-footprint__intro{
  font-size:clamp(1.4rem,6vw,2.2rem);max-width:26ch;margin-top:1.2rem;
}
.page-network .c-loc-list{list-style:none;display:grid;gap:0}
.page-network .c-loc{
  display:grid;gap:.5rem;padding-block:1.6rem;
  border-top:1px solid var(--line);grid-template-columns:auto 1fr;align-items:start;
  column-gap:1rem;
}
.page-network .c-loc:last-of-type{border-bottom:1px solid var(--line)}
.page-network .c-loc__no{
  font-family:var(--display);color:var(--accent);font-size:1rem;line-height:1.4;
}
.page-network .c-loc__name{font-size:clamp(1.4rem,6vw,2rem);display:flex;align-items:baseline;
  flex-wrap:wrap;gap:.5em;margin-bottom:.35rem}
.page-network .c-loc__tag{
  font-family:var(--body);font-weight:500;font-size:.62rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-soft);
  border:1px solid var(--line);padding:.2em .6em;border-radius:var(--r-flat);
}
.page-network .c-loc__addr{color:var(--ink);font-size:.92rem;line-height:1.5}
.page-network .c-loc__lines{color:var(--ink-soft);font-size:.84rem;margin-top:.25rem}
.page-network .c-loc__role{
  grid-column:2;font-family:var(--sub);font-weight:600;font-size:.74rem;
  letter-spacing:.03em;text-transform:uppercase;color:var(--ink-soft);margin-top:.5rem;
}
.page-network .c-footprint__note{
  margin-top:2.2rem;color:var(--ink-soft);font-size:.92rem;line-height:1.6;max-width:60ch;
}
.page-network .c-footprint__note strong{color:var(--ink)}

/* ---- WORKING-SLICE form lead (page addition) ---- */
.page-network .c-route__formlead{
  font-size:1.3rem;color:var(--ink-inverse);margin-bottom:.4rem;
}

/* ---- CORRIDORS ---- */
.page-network .c-corridors{padding-block:clamp(3rem,9vw,6rem)}
.page-network .c-corridors .c-label{margin-bottom:2rem}
.page-network .c-corr-list{list-style:none;display:grid;gap:0}
.page-network .c-corr{
  padding-block:1.6rem;border-top:1px solid var(--line);
  display:grid;gap:.4rem;
}
.page-network .c-corr:last-child{border-bottom:1px solid var(--line)}
.page-network .c-corr__name{font-size:clamp(1.5rem,6.5vw,2.4rem)}
.page-network .c-corr p{color:var(--ink-soft);font-size:.95rem;line-height:1.6;max-width:54ch}

/* ---- CTA: this page has no stats block; keep the media + text two-up ---- */
.page-network .c-cta__head span{color:var(--ink-soft)}

/* ======================= DESKTOP ======================= */
@media (min-width:760px){
  .page-network .c-nhero{
    padding-top:8.5rem;
    display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;
    column-gap:3rem;row-gap:1.8rem;align-items:end;
  }
  .page-network .c-nhero__head{grid-column:1;grid-row:1;align-self:end}
  .page-network .c-nhero__media{grid-column:2;grid-row:1/3;align-self:stretch;margin-top:0;
    display:flex;flex-direction:column;justify-content:flex-end}
  .page-network .c-nhero__media img{aspect-ratio:4/5}
  .page-network .c-nhero__intro{grid-column:1;grid-row:2;align-self:start;max-width:46ch}

  .page-network .c-nstats{grid-template-columns:repeat(4,1fr);gap:2rem}

  .page-network .c-loc{
    grid-template-columns:60px 1.3fr auto;align-items:center;column-gap:2rem;
    padding-block:1.9rem;
  }
  .page-network .c-loc__name{margin-bottom:.3rem}
  .page-network .c-loc__role{grid-column:3;grid-row:1;margin-top:0;text-align:right;justify-self:end;
    max-width:18ch}

  .page-network .c-corr-list{grid-template-columns:1fr 1fr;column-gap:3rem}
  .page-network .c-corr{grid-column:span 1}

  .page-network .c-cta{grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
  .page-network .c-cta__media{grid-row:1}
}

@media (min-width:1100px){
  .page-network .c-nhero__title{font-size:clamp(4.4rem,6.5vw,6.4rem)}
}

/* ======================= REDUCED MOTION (inherits shared) ======================= */
@media (prefers-reduced-motion:reduce){
  .page-network [data-reveal]{opacity:1;transform:none;transition:none}
}