/* Hero-only adjustments. Approved navigation and brand stay independent. */
@media(min-width:901px){
  section.hero{min-height:calc(100svh - var(--nav-height,100px));box-sizing:border-box;display:flex;align-items:center;padding:32px 0 40px}
  section.hero>.wrap{width:100%}
  .hero h1{line-height:1.12}
}
.hero{padding:32px 0 36px}
.hero .wrap{gap:48px;align-items:center}
.hero .eyebrow{font-size:13px;line-height:1.65;letter-spacing:1.65px;margin-bottom:18px}
.hero h1{font-size:clamp(36px,3.6vw,50px);line-height:1.17;margin:0;max-width:640px}
.hero p.lead{font-size:18px;line-height:1.7;margin:22px 0 24px;max-width:none}
.hero .part-search{margin-top:0}
.hero .part-search-row{padding:6px}
.hero .part-search-row input[type="search"]{padding:12px}
.hero .part-search-row button{padding:12px 18px}
.hero .part-search-help{font-size:13px;line-height:1.6;margin-top:12px}
.hero .requirement-help{font-size:13px;line-height:1.6;color:var(--steel);margin:7px 0 0}
.hero .requirement-help a{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.hero .blueprint-frame.diagram-v02{padding:20px 20px 18px}
@media(min-width:901px){.hero .blueprint-frame.diagram-v02{margin-top:16px}}
.hero .diagram-v02 .visual-label{margin-bottom:12px}
.hero .diagram-v02 .component-map{height:clamp(300px,44vh,390px);width:100%}
.hero .diagram-v02 .diagram-note{margin-top:10px}
@media(min-width:901px) and (max-height:800px){
  .hero{padding-top:24px;padding-bottom:24px}
  .hero h1{font-size:clamp(34px,3.25vw,44px)}
  .hero .eyebrow{margin-bottom:14px}
  .hero p.lead{margin:18px 0 20px;font-size:17px;line-height:1.65}
  .hero .diagram-v02 .component-map{height:310px}
}
@media(max-width:1100px) and (min-width:901px){
  .hero .wrap{gap:28px}
  .hero .eyebrow{font-size:12px;letter-spacing:1.2px}
  .hero .diagram-v02 .visual-label{font-size:9px;letter-spacing:.5px}
  .hero .diagram-v02 .visual-label span{font-size:9px}
}
@media(max-width:900px){
  .hero{padding:30px 0}
  .hero .wrap{gap:28px}
  .hero .diagram-v02 .component-map{height:auto}
}
@media(max-width:600px){
  .hero h1{font-size:35px}
  .hero .eyebrow{font-size:11px;letter-spacing:1.2px}
  .hero p.lead{font-size:16px}
  .hero .blueprint-frame.diagram-v02{padding:18px 16px 16px}
}