/* About: warm paper, aligned photography and a restrained editorial rhythm. */
body:has(#main.about-brand){--ab-paper:#f7f6f0;--ab-ink:#26312e;--ab-muted:#606962;--ab-line:#d9ddd4;background:var(--ab-paper);color:var(--ab-ink)}
body:has(#main.about-brand) .ag-header{background:var(--ab-paper)}
#main.about-brand{background:var(--ab-paper);color:var(--ab-ink)}
.about-brand .ed-wrap{width:calc(100% - 80px);max-width:1200px;margin-inline:auto}
.about-brand .ab-section,.about-brand .ph-section{padding-block:84px;scroll-margin-top:92px;background:transparent}
.about-brand .ab-tone,.about-brand .ph-tone{background:transparent}
.about-brand h2,.about-brand .ab-section h2{font-size:clamp(30px,3.35vw,48px);line-height:1.23;font-weight:600;letter-spacing:-.035em;max-width:1000px;margin:0 0 34px;text-wrap:balance}
.about-brand p{font-size:17px;line-height:1.85;color:var(--ab-muted);max-width:66ch;margin:0 0 20px}
.about-brand h3{font-size:20px;line-height:1.4;font-weight:550;margin:0 0 12px;letter-spacing:-.02em}
.about-brand a:focus-visible{outline:2px solid #496452;outline-offset:6px}
.about-brand a[data-photo-open]{display:block;overflow:hidden}
.about-brand a[data-photo-open] img{transition:filter .2s ease}
.about-brand a[data-photo-open]:hover img{filter:brightness(.96)}

/* Spacious split introduction followed by a full-width workshop photograph. */
.about-brand .ab-hero{background:var(--ab-paper);color:var(--ab-ink)}
.about-brand .ab-hero-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center;padding-block:clamp(72px,8.5vw,120px)}
.about-brand .ab-hero h1{font-size:clamp(40px,4.7vw,64px);font-weight:650;line-height:1.18;letter-spacing:-.045em;max-width:none;color:var(--ab-ink);margin:0;text-wrap:balance}
.ab-hero h1>span{display:block}
.ab-hero-title-lead{font-family:Georgia,'Noto Serif SC','Songti SC',SimSun,serif;font-weight:400;letter-spacing:-.035em;margin-bottom:4px}
.about-brand .ab-hero-copy{min-width:0}
.about-brand .ab-hero p{font-size:17px;color:var(--ab-muted);line-height:1.9;margin:0 0 18px;max-width:45ch;font-weight:400}
.ab-hero a{display:inline-flex;align-items:center;gap:28px;padding:10px 0;border-bottom:1px solid var(--ab-line);text-decoration:none;color:var(--ab-ink);font-size:12px;letter-spacing:.045em}
.ab-hero a:hover{border-color:var(--ab-ink)}
.about-brand .ab-hero-image{display:block;width:100%;height:auto;max-height:none;aspect-ratio:48/11;object-fit:contain}
@media(max-width:1000px){.about-brand .ab-hero-intro{gap:40px}.about-brand .ab-hero p{font-size:15px}}

/* Existing document marks remain a compact, quiet strip. */
.about-brand .ab-credentials{padding-block:44px 54px;border-bottom: 0;}
.ab-credentials-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px}
.about-brand .ab-credentials-head h2{font-size:22px;margin:0}
.ab-credentials a{text-decoration:none;color:inherit}
.ab-credentials-head>a{font-size:13px;white-space:nowrap}
.about-brand .ab-credential-list{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:24px;margin:28px 0 20px}
.ab-credential-list.has-navigation{scrollbar-width:none}
.ab-credential-list.has-navigation::-webkit-scrollbar{display:none}
.ab-standards-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin:-2px 0 20px}
.ab-standards-controls[hidden]{display:none}
.ab-standards-controls button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#e9ece4;color:var(--ab-ink);font:inherit;font-size:20px;cursor:pointer;transition:background .2s,color .2s}
.ab-standards-controls button:hover:not(:disabled){background:var(--ab-ink);color:var(--ab-paper)}
.ab-standards-controls button:disabled{opacity:.3;cursor:default}
.ab-standards-controls button:focus-visible{outline:2px solid var(--ab-ink);outline-offset:3px}
.ab-standards-progress{display:flex;align-items:center;gap:6px}
.ab-standards-progress span{width:5px;height:5px;border-radius:8px;background:#cbd1c6;transition:width .2s,background .2s}
.ab-standards-progress .is-active{width:17px;background:var(--ab-ink)}
.about-brand .ab-metal-badge{display:block;aspect-ratio:1;background-image:url('assets/standards-metal-badges-v2.png');background-size:300% 300%;background-position:var(--badge-x) var(--badge-y);background-repeat:no-repeat}
.about-brand .ab-standards-copy{text-align:center}
.about-brand .ab-standards-copy p{font-size:12px;max-width:none;margin:0;line-height:1.8}
.about-brand .ab-standards-copy p:first-child{font-size:16px;color:var(--ab-ink);margin-bottom:4px}

/* Brand and people. */
.ab-brand{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:start}
.about-brand .ab-brand-media{margin:0}
.about-brand .ab-brand-media img{width:100%;height:auto;object-fit:contain}
.about-brand .ab-brand p{font-size:17px;line-height:1.9}
.about-brand .ab-brand>div>p:last-child{margin-bottom:0}
.ab-factory-copy{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.about-brand .ab-factory-copy p{margin:0}
.ab-metrics{display:grid;grid-template-columns:repeat(var(--metric-count),minmax(0,1fr));gap:28px;max-width:960px;margin:40px auto 0;padding:12px 0;font-family:Geist,'Helvetica Neue',Arial,'Microsoft YaHei',sans-serif}
.ab-metrics>div{display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0;text-align:center}
.ab-metrics dd{display:flex;align-items:flex-start;justify-content:center;gap:4px;margin:0;font-size:clamp(48px,5.4vw,68px);font-weight:700;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.025em;line-height:1.05;color:var(--ab-ink)}
.ab-metric-suffix{padding-top:5px;font-size:.44em;font-weight:500;letter-spacing:0}
.ab-metrics dt{order:1;margin:0;font-size:14px;line-height:1.5;font-weight:500;letter-spacing:.025em;color:var(--ab-muted)}
.about-brand figure.ab-factory-visual{width:100%;max-width:none;margin:42px 0 0}
.about-brand .ab-factory-visual img{width:100%;height:auto;max-height:none;object-fit:contain}
.about-brand #factory-introduction{padding-bottom:52px}
.about-brand #factory-team{padding-top:0;padding-bottom:84px}
.about-brand #factory-team h2{font-size:26px;margin-bottom:24px}
.about-brand figure.ab-factory-group{width:100%;max-width:none;margin:0}
.about-brand .ab-factory-group img{width:100%;height:auto;max-height:none;object-fit:contain}

/* All documents share one desktop row; phones retain the scrollable gallery. */
.about-brand #certificates{padding-block:56px 76px}
.ab-cert-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}
.about-brand #certificates h2{margin:0}
.about-brand .ab-cert-intro{max-width:760px;margin:0 0 32px;font-size:16px;line-height:1.85}
.about-brand .ab-cert-grid{display:grid;grid-template-columns:repeat(var(--cert-portrait-count,4),minmax(0,1fr)) minmax(0,1.733333fr);gap:clamp(12px,1.5vw,20px);margin:0;max-width:none;overflow:visible;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--ab-line) transparent;padding:8px 6px 16px;overscroll-behavior-x:contain}
.ab-cert-grid:focus-visible{outline:2px solid var(--ab-ink);outline-offset:6px}
.about-brand .ab-cert-grid.has-navigation{scrollbar-width:none}
.ab-cert-grid.has-navigation::-webkit-scrollbar{display:none}
.about-brand a.ab-cert-photo{display:block;min-width:0;padding:0;background:transparent;border:0;box-shadow:none;overflow:visible;text-decoration:none;color:var(--ab-ink)}
.about-brand .ab-cert-grid>.ab-cert-photo{flex:0 0 calc((100% - 56px)/3);scroll-snap-align:start}
.about-brand .ab-cert-grid>.ab-cert-landscape{flex-basis:calc((100% - 56px)*26/45)}
.ab-cert-preview{display:block;position:relative;aspect-ratio:3/4}
.ab-cert-landscape .ab-cert-preview{aspect-ratio:13/10}
.about-brand .ab-cert-photo img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;object-position:50% 50%;filter:drop-shadow(0 3px 8px #25392c12)}
.about-brand .ab-cert-photo:hover img{filter:drop-shadow(0 4px 12px #25392c20)}
.ab-cert-label{display:block;margin-top:16px;padding-top:8px;border-top:0;font-size:clamp(11px,1.1vw,14px);line-height:1.5;font-weight:500;letter-spacing:.025em}
.ab-cert-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}
.ab-cert-controls[hidden]{display:none}
.ab-cert-counter{font-size:12px;color:var(--ab-muted);font-variant-numeric:tabular-nums;white-space:nowrap;margin-right:8px}
.ab-cert-controls button{display:grid;place-items:center;width:40px;height:40px;padding:0;background:transparent;border:1px solid var(--ab-line);border-radius:0;color:var(--ab-ink);font:inherit;font-size:21px;cursor:pointer}
.ab-cert-controls button:hover{background:#e9ede6;border-color:var(--ab-muted)}
.ab-cert-controls button:focus-visible{outline:2px solid var(--ab-ink);outline-offset:3px}

/* User-supplied export reach, supported by the existing geographic artwork. */
.about-brand #global-markets{padding-block:60px 76px}
#global-markets>.ed-wrap{border-top:0;padding-top:0}
.about-brand #global-markets h2{margin-bottom:22px;max-width:none}
.ab-global-reach{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.55fr);gap:clamp(32px,7vw,100px);align-items:center}
.ab-global-copy{min-width:0}
.ab-export-stat{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.ab-export-count{font-family:Geist,'Helvetica Neue',Arial,'Microsoft YaHei',sans-serif;font-size:clamp(88px,9.5vw,120px);line-height:1;font-weight:700;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.045em}
.ab-export-unit{font-size:14px;line-height:1.5;letter-spacing:.025em;color:var(--ab-muted)}
.about-brand .ab-global-copy>p{margin:0;font-size:17px;line-height:1.9;max-width:46ch}
.about-brand .ab-market-map{--ab-map-accent:#247f92;--ab-map-bright:#40a9bc;width:100%;margin:36px 0 0}
.about-brand .ab-world{width:100%;height:auto;max-height:none;margin:0;object-fit:contain;display:block}
.ab-map-canvas{position:relative}
.ab-map-grid{fill:none;stroke:#dde1d7;stroke-width:.65}
.ab-map-land{fill:#d9dfd5}
.ab-market-connection{pointer-events:none}
.ab-market-route{fill:none;stroke:#7d927c;stroke-width:1;opacity:.4;vector-effect:non-scaling-stroke;transition:opacity .25s,stroke .25s}
.ab-market-traveler{fill:none;stroke:var(--ab-map-accent);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:3 97;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px #48b4c680);animation:ab-market-flow var(--route-duration,4s) linear infinite;animation-delay:var(--route-delay,0s);animation-play-state:paused}
.ab-market-point{cursor:pointer;outline:none}
.ab-market-hit{fill:transparent}
.ab-market-core{fill:#405d50;stroke:#f7f6f0;stroke-width:1.5}
.ab-market-pulse{fill:none;stroke:#55715e;stroke-width:1.5;opacity:.8;transform-box:fill-box;transform-origin:center;animation:ab-market-breathe 3s ease-out infinite;animation-delay:var(--pulse-delay,0s);animation-play-state:paused;pointer-events:none}
.ab-market-pulse-echo{animation-delay:calc(var(--pulse-delay,0s) - 1.5s)}
.ab-market-map.is-visible .ab-market-pulse,.ab-market-map.is-visible .ab-market-traveler{animation-play-state:running}
.ab-market-origin{fill:var(--ab-map-accent);pointer-events:none}
.ab-market-origin .ab-market-pulse{stroke:var(--ab-map-accent);stroke-width:2}
.ab-market-origin path{fill:none;stroke:var(--ab-map-accent);stroke-width:1}
.ab-market-origin text{font:500 14px Arial,sans-serif;letter-spacing:1.5px;fill:#365c64;paint-order:stroke;stroke:#f7f6f0;stroke-width:4;stroke-linejoin:round}
.ab-market-point.is-active .ab-market-core,.ab-market-point:hover .ab-market-core,.ab-market-point:focus-visible .ab-market-core{fill:var(--ab-map-accent);stroke-width:2;r:6}
.ab-market-point.is-active .ab-market-pulse{stroke:var(--ab-map-accent);stroke-width:2.2}
.ab-market-point:focus-visible .ab-market-hit{stroke:var(--ab-map-accent);stroke-width:1;stroke-dasharray:2 2}
.ab-market-map.has-active .ab-market-route{opacity:.1}
.ab-market-map.has-active .ab-market-traveler{stroke-opacity:.2}
.ab-market-map .ab-market-connection.is-active .ab-market-route{opacity:.9;stroke:var(--ab-map-accent);stroke-width:1.8}
.ab-market-map .ab-market-connection.is-active .ab-market-traveler{stroke:var(--ab-map-bright);stroke-width:3.4;stroke-opacity:1;stroke-dasharray:6 94}
.ab-map-tooltip{position:absolute;z-index:1;transform:translate(-50%,calc(-100% - 15px));padding:7px 12px;background:var(--ab-ink);color:var(--ab-paper);font-size:12px;white-space:nowrap;pointer-events:none;box-shadow:0 3px 12px #26312e15}
.ab-map-tooltip[hidden]{display:none}
.ab-map-footer{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top: 0;padding-top:22px;margin-top:12px;font-size:13px;min-height:65px}
.ab-map-connection{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:var(--ab-ink)}
.ab-map-origin-label{font-size:11px;letter-spacing:.05em;color:var(--ab-muted)}
.ab-map-connection>span:nth-child(2){color:var(--ab-map-accent)}
.ab-map-select{display:flex;gap:12px;align-items:center;color:var(--ab-muted);font-size:12px}
.ab-map-select select{font:inherit;font-size:13px;min-width:155px;max-width:220px;border:0;border-bottom:1px solid #aab4a5;border-radius:0;padding:9px 26px 9px 0;background:transparent;color:var(--ab-ink);cursor:pointer}
.ab-map-select select:focus-visible{outline:2px solid #496452;outline-offset:3px}
@keyframes ab-market-breathe{0%{transform:scale(.45);opacity:.85}80%,100%{transform:scale(2.1);opacity:0}}
@keyframes ab-market-flow{0%{stroke-dashoffset:100;opacity:0}8%,88%{opacity:.95}100%{stroke-dashoffset:0;opacity:0}}
@media(max-width:700px){.ab-map-footer{align-items:flex-start;flex-direction:column;gap:14px;padding-top:18px}.ab-map-select{width:100%;justify-content:space-between}.ab-map-select select{min-width:180px}.ab-map-origin-label{font-size:10px}.ab-map-tooltip{font-size:11px;padding:5px 9px;transform:translate(-50%,calc(-100% - 9px))}.ab-market-origin text{font-size:18px}.ab-market-core{r:4.5}}
@media(prefers-reduced-motion:reduce){.ab-market-map .ab-market-pulse,.ab-market-map .ab-market-traveler{animation:none}.ab-market-map .ab-market-traveler,.ab-market-map .ab-market-pulse-echo{display:none}.ab-market-map .ab-market-pulse{opacity:.25}}

/* Each stage shows its photos directly; every image opens the same viewer. */
.ab-workshop-intro{max-width:820px;margin:0 auto 36px;text-align:center}
.about-brand .ab-workshop-intro h2{margin:0 auto 20px}
.about-brand .ab-workshop-intro p{margin:0 auto;max-width:46em;text-wrap:balance}
.ab-process-tabs{display:flex;gap:28px;overflow-x:auto;scrollbar-width:none;border-bottom:0;margin-bottom:30px;overscroll-behavior-x:contain}
.ab-process-tabs::-webkit-scrollbar{display:none}
.ab-process{position:relative;scroll-margin-top:var(--ab-header-offset,72px)}
.ab-process.is-enhanced .ab-process-tabs{position:sticky;top:var(--ab-header-offset,72px);z-index:20;background:var(--ab-paper);box-shadow:0 -1px 0 var(--ab-paper),0 12px 20px -20px #26312e40}
.ab-process-tabs[hidden]{display:none}
.ab-process-tabs button{flex:1 0 auto;display:flex;gap:12px;align-items:center;border:0;border-bottom:2px solid transparent;padding:14px 0 18px;background:transparent;color:var(--ab-muted);font:inherit;font-size:14px;cursor:pointer;text-align:left}
.ab-process-tabs button>span{font-size:11px;font-variant-numeric:tabular-nums;color:#987a4c;letter-spacing:.06em}
.ab-process-tabs button[aria-selected=true]{border-color:var(--ab-ink);color:var(--ab-ink)}
.ab-process-tabs button:hover{color:var(--ab-ink)}
.ab-process-tabs button:focus-visible{outline:2px solid #496452;outline-offset:-3px}
.ab-process-panel{margin-bottom:48px}
.ab-process-panel[hidden]{display:none}
.ab-process.is-enhanced .ab-process-panel{margin-bottom:0}
.about-brand .ab-process-panel h3{font-size:22px;line-height:1.5;letter-spacing:-.025em;margin:0 0 24px;font-weight:500}
.ab-process-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.about-brand .ab-process-photo{display:block;min-width:0;color:var(--ab-muted);text-decoration:none}
.about-brand .ab-process-photo figure{margin:0}
.about-brand .ab-process-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#e9ece4}
.ab-process-photo figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;font-size:13px;line-height:1.6}
.ab-process-photo figcaption::after{content:'↗';font-size:18px;transition:transform .2s}
.ab-process-photo:hover{color:var(--ab-ink)}
.ab-process-photo:hover figcaption::after{transform:translate(2px,-2px)}
.ab-process-photo:focus-visible{outline:2px solid #496452;outline-offset:5px}
@media(max-width:1000px){.ab-process-tabs{gap:22px}.ab-process-tabs button{font-size:12px;gap:8px}.ab-process-gallery{gap:24px}}
@media(max-width:700px){
 .ab-process.is-enhanced .ab-process-tabs{gap:8px;padding:10px 0;box-shadow:none}
 .ab-process .ab-process-tabs button{flex:0 0 auto;min-height:44px;padding:10px 14px;border:0;border-radius:24px;background:#e9ece4;color:var(--ab-ink);font-size:13px;gap:8px;white-space:nowrap}
 .ab-process-tabs button>span{color:var(--ab-muted)}
 .ab-process .ab-process-tabs button[aria-selected=true]{background:var(--ab-ink);color:var(--ab-paper)}
 .ab-process-tabs button[aria-selected=true]>span{color:#d1d8cd}
}
@media(max-width:700px){.ab-workshop-intro{margin-bottom:28px}.about-brand .ab-workshop-intro h2{margin-bottom:16px}.about-brand .ab-workshop-intro p{max-width:none}.ab-process-tabs{gap:22px;margin-bottom:22px}.ab-process-tabs button{font-size:13px;padding-bottom:14px}.about-brand .ab-process-panel h3{font-size:19px;margin-bottom:18px}.ab-process-gallery{gap:22px 16px}.ab-process-photo figcaption{padding-top:8px;font-size:12px;gap:6px}}

/* Remaining contact information retains the shared layout. */
.about-brand .ph-factory-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.about-brand .ph-factory-strip img{aspect-ratio:4/3;object-fit:cover}
.about-brand .ph-factory-strip figcaption{font-size:12px;color:var(--ab-muted);margin-top:10px}
.about-brand .ph-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 34px;margin-top:32px;counter-reset:steps}
.about-brand .ph-cards article{background:transparent;border:0;border-top: 0;border-radius:0;padding:24px 0 0;min-width:0}
.about-brand .ph-cards article::before{counter-increment:steps;content:counter(steps,decimal-leading-zero);display:block;font-size:11px;letter-spacing:.08em;color:#8b7048;margin-bottom:16px}
.about-brand .ph-cards h3{font-size:19px;margin-bottom:10px}
.about-brand .ph-cards p{font-size:15px;line-height:1.8;margin:0}
.about-brand #manufacturing .ph-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin-top:36px}
.about-brand .ph-section:not(#manufacturing):not(#visit)>.ed-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:20px 64px;border-top: 0;padding-top:48px}
.about-brand .ph-section:not(#manufacturing):not(#visit){padding-block:24px 50px}
.about-brand .ph-section:not(#manufacturing):not(#visit) h2{grid-column:1;grid-row:1/span 4;font-size:clamp(28px,2.7vw,38px);max-width:10em;margin:0}
.about-brand .ph-section:not(#manufacturing):not(#visit)>.ed-wrap>:not(h2){grid-column:2}
.about-brand .ph-section:not(#manufacturing):not(#visit) .ph-cards{margin-top:4px}
.about-brand .ph-overview{grid-template-columns:1fr;gap:0}
.about-brand .ph-overview p{margin-bottom:16px}
.about-brand .ed-button{font-size:12px;width:fit-content;margin-top:12px;padding:15px 25px;background:var(--ab-ink);color:white}
.about-brand #visit{padding-block:64px 88px}
#visit>.ed-wrap{border-top: 0;padding-top:50px}
.about-brand .ph-contact{grid-template-columns:1.3fr 1fr;gap:90px;align-items:start}
.about-brand .ph-contact p{font-size:15px;max-width:50ch}
.about-brand .ph-contact h3{font-size:18px}
.about-brand .ph-contact address{font-size:16px;color:var(--ab-muted)}

/* Explicit user preference: all photographs and their clipping frames are square. */
#main.about-brand img,#main.about-brand figure,#main.about-brand a:has(img),
body:has(#main.about-brand) .ph-lightbox,body:has(#main.about-brand) .ph-lightbox img{border-radius:0}

@media(max-width:1000px){
 .about-brand .ed-wrap{width:calc(100% - 64px)}
 .about-brand .ab-section,.about-brand .ph-section{padding-block:64px}
 .about-brand .ab-credential-list{gap:10px}
 .ab-brand,.ab-factory-copy{gap:36px}
 .about-brand .ab-brand p{font-size:16px;line-height:1.8}
 .about-brand #manufacturing .ph-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .about-brand .ph-section:not(#manufacturing):not(#visit)>.ed-wrap{column-gap:40px}
}
@media(max-width:700px){
 .about-brand .ed-wrap{width:calc(100% - 40px)}
 .about-brand .ab-section,.about-brand .ph-section{padding-block:48px}
 .about-brand h2,.about-brand .ab-section h2{font-size:30px;line-height:1.28;margin-bottom:26px}
 .about-brand p{font-size:16px;line-height:1.85}
 .about-brand .ab-hero-intro{grid-template-columns:1fr;gap:28px;padding-block:48px 42px}
 .about-brand .ab-hero h1{font-size:clamp(36px,7.6vw,48px);line-height:1.25;margin:0}
 .about-brand .ab-hero p{font-size:15px;max-width:none;margin-bottom:14px}
 .about-brand .ab-credentials{padding-block:32px}
 .about-brand .ab-credentials-head h2{font-size:21px}
 .about-brand .ab-credential-list{grid-template-columns:repeat(9,minmax(64px,1fr));overflow-x:auto;gap:12px;margin:22px 0 16px;padding-bottom:8px;scroll-snap-type:x proximity}
 .ab-metal-badge{scroll-snap-align:start}
 .about-brand .ab-standards-copy{text-align:left}
 .about-brand .ab-standards-copy p:first-child{font-size:14px}
 .ab-brand,.ab-factory-copy{grid-template-columns:1fr;gap:24px}
 .about-brand .ab-brand p{font-size:16px}
 .ab-metrics{gap:12px;margin-top:28px;padding:8px 0}
 .ab-metrics>div{gap:10px}
 .ab-metrics dd{font-size:clamp(36px,9vw,48px);gap:2px}
 .ab-metrics dt{font-size:12px;letter-spacing:0}
 .about-brand figure.ab-factory-visual{margin-top:32px}
 .about-brand #factory-introduction{padding-bottom:32px}
 .about-brand #factory-team{padding-top:0;padding-bottom:46px}
 .about-brand #factory-team h2{font-size:23px;margin-bottom:18px}
 .about-brand #certificates{padding-block:36px 48px}
 .ab-cert-head{flex-wrap:wrap;gap:18px;margin-bottom:22px}
 .about-brand .ab-cert-intro{font-size:15px;margin-bottom:24px}
 .about-brand .ab-cert-grid{display:flex;overflow-x:auto;gap:20px}
 .about-brand .ab-cert-grid>.ab-cert-photo{flex-basis:calc(100% * 15 / 26)}
 .about-brand .ab-cert-grid>.ab-cert-landscape{flex-basis:100%}
 .ab-cert-label{margin-top:14px;padding-top:10px;font-size:12px}
 .about-brand #global-markets{padding-block:40px 44px}
 .about-brand #global-markets h2{margin-bottom:20px}
 .ab-global-reach{grid-template-columns:1fr;gap:28px;text-align:center}
 .ab-export-stat{gap:10px}
 .ab-export-count{font-size:88px}
 .about-brand .ab-global-copy>p{font-size:15px;margin-inline:auto}
 .about-brand .ab-market-map{margin:28px 0 0}
 .about-brand .ph-factory-strip{gap:12px;overflow:visible;padding:0}
 .about-brand .ph-factory-strip figure{min-width:0}
 .about-brand .ph-factory-strip figcaption{font-size:11px}
 .about-brand .ph-cards,.about-brand #manufacturing .ph-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 22px;margin-top:26px}
 .about-brand .ph-cards article{padding-top:20px}
 .about-brand .ph-cards h3{font-size:17px}
 .about-brand .ph-cards p{font-size:14px;line-height:1.8}
 .about-brand .ph-section:not(#manufacturing):not(#visit){padding-block:20px 28px}
 .about-brand .ph-section:not(#manufacturing):not(#visit)>.ed-wrap{display:block;padding-top:32px}
 .about-brand .ph-section:not(#manufacturing):not(#visit) h2{font-size:28px;max-width:none;margin-bottom:24px}
 .about-brand .ph-section:not(#manufacturing):not(#visit) .ph-cards{margin-top:24px}
 .about-brand .ph-overview{display:block}
 .about-brand #visit{padding-block:36px 60px}
 #visit>.ed-wrap{padding-top:34px}
 .about-brand .ph-contact{grid-template-columns:1fr;gap:24px}
}
@media(max-width:430px){
 .about-brand .ab-credentials-head{align-items:flex-start;gap:18px}
 .ab-credentials-head>a{font-size:11px;line-height:1.7}
 .about-brand .ph-factory-strip{grid-template-columns:1fr}
 .about-brand .ph-factory-strip img{aspect-ratio:3/2}
}
@media(prefers-reduced-motion:reduce){.about-brand *{scroll-behavior:auto!important;transition:none!important}}

/* Same nine-cell badge sprite; responsive images let offscreen badges wait. */
.about-brand .ab-metal-badge:has(> img){position:relative;overflow:hidden;background-image:none}
.about-brand .ab-metal-badge>img{position:absolute;width:300%;max-width:none;height:300%;left:calc(var(--badge-x) * -2);top:calc(var(--badge-y) * -2);object-fit:fill}

/* Compact mobile document previews and all nine marks in one row. */
.ab-cert-controls { justify-content:flex-end; margin-top:20px; }
.ab-cert-counter { margin-right:auto; }
.ab-cert-controls button { width:44px; height:44px; border-radius:50%; }
.ab-cert-controls button:disabled { opacity:.35; cursor:default; }
@media(max-width:700px) {
 .about-brand .ab-credential-list { grid-template-columns:repeat(9,minmax(0,1fr)); gap:4px; overflow:visible; padding:0; }
 .about-brand .ab-cert-grid { gap:16px; scroll-padding-inline:6px; }
 .about-brand .ab-cert-grid>.ab-cert-photo { flex:0 0 42%; max-width:160px; }
 .about-brand .ab-cert-grid>.ab-cert-landscape { flex-basis:72%; max-width:277px; }
 .about-brand .ab-cert-label { margin-top:8px; padding-top:0; }
}
.ab-process-navigation { margin-bottom:24px; }
.ab-process.is-enhanced .ab-process-navigation { position:sticky; top:var(--ab-header-offset,72px); z-index:20; background:var(--ab-paper); }
.ab-process.is-enhanced .ab-process-navigation .ab-process-tabs { position:static; box-shadow:none; margin-bottom:12px; }
.ab-process-controls { display:flex; align-items:center; gap:16px; padding-bottom:16px; }
.ab-process-controls[hidden] { display:none; }
.ab-process-controls button { width:40px; height:40px; display:grid; place-items:center; border:0; background:transparent; padding:10px; color:inherit; cursor:pointer; }
.ab-process-controls button:disabled { opacity:.3; cursor:default; }
.ab-process-controls svg { width:20px; height:20px; }
.ab-process-progress { flex:1; height:3px; background:#dbd9d2; overflow:hidden; }
.ab-process-progress span { display:block; height:100%; width:var(--progress,20%); background:#6e7770; transition:width .2s; }
@media(prefers-reduced-motion:reduce) { .ab-process-progress span { transition:none; } }