/* Tools & Equipment v21 — modern light editorial layout */
.tools-light{
  --tools-paper:#d9d4c9;
  --tools-paper-deep:#cec8bc;
  --tools-ink:#171716;
  --tools-muted:#5e5a53;
  --tools-line:rgba(23,23,22,.16);
  --tools-gold:#8f6b1f;
  background:var(--tools-paper);
  color:var(--tools-ink);
}

.tools-light .site-header.compact{
  background:rgba(8,9,9,.97);
  border-bottom-color:rgba(238,234,225,.1);
}
.tools-light .site-header,
.tools-light .site-header a,
.tools-light .menu-toggle{color:var(--text)}
.tools-light .site-nav a{color:var(--muted)}
.tools-light .site-nav a:hover,
.tools-light .site-nav a.active{color:var(--text)}

.tools-v21{
  max-width:1280px;
  padding-top:72px;
  padding-bottom:80px;
}

.tools-intro-v21{
  max-width:780px;
  padding:8px 0 76px;
}
.tools-kicker{
  margin:0 0 14px;
  font-family:"Cinzel",serif;
  font-size:.68rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:var(--tools-gold);
}
.tools-intro-v21 h1{
  margin:0;
  font-family:"Cinzel",serif;
  font-size:clamp(2.65rem,5.1vw,5rem);
  font-weight:600;
  line-height:.97;
  letter-spacing:-.035em;
  color:var(--tools-ink);
}
.tools-deck{
  max-width:690px;
  margin:20px 0 0;
  font-family:"Cormorant Garamond",Garamond,serif;
  font-size:clamp(1.1rem,1.55vw,1.35rem);
  line-height:1.45;
  color:var(--tools-muted);
}

.tool-section-v21{margin:0 0 86px}
.tool-section-heading-v21{
  display:flex;
  align-items:baseline;
  gap:16px;
  margin-bottom:24px;
  padding-bottom:14px;
  border-bottom:1px solid var(--tools-line);
}
.tool-section-heading-v21>span{
  font-family:"Cinzel",serif;
  font-size:.62rem;
  letter-spacing:.14em;
  color:var(--tools-gold);
}
.tool-section-heading-v21 h2{
  margin:0;
  font-family:"Cinzel",serif;
  font-size:clamp(1.25rem,2vw,1.85rem);
  font-weight:600;
  letter-spacing:-.015em;
  color:var(--tools-ink);
}

