/* ============================================================
   LAKELAND GRAPHICS — catalog styles
   Product category pages · Industries hub · Testimonials
   Layered on top of styles.css + pages.css
   ============================================================ */

/* ---------- product hero accent bar ---------- */
.cat-hero{position:relative;}
.cat-hero .phero__visual .shot{min-height:clamp(230px,24vw,310px);}
.cat-bar{height:6px;width:64px;border-radius:3px;background:var(--pc,var(--accent));margin-bottom:20px;}

/* ---------- overview: intro + at-a-glance ---------- */
.cat-overview__grid{display:grid;grid-template-columns:1.35fr 0.65fr;gap:clamp(32px,5vw,72px);align-items:start;}
.cat-overview h2{margin-top:14px;}
.cat-overview .prose{margin-top:18px;max-width:560px;}
.glance{border:1px solid var(--wg300);border-radius:var(--radius);background:var(--white);overflow:hidden;}
.glance h4{font-size:16px;color:var(--ink);padding:18px 22px;border-bottom:1px solid var(--wg300);background:var(--wg100);
  font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--wg700);}
.glance dl{display:flex;flex-direction:column;}
.glance .row{display:flex;justify-content:space-between;gap:16px;padding:14px 22px;border-bottom:1px solid var(--wg200);}
.glance .row:last-child{border-bottom:none;}
.glance dt{font-size:14px;color:var(--wg700);}
.glance dd{font-family:var(--display);font-weight:700;font-size:16px;color:var(--ink);text-align:right;}

/* ---------- product types grid ---------- */
.ptypes{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,22px);}
.ptype{
  background:var(--white);border:1px solid var(--wg300);border-radius:var(--radius);
  padding:26px 26px 28px;display:flex;flex-direction:column;gap:12px;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.ptype:hover{transform:translateY(-3px);box-shadow:0 16px 34px -22px rgba(15,15,18,.34);border-color:var(--wg500);}
.ptype__ico{width:36px;height:36px;color:var(--accent);}
.ptype h4{font-size:19px;color:var(--ink);}
.ptype p{font-size:14.5px;color:var(--wg700);line-height:1.55;}

/* ---------- applications chips ---------- */
.applist{display:flex;flex-wrap:wrap;gap:11px;margin-top:8px;}
.app{
  font-family:var(--mono);font-size:12.5px;letter-spacing:0.03em;color:var(--wg700);
  border:1px solid var(--wg300);border-radius:100px;padding:10px 16px;background:var(--white);
  display:inline-flex;align-items:center;gap:9px;transition:border-color .18s ease,color .18s ease;
}
.app::before{content:"";width:7px;height:7px;border-radius:50%;flex:none;background:var(--pc,var(--accent));}
.app:hover{border-color:var(--accent);color:var(--ink);}
.apps-grid{display:grid;grid-template-columns:1fr 0.9fr;gap:clamp(32px,5vw,64px);align-items:center;}
.apps-grid .shot{min-height:clamp(230px,24vw,300px);height:100%;}

/* ---------- specs / materials placeholder ---------- */
.specs{
  border:1.5px dashed var(--wg300);border-radius:var(--radius);
  background:var(--wg100);padding:clamp(28px,4vw,44px);
  display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,3vw,40px);align-items:center;
}
.specs__badge{
  font-family:var(--mono);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;
  color:var(--accent);border:1px solid var(--accent);border-radius:100px;padding:7px 13px;white-space:nowrap;
  align-self:start;display:inline-flex;align-items:center;gap:8px;
}
.specs__badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);}
.specs h3{font-size:22px;color:var(--ink);margin-bottom:10px;}
.specs p{font-size:15.5px;color:var(--wg700);line-height:1.6;max-width:620px;}
.specs p + p{margin-top:12px;}
.specs .ph{font-family:var(--mono);font-size:12.5px;color:var(--wg500);margin-top:16px;letter-spacing:0.02em;}

