:root{--ink:#090909;--soft:#151515;--panel:#f4f4f1;--white:#fff;--muted:#626262;--red:#ffe102;--line:#d4d4cf;--yellow:#ffe102;--yellow-deep:#e6c900}
body{color:var(--ink);background:#fff}
.topbar{background:#090909;color:#d6d6d2;border-bottom:1px solid #252525}
header{background:rgba(255,225,2,.97);border-bottom:1px solid #d7bd00;box-shadow:0 6px 22px #00000012}
.brand b{background:#090909;color:var(--yellow)}
.brand small{color:#090909}
nav a{color:#090909}
nav a:hover{color:#090909;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.quote,.primary{background:#090909;color:var(--yellow)}
.quote:hover,.primary:hover{background:#242424;color:#fff}
.menu{color:#090909}
.hero{background-color:#090909}
.hero .eyebrow,.hero h1 em{color:var(--yellow)}
.hero .primary{background:var(--yellow);color:#090909}
.hero .primary:hover{background:#fff;color:#090909}
.secondary{border-color:#b9b9b4;color:#fff}
.secondary:hover{border-color:var(--yellow);color:var(--yellow)}
.stats{background:#090909}
.stat{border-right-color:#2f2f2f}
.stat strong{color:var(--yellow)}
.market-strip{background:var(--yellow);border-bottom-color:#d8be00;color:#090909}
.eyebrow{color:#8f7c00}
.dark .eyebrow,.page-hero .eyebrow,.quality-banner .eyebrow,.applications .eyebrow,.duty .eyebrow,.case-band .eyebrow{color:var(--yellow)}
.product-grid{background:#cfcfc9;border-color:#cfcfc9}
.product-card{border-top:3px solid transparent}
.product-card:hover{border-top-color:var(--yellow);box-shadow:0 22px 44px #00000024}
.product-card small{color:#8f7c00}
.text-btn{color:#090909}
.text-btn:hover{color:#8f7c00}
.dark{background:#090909}
.ticks span:before,.process div:before{color:#9b8700}
.process div{border-top-color:var(--yellow)}
.quality-banner{border-top:8px solid var(--yellow);border-bottom:8px solid var(--yellow)}
.certs span{border-color:#777;background:#090909aa}
.article:first-child{border-top-color:var(--yellow);background:#f4f4f1}
.article small{color:#8f7c00}
.cta{background:var(--yellow);color:#090909}
.cta button{background:#090909;color:var(--yellow)}
.cta button:hover{background:#fff;color:#090909}
.page-hero{background:#090909;border-bottom:8px solid var(--yellow)}
.filters button.active{background:var(--yellow);color:#090909}
.filters button:hover{background:#090909;color:var(--yellow)}
.info-box{background:#f4f4f1;border-top:3px solid var(--yellow)}
footer{background:#090909}
footer h4{color:var(--yellow)}
footer>div>a:hover{color:var(--yellow)}
footer .brand b{background:var(--yellow);color:#090909}
footer .brand small{color:var(--yellow)}
dialog{border-top:8px solid var(--yellow)}
dialog .primary{background:var(--yellow);color:#090909}
.cap-grid{background:#cfcfc9;border-color:#cfcfc9}
.cap-grid article{border-top:3px solid transparent}
.cap-grid article:hover{border-top-color:var(--yellow)}
.cap-grid b,.application-grid span,.team-grid span,.proof-list strong,.compare td:first-child,.number-grid strong,.timeline b,.test-grid b,.trace-code strong,.topic-grid b,.article-list small,.contact-cards small{color:#8f7c00}
.applications,.duty,.performance{background:#090909}
.compare th{background:#090909}
.factory-numbers{background:var(--yellow);color:#090909}
.factory-numbers div{border-right-color:#09090933}
.topic-grid a:hover{background:#090909;color:#fff}
.topic-grid a:hover b{color:var(--yellow)}
.longread blockquote{border-left-color:var(--yellow)}
.article-cta{background:#090909;border-top:6px solid var(--yellow)}
.segment-grid article{border-top-color:var(--yellow)}
.segment-grid article b,.case-grid small,.duty-grid span,.project-factors b,.construction-grid b,.case-metrics b,.download-grid article span,.ref-box small{color:#8f7c00}
.case-panel{background:#090909;border-top:8px solid var(--yellow)}
.case-grid article{border-top-color:var(--yellow)}
.bars i{background:linear-gradient(90deg,var(--yellow) 0 var(--score),#3b3b3d var(--score) 100%)}
.packaging-show{background:#ededE8}
.package-card{background:var(--yellow);color:#090909;box-shadow:18px 18px 0 #090909}
.factory-gallery figure{background:#090909;border-top:4px solid var(--yellow)}
.factory-gallery figcaption{color:var(--yellow)}
.contact-form{border-top:6px solid var(--yellow)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--yellow);outline-offset:1px;border-color:#090909}
@media(max-width:980px){nav{background:var(--yellow);border-top:1px solid #d7bd00}.nav-open nav a{color:#090909}}
@media(max-width:600px){header{background:var(--yellow)}.market-strip>div{color:#090909}.product-card{border-top-width:2px}.quality-banner{border-top-width:5px;border-bottom-width:5px}}

/* Right-side horizontal contact shortcut */
.tongde-contact-float{position:fixed;right:22px;bottom:28px;z-index:900;display:flex;align-items:center;gap:11px;padding:15px 21px;background:#ffe500;color:#111;border:1px solid #111;border-radius:6px;text-decoration:none;box-shadow:0 5px 18px #0002;transition:background .18s,color .18s}
.tongde-contact-float span{writing-mode:horizontal-tb;font:800 12px/1.3 Arial,sans-serif;letter-spacing:.08em;white-space:nowrap}
.tongde-contact-float:hover{background:#111;color:#ffe500}.tongde-contact-float:focus-visible{outline:3px solid #111;outline-offset:3px}
.home-factory-photo{margin:28px 0 0}.home-factory-photo img{display:block;width:100%;height:auto;max-height:580px;object-fit:cover;object-position:center}.home-factory-points{display:grid;grid-template-columns:repeat(4,1fr);border-top:3px solid #ffe500;background:#111;color:#fff}.home-factory-points span{padding:21px 18px;font-size:12px;font-weight:700;text-align:center;border-right:1px solid #ffffff25}.pending-product-photo{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f4f4f1;text-align:center;gap:10px}.pending-product-photo:before,.pending-product-photo:after{display:none!important}.pending-product-photo>span{font-size:18px;font-weight:800}.pending-product-photo>small{font-size:9px;color:#777;letter-spacing:.06em}
@media(max-width:600px){.tongde-contact-float{right:14px;bottom:18px;padding:12px 15px;gap:8px}.tongde-contact-float span{font-size:11px}.home-factory-points{grid-template-columns:repeat(2,1fr)}.home-factory-photo img{min-height:240px;object-fit:cover}}

/* Document revision: branding, navigation, capabilities and customization. */
header{flex-wrap:wrap;padding:20px 4%;gap:20px}header .brand{flex-shrink:0}header .tongde-logo,.foot-brand .tongde-logo{width:55px;height:48px;object-fit:contain}header .corinth-brand{display:flex;align-items:center;border-left:1px solid #15151540;padding-left:20px}header .corinth-brand img{width:150px;height:auto}header nav{order:3;flex:1 0 100%;display:flex;justify-content:center;gap:30px;padding-top:16px;border-top:1px solid #15151530}header nav a{font-size:16px!important;letter-spacing:.035em;font-weight:750;white-space:nowrap}header .quote{margin-left:auto}.cap-grid article{padding:0 0 30px;overflow:hidden}.cap-grid .cap-photo{display:block;width:100%;height:185px;object-fit:cover;margin-bottom:26px}.cap-grid article>*:not(img){margin-left:24px;margin-right:24px}.custom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.custom-grid article{background:#171717;border:1px solid #393939}.custom-grid article>img{width:100%;height:225px;object-fit:cover;background:#fff}.custom-grid article>div{padding:30px}.custom-grid span{color:#ffe500;font-size:30px;font-weight:800}.custom-grid h3{font-size:24px;line-height:1.25;margin:16px 0}.custom-grid p{color:#c6c6c6;font-size:16px;line-height:1.8}.custom-grid .text-btn{color:#ffe500;display:inline-block;margin-top:20px}.footer-contact{display:inline-block!important;color:#ffe500!important;font-size:22px;font-weight:800;margin:24px 0!important}.article .text-btn{display:inline-block;margin-top:18px}footer .tongde-logo{filter:none}.longread .primary{display:inline-block}
@media(max-width:1000px){header nav{gap:17px;flex-wrap:wrap}header nav a{font-size:14px!important}.custom-grid{gap:14px}.custom-grid article>div{padding:20px}}
@media(max-width:700px){header{gap:12px}header .brand{font-size:18px}header .corinth-brand{padding-left:12px}header .corinth-brand img{width:100px}header .tongde-logo{width:38px;height:38px}header .quote{display:none}header nav{display:none}header.nav-open nav{display:flex}header .menu{margin-left:auto}.custom-grid{grid-template-columns:1fr}.cap-grid .cap-photo{height:175px}.custom-grid article>img{height:230px}}

/* Keep every page link visible at every viewport width. */
header{height:auto;min-height:84px;overflow:visible}header nav{position:static;display:flex!important;flex-direction:row;flex-wrap:wrap;align-items:center;width:100%;margin:0;padding:14px 0 0;box-shadow:none;background:transparent}header nav a,header nav a:nth-child(3),header nav a:nth-child(7){display:inline-block!important;line-height:1.5;padding:4px 0}header .menu{display:none!important}
@media(max-width:700px){header{position:relative;padding:15px 4%}header nav{gap:9px 18px;justify-content:flex-start}header nav a{font-size:13px!important;padding:5px 0}header .corinth-brand{margin-left:auto}}

/* Desktop header: brands, complete navigation and quote on one row. */
@media(min-width:1101px){header{height:88px;min-height:88px;flex-wrap:nowrap;padding:0 2.2%;gap:18px}header .brand{gap:7px;font-size:17px;letter-spacing:.04em}header .tongde-logo{width:42px;height:42px}header .brand small{font-size:8px}header .corinth-brand{padding-left:13px;flex-shrink:0}header .corinth-brand img{width:108px}header nav{order:0;flex:1 1 auto;width:auto;min-width:0;flex-wrap:nowrap;justify-content:center;gap:clamp(12px,1.15vw,24px);padding:0;border:0;margin:0}header nav a{font-size:clamp(12px,.95vw,16px)!important;letter-spacing:.015em;white-space:nowrap}header .quote{display:block;flex-shrink:0;margin:0;padding:12px 15px;font-size:11px;letter-spacing:.02em}}
@media(min-width:1101px) and (max-width:1270px){header{gap:12px;padding:0 1.5%}header .corinth-brand img{width:86px}header .brand{font-size:15px}header .tongde-logo{width:34px}header nav{gap:11px}header .quote{padding:11px 10px;font-size:10px}}

/* Larger navigation type, retaining the desktop single row. */
@media(min-width:1101px){header nav a{font-size:16px!important;font-weight:750;letter-spacing:0}header nav{gap:clamp(12px,1vw,20px)}header{gap:14px;padding-left:1.8%;padding-right:1.8%}}
@media(min-width:1101px) and (max-width:1270px){header nav a{font-size:15px!important}header nav{gap:10px}header{gap:10px}}
@media(min-width:701px) and (max-width:1100px){header nav a{font-size:16px!important}}
@media(max-width:700px){header nav a{font-size:15px!important}}

/* More breathing room between page links; stronger capability numbering. */
@media(min-width:1400px){header nav{gap:28px}header{gap:22px}}
@media(min-width:1271px) and (max-width:1399px){header nav{gap:20px}header{gap:16px}header .corinth-brand img{width:90px}header .quote{padding:12px 10px;font-size:10px}}
@media(min-width:1101px) and (max-width:1270px){header nav{gap:16px}header .brand{font-size:14px}header .corinth-brand{padding-left:8px}header .corinth-brand img{width:74px}header .quote{padding:10px 8px;font-size:9px}}
.cap-grid article>b{display:block;font-size:36px!important;line-height:1.1;font-weight:800;letter-spacing:-.03em;color:#a58d00;margin-top:28px;margin-bottom:22px}.cap-grid article h3{font-size:23px;line-height:1.3}.cap-grid article p{font-size:16px;line-height:1.75}

/* Align capability titles on a single line at desktop widths. */
@media(min-width:1001px){.cap-grid article h3{font-size:clamp(16px,1.48vw,21px);letter-spacing:-.025em;white-space:nowrap;line-height:1.3}}

/* Home technical guides: equal image-led editorial cards. */
.home-insight-redesign{padding-top:96px;padding-bottom:96px}.guide-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:40px}.home-insight-redesign .guide-section-heading h2{font-size:clamp(36px,3.65vw,52px);line-height:1.07;letter-spacing:-.04em;margin:12px 0 0}.guide-heading-aside{max-width:330px}.guide-heading-aside>p{font-size:16px;line-height:1.7;color:#696969;margin:0 0 18px}.guide-view-all{display:inline-flex;align-items:center;gap:20px;font-size:12px;font-weight:800;letter-spacing:.06em;border-bottom:1px solid #151515;padding-bottom:8px}.guide-view-all>span{font-size:20px;line-height:1}.guide-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.guide-card{display:flex;flex-direction:column;border:1px solid #e0e0db;background:#fff;transition:border-color .2s,transform .2s}.guide-card-image{position:relative;display:block;aspect-ratio:1.65;background:#f5f5f2;overflow:hidden;border-bottom:1px solid #e5e5df}.guide-card-image>img{display:block;width:100%;height:100%;object-fit:contain;padding:24px;mix-blend-mode:multiply;transition:transform .35s}.disc-guide .guide-card-image{background:#151515}.disc-guide .guide-card-image>img{object-fit:cover;object-position:86% center;padding:0;mix-blend-mode:normal}.guide-image-number{position:absolute;top:16px;left:16px;display:grid;place-items:center;width:34px;height:34px;background:#ffe500;color:#111;font-size:12px;font-weight:800}.guide-card-body{padding:27px 28px 22px;display:flex;flex:1;flex-direction:column}.guide-category{font-size:11px;letter-spacing:.12em;font-weight:800;color:#8b7800;margin:0 0 15px}.guide-card h3{font-size:24px;line-height:1.23;letter-spacing:-.025em;margin:0 0 16px;min-height:59px}.guide-description{font-size:15px;color:#707070;line-height:1.75;margin:0 0 28px;flex:1}.guide-card-link{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e6e6df;padding-top:17px;font-size:11px;font-weight:800;letter-spacing:.07em;margin-top:auto}.guide-arrow{display:grid;place-items:center;width:33px;height:33px;background:#f1f1ec;font-size:21px;transition:background .2s}.guide-card:hover{border-color:#c0b457;transform:translateY(-4px)}.guide-card:hover .guide-arrow{background:#ffe500}.guide-card:hover .guide-card-image>img{transform:scale(1.035)}.guide-card a:focus-visible,.guide-view-all:focus-visible{outline:3px solid #b9a000;outline-offset:4px}
@media(max-width:1000px){.guide-card-grid{gap:18px}.guide-card-body{padding:22px 20px 20px}.guide-card h3{font-size:21px;min-height:78px}.guide-card-image>img{padding:18px}}
@media(max-width:700px){.home-insight-redesign{padding-top:65px;padding-bottom:65px}.guide-section-heading{display:block;margin-bottom:28px}.guide-heading-aside{max-width:100%;margin-top:22px}.guide-heading-aside>p{margin-bottom:14px}.guide-card-grid{grid-template-columns:1fr;gap:24px}.guide-card-image{aspect-ratio:1.8}.guide-card h3{font-size:24px;min-height:0}.guide-description{margin-bottom:22px}.guide-card-body{padding:25px}.guide-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.guide-card,.guide-card-image>img,.guide-arrow{transition:none}.guide-card:hover,.guide-card:hover .guide-card-image>img{transform:none}}

/* Supplied category photos: homepage only, preserve the complete product. */
.home-product-grid .product-art-photo{background:#fff}.home-product-grid .product-art-photo img{object-fit:contain;object-position:center;padding:0}.home-product-grid .product-art-photo:before,.home-product-grid .product-art-photo:after{display:none}

/* Shared product gallery: large contained image, selectable thumbnails and lightbox. */
.product-gallery-section.gallery-redesign{width:100%;max-width:none;background:#f5f5f2;padding:80px 0;margin:0}.gallery-shell{width:min(1320px,92vw);margin:auto}.gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:32px}.gallery-heading .eyebrow{margin:0 0 12px}.gallery-redesign .gallery-heading h2{font-size:clamp(30px,3vw,44px);line-height:1.08;letter-spacing:-.035em;margin:0}.gallery-count-pill{font-size:11px;font-weight:800;letter-spacing:.09em;padding:10px 14px;border:1px solid #d5d5ca;color:#727269;white-space:nowrap}.gallery-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:44px;align-items:start}.gallery-viewer{background:#fff;border:1px solid #e2e2da}.gallery-main{display:block;position:relative;width:100%;height:460px;padding:30px;background:#fff;cursor:zoom-in}.gallery-main>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.gallery-zoom-hint{position:absolute;right:18px;bottom:16px;display:block;padding:8px 11px;color:#555;background:#f5f5f0;font-size:10px;font-weight:700;letter-spacing:.04em}.gallery-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 20px;border-top:1px solid #eeeee8}.gallery-photo-label{font-size:13px;font-weight:700;color:#555}.gallery-nav{display:flex;align-items:center;gap:14px;white-space:nowrap}.gallery-nav>button{width:32px;height:32px;background:#f4f4ee;font-size:18px;color:#111}.gallery-nav>button:hover{background:#ffe500}.gallery-position{font-size:12px;color:#888}.gallery-position>b{color:#111}.gallery-sidebar{padding:4px 0}.gallery-sidebar-kicker{font-size:10px;letter-spacing:.13em;font-weight:800;color:#8c7900;margin:0 0 10px}.gallery-sidebar h3{font-size:27px;line-height:1.2;letter-spacing:-.025em;margin:0 0 15px}.gallery-sidebar-description{font-size:15px;line-height:1.75;color:#73736d;margin:0 0 24px;max-width:450px}.gallery-thumbnails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:320px;overflow-y:auto;padding:2px 8px 2px 2px;scrollbar-width:thin;scrollbar-color:#c9c9bd transparent}.gallery-thumbnail{display:block;position:relative;aspect-ratio:1.15;padding:10px;background:#fff;border:1px solid #deded5;cursor:pointer}.gallery-thumbnail>img{display:block;object-fit:contain;width:100%;height:100%}.gallery-thumbnail>span{position:absolute;left:5px;bottom:4px;background:#fff;font-size:9px;color:#858579;padding:1px 3px;font-weight:700}.gallery-thumbnail.is-active{border:2px solid #b49c00;padding:9px}.gallery-thumbnail:hover{border-color:#b49c00}.gallery-footnote{font-size:12px;line-height:1.7;color:#8c8c82;margin:20px 0 0;padding-top:16px;border-top:1px solid #ddddd4}.gallery-redesign button:focus-visible{outline:3px solid #b49c00;outline-offset:3px}.gallery-lightbox{width:min(1040px,94vw);max-height:94vh;padding:46px 30px 20px;background:#fff;border:0;overflow:auto}.gallery-lightbox::backdrop{background:#000c}.gallery-lightbox>img{display:block;width:100%;height:70vh;object-fit:contain}.gallery-lightbox-close{position:absolute;top:8px;right:15px;background:transparent;font-size:32px;color:#111}.gallery-lightbox-controls{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:12px;font-size:12px;font-weight:700}.gallery-lightbox-controls>button{width:38px;height:34px;background:#ffe500;font-size:20px}
@media(max-width:1000px){.gallery-layout{gap:25px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.gallery-main{height:390px;padding:22px}.gallery-sidebar h3{font-size:23px}.gallery-thumbnails{max-height:240px}.gallery-viewer-bar{padding:14px;flex-wrap:wrap}}
@media(max-width:700px){.product-gallery-section.gallery-redesign{padding:55px 0}.gallery-heading{align-items:flex-start;margin-bottom:24px}.gallery-count-pill{font-size:9px;padding:8px}.gallery-layout{grid-template-columns:1fr;gap:28px}.gallery-main{height:350px;padding:25px}.gallery-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr));max-height:300px}.gallery-sidebar h3{font-size:25px}.gallery-lightbox{padding:45px 15px 18px}.gallery-lightbox>img{height:65vh}.gallery-photo-label{font-size:12px}}