
/* =========================================================
   DLM PLC — OUR PRODUCTS PAGE
   Rebuilt from the supplied DLM-our-products-page content,
   integrated with the main DLM PLC visual/navigation system.
========================================================= */
.products-page{background:#f7f7f4;color:#111;font-family:Arial,Helvetica,sans-serif}
.products-page .products-hero{
  position:relative;min-height:86vh;background:#111;color:#fff;overflow:hidden;
  display:flex;flex-direction:column;isolation:isolate;
}
.products-page .products-hero-bg{position:absolute;inset:0;background:url("assets/products/KNITTING GARMENT.jpg") center 42%/cover no-repeat;filter:saturate(.72);transform:scale(1.02);z-index:-2}
.products-page .products-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.82),transparent 38%,rgba(0,0,0,.92) 100%)}
.products-page .products-hero-content{
  width:min(calc(100% - 64px),1280px);margin:auto auto 0;padding:0 0 72px;
  display:flex;justify-content:space-between;align-items:flex-end;gap:50px;
}
.products-page .products-eyebrow{font-size:11px;letter-spacing:.2em;color:rgba(255,255,255,.62);margin:0 0 18px}
.products-page .products-hero h1{
  font-family:"Junegull","Arial Black",Impact,sans-serif;
  font-size:clamp(64px,10vw,142px);line-height:.83;letter-spacing:-.065em;margin:0;font-weight:900;
}
.products-page .products-hero h1 em{font-style:normal;color:var(--red)}
.products-page .products-hero-note{max-width:360px;margin:0 0 6px;font-size:13px;line-height:1.8;color:rgba(255,255,255,.74)}
.products-page .products-back{
  position:absolute;top:30px;left:var(--page-padding);z-index:5;
  font-size:10px;letter-spacing:.18em;font-weight:700;transition:color .25s;
}
.products-page .products-back:hover{color:var(--red)}
.products-page .products-page-label{
  position:absolute;top:30px;right:var(--page-padding);z-index:5;
  font-size:10px;letter-spacing:.18em;font-weight:700;color:rgba(255,255,255,.65)
}
.products-page .products-section{width:min(calc(100% - 64px),1280px);margin:0 auto}
.products-page .products-intro{padding:145px 0 125px}
.products-page .products-kicker{font-size:10px;letter-spacing:.2em;font-weight:700;color:#777;margin-bottom:48px}
.products-page .products-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end}
.products-page .products-heading h2,.products-page .products-contact h2{
  font-family:"Junegull","Arial Black",Impact,sans-serif;font-size:clamp(50px,7vw,96px);
  line-height:.9;letter-spacing:-.055em;margin:0
}
.products-page .products-heading h2 em,.products-page .products-contact h2 em{font-style:normal;color:var(--red)}
.products-page .products-heading p{max-width:430px;color:#666;line-height:1.9;font-size:14px;margin:0}
.products-page .products-grid-section{padding:0 0 150px}
.products-page .product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:70px 24px}
.products-page .product-card{min-width:0}
.products-page .product-image{aspect-ratio:4/5;overflow:hidden;background:#ddd}
.products-page .product-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.products-page .product-card:hover .product-image img{transform:scale(1.045)}
.products-page .product-info{display:grid;grid-template-columns:40px 1fr;gap:4px;padding-top:19px;border-top:1px solid rgba(17,17,17,.13);margin-top:12px}
.products-page .product-info span{font-size:10px;color:#999;letter-spacing:.12em;padding-top:4px}
.products-page .product-info h3{font-family:"Junegull","Arial Black",Impact,sans-serif;font-size:21px;line-height:1.15;letter-spacing:-.03em;margin:0;font-weight:600}
.products-page .products-contact{padding:120px 0 140px;border-top:1px solid rgba(17,17,17,.13)}
.products-page .products-contact-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:90px}
.products-page .products-contact-lead{max-width:520px;color:#666;font-size:14px;line-height:1.9;margin-top:38px}
.products-page .products-contact-details{border-top:1px solid rgba(17,17,17,.13)}
.products-page .products-detail{display:grid;grid-template-columns:145px 1fr;gap:20px;padding:21px 0;border-bottom:1px solid rgba(17,17,17,.13);font-size:14px}
.products-page .products-detail>span{font-size:9px;letter-spacing:.18em;font-weight:700;color:#888}
.products-page .products-detail a:hover{color:var(--red)}
.products-page .products-detail p{margin:0;line-height:1.6;color:#555}
.products-page .products-footer{background:#090909;color:#fff;padding:42px 32px 28px}
.products-page .products-footer-top,.products-page .products-footer-bottom{width:min(100%,1280px);margin:0 auto}
.products-page .products-footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:55px}
.products-page .products-footer-logo{width:130px;height:auto;display:block;object-fit:contain}
.products-page .products-footer-meta{display:flex;gap:45px;font-size:9px;letter-spacing:.18em;color:#777}
.products-page .products-footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.13);font-size:10px;color:#777}
.products-page .products-footer-bottom a{color:#fff;transition:color .2s}
.products-page .products-footer-bottom a:hover{color:var(--red)}
.products-page .product-reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}
.products-page .product-reveal.visible{opacity:1;transform:none}
@media(max-width:850px){
  .products-page .products-hero{min-height:78vh}
  .products-page .products-hero-content,.products-page .products-section{width:min(calc(100% - 36px),1280px)}
  .products-page .products-hero-content{display:block;padding-bottom:48px}
  .products-page .products-hero-note{margin-top:30px}
  .products-page .products-intro{padding:95px 0 90px}
  .products-page .products-heading,.products-page .products-contact-layout{grid-template-columns:1fr;gap:35px}
  .products-page .products-grid-section{padding-bottom:100px}
  .products-page .product-grid{grid-template-columns:repeat(2,1fr);gap:50px 16px}
  .products-page .products-contact{padding:90px 0 100px}
}
@media(max-width:520px){
  .products-page .products-back{top:22px;left:20px}
  .products-page .products-page-label{display:none}
  .products-page .products-hero h1{font-size:64px}
  .products-page .product-grid{grid-template-columns:1fr;gap:52px}
  .products-page .products-kicker{margin-bottom:30px}
  .products-page .products-detail{grid-template-columns:110px 1fr}
  .products-page .products-footer{padding-left:18px;padding-right:18px}
  .products-page .products-footer-top{display:block;padding-bottom:40px}
  .products-page .products-footer-meta{margin-top:28px;display:block}
  .products-page .products-footer-meta span{display:block;margin-bottom:10px}
  .products-page .products-footer-bottom{display:block}
  .products-page .products-footer-bottom a{display:block;margin-top:12px}
}

/* Match home-page navigation colors */
.products-page .navigation .nav-link{color:#fff;}
.products-page .navigation .nav-link small{color:rgba(255,255,255,.38);}
.products-page .navigation .nav-link:not(.contact-nav):hover{color:var(--red);}
