/* Approved integrated hero composition; isolated Tools page styles. */
.tools-hero { padding-top:72px; }
.integrated-hero { position:relative; background:#181c1d; isolation:isolate; }
.integrated-hero::after { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(0deg,rgba(7,12,15,.86),rgba(7,12,15,.32) 32%,transparent 65%); }
.integrated-hero .hero-heading { position:absolute; z-index:2; bottom:30px; left:0; right:0; padding-bottom:0; }
.integrated-hero .eyebrow { color:#d0a36b; margin-bottom:10px; text-shadow:0 1px 4px #000; }
.integrated-hero h1 { color:#f1eadb; font-size:clamp(3rem,5.3vw,4.8rem); line-height:1; text-shadow:0 2px 12px #0008; }
.integrated-hero .hero-tools { color:#d0a36b; }
@media (max-width:860px) {
  .tools-hero { padding-top:64px; }
  .integrated-hero .workbench-art img { height:290px; width:100%; object-fit:cover; object-position:44% center; }
  .integrated-hero .hero-heading { bottom:25px; }
  .integrated-hero .eyebrow { font-size:.61rem; letter-spacing:.11em; margin-bottom:9px; }
  .integrated-hero h1 { font-size:clamp(2.5rem,10vw,3.5rem); }
  .integrated-hero::after { background:linear-gradient(0deg,rgba(7,12,15,.9),rgba(7,12,15,.25) 48%,transparent 78%); }
}