.materials-hero { grid-template-rows: 1fr; padding-bottom: clamp(66px,7vh,86px); }
.materials-hero h1 { max-width: 750px; font-size: clamp(50px,4.45vw,68px); }
.materials-hero .axis-hero-specs strong { font-size: clamp(17px,1.35vw,21px); }
.materials-hero .axis-hero-specs > div:nth-child(2) strong { color: var(--axis-blue-light); }
.materials-hero .axis-button-secondary span { color: var(--axis-blue-light); }
.material-part-array { position: absolute; z-index: 1; top: 16%; right: 10%; left: 10%; display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; }
.material-part-array span { display: grid; min-height: 105px; place-items: center; border: 1px solid #5d696f; color: #edf0f1; background: #6f797d; font: 800 15px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.material-part-array .mat-ss { background:#949b9d; color:#171a1c; }
.material-part-array .mat-brass { background:#8c774d; }
.material-part-array .mat-ti { background:#5a6265; }
.material-part-array .mat-pom { background:#14181a; }
.material-part-array .mat-plastic { background:#d5d8d7; color:#171a1c; }

.aluminum-section { background:#f4f5f5; }
.aluminum-section .axis-direct-title { border-color:var(--axis-line); }
.material-feature-layout { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr); gap:clamp(45px,7vw,90px); align-items:start; }
.material-grades { display:grid; grid-template-columns:145px 1fr; gap:24px; align-items:start; padding-bottom:26px; border-bottom:1px solid #1e2427; }
.material-grades .axis-number { color:var(--axis-blue); }
.material-grades ul,.grade-line { display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; }
.material-grades li,.grade-line span { padding:8px 11px; border:1px solid #bac2c6; color:#30383d; background:#fff; font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.material-data-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:31px; }
.material-data-columns article { padding-right:25px; }
.material-data-columns article+article { padding-left:25px; border-left:1px solid #cbd2d5; }
.material-data-columns h3 { margin:0 0 18px; font-size:18px; line-height:1.2; }
.material-data-columns ul { display:grid; gap:9px; margin:0; padding:0; list-style:none; color:#58646b; font-size:11px; line-height:1.45; }
.material-data-columns li { position:relative; padding-left:14px; }
.material-data-columns li::before { content:'—'; position:absolute; left:0; color:var(--axis-blue); }
.material-note,.plastics-note,.selection-note { margin:35px 0 0; padding:19px 0 0 20px; border-top:1px solid #cbd2d5; border-left:2px solid var(--axis-blue); color:#59656c; font-size:12px; line-height:1.6; }
.material-gallery { width:100%; min-height:0; aspect-ratio:4/5; }
.material-finish-samples { position:absolute; z-index:1; top:13%; right:10%; left:10%; display:grid; gap:7px; }
.material-finish-samples span { display:flex; min-height:70px; align-items:flex-end; padding:10px; border:1px solid #59656b; background:#81898b; color:#f5f7f7; font:700 8px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; letter-spacing:.07em; }
.material-finish-samples span:nth-child(2){background:#989fa1}.material-finish-samples span:nth-child(3){background:#15191b}.material-finish-samples span:nth-child(4){background:#b4b9ba;color:#181b1d}

.ferrous-section { background:var(--axis-dark); color:var(--axis-text); }
.ferrous-section .axis-direct-title { border-color:var(--axis-line-dark); }
.ferrous-compare { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.ferrous-material { min-width:0; padding-right:45px; }
.ferrous-material+.ferrous-material { padding:0 0 0 45px; border-left:1px solid var(--axis-line-dark); }
.ferrous-image { min-height:340px; margin-bottom:28px; }
.material-symbol { position:absolute; z-index:1; top:14%; right:10%; color:rgba(141,199,237,.22); font:800 clamp(80px,10vw,140px)/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.ferrous-material .axis-number { color:var(--axis-blue-light); }
.ferrous-material>h3 { margin:12px 0 17px; font-size:clamp(33px,3.5vw,49px); }
.grade-line { padding-bottom:20px; border-bottom:1px solid var(--axis-line-dark); }
.grade-line span { border-color:#4a555b; background:#1a2024; color:#d4dbdd; }
.ferrous-details { display:grid; gap:19px; margin-top:24px; }
.ferrous-details h4,.specialty-list h4 { margin:0; color:#8dc7ed; font:700 9px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; letter-spacing:.07em; text-transform:uppercase; }
.ferrous-details p,.specialty-list p { margin:7px 0 0; color:#b7c0c3; font-size:12px; line-height:1.55; }

.specialty-section { background:#fff; }
.specialty-section .axis-direct-title { border-color:var(--axis-line); }
.specialty-list { border-top:1px solid #202629; }
.specialty-list article { display:grid; grid-template-columns:170px 190px minmax(0,1fr); gap:35px; align-items:center; padding:30px 0; border-bottom:1px solid var(--axis-line); }
.specialty-heading>span { color:var(--axis-blue); font:700 10px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; letter-spacing:.08em; }
.specialty-heading h3 { margin:8px 0 0; font-size:clamp(29px,3vw,43px); }
.specialty-image { min-height:155px; align-items:center; justify-content:center; padding:18px; }
.specialty-image>span { position:relative; z-index:1; color:rgba(141,199,237,.65); font:800 50px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.specialty-image>small { position:absolute; z-index:2; bottom:14px; left:14px; color:#aeb8bb; font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.copper-parts { background-color:#3b3027; }.brass-parts { background-color:#403a29; }
.specialty-list article>div:last-child { display:grid; grid-template-columns:1fr; gap:12px; }
.specialty-list h4 { color:#1c6d9f; }
.specialty-list p { color:#5d686f; }

.plastics-section { background:#f0f2f2; }
.plastics-section .axis-direct-title { border-color:var(--axis-line); }
.plastics-layout { display:grid; grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr); gap:clamp(45px,7vw,95px); align-items:start; }
.plastics-image { width:100%; min-height:0; aspect-ratio:4/5; }
.plastic-parts { position:absolute; z-index:1; top:13%; right:11%; left:11%; display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
.plastic-parts span { display:grid; min-height:105px; place-items:center; border:1px solid #566168; color:#eef1f1; background:#15191b; font:800 13px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.plastic-parts span:nth-child(2){background:#8b7f63}.plastic-parts span:nth-child(3){background:#d8dbda;color:#1a1d1f}.plastic-parts span:nth-child(4){background:#8a969a;color:#182023}
.plastic-list { border-top:1px solid #202629; }
.plastic-list article { display:grid; grid-template-columns:34px 1fr; gap:17px; padding:20px 0; border-bottom:1px solid #cbd2d5; }
.plastic-list article>span { color:var(--axis-blue); font:700 10px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.plastic-list h3 { margin:0; font-size:21px; letter-spacing:-.025em; }
.plastic-list p { margin:6px 0 0; color:#536068; font-size:12px; line-height:1.5; }
.plastic-list small { display:block; margin-top:5px; color:#7a858a; font-size:10px; line-height:1.5; }
.plastics-note { max-width:880px; margin-left:auto; }

.selection-section { padding-bottom:0; background:#fff; }
.selection-section .axis-direct-title { border-color:var(--axis-line); }
.selection-table { border-top:1px solid #202629; }
.selection-table>div { display:grid; grid-template-columns:minmax(230px,.85fr) 45px minmax(0,1.15fr); gap:18px; align-items:center; padding:18px 0; border-bottom:1px solid var(--axis-line); }
.selection-table span { color:#526068; font-size:13px; }
.selection-table i { color:var(--axis-blue); font-style:normal; text-align:center; }
.selection-table strong { font-size:14px; line-height:1.45; }
.selection-note { max-width:900px; }
.rfq-fields { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:55px 0 80px; border-top:1px solid #202629; }
.rfq-fields span { padding:16px 0; border-bottom:1px solid var(--axis-line); color:#56636a; font:700 10px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; letter-spacing:.06em; }
.rfq-fields span+span { padding-left:22px; border-left:1px solid var(--axis-line); }

@media(max-width:1000px){
  .material-data-columns { grid-template-columns:1fr; gap:25px; }
  .material-data-columns article,.material-data-columns article+article { padding:0 0 24px; border-bottom:1px solid #cbd2d5; border-left:0; }
  .specialty-list article { grid-template-columns:135px 160px minmax(0,1fr); gap:25px; }
}
@media(max-width:900px){
  .materials-hero { padding-bottom:34px; }
  .material-feature-layout,.plastics-layout { grid-template-columns:1fr; }
  .material-gallery,.plastics-image { width:100%; max-width:560px; min-height:0; }
  .specialty-list article { grid-template-columns:140px minmax(0,1fr); }
  .specialty-list article>div:last-child { grid-column:1/-1; }
}
@media(max-width:760px){
  .ferrous-compare { grid-template-columns:1fr; }
  .ferrous-material { padding:0 0 55px; }
  .ferrous-material+.ferrous-material { padding:55px 0 0; border-top:1px solid var(--axis-line-dark); border-left:0; }
  .rfq-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .rfq-fields span:nth-child(3) { border-left:0; }
}
@media(max-width:540px){
  .materials-hero h1 { font-size:clamp(41px,11.4vw,48px); }
  .materials-hero .axis-hero-specs strong { font-size:20px; }
  .material-part-array span { min-height:72px; font-size:11px; }
  .material-grades { grid-template-columns:1fr; gap:13px; }
  .material-data-columns { margin-top:25px; }
  .ferrous-image { min-height:300px; }
  .specialty-list article { grid-template-columns:1fr; gap:18px; }
  .specialty-image { min-height:190px; }
  .specialty-list article>div:last-child { grid-column:1; }
  .plastic-list article { grid-template-columns:28px 1fr; gap:11px; }
  .selection-table>div { grid-template-columns:1fr 24px; gap:7px 10px; }
  .selection-table strong { grid-column:1/-1; padding-left:34px; }
  .rfq-fields { grid-template-columns:1fr; margin-bottom:70px; }
  .rfq-fields span,.rfq-fields span+span { padding:13px 0; border-left:0; }
}