/* ========================= RESPONSIVE ========================= */
@media(max-width:1280px){
  .system-header{grid-template-columns:220px 145px 1fr auto}
  .system-nav a{min-width:105px}
  .hero{grid-template-columns:48px .95fr 1.05fr}
  .hero-status{display:none}
  .entity-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .system-header{grid-template-columns:1fr auto;padding-right:14px}
  .brand{border-right:0}
  .node-id,.access-chip{display:none}
  .menu-toggle{display:block}
  .system-nav{
    display:none;grid-column:1/-1;height:auto;flex-direction:column;border-top:1px solid var(--line)
  }
  .system-nav.open{display:flex}
  .system-nav a{min-height:48px;border-bottom:1px solid var(--line)}
  .hero{display:grid;grid-template-columns:1fr}
  .hero-rail{display:none}
  .hero-copy{padding:54px 22px}
  .hero-copy h1{font-size:clamp(68px,18vw,120px)}
  .hero-image{height:420px;border:0;border-top:1px solid var(--line)}
  .latest-file,.operation-file,.public-record{grid-template-columns:1fr}
  .latest-photo,.operation-image{min-height:450px;border-right:0;border-bottom:1px solid var(--line)}
  .entity-grid{grid-template-columns:repeat(2,1fr);padding:14px}
  .release-grid{grid-template-columns:repeat(2,1fr);padding:14px}
  .public-record{gap:20px;padding:60px 24px}
}
@media(max-width:560px){
  .brand{height:68px;padding:14px}.brand img{width:165px}
  .system-header{min-height:68px}
  .section-heading{padding:0 14px}.section-heading h2{font-size:15px}
  .hero-copy h1{font-size:76px}
  .hero-access strong{font-size:18px}
  .field-card{grid-template-columns:1fr}
  .latest-data,.operation-copy{padding:30px 20px}
  .latest-data h3,.operation-copy h3{font-size:44px}
  .entity-grid,.release-grid{grid-template-columns:1fr}
  .entity-reveal{height:410px}
  .system-footer{padding:15px;align-items:flex-start;flex-direction:column}
  .public-record h2{font-size:58px}
  .record-copy{font-size:17px}
}


@media(max-width:900px){
  .latest-file{
    height:auto;
    max-height:none;
    overflow:visible;
  }
  .latest-photo{
    height:360px;
    min-height:0;
  }
  .latest-data{
    min-height:320px;
  }
}
@media(max-width:560px){
  .latest-photo{height:300px}
  .latest-data{padding:24px 18px}
  .latest-data h3{font-size:36px}
}

@media(max-width:1280px){
  .access-overview{
    grid-template-columns:48px minmax(0,1fr);
  }
  .overview-left h1{font-size:clamp(96px,13vw,166px)}
}
@media(max-width:980px){
  .access-overview{
    display:grid;
    grid-template-columns:1fr;
    max-height:none;
    min-height:0;
  }
  .overview-rail{display:none}
  .overview-left{padding:52px 22px;grid-template-columns:1fr;grid-template-rows:auto}
  .overview-left h1{font-size:clamp(72px,15vw,112px)}
  .overview-system-row,
  .overview-left h1,
  .overview-access,
  .overview-definition,
  .overview-field{
    grid-column:1;
    grid-row:auto;
  }
  .overview-definition{margin-top:24px}
  .overview-field{margin-top:28px}
}
@media(max-width:660px){
  .overview-field{grid-template-columns:1fr}
}

/* ABOUT / MEMBER REGISTRY */
@media(max-width:900px){
  .about-record{grid-template-columns:1fr}
  .about-record-head{
    padding:52px 24px 34px;
    border-right:0;
    border-bottom:1px solid var(--line);
  }
  .about-status{margin-top:10px}
  .about-record-body{padding:42px 24px}
  .about-copy{font-size:17px}
  .about-copy p:first-child{font-size:21px}
}
@media(max-width:620px){
  .about-record h2{font-size:64px}
  .about-record-body{padding:34px 14px}
  .member-grid{grid-template-columns:1fr}
  .member-card{min-height:225px}
  .member-card h3{font-size:38px}
  .about-divider{align-items:flex-start;flex-direction:column;justify-content:center;padding:10px 12px}
}


/* V9 — member photos / operations landing */
@media(max-width:1080px){
  .operations-hero{grid-template-columns:48px 1fr}
  .operations-hero-status{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}
  .operations-hero-status div{border-bottom:0;border-right:1px solid var(--line)}
  .operations-hero-status div:last-child{border-right:0}
  .ops-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .operations-hero{grid-template-columns:1fr}
  .operations-rail{display:none}
  .operations-hero-copy{padding:54px 22px}
  .operations-hero-copy h1{font-size:clamp(66px,17vw,105px)}
  .operations-hero-status{grid-template-columns:1fr}
  .operations-hero-status div{border-right:0;border-bottom:1px solid var(--line)}
  .ops-card,.previous-feature{grid-template-columns:1fr;margin-left:14px;margin-right:14px}
  .ops-grid{padding-left:14px;padding-right:14px}
  .ops-card-visual,.ops-card-image{min-height:280px;border-right:0;border-bottom:1px solid var(--line)}
  .ops-card-body{padding:24px 18px}
  .ops-card h3{font-size:42px}
  .member-photo{height:300px}
}