.tool-grid-v21{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px 22px;
}
.tool-tile-v21{
  display:flex;
  min-width:0;
  flex-direction:column;
}
.tool-image-v21{
  position:relative;
  display:grid;
  place-items:center;
  aspect-ratio:4/3;
  overflow:hidden;
  background:#242320;
  border:1px solid rgba(23,23,22,.12);
  box-shadow:0 8px 26px rgba(38,34,28,.08);
  transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease;
}
.tool-image-v21::before,
.tool-image-v21::after{
  content:"";
  position:absolute;
  pointer-events:none;
}
.tool-image-v21::before{
  inset:0;
  background:linear-gradient(145deg,rgba(255,255,255,.08),transparent 36%,rgba(0,0,0,.22));
}
.tool-image-v21::after{
  width:45%;
  height:1px;
  background:rgba(205,179,108,.5);
  transform:rotate(-32deg);
}
.tool-image-v21 span{
  position:relative;
  z-index:1;
  font-family:"Cinzel",serif;
  font-size:clamp(.75rem,1vw,.95rem);
  font-weight:600;
  letter-spacing:.17em;
  color:#d1bd87;
  text-shadow:0 1px 12px rgba(0,0,0,.35);
}
.tool-tile-v21:hover .tool-image-v21,
.tool-image-v21:focus-visible{
  transform:translateY(-3px) scale(1.012);
  box-shadow:0 14px 34px rgba(38,34,28,.14);
  outline:none;
}
.product-fog{background:radial-gradient(circle at 68% 42%,rgba(218,214,201,.45),transparent 18%),linear-gradient(145deg,#272723,#504d45)}
.product-rgb{background:radial-gradient(circle at 30% 38%,rgba(119,137,149,.55),transparent 17%),radial-gradient(circle at 72% 68%,rgba(153,105,85,.48),transparent 19%),linear-gradient(145deg,#202120,#343232)}
.product-backdrop{background:linear-gradient(140deg,#171817 0 44%,#404039 44% 48%,#242522 48%)}
.product-oval{background:radial-gradient(ellipse at 50% 58%,#3a3935 0 25%,#181817 26% 30%,transparent 31%),linear-gradient(145deg,#686358,#3e3c36)}
.product-square{background:linear-gradient(145deg,#4e4b44,#252522 48%,#121313 49%)}
.product-lighting{background:radial-gradient(circle at 50% 44%,rgba(239,220,159,.78) 0 8%,rgba(226,204,141,.22) 9% 18%,transparent 28%),linear-gradient(145deg,#3f3d37,#272724)}
.product-compressor{background:radial-gradient(circle at 32% 54%,#69675f 0 12%,#282824 13% 17%,transparent 18%),linear-gradient(145deg,#5c5951,#242421 58%)}

.tool-tile-copy-v21{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:18px 2px 0;
}
.tool-tile-copy-v21 h3{
  margin:0;
  font-family:"Cinzel",serif;
  font-size:clamp(.95rem,1.35vw,1.18rem);
  font-weight:600;
  line-height:1.28;
  color:var(--tools-ink);
}
.tool-tile-copy-v21 p{
  margin:10px 0 18px;
  font-size:.88rem;
  line-height:1.58;
  color:var(--tools-muted);
}
.tool-link-v21{
  display:inline-flex;
  align-items:center;
  gap:9px;
  width:max-content;
  max-width:100%;
  margin-top:auto;
  padding-bottom:4px;
  border-bottom:1px solid rgba(143,107,31,.35);
  font-family:"Cinzel",serif;
  font-size:.61rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--tools-gold);
  transition:border-color .2s ease,color .2s ease;
}
.tool-link-v21 span{font-size:.85rem;transition:transform .2s ease}
.tool-link-v21:hover,
.tool-link-v21:focus-visible{color:#6f5115;border-color:#6f5115;outline:none}
.tool-link-v21:hover span{transform:translate(2px,-2px)}

.tools-note-v21{
  margin:0 0 64px;
  font-family:"Cormorant Garamond",Garamond,serif;
  font-size:1.05rem;
  font-style:italic;
  color:#706b61;
}
.affiliate-disclosure-v21{
  max-width:860px;
  margin-top:14px;
  padding-top:28px;
  border-top:1px solid var(--tools-line);
}
.affiliate-disclosure-v21 strong{
  display:block;
  margin-bottom:8px;
  font-family:"Cinzel",serif;
  font-size:.64rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:var(--tools-gold);
}
.affiliate-disclosure-v21 p{
  margin:0;
  max-width:780px;
  font-size:.8rem;
  line-height:1.6;
  color:#6b665d;
}
.tools-footer-v21{
  border-top:1px solid var(--tools-line);
  background:var(--tools-paper-deep);
  color:#68635b;
}
.tools-footer-v21 a{color:#3a3834}

@media(max-width:980px){
  .tool-grid-v21{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:800px){
  .tools-light .site-nav{background:#0b0a0a}
  .tools-v21{padding:56px 20px 68px}
  .tools-intro-v21{padding-bottom:58px}
  .tools-intro-v21 h1{font-size:clamp(2.35rem,10vw,3.6rem)}
  .tool-section-v21{margin-bottom:68px}
  .tool-section-heading-v21{margin-bottom:20px}
}

@media(max-width:620px){
  .tool-grid-v21{grid-template-columns:1fr;gap:34px}
  .tool-image-v21{aspect-ratio:16/9}
  .tools-intro-v21{padding-bottom:50px}
  .tool-section-heading-v21{gap:11px}
  .tool-section-heading-v21 h2{font-size:1.18rem}
  .tool-tile-copy-v21 h3{font-size:1rem}
  .tool-tile-copy-v21 p{font-size:.86rem}
}

/* Version 23 — shared compact internal-page rhythm */
.tools-v21{padding-top:52px}
.tools-intro-v21{padding-top:0;padding-bottom:52px}
.tools-intro-v21 h1{font-size:clamp(2.4rem,4.4vw,4.25rem)}
@media(max-width:800px){.tools-v21{padding-top:44px}.tools-intro-v21{padding-bottom:42px}.tools-intro-v21 h1{font-size:clamp(2.2rem,9.5vw,3.35rem)}}

/* Version 25 — bring Tools into the tighter internal-page scale */
.tools-v21{max-width:1100px;padding-top:54px;padding-bottom:68px}
.tools-intro-v21{max-width:700px;padding:4px 0 52px}
.tools-intro-v21 h1{font-size:clamp(2.3rem,4.25vw,4.25rem)}
.tools-deck{font-size:clamp(1rem,1.25vw,1.18rem);margin-top:16px}
.tool-section-v21{margin-bottom:68px}
.tool-section-heading-v21{margin-bottom:20px;padding-bottom:11px}
.tool-section-heading-v21 h2{font-size:clamp(1.1rem,1.65vw,1.55rem)}
.tool-grid-v21{gap:24px 18px}
.tool-tile-copy-v21{padding-top:14px}
.tool-tile-copy-v21 h3{font-size:clamp(.88rem,1.1vw,1.05rem)}
.tool-tile-copy-v21 p{font-size:.8rem;line-height:1.55;margin:8px 0 14px}
.affiliate-disclosure-v21{margin-top:8px;padding-top:22px}
@media(max-width:800px){
  .tools-v21{padding-top:44px;padding-bottom:58px}
  .tools-intro-v21{padding-bottom:42px}
}