/* ---------- cross-links to sibling categories ---------- */
.siblings{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.sibling{
  display:flex;flex-direction:column;gap:8px;padding:22px 24px;border:1px solid var(--wg300);
  border-radius:var(--radius);background:var(--white);transition:border-color .18s ease,transform .18s ease;
}
.sibling:hover{border-color:var(--accent);transform:translateY(-2px);}
.sibling .k{font-family:var(--mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--wg500);}
.sibling h4{font-size:18px;color:var(--ink);}
.sibling .arrowlink{margin-top:2px;}

/* ============================================================
   INDUSTRIES HUB
   ============================================================ */
.ind-row{padding-block:clamp(34px,4.5vw,60px);border-bottom:1px solid var(--wg300);}
.ind-row:last-of-type{border-bottom:none;}
.ind-grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:clamp(32px,5vw,72px);align-items:center;}
.ind-row:nth-of-type(even) .ind-visual{order:-1;}
.ind-copy .secmark{margin-bottom:14px;}
.ind-copy h2{font-size:clamp(30px,3.4vw,42px);}
.ind-copy .prose{margin-top:16px;max-width:520px;}
.ind-copy .applist{margin-top:22px;}
.ind-copy .arrowlink{margin-top:24px;}
.ind-visual{position:relative;}
.ind-visual .shot{min-height:clamp(210px,22vw,290px);height:100%;}
.ind-anchor{
  font-family:var(--mono);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;
  color:var(--accent);display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;
}
.ind-anchor::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--accent);}

/* ============================================================
   TESTIMONIALS
   ============================================================ */
.tstack{display:flex;flex-direction:column;gap:0;}
.tquote{
  padding-block:clamp(40px,5vw,72px);border-bottom:1px solid var(--wg300);
  display:grid;grid-template-columns:200px 1fr;gap:clamp(28px,4vw,60px);align-items:start;
}
.tquote:last-child{border-bottom:none;}
.tquote__meta{position:sticky;top:120px;display:flex;flex-direction:column;gap:12px;}
.tquote__ph{
  font-family:var(--mono);font-size:10.5px;letter-spacing:0.08em;text-transform:uppercase;
  color:var(--accent);border:1px dashed var(--accent);border-radius:4px;padding:6px 10px;
  display:inline-flex;align-items:center;gap:7px;align-self:flex-start;
}
.tquote__ph::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);}
.tquote__mark{font-family:var(--display);font-weight:800;font-size:72px;line-height:0.6;color:var(--pc,var(--accent));}
.tquote blockquote{
  font-family:var(--display);font-weight:600;letter-spacing:-0.01em;line-height:1.12;
  font-size:clamp(24px,3vw,36px);color:var(--ink);text-wrap:pretty;
}
.tquote figcaption{
  margin-top:22px;font-family:var(--mono);font-size:13px;letter-spacing:0.03em;color:var(--wg700);
  display:flex;align-items:center;gap:10px;
}
.tquote figcaption b{color:var(--ink);font-weight:600;}
.tquote figcaption .dot{width:8px;height:8px;border-radius:50%;background:var(--pc,var(--accent));flex:none;}

.t-note{
  border:1.5px dashed var(--wg300);background:var(--wg100);border-radius:var(--radius);
  padding:22px 26px;display:flex;gap:16px;align-items:center;margin-bottom:8px;
}
.t-note svg{width:26px;height:26px;color:var(--accent);flex:none;}
.t-note p{font-size:14.5px;color:var(--wg700);line-height:1.55;}
.t-note b{color:var(--ink);font-weight:600;}

@media (max-width:900px){
  .cat-overview__grid{grid-template-columns:1fr;}
  .ptypes{grid-template-columns:repeat(2,1fr);}
  .apps-grid{grid-template-columns:1fr;}
  .apps-grid .shot{order:-1;}
  .siblings{grid-template-columns:1fr;}
  .ind-grid{grid-template-columns:1fr;}
  .ind-row:nth-of-type(even) .ind-visual{order:-1;}
  .tquote{grid-template-columns:1fr;gap:18px;}
  .tquote__meta{position:static;flex-direction:row;align-items:center;flex-wrap:wrap;}
  .tquote__mark{display:none;}
}
@media (max-width:600px){
  .ptypes{grid-template-columns:1fr;}
  .specs{grid-template-columns:1fr;gap:18px;}
}