/* =========================================================
   PRODUCTS V2 — CLEAN LIBRARY COMPOSITION
   ========================================================= */

body.products-page .page-hero{
  min-height:0 !important;
  padding:72px 0 54px !important;
  background:#fff !important;
  color:var(--v20-ink) !important;
}

body.products-page .page-hero-grid{
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:40px !important;
  align-items:end !important;
}

body.products-page .page-hero-grid>div:first-child{
  padding:0 !important;
  display:block !important;
  position:static !important;
}

body.products-page .page-hero h1{
  margin:14px 0 18px !important;
  max-width:900px !important;
  font-size:clamp(52px,6.5vw,92px) !important;
  line-height:.86 !important;
  letter-spacing:-.075em !important;
  color:var(--v20-ink) !important;
}

body.products-page .page-hero p{
  max-width:620px !important;
  margin:0 !important;
  color:#66736e !important;
  font-size:13px !important;
  line-height:1.8 !important;
}

body.products-page .page-hero-meta{
  position:static !important;
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
  gap:8px !important;
  padding:0 !important;
  border:0 !important;
}

body.products-page .page-hero-meta span{
  padding:9px 12px !important;
  border:1px solid var(--v20-line) !important;
  color:#66736e !important;
  font-size:8px !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
}

body.products-page .products-library{
  padding-top:30px !important;
}

body.products-page .page-hero-art{
  display:none !important;
}

@media(max-width:800px){

  body.products-page .page-hero{
    padding:48px 0 30px !important;
  }

  body.products-page .page-hero-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  body.products-page .page-hero h1{
    font-size:clamp(44px,13vw,64px) !important;
    line-height:.9 !important;
    margin-bottom:18px !important;
  }

  body.products-page .page-hero p{
    font-size:12px !important;
    line-height:1.7 !important;
  }

  body.products-page .page-hero-meta{
    justify-content:flex-start !important;
  }

  body.products-page .products-library{
    padding-top:24px !important;
  }
}