.finishing-hero { grid-template-rows: 1fr; padding-bottom: clamp(66px, 7vh, 86px); }
.finishing-hero h1 { max-width: 750px; font-size: clamp(50px, 4.45vw, 68px); }
.finishing-hero .axis-hero-specs strong { font-size: clamp(17px, 1.35vw, 21px); }
.finishing-hero .axis-hero-specs > div:nth-child(3) strong { color: var(--axis-blue-light); }
.finishing-hero .axis-button-secondary span { color: var(--axis-blue-light); }
.finish-hero-image { align-items: flex-end; padding-top: 78px; }
.finish-sample-grid { position: absolute; z-index: 1; top: 15%; right: 9%; left: 9%; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
.finish-sample-grid span { display: flex; min-height: 68px; align-items: flex-end; padding: 10px; border: 1px solid #566168; color: #d7dddf; background: #30373b; font: 700 8px/1.3 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .07em; }
.finish-sample-grid .sample-machined { background: #737d82; }
.finish-sample-grid .sample-blasted { background: #8d9698; }
.finish-sample-grid .sample-black { background: #15191b; }
.finish-sample-grid .sample-clear { background: #a7adae; color: #1a1d1f; }
.finish-sample-grid .sample-brushed { background: #697478; border-block-color: #9ca5a8; }
.finish-sample-grid .sample-polished { background: #c0c6c7; color: #171a1c; border-color: #eef1f1; }

.finish-mechanical-section { background: #f4f5f5; }
.finish-mechanical-section .axis-direct-title { border-color: var(--axis-line); }
.finish-technical-list { border-top: 1px solid #1d2326; }
.finish-technical-list article { display: grid; grid-template-columns: minmax(165px,.55fr) 150px minmax(330px,1fr) minmax(180px,.7fr); gap: 28px; align-items: center; padding: 30px 0; border-bottom: 1px solid #cbd2d5; }
.finish-row-heading span { color: var(--axis-blue); font: 700 10px/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.finish-row-heading h3 { margin: 8px 0 0; font-size: clamp(23px,2.2vw,31px); letter-spacing: -.035em; }
.finish-thumb { display: flex; min-height: 100px; align-items: flex-end; padding: 10px; border: 1px solid #9da7ab; background: #757f83; }
.finish-thumb small { color: #fff; font: 700 8px/1.3 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .07em; }
.finish-thumb-polished { background: #b9c0c1; border-color: #e5e9e9; }
.finish-thumb-brushed { background: #697478; border-block: 2px solid #9ca5a8; }
.finish-thumb-blasted { background: #8b9497; }
.finish-thumb-tumbled { background: #596267; }
.finish-technical-list dl { margin: 0; }
.finish-technical-list dl > div { display: grid; grid-template-columns: 125px 1fr; gap: 15px; padding: 8px 0; border-bottom: 1px solid #d6dcde; }
.finish-technical-list dt { color: #69747a; font: 700 9px/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .06em; text-transform: uppercase; }
.finish-technical-list dd { margin: 0; font-size: 12px; font-weight: 650; line-height: 1.45; }
.finish-technical-list .finish-accent { color: var(--axis-blue); }
.finish-technical-list article > p { color: #68737a; font-size: 11px; line-height: 1.55; }

.finish-anodizing-section { background: var(--axis-dark); color: var(--axis-text); }
.finish-anodizing-section .axis-direct-title { border-color: var(--axis-line-dark); }
.finish-anodizing-layout { display: grid; grid-template-columns: minmax(0,1.22fr) minmax(320px,.78fr); gap: clamp(45px,7vw,90px); }
.finish-treatment-list { border-top: 1px solid #596269; }
.finish-treatment-list article { padding: 27px 0; border-bottom: 1px solid var(--axis-line-dark); }
.finish-treatment-list article > span { color: var(--axis-blue-light); font: 700 9px/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .08em; }
.finish-treatment-list h3 { margin: 10px 0 0; font-size: clamp(24px,2.35vw,34px); }
.finish-treatment-list ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px 24px; margin: 20px 0 0; padding: 0; list-style: none; color: #bac3c6; font-size: 12px; }
.finish-treatment-list li { position: relative; padding-left: 16px; }
.finish-treatment-list li::before { content: '—'; position: absolute; left: 0; color: var(--axis-blue-light); }
.finish-treatment-list small { display: block; margin-top: 17px; color: #7f8b90; font-size: 10px; }
.finish-conditional { opacity: .78; }
.finish-state-placeholder { width: 100%; min-height: 0; aspect-ratio: 4/5; }
.finish-state-stack { position: absolute; z-index: 1; top: 12%; right: 11%; left: 11%; display: grid; gap: 7px; }
.finish-state-stack span { display: flex; min-height: 68px; align-items: center; padding: 12px; border: 1px solid #4d5960; background: #697377; color: #e5eaeb; font: 700 8px/1.3 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .07em; }
.finish-state-stack span:nth-child(2) { background: #858e90; }
.finish-state-stack span:nth-child(3) { background: #a7adae; color: #1b1e20; }
.finish-state-stack span:nth-child(4) { background: #161a1c; }
.finish-state-stack span:nth-child(5) { background: #2d3336; }
.finish-engineering-notes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; margin-top: 62px; border-top: 1px solid #596269; border-bottom: 1px solid var(--axis-line-dark); }
.finish-engineering-notes article { padding: 25px 35px 25px 0; }
.finish-engineering-notes article + article { padding-left: 35px; border-left: 1px solid var(--axis-line-dark); }
.finish-engineering-notes span { color: var(--axis-blue-light); font: 700 10px/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .08em; }
.finish-engineering-notes p { margin: 11px 0 0; color: #c4cbcd; font-size: 13px; line-height: 1.6; }

.finish-coating-section { background: #fff; }
.finish-coating-section .axis-direct-title { border-color: var(--axis-line); }
.finish-process-matrix { border-top: 1px solid #202629; }
.finish-process-matrix article { display: grid; grid-template-columns: 45px minmax(260px,.9fr) minmax(320px,1.1fr); gap: 28px; padding: 27px 0; border-bottom: 1px solid var(--axis-line); }
.finish-process-matrix article > span { color: var(--axis-blue); font: 700 10px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.finish-process-matrix h3 { margin: 0; font-size: clamp(21px,2vw,29px); letter-spacing: -.03em; }
.finish-process-matrix p { margin: 8px 0 0; color: #667179; font-size: 12px; line-height: 1.55; }
.finish-process-matrix ul { margin: 0; padding: 0; list-style: none; color: #354047; font-size: 12px; line-height: 1.55; }
.finish-process-matrix li { position: relative; padding: 3px 0 3px 17px; }
.finish-process-matrix li::before { content: '—'; position: absolute; left: 0; color: var(--axis-blue); }
.finish-coating-note { margin: 42px 0 0; padding: 21px 0 0 22px; border-top: 1px solid var(--axis-line); border-left: 2px solid var(--axis-blue); color: #4e5a61; font-size: 13px; line-height: 1.6; }
.finish-coating-note span { display: block; margin-bottom: 8px; color: var(--axis-blue); font: 700 10px/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .08em; }

.finish-inspection-diagram { position: absolute; z-index: 1; inset: 18% 14% 36%; display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid rgba(112,151,174,.65); }
.finish-inspection-diagram span { display: grid; place-items: center; border-right: 1px solid rgba(112,151,174,.45); color: var(--axis-blue-light); font: 700 18px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.finish-inspection-diagram span:last-child { border-right: 0; }

.finish-rfq-section { padding-bottom: 0; background: #f4f5f5; }
.finish-rfq-section .axis-direct-title { border-color: var(--axis-line); }
.finish-rfq-layout { display: grid; grid-template-columns: minmax(0,1.12fr) minmax(300px,.88fr); gap: clamp(48px,8vw,110px); align-items: start; margin-bottom: 85px; }
.finish-rfq-layout .axis-number { color: var(--axis-blue); }
.finish-rfq-layout h3 { max-width: 650px; margin: 15px 0 0; font-size: clamp(34px,4vw,54px); line-height: 1.02; letter-spacing: -.05em; }
.finish-rfq-layout p:not(.axis-number) { max-width: 660px; margin: 20px 0 0; color: #606c73; font-size: 14px; line-height: 1.6; }
.finish-rfq-layout ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 25px; margin: 28px 0 0; padding: 0; border-top: 1px solid #202629; list-style: none; }
.finish-rfq-layout li { padding: 11px 0; border-bottom: 1px solid var(--axis-line); color: #4c575e; font-size: 12px; }
.finish-rfq-data { display: grid; border-top: 1px solid #202629; }
.finish-rfq-data span { padding: 16px 0; border-bottom: 1px solid var(--axis-line); color: #526068; font: 700 10px/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .08em; }

@media (max-width: 1050px) {
  .finish-technical-list article { grid-template-columns: 150px 125px minmax(300px,1fr); }
  .finish-technical-list article > p { grid-column: 3; }
}

@media (max-width: 900px) {
  .finishing-hero { padding-bottom: 34px; }
  .finish-technical-list article { grid-template-columns: 155px 130px minmax(0,1fr); }
  .finish-anodizing-layout { grid-template-columns: 1fr; }
  .finish-state-placeholder { width: 100%; max-width: 560px; min-height: 0; }
  .finish-rfq-layout { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .finish-technical-list article { grid-template-columns: 120px minmax(0,1fr); }
  .finish-technical-list dl { grid-column: 1/-1; }
  .finish-technical-list article > p { grid-column: 1/-1; }
  .finish-engineering-notes { grid-template-columns: 1fr; }
  .finish-engineering-notes article { padding: 23px 0; }
  .finish-engineering-notes article + article { padding-left: 0; border-top: 1px solid var(--axis-line-dark); border-left: 0; }
  .finish-process-matrix article { grid-template-columns: 32px minmax(0,1fr); }
  .finish-process-matrix ul { grid-column: 2; }
}

@media (max-width: 540px) {
  .finishing-hero h1 { font-size: clamp(41px,11.5vw,48px); }
  .finishing-hero .axis-hero-specs strong { font-size: 20px; }
  .finish-sample-grid span { min-height: 58px; }
  .finish-technical-list article { grid-template-columns: 1fr; gap: 15px; }
  .finish-thumb { min-height: 105px; }
  .finish-technical-list dl, .finish-technical-list article > p { grid-column: 1; }
  .finish-technical-list dl > div { grid-template-columns: 1fr; gap: 4px; }
  .finish-treatment-list ul { grid-template-columns: 1fr; }
  .finish-process-matrix article { grid-template-columns: 25px minmax(0,1fr); gap: 16px; }
  .finish-rfq-layout ul { grid-template-columns: 1fr; }
}