/* DANA — contemporary industrial identity. Shared by every restored page. */
:root {
  --blue: #a4431f;
  --navy: #202c29;
  --muted: #626d66;
  --pale: #eeefe8;
  --line: #d9ddd3;
  --radius: 4px;
  --ink: #172420;
  --paper: #f8f7f2;
  --copper-light: #f4ad83;
}
html { scroll-padding-top: 134px; }
body { background: var(--paper); font-family: Inter, Arial, sans-serif; font-size: 15px; line-height: 1.8; }
.container { width: 90%; max-width: 1420px; }
.section { padding: 104px 0; }
h1,h2,h3,h4 { letter-spacing: -.045em; font-weight: 600; }
h2 { font-size: clamp(36px,3.5vw,52px); line-height: 1.1; }
p { color: var(--muted); }
.eyebrow { letter-spacing: .15em; font-size: 10px; }
.eyebrow>span { width: 18px; height: 2px; border-radius: 0; }
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible { outline-color: #ca6c3d; }
.button { border-radius: 3px; min-height: 52px; padding: 16px 23px; gap: 28px; font-size: 12px; }
.button:hover { background: #803116; border-color: #803116; transform: translateY(-2px); }
.button-outline { border-color: #9fa99d; color: var(--ink); }
.button-outline:hover { background: #e3e6dc; border-color: #9fa99d; }
.button-white { color: var(--ink); background: var(--paper); border-color: var(--paper); }
.button-white:hover { background: #e4e8de; border-color: #e4e8de; }
.text-button { font-size: 12px; }

/* A compact trade header, with clear navigation and a persistent enquiry. */
.site-header { background: var(--ink); border-bottom: 1px solid #ffffff20; color: #f3f5ec; backdrop-filter: none; }
.utility-bar { border-bottom: 1px solid #ffffff16; }
.utility-inner { display: flex; justify-content: space-between; align-items: center; gap: 20px; min-height: 32px; font-size: 9px; letter-spacing: .08em; color: #b8c2b7; }
.utility-inner>span { text-transform: uppercase; }
.utility-inner a { letter-spacing: .02em; }
.utility-inner a:hover { color: var(--copper-light); }
.header-inner { height: 84px; gap: 25px; }
.brand { color: #fff; font-size: 29px; letter-spacing: .04em; gap: 9px; }
.brand-mark { color: var(--copper-light); }
.brand-sub { color: #b6c3b6; font-size: 7px; letter-spacing: .19em; margin-top: 7px; }
.site-header nav { gap: 25px; }
.site-header nav a { color: #d6ded3; font-size: 11px; padding-block: 22px; }
.site-header nav a:hover,.site-header nav a[aria-current] { color: var(--copper-light); }
.site-header nav a[aria-current]:after { border-radius: 0; width: 16px; height: 2px; left: calc(50% - 8px); background: var(--copper-light); bottom: 11px; }
.nav-chevron { color: #a3b4a5; }
.header-quote { background: #f0a477; border-color: #f0a477; color: var(--ink); min-height: 43px; padding: 12px 18px; gap: 24px; font-size: 11px; margin-left: 0; }
.header-quote:hover { background: #ffc39b; border-color: #ffc39b; }
.nav-submenu { background: var(--paper); border-radius: 3px; border-color: var(--line); padding: 10px; box-shadow: 0 16px 32px #09171124; }
.site-header nav .nav-submenu a { color: #4a584c; border-radius: 2px; }
.site-header nav .nav-submenu a:hover,.site-header nav .nav-submenu a:focus { background: #e9ecdf; color: var(--blue); }

/* Hero: oversized type, real components, and an understated drawing grid. */
.hero { color: var(--paper); background: var(--ink); position: relative; }
.hero:before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px); background-size: 96px 96px; }
.hero-container { padding-top: 60px; padding-bottom: 30px; }
.hero-slide { grid-template-columns: 1.05fr 1fr; gap: 7%; min-height: 510px; }
.hero-copy { position: relative; padding: 20px 0; }
.hero .eyebrow { color: #c4cfc0; font-size: 9px; letter-spacing: .13em; margin-bottom: 29px; }
.hero .eyebrow>span { background: var(--copper-light); }
.hero h1,.hero .slide-heading { font-size: clamp(52px,5.6vw,84px); line-height: 1.02; letter-spacing: -.06em; margin-bottom: 29px; }
.hero em { color: var(--copper-light); }
.hero-copy>p:not(.eyebrow) { color: #bdc9bc; max-width: 460px; font-size: 14px; line-height: 1.9; }
.hero-actions { margin: 30px 0 27px; gap: 13px; }
.hero-actions .button:not(.button-outline) { background: #f0a477; border-color: #f0a477; color: var(--ink); }
.hero-actions .button:not(.button-outline):hover { background: #ffc39b; border-color: #ffc39b; }
.hero-actions .button-outline { color: #e3e9dd; border-color: #879981; }
.hero-actions .button-outline:hover { background: #2a3a30; border-color: #bdccb6; }
.hero-note { color: #9bad9a; font-size: 9px; }
.status-dot { background: var(--copper-light); border-radius: 0; height: 5px; width: 5px; }
.hero-visual { border-radius: 3px; background: #c8cdc4; border: 1px solid #ffffff24; }
.hero-visual>img { aspect-ratio: 1.08; object-fit: cover; }
.hero-img-label { left: 0; right: 0; bottom: 0; border-radius: 0; background: #f8f7f2f5; color: var(--ink); padding: 19px 22px; font-size: 9px; backdrop-filter: none; }
.hero-img-label>svg { color: var(--blue); width: 22px; height: 22px; }
.hero-controls { width: 46%; color: #dce5d7; margin-top: 27px; font-size: 10px; }
.hero-controls>span:nth-child(3) { color: #91a28f; }
.slide-line { width: 95px; background: #61755d; }
.hero-controls button { border-color: #73866d; color: #e7ede0; border-radius: 2px; width: 37px; height: 32px; }
.hero-controls button:hover { background: #f0a477; border-color: #f0a477; color: var(--ink); }
.material-strip { background: var(--ink); color: #f1f4e8; border-top: 1px solid #ffffff1e; border-bottom: 0; }
.material-strip .container { min-height: 78px; }
.material-strip p { color: #9fb09b; font-size: 9px; }
.material-strip span { color: #d9e1d2; font-size: 12px; font-weight: 400; }
.material-strip a { color: var(--copper-light); font-size: 10px; }

/* Editorial spacing and practical, lightly framed product photography. */
.engineering-image>img,.about-product-image,.factory-collage>img,.factory-grid img { border-radius: 3px; }
.engineering-image figcaption { font-size: 9px; color: #6c7869; }
.image-badge { left: -16px; bottom: 50px; padding: 24px 27px; border-radius: 2px; box-shadow: none; background: var(--ink); color: var(--copper-light); font-size: 10px; }
.image-badge strong { color: #fff; font-size: 14px; }
.check-list li>span { border-radius: 2px; background: #e5e8db; color: var(--blue); }
.stats-row { margin-top: 58px; padding-top: 35px; text-align: left; gap: 35px; }
.stats-row>div+div { padding-left: 35px; }
.stats-row strong { font-size: 49px; color: var(--blue); }
.stats-row span { font-size: 10px; color: #67735f; }
.section-heading { margin-bottom: 40px; }
.section-heading>div { max-width: 850px; }
.section-heading p:not(.eyebrow) { font-size: 13px; }
.product-grid { gap: 28px; }
.product-card { min-width: 0; padding: 0 0 22px; border-bottom: 1px solid #bdc6b5; }
.product-image { border-radius: 3px; aspect-ratio: 1.14; background: #e3e5de; }
.product-image img { filter: saturate(.88); }
.product-card:hover .product-image img { filter: saturate(1); }
.card-arrow { border-radius: 2px; width: 32px; height: 32px; color: var(--ink); background: var(--paper); }
.product-type { color: #68765f; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; margin-top: 21px; }
.product-card h3 { font-size: 21px; margin-bottom: 13px; letter-spacing: -.025em; }
.product-link { font-size: 11px; color: var(--blue); }
.family-preview { border-top-color: #bec7b7; padding-top: 38px; margin-top: 46px; }
.family-preview h3 { font-size: 29px; }
.family-link-grid a { font-size: 11px; }
.process-grid { gap: 0; border-top: 1px solid #bcc7b4; }
.process-card { border: 0; border-right: 1px solid var(--line); border-radius: 0; padding: 30px 25px 35px; }
.process-card:first-child { padding-left: 0; }
.process-card:last-child { border-right: 0; }
.process-number { color: var(--blue); margin-bottom: 38px; font-size: 26px; font-weight: 400; letter-spacing: -.04em; }
.process-card>svg { width: 29px; height: 29px; margin-bottom: 22px; color: #5b7054; }
.process-card h3 { font-size: 21px; }
.process-card p { font-size: 12px; }
.process-card:hover { background: var(--pale); }
.collage-label { border-radius: 2px; background: var(--paper); box-shadow: none; border: 1px solid var(--line); font-size: 9px; }
.industry-grid { gap: 0; border: 1px solid var(--line); }
.industry-card { border: 0; border-right: 1px solid var(--line); border-radius: 0; background: transparent; padding: 32px; }
.industry-card:last-child { border-right: 0; }
.industry-number { margin-bottom: 42px; font-size: 11px; }
.industry-card h3 { font-size: 25px; }
.industry-card:hover { background: var(--pale); }
.faq-section { background: #e8ebdf; color: var(--ink); border-block: 1px solid #d5ddcc; }
.faq-section p { color: #5a6954; }
.faq-section .eyebrow { color: var(--blue); }
.faq-section h2 { font-size: 49px; }
.faq-section .button-white { background: var(--ink); border-color: var(--ink); color: #fff; }
.faq-section .button-white:hover { background: #354732; border-color: #354732; }
.faq-list details { border-bottom-color: #bdc9b4; }
.faq-list summary { font-size: 14px; padding-block: 25px; }
.faq-list summary>span { color: var(--blue); }
.faq-list details>p { font-size: 12px; }
.cta-band { background: #93401f; padding-block: 67px; }
.cta-band .eyebrow { color: #ffd0b0; }
.cta-band h2 { font-size: clamp(37px,3.3vw,50px); }
.cta-band p:not(.eyebrow) { color: #f5d6c1; }
.contact-email { font-size: 22px; }
.inquiry-form label { font-size: 11px; color: #495740; font-weight: 600; }
.inquiry-form input,.inquiry-form textarea { border-radius: 2px; background: #ffffffb0; border-color: #bdc6b4; font-size: 12px; min-height: 49px; }
.inquiry-form input::placeholder,.inquiry-form textarea::placeholder { color: #798272; font-weight: 400; }
.form-help { color: #67735f; font-size: 11px; }
.site-footer { background: var(--ink); padding-top: 67px; }
.site-footer .brand-mark { color: var(--copper-light); }
.site-footer .brand-sub { color: #c5d0bf; }
.site-footer p { color: #aebca7; }
.footer-grid { gap: 50px; }
.footer-grid>div>a:not(.brand) { color: #c4cebd; font-size: 11px; }
.footer-grid h2 { color: #f3ac82; font-size: 10px; letter-spacing: .15em; }
.footer-bottom p,.footer-bottom>a { color: #acbda2; font-size: 9px; }
.floating-contact { border-radius: 3px; width: 46px; height: 46px; background: var(--ink); border-color: #f1a175; box-shadow: 0 3px 15px #16211a22; }

/* Inner pages are light, legible, and share a consistent engineering language. */
.page-banner { background: #e9ece2; color: var(--ink); padding: 25px 0 63px; border-bottom: 1px solid #d2daca; }
.breadcrumbs { color: #697763; font-size: 10px; margin-bottom: 46px; position: relative; z-index: 1; }
.breadcrumbs a:hover { color: var(--blue); }
.breadcrumbs>span:last-child { color: #4e5d45; }
.page-banner .eyebrow { color: var(--blue); }
.page-banner h1 { font-size: clamp(40px,4.4vw,65px); line-height: 1.06; max-width: 1000px; text-wrap: balance; }
.page-banner p:not(.eyebrow) { color: #5b6b51; font-size: 13px; max-width: 700px; }
.banner-rings { width: 320px; height: 320px; top: -90px; right: 5%; border: 1px solid #9dab8f40; border-radius: 2px; box-shadow: 35px 35px 0 -1px #e9ece2,35px 35px 0 #9dab8f40; transform: rotate(45deg); }
.catalog-guide-callout { border-radius: 3px; border-left: 3px solid var(--blue); background: #e9ecdf; padding: 29px 32px; }
.catalog-guide-callout h2 { font-size: 25px; }
.catalog-sidebar h2 { font-size: 19px; }
.category-filters button { font-size: 12px; padding-block: 19px; }
.sidebar-help { border-radius: 3px; background: #e8ecde; border-top: 2px solid #74876a; }
.sidebar-help h3 { font-size: 23px; }
.search-label input { border-radius: 2px; border-color: #b9c5ae; background: #fff; font-size: 12px; }
.search-label input::placeholder { color: #6d7b62; }
.catalog-grid .product-card h3 { font-size: 19px; }
.detail-main-image { border-radius: 3px; }
.detail-main-image>span { border-radius: 2px; background: var(--paper); color: var(--ink); }
.spec-list>div { font-size: 12px; }
.spec-list dt { color: #64735b; }
.detail-description p,.detail-copy>p { font-size: 14px; }
.capability-card,.material-card,.quality-card,.process-detail { border-radius: 3px; border: 1px solid var(--line); }
.capability-card,.process-detail { background: var(--paper); }
.material-card { background: #fff; }
.contact-card { border-radius: 3px; background: #e8ecdf; border-top: 3px solid var(--blue); }
.contact-person { border-color: #c5cfbb; }
.guide-preview-card { min-width: 0; border-radius: 3px; background: var(--paper); border-top: 2px solid #819475; }
.guide-preview-card h3 { font-size: 21px; }
.guide-preview-card:hover { box-shadow: 0 7px 15px #24391a0b; background: #fff; }
.directory-toolbar { border-bottom: 1px solid var(--line); padding-bottom: 23px; margin-bottom: 24px; }
.directory-toolbar>p { font-size: 12px; }
.directory-filters { gap: 8px; margin-bottom: 32px; }
.directory-filters button { border-radius: 2px; font-size: 10px; padding: 10px 14px; background: transparent; color: #526449; border-color: #c3ceba; }
.directory-filters button:hover { border-color: var(--blue); color: var(--blue); }
.directory-filters button[aria-pressed=true] { background: var(--ink); border-color: var(--ink); color: #fff; }
.directory-grid { gap: 24px; }
.directory-card { border-radius: 3px; border-color: #d1d8c8; background: #fff; }
.directory-card:hover { border-color: #8b9f7c; }
.directory-card-image { background: #eceee7; aspect-ratio: 1.65; }
.directory-card-image img { padding: 18px; }
.directory-card-copy { padding: 27px; }
.directory-label { font-size: 9px; letter-spacing: .1em; color: var(--blue); }
.directory-card h2 { font-size: 26px; line-height: 1.17; }
.directory-card p { font-size: 12px; line-height: 1.85; }
.directory-pagination button { border-radius: 2px; border-color: #b9c7ac; background: transparent; }
.directory-pagination button:hover:not(:disabled) { background: #e7ecdd; }
.directory-pagination button:disabled { color: #717d66; opacity: .65; }
.directory-pagination>span { color: #5d6f51; }
.document-layout { grid-template-columns: minmax(0,1fr) 240px; gap: 65px; }
.document-body h2 { font-size: 31px; }
.document-body p { font-size: 14px; color: #5b6853; }
.document-lead { color: #43523b; }
.document-introduction figure button,.recovered-gallery button,.technical-diagram>button,.specification-photo { border-radius: 3px; background: #fff; border: 1px solid var(--line); }
.document-introduction figure button>span,.recovered-gallery button>span { border-radius: 2px; background: var(--ink); color: #fff; }
.document-introduction figcaption,.recovered-gallery figcaption,.technical-diagram figcaption { color: #607054; font-size: 11px; }
.document-sidebar { top: 145px; border-top: 2px solid #7b8f6d; padding-top: 22px; }
.document-sidebar>h2 { font-size: 19px; }
.document-sidebar-links a { font-size: 11px; color: #4d5f43; }
.document-breadcrumb { color: #64755a; }
.table-scroll { border-radius: 2px; border-color: #c4d0b8; }
.table-scroll table { font-size: 12px; color: #394b2e; font-variant-numeric: tabular-nums; }
.table-scroll th { background: #293e2a; color: #fff; border-color: #52634b; }
.table-scroll td { border-color: #dce4d5; }
.table-scroll tbody tr:nth-child(even) { background: #f0f3eb; }
.table-scroll caption { color: var(--ink); }
.technical-note { border-radius: 0 3px 3px 0; background: #e9eddf; }
.technical-note ul,.technical-notes { color: #54664a; font-size: 12px; }
.technical-diagram>button>span { font-size: 11px; }
.recovered-contact dt { color: #637657; }
.recovered-contact dl>div { font-size: 13px; }
.inquiry-dialog,.image-dialog { border-radius: 4px; border-color: var(--line); }
.inquiry-dialog { background: var(--paper); }
.dialog-inner h2 { letter-spacing: -.045em; }
.close-dialog { border-radius: 2px; color: var(--ink); background: #e3e9da; }
.empty-state { border-radius: 3px; }

@media(min-width:1600px) {
  .hero-container { padding-top: 76px; }
  .hero h1,.hero .slide-heading { font-size: 89px; }
}
@media(max-width:1199px) {
  .site-header nav { gap: 17px; }
  .site-header nav a { font-size: 10px; }
  .header-inner { height: 76px; gap: 20px; }
  .brand { font-size: 26px; }
  .header-quote { padding: 11px 14px; gap: 16px; font-size: 10px; }
  .hero-slide { min-height: 440px; gap: 5%; }
  .hero h1,.hero .slide-heading { font-size: 63px; }
  .hero-copy>p:not(.eyebrow) { font-size: 13px; }
  .process-card { padding-inline: 18px; }
  .process-card h3 { font-size: 18px; }
  .process-card p { font-size: 11px; }
  .industry-card { padding: 27px; }
  .document-layout { grid-template-columns: minmax(0,1fr) 210px; gap: 35px; }
  .document-introduction figure img { height: 260px; }
  .section { padding-block: 83px; }
}
@media(max-width:900px) {
  html { scroll-padding-top: 116px; }
  .utility-inner { min-height: 28px; font-size: 8px; }
  .header-inner { height: 72px; }
  .site-header nav { top: 99px; background: var(--ink); border-color: #ffffff29; padding-inline: 5%; max-height: calc(100dvh - 100px); }
  .site-header nav a { color: #e0e7d9; font-size: 13px; border-color: #ffffff23; }
  .nav-submenu { background: #26392a; border-radius: 2px; }
  .site-header nav .nav-submenu a { color: #c5d3ba; border-color: #ffffff1a; font-size: 10px; }
  .site-header nav .nav-submenu a:hover,.site-header nav .nav-submenu a:focus { background: #344831; color: #f6b285; }
  .menu-toggle { border-radius: 2px; border-color: #7d9075; background: transparent; }
  .menu-toggle>span { background: #e6efdc; }
  .hero-container { padding-top: 40px; }
  .hero h1,.hero .slide-heading { font-size: 49px; }
  .hero .eyebrow { font-size: 8px; letter-spacing: .06em; }
  .hero-copy>p:not(.eyebrow) { font-size: 12px; }
  .hero-actions .button { font-size: 10px; padding-inline: 14px; gap: 17px; }
  .hero-img-label { font-size: 7px; padding: 14px; }
  .hero-slide { min-height: 390px; }
  .material-strip .container { min-height: 95px; }
  .material-strip span { font-size: 11px; }
  .section { padding-block: 70px; }
  .stats-row { gap: 22px; }
  .stats-row>div+div { padding-left: 20px; }
  .stats-row strong { font-size: 38px; }
  .product-card h3 { font-size: 21px; }
  .process-grid { grid-template-columns: repeat(3,1fr); }
  .process-card { border-bottom: 1px solid var(--line); padding: 26px 22px; }
  .process-card:first-child { padding-left: 22px; }
  .process-card:nth-child(3) { border-right: 0; }
  .industry-card:nth-child(2) { border-right: 0; }
  .industry-card:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .document-layout { grid-template-columns: minmax(0,1fr) 180px; gap: 27px; }
  .footer-grid { gap: 40px; }
  .faq-section h2 { font-size: 39px; }
  .directory-card h2 { font-size: 25px; }
}
@media(max-width:620px) {
  html { scroll-padding-top: 78px; }
  .container { width: 88%; }
  .utility-bar { display: none; }
  .header-inner { height: 74px; gap: 10px; }
  .brand { font-size: 25px; gap: 7px; }
  .brand-sub { font-size: 6px; }
  .brand-mark,.brand-mark svg { width: 30px; height: 30px; }
  .header-quote { min-height: 34px; padding: 9px 11px; font-size: 9px; gap: 10px; }
  .menu-toggle { width: 32px; height: 32px; }
  .site-header nav { top: 73px; max-height: calc(100dvh - 74px); padding-inline: 6%; }
  .site-header nav a { font-size: 13px; padding-block: 14px; }
  .site-header nav .nav-submenu a { padding-block: 10px; line-height: 1.65; }
  .hero-container { padding: 35px 0 23px; }
  .hero-slide { grid-template-columns: 1fr; gap: 27px; min-height: 0; }
  .hero-copy { padding: 0; }
  .hero .eyebrow { font-size: 8px; letter-spacing: .075em; margin-bottom: 24px; }
  .hero h1,.hero .slide-heading { font-size: clamp(44px,12vw,65px); line-height: 1.04; margin-bottom: 22px; }
  .hero-copy>p:not(.eyebrow) { font-size: 12px; line-height: 1.85; }
  .hero-actions { margin: 26px 0 22px; gap: 10px; }
  .hero-actions .button { font-size: 10px; padding: 13px 16px; gap: 22px; min-height: 45px; }
  .hero-note { font-size: 8px; }
  .hero-visual { border-radius: 2px; }
  .hero-visual>img { aspect-ratio: 1.3; }
  .hero-img-label { padding: 14px 17px; font-size: 8px; }
  .hero-img-label>svg { width: 18px; height: 18px; }
  .hero-controls { width: 100%; margin-top: 20px; }
  .hero-controls button { width: 34px; height: 30px; }
  .material-strip .container { padding-block: 20px; gap: 10px 18px; }
  .material-strip span { font-size: 10px; }
  .material-strip p { font-size: 8px; }
  .material-strip a { font-size: 9px; }
  .section { padding-block: 58px; }
  h2,.section-heading h2 { font-size: 36px; line-height: 1.12; }
  .section-heading { margin-bottom: 30px; }
  .section-heading p:not(.eyebrow) { font-size: 12px; }
  .section-heading>.button { font-size: 11px; }
  .eyebrow { font-size: 9px; letter-spacing: .1em; }
  .button { font-size: 11px; min-height: 46px; padding: 14px 19px; }
  .split { gap: 32px; }
  .engineering-image>img { border-radius: 2px; }
  .engineering-image figcaption { font-size: 8px; }
  .image-badge { padding: 16px 20px; font-size: 8px; bottom: 43px; left: -8px; }
  .image-badge strong { font-size: 12px; }
  .stats-row { padding-top: 28px; margin-top: 34px; gap: 27px 16px; }
  .stats-row>div+div { padding-left: 20px; }
  .stats-row>div:nth-child(3) { padding-left: 0; }
  .stats-row strong { font-size: 39px; }
  .stats-row span { font-size: 9px; }
  .product-grid { gap: 26px 15px; }
  .product-image { border-radius: 2px; }
  .product-card { padding-bottom: 18px; }
  .product-card h3,.catalog-grid .product-card h3 { font-size: 17px; line-height: 1.2; }
  .product-type { font-size: 8px; margin: 14px 0 9px; }
  .product-link { font-size: 10px; }
  .card-arrow { width: 25px; height: 25px; font-size: 15px; }
  .family-preview h3 { font-size: 27px; }
  .family-link-grid a { font-size: 10px; }
  .process-grid { grid-template-columns: 1fr; }
  .process-card,.process-card:first-child { padding: 26px 4px; border-right: 0; gap: 0 22px; grid-template-columns: 31px 1fr; }
  .process-number { font-size: 19px; margin: 0; padding-top: 2px; }
  .process-card h3 { font-size: 22px; }
  .process-card p { font-size: 12px; }
  .process-link { bottom: 25px; right: 3px; }
  .industry-card { padding: 23px 18px; }
  .industry-card h3 { font-size: 22px; }
  .industry-card p { font-size: 11px; }
  .industry-number { margin-bottom: 31px; font-size: 10px; }
  .faq-section h2 { font-size: 38px; }
  .faq-list summary { font-size: 13px; padding-block: 22px; }
  .faq-list details>p { font-size: 12px; }
  .cta-band { padding-block: 48px; }
  .cta-band h2 { font-size: 35px; }
  .cta-band p:not(.eyebrow) { font-size: 12px; }
  .contact-email { font-size: 20px; }
  .form-help { font-size: 10px; }
  .footer-grid { gap: 35px 25px; }
  .footer-grid>div>a:not(.brand) { font-size: 10px; }
  .footer-bottom { align-items: flex-start; }
  .page-banner { padding: 23px 0 43px; }
  .breadcrumbs { font-size: 9px; margin-bottom: 32px; gap: 10px; }
  .page-banner h1 { font-size: 43px; max-width: 100%; line-height: 1.06; overflow-wrap: anywhere; }
  .page-banner .eyebrow { font-size: 8px; }
  .page-banner p:not(.eyebrow) { font-size: 12px; }
  .banner-rings { width: 220px; height: 220px; right: -120px; top: -80px; }
  .catalog-guide-callout { padding: 25px 21px; }
  .catalog-guide-callout h2 { font-size: 26px; }
  .directory-toolbar { padding-bottom: 20px; gap: 16px; }
  .directory-toolbar>p { font-size: 10px; }
  .directory-toolbar .search-label { max-width: 63%; }
  .directory-filters button { font-size: 9px; padding: 9px 11px; }
  .directory-grid { gap: 18px; }
  .directory-card-copy { padding: 26px; }
  .directory-card h2 { font-size: 28px; }
  .directory-card p { font-size: 12px; }
  .directory-label { font-size: 8px; }
  .directory-card .product-link { font-size: 11px; }
  .document-layout { grid-template-columns: 1fr; gap: 40px; }
  .document-body h2 { font-size: 29px; }
  .document-body p { font-size: 13px; }
  .document-sidebar { position: static; padding-top: 25px; }
  .document-sidebar>h2 { font-size: 23px; }
  .document-introduction figure img { height: 280px; }
  .document-introduction figcaption,.recovered-gallery figcaption { font-size: 10px; }
  .table-scroll table { font-size: 11px; }
  .technical-note ul,.technical-notes { font-size: 11px; }
  .technical-page .table-scroll th,.technical-page .table-scroll td { font-size: 10px; }
  .guide-preview-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .guide-preview-card h3 { font-size: 20px; overflow-wrap: anywhere; }
  .contact-card { padding: 29px; }
  .contact-card h2 { font-size: 32px; }
  .spec-list>div { font-size: 11px; }
  .detail-copy>p,.detail-description p { font-size: 13px; }
  .floating-contact { width: 41px; height: 41px; right: 16px; bottom: 16px; }
}
@media(max-width:360px) {
  .guide-preview-grid { grid-template-columns: 1fr; }
  .guide-preview-card,.guide-preview-card:last-child { min-height: 150px; }
  .guide-preview-card h3 { font-size: 24px; }
}

/* About closing section follows the shared split layout and typography. */
.reconstruction-brand { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; min-width: 0; min-height: 260px; padding: 44px; background: var(--paper); border: 1px solid var(--line); border-radius: 3px; }
.zaoda-brand-link { display: block; width: 100%; max-width: 360px; margin-bottom: 25px; }
.zaoda-brand-link img { display: block; width: 100%; height: auto; }
.reconstruction-company { margin: 0; font-size: 11px; }
.reconstruction-copy { min-width: 0; }
.reconstruction-copy>p:not(.eyebrow) { font-size: 13px; }
@media(max-width:900px) {
  .reconstruction-brand { min-height: 230px; padding: 30px; }
}
@media(max-width:620px) {
  .reconstruction-brand { min-height: 200px; padding: 30px 25px; }
  .zaoda-brand-link { max-width: 300px; margin-bottom: 23px; }
  .reconstruction-company { font-size: 10px; }
  .reconstruction-copy>p:not(.eyebrow) { font-size: 12px; }
}