:root {
  --porcelain:#f4f6f5;
  --paper:#fff;
  --ink:#081116;
  --muted:#5e696f;
  --blue:#004f9f;
  --blue-deep:#07345f;
  --red:#df2a2a;
  --copper:#b87345;
  --silver:#b9c2c6;
  --line:#d4dadd;
  --font:"Avenir Next","Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;
  --data:"SFMono-Regular",Menlo,Consolas,monospace;
}

html,body { max-width:100%; overflow-x:hidden; }
body { background:var(--porcelain); }
.eyebrow { font-family:var(--font); font-size:10px; font-weight:750; letter-spacing:.12em; }
.button,.site-rfq,.header-rfq { clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%); }
.button-primary,.site-rfq { background:var(--red); }
.text-link { border-bottom-width:2px; }

/* Identity and navigation */
.global-header { height:94px; background:rgba(255,255,255,.96); }
.global-header::after { content:""; position:absolute; right:0; bottom:-3px; left:0; height:3px; background:linear-gradient(90deg,var(--copper) 0 13%,#eef1ef 13% 14%,var(--blue) 14% 78%,var(--silver) 78% 100%); }
.utility-bar { height:26px; color:#718087; background:#f7f8f7; }
.site-main-row { height:68px; grid-template-columns:240px 1fr 165px; }
.site-brand { width:auto; display:inline-flex; align-items:center; gap:13px; color:var(--ink); }
.brand-word { font-size:26px; line-height:1; font-weight:800; letter-spacing:-.075em; }
.brand-detail { padding-left:13px; display:flex; flex-direction:column; gap:2px; border-left:1px solid var(--copper); line-height:1; }
.brand-detail b { color:var(--blue); font-size:12px; font-weight:700; letter-spacing:.06em; }
.brand-detail small { color:#7e898f; font-family:var(--data); font-size:6px; letter-spacing:.19em; }
.nav-trigger { font-size:13px; }
.nav-trigger::after { height:3px; }
.site-rfq { min-height:46px; }
.mega-panel { top:94px; border-top:0; isolation:isolate; }
.mega-panel::before { content:""; position:absolute; inset:0 auto 0 0; width:5px; background:linear-gradient(180deg,var(--copper) 0 24%,#fff 24% 27%,var(--blue) 27% 78%,var(--silver) 78%); }
.mega-intro-bg { position:absolute; z-index:0; inset:0 auto 0 0; width:calc((100% - var(--page))/2 + 260px); background:var(--blue-deep); pointer-events:none; }
.mega-inner { position:relative; z-index:1; padding-top:34px; grid-template-columns:260px minmax(0,1fr) 330px; }
.mega-intro { margin:-34px 0 -46px; padding:40px 34px 36px 24px; display:flex; flex-direction:column; justify-content:center; color:#fff; background:transparent; border:0; }
.mega-intro p { color:#8fc0e8; }
.mega-intro a { margin-top:auto; color:#fff; border-color:rgba(255,255,255,.55); }
.mega-feature { background:linear-gradient(145deg,#cfd7da,#f6f7f5); }

/* Home hero — one continuous material field */
.global-header + main .hero,.hero { position:relative; width:100%; min-height:max(820px,100svh); padding-top:94px; display:block; overflow:hidden; }
.hero-visual { position:absolute; inset:94px 0 0; }
.hero-visual::before { content:""; position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,rgba(244,246,245,.96) 0%,rgba(244,246,245,.88) 28%,rgba(244,246,245,.3) 48%,transparent 64%); }
.hero-visual img { object-position:center; }
.hero-copy { width:var(--page); max-width:none; min-height:calc(max(820px,100svh) - 94px); margin:0 auto; padding:10vh 0 58px; justify-content:center; }
.hero h1 { max-width:760px; font-size:clamp(70px,7.7vw,112px); line-height:1.01; letter-spacing:-.085em; }
.hero-lead { max-width:570px; margin-top:30px; color:#3f4a50; }
.hero-actions { margin-top:32px; }
.hero-tags { width:470px; margin-top:auto; border-top-color:rgba(8,17,22,.25); font-family:var(--data); }
.hero-visual figcaption { z-index:2; color:#46535a; font-family:var(--data); }
.hero::after { content:""; position:absolute; z-index:4; right:0; bottom:0; left:0; height:9px; background:linear-gradient(180deg,var(--copper) 0 2px,#f4f6f5 2px 4px,var(--silver) 4px 6px,var(--blue) 6px 9px); }

/* Decision band */
.pathways { color:#fff; background:var(--blue-deep); }
.pathways-heading { padding-top:95px; }
.pathways .eyebrow { color:#8fc0e8; }
.pathway-grid { border-top-color:rgba(255,255,255,.65); }
.pathway { min-height:190px; border-color:rgba(255,255,255,.18)!important; }
.pathway-index { display:none; }
.pathway-copy small { color:#91a7b7; font-family:var(--data); }
.pathway:hover { color:var(--ink); background:#fff; }
.pathway:hover small { color:var(--muted); }

/* Product index */
.products { padding:155px 0; grid-template-columns:minmax(330px,.72fr) minmax(0,1.58fr); gap:72px 7vw; }
.products::before { content:"材料 / 结构 / 工艺"; position:absolute; left:max(20px,calc((100vw - 1440px)/2 - 38px)); margin-top:2px; color:#97a2a7; font:7px var(--font); letter-spacing:.14em; writing-mode:vertical-rl; }
.products-intro h2 { font-size:clamp(43px,4.6vw,70px); }
.product-selector { border-top:3px solid var(--blue); }
.product-tab { position:relative; min-height:78px; grid-template-columns:1fr auto; padding-left:17px; }
.product-tab > span { display:none; }
.product-tab.is-active { color:var(--ink); background:#fff; }
.product-tab.is-active::before { content:""; position:absolute; inset:0 auto 0 0; width:4px; background:linear-gradient(180deg,var(--copper) 0 25%,var(--blue) 25% 100%); }
.product-tab small { font-family:var(--data); }
.product-stage { min-height:790px; background:#dde3e4; box-shadow:20px 20px 0 #e7eae8; }
.product-stage-image { position:relative; min-height:570px; background:radial-gradient(circle at 55% 43%,#fff 0,#edf0ef 52%,#c9d1d4 100%); }
.product-stage-image::after { content:"铜箔 35μm  /  绝缘介质  /  铝基"; position:absolute; right:22px; bottom:18px; color:#607078; font:8px var(--font); letter-spacing:.12em; }
.product-stage-copy { color:#fff; background:var(--blue-deep); border-top:4px solid var(--copper); }
.product-stage-copy > p:first-child { color:#93c2e6; font-family:var(--data); }
.product-stage-copy > p:nth-of-type(2) { color:#b9c6cc; }
.product-stage-copy a { color:#fff; border-top-color:rgba(255,255,255,.6); }

/* Photographic application and manufacturing fields */
.applications { min-height:880px; padding-top:120px; padding-bottom:70px; display:flex; flex-direction:column; color:#fff; background:linear-gradient(90deg,rgba(8,17,22,.88),rgba(8,17,22,.25)),url("public/concept-a/v2/architectural-lighting.jpg") center/cover no-repeat; }
.applications .eyebrow { color:#8fc0e8; }
.applications-head { margin-bottom:auto; }
.applications-head > p { color:#c3cbcf; }
.application-list { margin-top:120px; display:grid; grid-template-columns:repeat(4,1fr); border-top-color:rgba(255,255,255,.75); }
.application-list a { min-height:170px; padding:24px 20px; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; border-right:1px solid rgba(255,255,255,.23); border-bottom:0; }
.application-list a:first-child { border-left:1px solid rgba(255,255,255,.23); }
.application-list a:hover { padding:24px 20px; color:var(--ink); background:#fff; }
.application-list span { display:none; }
.application-list strong { font-size:25px; }
.application-list small { margin-top:8px; color:#b5c0c5; font-family:var(--data); }
.application-list b { margin-top:28px; }
.application-list a:hover small { color:var(--muted); }

.manufacturing { min-height:870px; padding-top:110px; display:flex; flex-direction:column; background:linear-gradient(90deg,rgba(8,17,22,.92) 0,rgba(8,17,22,.56) 58%,rgba(8,17,22,.18)),url("public/concept-a/v2/manufacturing-line.jpg") center/cover no-repeat; }
.manufacturing-kicker { color:#8fc0e8; font-family:var(--data); }
.manufacturing-copy p { color:#c1c9cd; }
.manufacturing-flow { margin-top:auto; border-top-color:rgba(255,255,255,.45); background:rgba(8,17,22,.82); }
.manufacturing-flow li { border-color:rgba(255,255,255,.16)!important; }

.rfq { position:relative; padding:145px 0 155px; }
.rfq::before { content:""; position:absolute; top:0; bottom:0; left:calc(50% - 50vw); width:7px; background:linear-gradient(180deg,var(--copper) 0 23%,#fff 23% 25%,var(--blue) 25% 78%,var(--silver) 78%); }
.rfq h2 { font-size:clamp(48px,5.4vw,78px); }
.global-footer { border-top:7px solid var(--blue); }
.footer-identity .site-brand { width:auto; filter:none; opacity:1; color:#fff; }
.footer-identity .brand-detail b { color:#86bce6; }

/* Shared subpage composition */
.subpage { padding-top:94px; }
.sub-hero { position:relative; min-height:720px; padding-top:55px; background:linear-gradient(135deg,#fff 0,#f1f3f2 100%); }
.sub-hero::after { content:""; position:absolute; right:0; bottom:0; left:0; height:8px; background:linear-gradient(180deg,var(--copper) 0 2px,#fff 2px 4px,var(--silver) 4px 5px,var(--blue) 5px 8px); }
.sub-hero h1 { font-size:clamp(64px,7.3vw,106px); line-height:1; }
.sub-hero-media { min-height:520px; border-left:7px solid var(--blue); background:linear-gradient(145deg,#d6dddf,#fff); }
.sub-hero-media { margin:0; }
.sub-hero-media::before { content:""; position:absolute; z-index:2; inset:0 0 auto; height:4px; background:var(--copper); }
.sub-hero-media-caption { font-family:var(--data); }
.sub-hero.is-dark { background:var(--ink); }
.sub-hero.is-dark .sub-hero-media { border-left-color:var(--copper); }
.page-strip { min-height:74px; color:#fff; background:var(--blue-deep); border:0; }
.page-strip a { color:#b8cad7; font-family:var(--data); font-size:9px; letter-spacing:.08em; }
.page-strip a:hover { color:#fff; }
.content-section { padding-top:145px; padding-bottom:145px; }
.section-lead h2 { font-size:clamp(45px,5vw,74px); }

/* Each page gets a distinct composition, not a repeated split hero */
.page-products .sub-hero { background:linear-gradient(120deg,#fff 0 56%,#e8edef 56% 100%); }
.page-products .sub-hero-media { box-shadow:18px 18px 0 rgba(0,79,159,.08); }
.page-mcpcb .detail-facts { border-top:3px solid var(--blue); }
.page-mcpcb .sub-hero-media { background:linear-gradient(145deg,#fff,#cfd8db); }

.page-applications .sub-hero { position:relative; min-height:780px; display:flex; align-items:flex-end; color:#fff; background:var(--ink); overflow:hidden; }
.page-applications .sub-hero > div { position:relative; z-index:3; width:min(760px,62%); padding-bottom:28px; }
.page-applications .sub-hero .breadcrumb { color:#bac3c7; }
.page-applications .sub-hero .eyebrow { color:#9dcaec; }
.page-applications .sub-hero h1 span { color:#8fc5ed; }
.page-applications .sub-hero-lead { color:#d5dadd; }
.page-applications .sub-hero-media { position:absolute; inset:0; min-height:0; border:0; }
.page-applications .sub-hero-media::before { height:6px; background:linear-gradient(90deg,var(--copper) 0 18%,var(--blue) 18% 72%,var(--silver) 72%); }
.page-applications .sub-hero-media::after { content:""; position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,rgba(8,17,22,.94) 0,rgba(8,17,22,.76) 39%,rgba(8,17,22,.18) 72%,rgba(8,17,22,.08)); }
.page-applications .sub-hero-media img { max-height:none; object-position:center; }
.page-applications .sub-hero-media-caption { z-index:2; color:#d2d8da; }

.page-capabilities .sub-hero { background:#060d11; }
.page-capabilities .sub-hero-media { box-shadow:18px 18px 0 rgba(184,115,69,.12); }

.page-about .sub-hero { color:#fff; background:var(--blue-deep); grid-template-columns:1.12fr .88fr; }
.page-about .sub-hero .breadcrumb,.page-about .sub-hero-lead { color:#c3d0d8; }
.page-about .sub-hero .eyebrow { color:#8fc5ed; }
.page-about .sub-hero h1 span { color:#9cd0f3; }
.page-about .sub-hero h1 { font-size:clamp(58px,6.2vw,88px); }
.page-about .sub-hero h1 span { white-space:nowrap; }
.page-about .sub-hero-media { border-left-color:var(--copper); box-shadow:18px 18px 0 rgba(8,17,22,.18); }
.page-about .sub-hero::after { background:linear-gradient(180deg,var(--copper) 0 3px,#fff 3px 4px,#86bce6 4px 8px); }

.page-rfq .global-footer { border-top-color:var(--copper); }

/* Products — less card grid, more gallery */
.filter-bar { margin-bottom:28px; }
.filter-button { border:0; border-bottom:2px solid var(--line); font-family:var(--data); }
.filter-button:hover,.filter-button.is-active { color:var(--blue); background:transparent; border-color:var(--blue); }
.product-grid { gap:20px; border:0; }
.product-card { min-height:620px; padding:0; border:0!important; overflow:hidden; background:#e6ebec; }
.product-card:nth-child(4n+2) { color:#fff; background:var(--blue-deep); }
.product-card-media { min-height:440px; background:radial-gradient(circle,#fff 0,#e6ebec 67%,#cdd5d7 100%); }
.product-card:nth-child(4n+2) .product-card-media { background:radial-gradient(circle at center,#1b629f,#07345f 70%); }
.product-card-media img { height:405px; filter:drop-shadow(0 22px 22px rgba(8,17,22,.12)); }
.product-card-copy { padding:26px 30px 32px; }
.product-card-copy p { font-family:var(--data); }
.product-card:nth-child(4n+2) .product-card-copy p,.product-card:nth-child(4n+2) .product-card-copy small { color:#b9d0df; }

.comparison { border-top:4px solid var(--blue); }
.comparison tbody tr:hover { background:#edf3f7; }
.spec-nav { border-top:4px solid var(--blue); }
.spec-content h2 { font-size:clamp(38px,4.2vw,62px); }
.feature-list { border-top:4px solid var(--blue); }
.feature-list li { background:#fff; }

/* Applications pages */
.application-cases { border-top:4px solid var(--blue); }
.application-case { min-height:470px; }
.application-case:nth-child(even) { margin-right:0; margin-left:0; padding-right:0; padding-left:0; color:#fff; background:var(--blue-deep); box-shadow:0 0 0 100vmax var(--blue-deep); clip-path:inset(0 -100vmax); }
.application-case:nth-child(even) .application-case-copy p,.application-case:nth-child(even) .requirement-list li { color:#c3d0d8; }
.application-case:nth-child(even) .requirement-list li { border-color:rgba(255,255,255,.2); }

/* Capability pages */
.process-line { border-top:4px solid var(--copper); }
.capability-grid { gap:1px; border:0; background:var(--line); }
.capability-item { min-height:320px; border:0!important; background:#fff; }
.capability-item:nth-child(2),.capability-item:nth-child(5) { background:#e7ecee; }
.capability-item h3 { margin-top:72px; }
.principle-grid { border-top:4px solid var(--blue); }

/* RFQ — technical dossier rather than generic form */
.rfq-page { padding-top:150px; background:linear-gradient(90deg,var(--blue-deep) 0 34%,var(--porcelain) 34% 100%); }
.rfq-aside { margin-left:-32px; padding:42px 32px 46px; color:#fff; }
.rfq-aside h1 { max-width:none; font-size:clamp(48px,4.4vw,66px); white-space:nowrap; }
.rfq-aside .breadcrumb,.rfq-aside .eyebrow,.rfq-aside > p,.rfq-checklist li { color:#bad0dd; }
.rfq-checklist { border-top:3px solid var(--copper); }
.rfq-checklist li { border-color:rgba(255,255,255,.2); }
.rfq-checklist span { color:#fff; }
.rfq-form { padding:54px; border-top:0; box-shadow:0 28px 70px rgba(8,17,22,.12); }
.form-section legend { border-bottom:3px solid var(--blue); }
.field input,.field select,.field textarea { background:#f5f7f6; border-color:#cbd3d6; }
.choice label { background:#f8f9f8; }

@media (max-width: 900px) {
  .mega-intro { margin:0; padding:0; color:var(--ink); background:transparent; }
  .mega-intro-bg { display:none; }
  .mega-intro a { color:var(--blue); }
  .application-list { grid-template-columns:1fr 1fr; }
  .product-stage { min-height:680px; }
  .rfq-page { background:var(--porcelain); }
  .rfq-aside { margin:0; padding:42px; color:#fff; background:var(--blue-deep); }
}

@media (min-width: 961px) and (max-width: 1180px) {
  :root { --page:calc(100vw - 48px); }
  .site-main-row { grid-template-columns:210px 1fr 150px; }
  .nav-menu { gap:22px; }
  .nav-trigger { font-size:12px; }
  .site-rfq { min-width:130px; }
  .mega-inner { grid-template-columns:225px minmax(0,1fr) 245px; gap:32px; }
  .mega-intro-bg { width:calc((100% - var(--page))/2 + 225px); }
  .mega-intro { padding-left:20px; }
  .mega-feature { min-height:245px; }
  .mega-feature img { height:140px; }
  .sub-hero { padding-right:24px; padding-left:24px; gap:4vw; grid-template-columns:minmax(390px,1fr) minmax(390px,1fr); }
  .sub-hero h1 { font-size:clamp(60px,7vw,82px); }
  .products { gap:58px 5vw; }
}

@media (max-width: 960px) {
  .global-header { height:68px; }
  .global-header::after { bottom:-2px; height:2px; }
  .global-header + main .hero,.hero { min-height:790px; padding-top:68px; }
  .hero-visual { inset:68px 0 0; }
  .hero-visual::before { background:linear-gradient(180deg,rgba(244,246,245,.98) 0,rgba(244,246,245,.9) 48%,rgba(244,246,245,.2) 72%,transparent 100%); }
  .hero-copy { min-height:722px; padding-top:72px; }
  .hero h1 { font-size:clamp(52px,13vw,78px); }
  .hero-lead { max-width:90%; }
  .hero-tags { width:100%; }
  .mega-panel::before { display:none; }
  .mega-intro { display:block; }
  .products::before { display:none; }
  .applications { min-height:1020px; }
  .application-list { margin-top:90px; }
  .manufacturing { min-height:960px; }
  .subpage { padding-top:68px; }
  .sub-hero { min-height:0; }
  .page-products .sub-hero { background:linear-gradient(180deg,#fff 0 58%,#e8edef 58% 100%); }
  .page-applications .sub-hero { min-height:calc(100svh - 68px); padding:42px 32px 54px; display:flex; }
  .page-applications .sub-hero > div { width:min(680px,86%); padding:0; }
  .page-applications .sub-hero-media { position:absolute; min-height:0; }
  .page-applications .sub-hero-media::after { background:linear-gradient(90deg,rgba(8,17,22,.9),rgba(8,17,22,.42)); }
  .page-about .sub-hero { background:var(--blue-deep); }
  .products { grid-template-columns:minmax(0,1fr); grid-template-areas:"intro" "selector" "stage"; }
}

@media (max-width: 600px) {
  .brand-word { font-size:22px; }
  .brand-detail b { font-size:10px; }
  .hero-copy { width:calc(100vw - 32px); }
  .hero-copy { background:linear-gradient(180deg,rgba(244,246,245,.97) 0 54%,rgba(244,246,245,.72) 65%,transparent 78%); }
  .hero h1 { letter-spacing:-.075em; }
  .hero-lead { max-width:100%; }
  .hero-visual img { object-position:56% center; }
  .pathways-heading { padding-top:75px; }
  .products { width:calc(100% - 32px); padding:82px 0 90px; gap:30px; }
  .products-intro h2 { font-size:38px; line-height:1.08; }
  .products-intro > p:last-child { margin-top:22px; font-size:14px; line-height:1.72; }
  .product-selector { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; border-top:4px solid var(--blue); background:var(--line); }
  .product-tab { min-width:0; min-height:96px; padding:17px 15px; display:grid; grid-template-columns:1fr auto; grid-template-rows:1fr auto; align-items:start; gap:12px 8px; background:#fff; border:0; }
  .product-tab strong { align-self:end; font-size:15px; line-height:1.25; }
  .product-tab small { align-self:end; font-size:7px; }
  .product-tab.is-active { color:#fff; background:var(--blue-deep); }
  .product-tab.is-active::before { inset:0 auto 0 0; width:4px; background:linear-gradient(180deg,var(--copper) 0 25%,#fff 25% 27%,var(--blue) 27% 100%); }
  .product-tab.is-active strong { font-size:17px; }
  .product-tab.is-active small { color:#a9c4d7; }
  .product-stage { min-height:0; grid-template-rows:auto auto; box-shadow:8px 8px 0 #e2e7e5; }
  .product-stage-image { min-height:280px; height:280px; padding:22px 18px 26px; border-top:4px solid var(--copper); border-left:5px solid var(--blue); background:radial-gradient(circle at 50% 44%,#fff 0,#edf1f1 63%,#d7dfe1 100%); }
  .product-stage-image img { width:100%; height:228px; max-height:228px; object-fit:contain; filter:drop-shadow(0 15px 16px rgba(8,17,22,.13)); }
  .product-stage-image::after { content:"结构实物 / 点击上方切换"; right:12px; bottom:10px; font-size:6px; }
  .product-stage-copy { padding:25px 20px 29px; grid-template-columns:1fr; gap:10px; }
  .product-stage-copy > p:nth-of-type(2),.product-stage-copy a { grid-column:1; }
  .product-stage-copy h3 { font-size:27px; }
  .product-stage-copy > p:nth-of-type(2) { margin:4px 0 8px; font-size:13px; line-height:1.7; }
  .product-stage-copy a { margin-top:6px; }
  .application-list { grid-template-columns:1fr; }
  .application-list a { min-height:115px; border-right:0; border-left:0!important; border-bottom:1px solid rgba(255,255,255,.24); }
  .applications { min-height:1180px; background-position:65% center; }
  .manufacturing { min-height:1050px; background-position:63% center; }
  .sub-hero { padding-top:48px; }
  .sub-hero h1 { font-size:51px; }
  .sub-hero-media { min-height:360px; }
  .product-card { min-height:510px; }
  .product-card-media { min-height:350px; }
  .product-card-media img { height:320px; }
  .application-case:nth-child(even) { padding-right:16px; padding-left:16px; }
  .page-applications .sub-hero { min-height:760px; padding:36px 16px 48px; }
  .page-applications .sub-hero > div { width:100%; }
  .page-applications .sub-hero h1 { font-size:48px; }
  .page-applications .sub-hero-lead { font-size:14px; }
  .page-applications .sub-hero-media img { object-position:62% center; }
  .page-applications .sub-hero-media::after { background:linear-gradient(180deg,rgba(8,17,22,.22),rgba(8,17,22,.4) 38%,rgba(8,17,22,.94) 100%); }
  .page-about .sub-hero { padding-bottom:0; }
  .page-about .sub-hero { grid-template-columns:1fr; }
  .page-about .sub-hero h1 { font-size:48px; }
  .page-about .sub-hero h1 span { white-space:normal; }
  .page-about .sub-hero-media { width:calc(100% + 32px); margin-left:-16px; border-left:0; border-top:5px solid var(--copper); box-shadow:none; }
  .rfq-page { padding-top:110px; }
  .rfq-aside { padding:30px 22px; }
  .rfq-aside h1 { font-size:48px; }
  .rfq-form { padding:30px 18px; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}

/* Complete legacy catalog */
.catalog-lead { margin-bottom:44px; }
.catalog-summary { margin-bottom:54px; display:grid; grid-template-columns:repeat(5,1fr); border-top:4px solid var(--blue); border-bottom:1px solid var(--line); background:#fff; }
.catalog-summary > div { min-height:126px; padding:24px; display:flex; flex-direction:column; justify-content:space-between; border-right:1px solid var(--line); }
.catalog-summary > div:last-child { border-right:0; }
.catalog-summary strong { font:600 42px/1 var(--data); letter-spacing:-.06em; }
.catalog-summary span { color:var(--muted); font-size:12px; }
.catalog-filter { display:flex; gap:18px; }
.catalog-filter .filter-button { min-height:48px; padding:0 5px; white-space:nowrap; }
.catalog-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:var(--line); }
.catalog-grid .catalog-card { min-height:470px; background:#fff; }
.catalog-grid .catalog-card:nth-child(4n+2) { color:var(--ink); background:#fff; }
.catalog-grid .product-card-media,.catalog-grid .catalog-card:nth-child(4n+2) .product-card-media { min-height:300px; background:radial-gradient(circle at 50% 44%,#fff 0,#eef1f1 62%,#d9dfe0 100%); }
.catalog-grid .product-card-media img { width:88%; height:276px; object-fit:contain; }
.catalog-grid .product-card-copy { position:relative; min-height:170px; padding:23px 24px 26px; }
.catalog-grid .product-card-copy h2 { max-width:88%; font-size:24px; }
.catalog-grid .product-card-copy small { padding-right:34px; }
.catalog-grid .product-card-copy b { position:absolute; right:24px; bottom:27px; color:#8b969b; font:8px var(--data); letter-spacing:.08em; }
.catalog-grid .catalog-card:nth-child(4n+2) .product-card-copy p,.catalog-grid .catalog-card:nth-child(4n+2) .product-card-copy small { color:inherit; }

/* Product archive detail */
.catalog-detail-hero { min-height:720px; padding:62px max(32px,calc((100vw - 1440px)/2)) 74px; display:grid; grid-template-columns:minmax(0,.9fr) minmax(440px,1fr); gap:7vw; align-items:center; background:#fff; }
.catalog-detail-copy h1 { max-width:760px; margin:0; font-size:clamp(54px,6vw,88px); line-height:1.04; letter-spacing:-.07em; }
.catalog-detail-lead { max-width:620px; margin:28px 0 0; color:var(--muted); font-size:16px; line-height:1.85; }
.catalog-detail-actions { margin-top:34px; display:flex; flex-wrap:wrap; gap:18px 28px; align-items:center; }
.catalog-detail-facts { margin:54px 0 0; display:grid; grid-template-columns:repeat(3,1fr); border-top:3px solid var(--blue); }
.catalog-detail-facts > div { min-height:100px; padding:19px 14px 12px 0; border-right:1px solid var(--line); }
.catalog-detail-facts > div + div { padding-left:18px; }
.catalog-detail-facts dt { color:var(--muted); font-size:9px; letter-spacing:.12em; }
.catalog-detail-facts dd { margin:18px 0 0; font-size:14px; font-weight:650; }
.catalog-detail-media { position:relative; min-height:560px; margin:0; display:grid; place-items:center; overflow:hidden; border-left:7px solid var(--blue); background:radial-gradient(circle,#fff 0,#edf0ef 66%,#d4dcde 100%); }
.catalog-detail-media::before { content:""; position:absolute; inset:0 0 auto; height:4px; background:var(--copper); }
.catalog-detail-media img { width:88%; height:500px; object-fit:contain; filter:drop-shadow(0 26px 24px rgba(8,17,22,.14)); }
.catalog-detail-media figcaption { position:absolute; right:22px; bottom:18px; left:22px; display:flex; justify-content:space-between; color:#5c686d; font-size:8px; letter-spacing:.1em; }
.catalog-scope-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:4px solid var(--blue); }
.catalog-scope-grid article { min-height:280px; padding:27px; border-right:1px solid var(--line); background:#f5f7f6; }
.catalog-scope-grid article:last-child { border-right:0; }
.catalog-scope-grid span { color:var(--blue); font:11px var(--data); }
.catalog-scope-grid h3 { margin:70px 0 18px; font-size:25px; }
.catalog-scope-grid p { color:var(--muted); font-size:14px; line-height:1.8; }
.catalog-related { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); }
.catalog-related a { min-height:380px; padding:24px; display:grid; grid-template-columns:1fr auto; align-items:end; gap:16px; background:#f1f4f3; }
.catalog-related img { grid-column:1/3; width:100%; height:265px; object-fit:contain; }
.catalog-related span { font-size:18px; font-weight:650; }
.catalog-related b { color:var(--blue); font-size:11px; }

/* Application cases use real context imagery */
.application-case { grid-template-columns:190px minmax(200px,.75fr) 1fr 1fr; gap:3.5vw; align-items:start; }
.application-case-media { min-height:250px; margin:0; overflow:hidden; background:#dfe5e6; }
.application-case-media img { width:100%; height:250px; object-fit:cover; }
.application-case-media.is-product { display:grid; place-items:center; background:radial-gradient(circle,#fff,#dfe5e6); }
.application-case-media.is-product img { width:88%; height:230px; object-fit:contain; }

/* Restored company and manufacturing facts */
.company-facts { margin-top:72px; display:grid; grid-template-columns:repeat(4,1fr); border-top:4px solid var(--copper); border-bottom:1px solid var(--line); }
.company-facts > div { min-height:150px; padding:27px 22px; display:flex; flex-direction:column; justify-content:space-between; border-right:1px solid var(--line); }
.company-facts > div:last-child { border-right:0; }
.company-facts strong { font:600 clamp(30px,3.1vw,48px)/1 var(--data); letter-spacing:-.06em; }
.company-facts span { color:var(--muted); font-size:12px; }
.company-profile { margin-top:82px; display:grid; grid-template-columns:1fr 1fr; gap:8vw; }
.company-profile h2 { margin:0; font-size:clamp(36px,4.3vw,62px); line-height:1.08; letter-spacing:-.055em; }
.company-profile p { margin:0 0 24px; color:var(--muted); font-size:15px; line-height:1.9; }
.company-qualifications { color:#fff; background:var(--blue-deep); }
.company-qualifications .section-lead > p { color:#c0ced6; }
.qualification-list { display:flex; flex-wrap:wrap; gap:1px; background:rgba(255,255,255,.18); }
.qualification-list span { min-height:78px; padding:0 27px; display:flex; align-items:center; flex:1 1 180px; background:rgba(7,52,95,.96); border-bottom:2px solid var(--copper); font-weight:650; }
.equipment-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); }
.equipment-grid article { min-height:270px; padding:28px; background:#fff; }
.equipment-grid span { color:var(--blue); font:9px var(--data); letter-spacing:.12em; }
.equipment-grid h3 { margin:70px 0 18px; font-size:25px; }
.equipment-grid p { color:var(--muted); font-size:14px; line-height:1.75; }

/* Shared desktop image interaction for product and capability subpages. */
@media (hover:hover) and (pointer:fine) {
  .catalog-card .product-card-media,
  .catalog-related a,
  .application-case-media,
  .facility-gallery figure,
  .process-gallery figure,
  .process-card,
  .sub-hero-media {
    overflow:hidden;
  }
  .catalog-card .product-card-media img,
  .catalog-related a img,
  .application-case-media img,
  .facility-gallery figure img,
  .process-gallery figure img,
  .process-card img,
  .sub-hero-media img {
    transition:transform .7s cubic-bezier(.22,1,.36,1),filter .4s ease;
    will-change:transform;
  }
  .catalog-card:hover .product-card-media img,
  .catalog-related a:hover img,
  .application-case:hover .application-case-media img,
  .facility-gallery figure:hover img,
  .process-gallery figure:hover img,
  .process-card:hover img,
  .sub-hero-media:hover img {
    transform:scale(1.08);
    filter:saturate(1.06) contrast(1.025);
  }
}

@media (max-width: 1100px) {
  .catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .application-case { grid-template-columns:170px minmax(220px,1fr) 1fr; }
  .application-case .requirement-list { grid-column:2/4; }
}

@media (max-width: 960px) {
  .catalog-detail-hero { grid-template-columns:1fr; }
  .catalog-detail-media { min-height:460px; }
  .application-case { grid-template-columns:150px 1fr; }
  .application-case-media { grid-column:2; }
  .application-case-copy,.application-case .requirement-list { grid-column:2; }
  .company-facts { grid-template-columns:1fr 1fr; }
  .company-profile { grid-template-columns:1fr; gap:38px; }
  .equipment-grid { grid-template-columns:1fr 1fr; }
}

/* Mobile is a separate reading composition, not a compressed desktop layout */
@media (max-width: 600px) {
  .global-header + main .hero,.hero { min-height:0; padding-top:68px; display:flex; flex-direction:column; background:var(--porcelain); }
  .hero-copy { order:1; width:100%; min-height:0; margin:0; padding:52px 16px 38px; background:none; }
  .hero h1 { font-size:50px; line-height:1.04; }
  .hero-lead { margin-top:23px; font-size:14px; line-height:1.72; }
  .hero-actions { margin-top:27px; }
  .hero-tags { display:none; }
  .hero-visual { position:relative; inset:auto; order:2; width:calc(100% - 32px); height:260px; min-height:260px; margin:0 16px 24px; border-top:4px solid var(--copper); border-left:5px solid var(--blue); }
  .hero-visual::before { background:linear-gradient(180deg,transparent 55%,rgba(244,246,245,.35)); }
  .hero-visual img { object-position:58% center; }
  .hero-visual figcaption { right:12px; bottom:12px; left:12px; color:#17242b; text-shadow:0 1px 4px rgba(255,255,255,.9); }

  .sub-hero { padding:40px 16px 34px; gap:30px; }
  .breadcrumb { margin-bottom:30px; }
  .sub-hero .eyebrow { margin-bottom:18px; }
  .sub-hero h1 { font-size:45px; line-height:1.04; }
  .sub-hero-lead { margin-top:23px; font-size:14px; line-height:1.72; }
  .sub-hero-media { min-height:240px; box-shadow:none!important; border-left:0; border-top:4px solid var(--copper); }
  .sub-hero-media img { max-height:240px; }
  .sub-hero-media-caption { right:14px; bottom:12px; left:14px; }
  .page-strip { min-height:60px; overflow-x:auto; justify-content:flex-start; gap:24px; }
  .page-strip a { flex:0 0 auto; }
  .content-section { padding-top:78px; padding-bottom:78px; }
  .section-lead { margin-bottom:42px; }
  .section-lead h2 { font-size:34px; line-height:1.08; }

  .page-products .sub-hero { background:linear-gradient(180deg,#fff 0 62%,#e8edef 62% 100%); }
  .page-products .sub-hero-media { min-height:230px; }
  .page-products .sub-hero-media img { max-height:220px; }
  .catalog-summary { margin-bottom:34px; grid-template-columns:1fr 1fr; }
  .catalog-summary > div { min-height:98px; padding:17px; }
  .catalog-summary > div:nth-child(2n) { border-right:0; }
  .catalog-summary > div:last-child { grid-column:1/3; min-height:82px; }
  .catalog-summary strong { font-size:32px; }
  .catalog-filter { margin:0 -16px 24px; padding:0 16px; gap:18px; overflow-x:auto; }
  .catalog-filter .filter-button { flex:0 0 auto; }
  .catalog-grid { grid-template-columns:1fr; }
  .catalog-grid .catalog-card { min-height:0; }
  .catalog-grid .product-card-media,.catalog-grid .catalog-card:nth-child(4n+2) .product-card-media { min-height:220px; }
  .catalog-grid .product-card-media img { height:202px; }
  .catalog-grid .product-card-copy { min-height:145px; padding:20px 19px 22px; }
  .catalog-grid .product-card-copy h2 { font-size:22px; }
  .catalog-grid .product-card-copy small { font-size:12px; line-height:1.55; }
  .catalog-grid .product-card-copy b { right:19px; bottom:22px; }

  .page-applications .sub-hero { min-height:0; padding:40px 16px 0; display:flex; flex-direction:column; align-items:stretch; color:var(--ink); background:#fff; }
  .page-applications .sub-hero > div { position:relative; order:1; width:100%; padding:0 0 30px; }
  .page-applications .sub-hero .breadcrumb,.page-applications .sub-hero-lead { color:var(--muted); }
  .page-applications .sub-hero .eyebrow { color:var(--blue); }
  .page-applications .sub-hero h1 span { color:var(--blue); }
  .page-applications .sub-hero-media { position:relative; inset:auto; order:2; width:calc(100% + 32px); height:270px; min-height:270px; margin-left:-16px; border-top:4px solid var(--copper); }
  .page-applications .sub-hero-media::after { background:linear-gradient(180deg,transparent 45%,rgba(8,17,22,.7)); }
  .page-applications .sub-hero-media img { object-position:center 45%; }
  .page-applications .sub-hero-media-caption { color:#fff; }
  .application-case,.application-case:nth-child(even) { min-height:0; padding:38px 0; grid-template-columns:1fr; gap:24px; box-shadow:none; clip-path:none; }
  .application-case:nth-child(even) { margin-right:-16px; margin-left:-16px; padding-right:16px; padding-left:16px; }
  .application-case-media,.application-case-copy,.application-case .requirement-list { grid-column:1; }
  .application-case-media { order:2; width:100%; min-height:220px; }
  .application-case-media img { height:220px; }
  .application-case-media.is-product img { height:205px; }
  .application-case-copy { order:3; }
  .application-case .requirement-list { order:4; }

  .catalog-detail-hero { min-height:0; padding:40px 16px 36px; grid-template-columns:1fr; gap:34px; }
  .catalog-detail-copy h1 { font-size:43px; }
  .catalog-detail-lead { margin-top:21px; font-size:14px; }
  .catalog-detail-facts { margin-top:38px; grid-template-columns:1fr; }
  .catalog-detail-facts > div,.catalog-detail-facts > div + div { min-height:70px; padding:14px 0; border-right:0; border-bottom:1px solid var(--line); }
  .catalog-detail-facts dd { margin-top:8px; }
  .catalog-detail-media { min-height:300px; border-left:0; border-top:4px solid var(--copper); }
  .catalog-detail-media img { height:270px; }
  .catalog-scope-grid,.catalog-related { grid-template-columns:1fr; }
  .catalog-scope-grid article { min-height:220px; border-right:0; border-bottom:1px solid var(--line); }
  .catalog-scope-grid h3 { margin-top:44px; }
  .catalog-related a { min-height:320px; }
  .catalog-related img { height:220px; }

  .capability-item { min-height:245px; }
  .capability-item h3 { margin-top:48px; }
  .company-facts { margin-top:48px; grid-template-columns:1fr 1fr; }
  .company-facts > div { min-height:112px; padding:18px 15px; }
  .company-facts > div:nth-child(2n) { border-right:0; }
  .company-facts strong { font-size:28px; }
  .company-profile { margin-top:58px; }
  .company-profile h2 { font-size:34px; }
  .qualification-list span { min-height:64px; padding:0 18px; flex-basis:145px; font-size:13px; }
  .equipment-grid { grid-template-columns:1fr; }
  .equipment-grid article { min-height:220px; }
  .equipment-grid h3 { margin-top:48px; }
  .contact-list strong { overflow-wrap:anywhere; }
  .page-cta { padding-top:68px; padding-bottom:68px; }
  .page-cta h2 { font-size:35px; }
}