/* ============================================================
   equipment.css — components specific to the Equipment page
   Used by: equipment.html
   Load after: base.css → menu.css → subpage.css
   (foundations, header and .pagehead/.cta/.btn live in those files)
   ============================================================ */

  /* ---- pagehead stats ---- */
  .ph-stats{display:flex;flex-wrap:wrap;gap:40px;margin-top:42px}
  .ph-stats div .n{font-size:30px;font-weight:800;color:#fff;letter-spacing:-.02em}
  .ph-stats div .k{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8fbcaa;margin-top:6px}

  /* ---- equipment list ---- */
  .eqlist{padding:30px 0 20px}
  .eq{padding:80px 0;border-bottom:1px solid var(--line);scroll-margin-top:96px}
  .eq-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:start}
  .eq.rev .eq-media{order:2}
  .eq-media{position:relative}
  .eq-media img{display:block;width:100%;height:auto;border:1px solid var(--line);box-shadow:0 30px 60px -34px rgba(22,30,34,.5)}
  /* transparent cutout variant — floats, no frame */
  .eq-media.cut{display:flex;justify-content:center;align-items:flex-start}
  .eq-media.cut img{width:auto;max-width:100%;max-height:480px;border:0;box-shadow:none;filter:none}
  .eq-media .badge{position:absolute;top:0;left:0;background:var(--steel);color:#fff;font-family:var(--mono);font-size:12px;letter-spacing:.12em;padding:8px 14px}
  .eq-cat{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--steel);display:block;margin-bottom:16px}
  .eq h2{font-size:clamp(24px,2.6vw,32px);font-weight:800;letter-spacing:-.01em;line-height:1.1}
  .eq .lead{font-size:17px;font-weight:600;color:var(--ink);margin-top:16px;line-height:1.5}
  .eq .body{color:var(--ink-soft);font-size:15px;line-height:1.72;margin-top:16px}
  .eq ul{margin-top:16px;color:var(--ink-soft);font-size:15px;line-height:1.7;list-style:none}
  .eq ul li{position:relative;padding-left:20px;margin-top:8px}
  .eq ul li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;background:var(--steel)}
  .tagcap{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);display:block;margin:26px 0 12px}
  .tags{display:flex;flex-wrap:wrap;gap:8px}
  .tags span{font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--steel);border:1px solid var(--line);padding:6px 11px;background:var(--white);transition:background .25s,color .25s,border-color .25s}
  .tags span:hover{background:var(--steel);color:#fff;border-color:var(--steel)}
  @media(max-width:900px){
    .eq-grid{grid-template-columns:1fr;gap:34px}
    .eq.rev .eq-media{order:-1}
    .eq-media{order:-1}
    .eq{padding:56px 0}
  }