/* V16 — Upcoming flyer cards: 9:16 story format. */
@media(max-width:760px){
  .ops-card.upcoming{
    grid-template-columns:1fr;
  }
  .ops-card.upcoming .ops-card-media{
    width:100%;
    aspect-ratio:9 / 16;
    min-height:0;
    border-right:0;
    border-bottom:1px solid var(--line);
  }
}


/* V17 — OPERATIONS FINAL / MOBILE */
@media(max-width:760px){
  .ops-card.upcoming .ops-card-media{
    width:min(100%,420px);
    margin:0 auto;
    aspect-ratio:9 / 16;
  }
  .ops-card.upcoming .file-meta div{
    grid-template-columns:minmax(105px,.72fr) minmax(0,1.28fr);
    gap:14px;
  }
  .ops-card.upcoming .file-meta dd{
    width:100%;
    max-width:none;
    text-align:right;
  }
}

/* =========================================================
   V21 — OPERATIONS REBUILD / RESPONSIVE
   ========================================================= */
@media(max-width:1180px){
  .ops-feature{
    grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);
  }
  .ops-feature-body{
    padding:40px 38px;
  }
  .ops-archive-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .ops-feature-list,
  .ops-archive-grid{
    padding-left:14px;
    padding-right:14px;
  }

  .ops-feature{
    grid-template-columns:1fr;
    min-height:0;
  }

  .ops-feature-media{
    border-right:0;
    border-bottom:1px solid var(--line);
    min-height:520px;
    padding:28px 0;
  }

  .ops-feature-media img{
    width:min(78vw,390px);
    max-width:calc(100% - 34px);
    height:auto;
  }

  .ops-feature-body{
    padding:28px 18px;
  }

  .ops-feature h3{
    font-size:clamp(48px,14vw,72px);
    margin:26px 0 28px;
  }

  .ops-feature .file-meta div{
    grid-template-columns:minmax(105px,.72fr) minmax(0,1.28fr);
    gap:14px;
    min-height:60px;
  }

  .ops-action{
    margin-top:28px;
  }

  .ops-archive-card{
    grid-template-columns:1fr;
    min-height:0;
  }

  .ops-archive-media{
    min-height:260px;
    border-right:0;
    border-bottom:1px solid var(--line);
  }

  .ops-archive-body{
    padding:24px 18px;
  }

  .ops-archive-card h3{
    font-size:42px;
  }
}

/* =========================================================
   V22 — OPERATIONS / COMPACT FEATURE RECORDS RESPONSIVE
   ========================================================= */
@media (min-width:761px) and (max-width:1180px){
  .ops-feature{
    grid-template-columns:360px minmax(0,1fr);
    min-height:520px;
  }

  .ops-feature-media{
    min-height:0;
    padding:24px;
  }

  .ops-feature-media img{
    width:min(260px,100%);
    max-width:100%;
    height:auto;
    aspect-ratio:9 / 16;
  }

  .ops-feature-body{
    padding:34px 32px;
  }
}

@media (max-width:760px){
  .ops-feature-media{
    min-height:0;
    padding:24px 14px;
  }

  .ops-feature-media img{
    width:min(72vw,300px);
    max-width:100%;
    height:auto;
    aspect-ratio:9 / 16;
  }
}


/* =========================================================
   V23 — OPERATIONS / FULL-BLEED FEATURE ARTWORK RESPONSIVE
   Tablet keeps the same full-bleed media treatment.
   Mobile returns to the 9:16 presentation, but without inset spacing.
   ========================================================= */
@media (min-width:761px) and (max-width:1180px){
  .ops-feature-media{
    padding:0;
    overflow:hidden;
  }

  .ops-feature-media img{
    width:100%;
    max-width:none;
    height:100%;
    aspect-ratio:auto;
    object-fit:cover;
    object-position:center;
    box-shadow:none;
  }
}

@media (max-width:760px){
  .ops-feature-media{
    min-height:0;
    padding:0;
    aspect-ratio:9 / 16;
    overflow:hidden;
  }

  .ops-feature-media img{
    width:100%;
    max-width:none;
    height:100%;
    aspect-ratio:auto;
    object-fit:cover;
    object-position:center;
    box-shadow:none;
  }
}

/* =========================================================
   V24 — OPERATIONS / CROPPED ARTWORK RESPONSIVE
   Tablet/mobile also crop the empty top/bottom area instead of
   showing the entire 9:16 source file with its built-in margins.
   ========================================================= */
@media (min-width:761px) and (max-width:1180px){
  .ops-feature{
    grid-template-columns:390px minmax(0,1fr);
    min-height:520px;
  }

  .ops-feature-media{
    min-height:520px;
    padding:0;
  }

  .ops-feature-media img{
    width:100%;
    height:100%;
    max-width:none;
    aspect-ratio:auto;
    object-fit:cover;
    object-position:center;
  }

  .ops-action{
    margin-top:24px;
  }
}

@media (max-width:760px){
  .ops-feature-media{
    width:100%;
    aspect-ratio:4 / 5;
    min-height:0;
    padding:0;
  }

  .ops-feature-media img{
    width:100%;
    height:100%;
    max-width:none;
    aspect-ratio:auto;
    object-fit:cover;
    object-position:center;
  }

  .ops-action{
    margin-top:24px;
  }
}