/* Formal product and resource routes: Industrial Flagship rollout. */
.metal-catalog-hero,
.series-detail-hero,
.model-detail-section,
.resource-page .hero--inner {
  background: linear-gradient(135deg, var(--sky-050), var(--paper) 58%, var(--sky-100));
}

.metal-catalog-hero { padding-block: clamp(4.5rem, 8vw, 8rem); }
.metal-catalog-hero-grid { grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: clamp(2.5rem, 5vw, 6rem); }
.metal-catalog-copy h1,
.series-detail-copy h1,
.model-detail-copy h1 { max-width: 16ch; text-wrap: balance; }
.metal-catalog-copy .lead,
.series-detail-copy .lead,
.model-detail-copy .lead { max-width: 64ch; }
.metal-catalog-visual { min-height: clamp(460px, 39vw, 650px); border-radius: 0; background: #edf3f7; box-shadow: none; }
.metal-catalog-visual::before { inset: 7%; border-radius: 0; }
.metal-catalog-visual img { width: min(84%, 900px); max-height: 76%; }
.catalog-proof,
.catalog-visual-note { border-radius: 0; }

.series-library { background: #f1f5f8; }
.series-library .section-heading,
.series-library .section-heading h2 { max-width: 26ch; }
.series-grid,
.model-sample-grid { gap: clamp(1.25rem, 2vw, 2rem); }
.series-card,
.model-sample-card,
.resource-list-card,
.download-card { border: 1px solid #d8e2e9; border-radius: 0; background: var(--paper); box-shadow: 0 10px 28px rgb(11 37 69 / 6%); }
.series-card { min-height: 100%; transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease; }
.series-card-media { aspect-ratio: 16 / 10; background: #edf3f7; }
.series-card-media::after { height: 20%; }
.series-card-media img { padding: clamp(1rem, 2vw, 2rem); object-fit: contain; }
.series-card-body { min-height: 290px; padding: clamp(1.5rem, 2.5vw, 2.25rem); transition: background-color .24s ease, color .24s ease; }
.series-card-heading h2 { max-width: 18ch; text-wrap: balance; }
.series-card:hover,
.series-card:focus-within { transform: translateY(-4px); border-color: var(--cobalt-600); box-shadow: 0 20px 40px rgb(16 92 166 / 18%); }
.series-card:hover .series-card-body,
.series-card:focus-within .series-card-body { background: var(--cobalt-600); color: var(--paper); }
.series-card:hover .series-reference,
.series-card:hover .series-models,
.series-card:hover .text-link,
.series-card:focus-within .series-reference,
.series-card:focus-within .series-models,
.series-card:focus-within .text-link { color: var(--paper); }
.series-card:hover .series-sizes span,
.series-card:focus-within .series-sizes span { background: rgb(255 255 255 / 16%); color: var(--paper); }
.series-card:hover .series-arrow,
.series-card:focus-within .series-arrow { background: var(--paper); color: var(--cobalt-700); }
.series-card:focus-within { background: var(--cobalt-600); }

.series-detail-hero { padding-block: clamp(5rem, 9vw, 9rem); }
.series-detail-grid { grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); gap: clamp(3rem, 6vw, 7rem); }
.series-image-disclaimer,
.series-spec-pending,
.model-image-disclaimer { border-left-color: var(--cobalt-600); background: #edf3f7; }
.series-detail-main-image,
.series-detail-gallery figure { border: 1px solid #d8e2e9; border-radius: 0; box-shadow: none; }
.series-detail-main-image { background: #fff; }
.series-detail-main-image img { min-height: clamp(330px, 33vw, 560px); padding: clamp(1rem, 2.5vw, 2.5rem); object-fit: contain; }
.series-detail-gallery img { padding: .75rem; background: #f1f5f8; object-fit: contain; }
.series-spec-grid { gap: clamp(3rem, 6vw, 7rem); }
.series-thickness-table { border: 1px solid #d8e2e9; }
.series-thickness-table thead { background: var(--cobalt-700); color: var(--paper); }

.model-detail-section { padding-block: clamp(4.5rem, 8vw, 8rem); }
.model-detail-grid { grid-template-columns: minmax(0, 1.2fr) minmax(340px, .8fr); gap: clamp(3rem, 6vw, 7rem); }
.model-gallery-main { min-height: clamp(360px, 38vw, 660px); border-color: #d8e2e9; border-radius: 0; background: #fff; box-shadow: none; }
.model-gallery-main img { padding: clamp(1rem, 2vw, 2rem); object-fit: contain; }
.model-gallery-controls button,
.model-gallery-thumbnails button { border-radius: 0; }
.model-gallery-controls button:hover,
.model-gallery-controls button:focus-visible { border-color: var(--cobalt-600); background: var(--cobalt-600); color: var(--paper); }
.model-gallery-thumbnails button[aria-pressed="true"] { border-color: var(--cobalt-600); background: var(--cobalt-600); color: var(--paper); }
.model-gallery-thumbnails button:focus-visible { border-color: var(--cobalt-600); outline-color: var(--cobalt-600); }
.model-facts div { border-color: #d8e2e9; border-radius: 0; box-shadow: none; }
.model-detail-note { background: #f1f5f8; }
.model-detail-note h2 { max-width: 28ch; text-wrap: balance; }
.model-sample-card { transition: transform .24s ease, border-color .24s ease, background-color .24s ease, color .24s ease; }
.model-sample-card img { padding: 1rem; background: #edf3f7; }
.model-sample-card:hover,
.model-sample-card:focus-visible { transform: translateY(-4px); border-color: var(--cobalt-600); background: var(--cobalt-600); color: var(--paper); box-shadow: 0 20px 40px rgb(16 92 166 / 18%); }
.model-sample-card:hover .eyebrow,
.model-sample-card:focus-visible .eyebrow { background: rgb(255 255 255 / 16%); color: var(--paper); }
.model-sample-card:hover .text-link,
.model-sample-card:focus-visible .text-link { color: var(--paper); }

.resource-page .hero--inner { padding-block: clamp(4rem, 7vw, 7rem); }
.resource-page .hero--inner .hero-grid { min-height: clamp(460px, 38vw, 650px); border-radius: 0; box-shadow: none; }
.resource-page .hero--inner .hero-media { height: auto; min-height: 100%; }
.resource-page .hero--inner h1 { max-width: 20ch; text-wrap: balance; }
.resource-page .section-heading,
.resource-page .section-heading h2,
.resource-page .section-description { width: auto; max-width: 30ch; }
.resource-page .section-description { max-width: 68ch; }
.resource-index-section,
.resource-download-section { background: #f1f5f8; }
.resource-list { gap: clamp(1rem, 1.5vw, 1.5rem); }
.resource-list-card { grid-template-columns: minmax(300px, .88fr) minmax(0, 1.12fr); min-height: 240px; transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease; }
.resource-list-media { position: relative; height: 100%; min-height: 240px; overflow: hidden; background: #edf3f7; }
.resource-list-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: clamp(.75rem, 1.4vw, 1.25rem); }
.resource-list-copy { padding: clamp(1.2rem, 2vw, 2rem); background: var(--paper); transition: background-color .24s ease, color .24s ease; }
.resource-page .resource-list-copy h2 { max-width: 30ch; margin-top: .55rem; font-size: clamp(1.45rem, 2.2vw, 2rem); line-height: 1.08; text-wrap: balance; }
.resource-list-copy p { max-width: 64ch; margin-top: .65rem; font-size: .88rem; line-height: 1.55; }
.resource-list-copy .text-link { margin-top: .7rem; }
.resource-list-card:hover,
.resource-list-card:focus-within { transform: translateY(-4px); border-color: var(--cobalt-600); box-shadow: 0 20px 40px rgb(16 92 166 / 18%); }
.resource-list-card:hover .resource-list-copy,
.resource-list-card:focus-within .resource-list-copy { background: var(--paper); color: var(--ink-900); }
.resource-list-card:hover .resource-list-copy p,
.resource-list-card:focus-within .resource-list-copy p,
.resource-list-card:focus-within .resource-list-copy p { color: var(--slate-600); }
.resource-list-card:hover .resource-list-copy .text-link,
.resource-list-card:focus-within .resource-list-copy .text-link { color: var(--cobalt-700); }
.resource-list-card:hover .resource-meta span,
.resource-list-card:focus-within .resource-meta span { background: var(--sky-100); color: var(--cobalt-700); box-shadow: none; }

.resource-article { background: var(--paper); }
.resource-article-layout { grid-template-columns: 240px minmax(0, 68ch); gap: clamp(3rem, 7vw, 8rem); }
.resource-article-nav { border-color: #d8e2e9; border-radius: 0; background: #f1f5f8; box-shadow: none; }
.resource-article-nav p { background: var(--cobalt-700); }
.resource-article-nav a:hover,
.resource-article-nav a:focus-visible { background: var(--cobalt-600); color: var(--paper); }
.resource-article .article { width: min(100%, 68ch); }
.resource-article .article p,
.resource-article .article ul { max-width: 68ch; color: var(--slate-700); }
.resource-article .article h2 { max-width: 26ch; text-wrap: balance; }
.resource-intro { color: var(--ink-900); }
.article-note { border-radius: 0; background: #edf3f7; }

.download-grid { gap: clamp(1.25rem, 2vw, 2rem); }
.download-card { min-height: 350px; transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease; }
.download-card:hover { transform: translateY(-4px); border-color: var(--cobalt-600); box-shadow: 0 20px 40px rgb(16 92 166 / 18%); }
.document-mark { background: linear-gradient(155deg, var(--cobalt-900), var(--cobalt-600)); }
.resource-notice { border: 1px solid #d8e2e9; border-radius: 0; background: var(--paper); }
.resource-notice p { max-width: 68ch; }

@media (max-width: 980px) {
  .metal-catalog-hero-grid,
  .series-detail-grid,
  .model-detail-grid,
  .resource-list-card { grid-template-columns: 1fr; }
  .metal-catalog-copy h1,
  .series-detail-copy h1,
  .model-detail-copy h1 { max-width: 20ch; }
  .metal-catalog-visual { min-height: 480px; }
  .resource-list-media { height: 280px; min-height: 280px; }
  .resource-article-layout { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
  .metal-catalog-hero,
  .series-detail-hero,
  .model-detail-section,
  .resource-page .hero--inner { padding-block: 3.5rem; }
  .metal-catalog-visual { min-height: 340px; }
  .series-card-body { min-height: 0; }
  .series-detail-main-image img { min-height: 280px; }
  .model-gallery-main { min-height: 280px; }
  .resource-page .hero--inner .hero-grid { min-height: 0; }
  .resource-page .hero--inner .hero-media { min-height: 300px; }
  .resource-list-media { height: 240px; min-height: 240px; }
  .resource-list-copy { padding: 1.5rem; }
  .resource-article-layout { gap: 2rem; }
  .resource-article .article h2 { max-width: none; }
  body:not(.industrial-flagship-preview-page) .resource-article-page .hero--inner {
    padding-block: 1.5rem;
  }
  body:not(.industrial-flagship-preview-page) .resource-article-page .hero--inner .container {
    width: calc(100% - 2rem);
  }
  body:not(.industrial-flagship-preview-page) .resource-article-page .hero--inner .hero-copy {
    padding: 1.25rem 1rem;
  }
  body:not(.industrial-flagship-preview-page) .resource-article-page .hero--inner .hero-grid {
    min-height: 0;
  }
  body:not(.industrial-flagship-preview-page) .resource-article-page .hero--inner .hero-media {
    height: auto;
    min-height: 0;
    aspect-ratio: 4 / 3;
  }
  body:not(.industrial-flagship-preview-page) .resource-article-page .hero--inner h1 {
    max-width: none;
    font-size: clamp(1.5rem, 6.5vw, 1.875rem);
    line-height: 1.18;
    letter-spacing: -.025em;
  }
}

@media (prefers-reduced-motion: reduce) {
  .series-card,
  .series-card-body,
  .model-sample-card,
  .resource-list-card,
  .resource-list-copy,
  .download-card { transition: none; }
}