/* KINYEETON / trade edition. Existing crimson, charcoal and white palette. */
:root{--red:#e60013;--dark:#141414;--ink:#222;--muted:#646464;--line:#e3e3e3}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
body{font-size:16px}.container{width:min(1220px,91%)}
[data-header]{position:sticky;top:-32px;z-index:50;background:#fff}header.site{position:relative;top:auto;border-bottom:1px solid var(--line)}
.topbar{font-size:11px;letter-spacing:.6px}.topbar .container{height:32px}.topbar a{font-weight:400}.topbar .dot{padding:0 9px}
.nav{height:82px;gap:28px}.logo{font-size:27px;letter-spacing:-1px;font-weight:900}.logo .i{font-size:36px;line-height:1}
nav.menu{gap:24px}nav.menu a{font-size:13px;color:#444}.btn{border-radius:3px;padding:14px 22px;gap:14px;font-size:14px;min-height:48px}.btn.ghost{border:1px solid #c9c9c9}.btn.small{border-radius:3px;min-height:40px}
.inquiry-btn{background:var(--dark)}.inquiry-btn:hover{background:var(--red)}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.7px;color:var(--red);display:block;line-height:1.6}
.red-rule{display:inline-block;vertical-align:middle;width:23px;height:3px;background:var(--red);margin-right:8px}
.trade-hero{background:#f5f5f3;padding:60px 0 58px;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.hero-copy h1{font-size:clamp(42px,4.4vw,66px);letter-spacing:-2.7px;line-height:1.05;margin:22px 0 25px;font-weight:800}.hero-copy h1 em{font-style:normal;color:var(--red)}
.hero-copy>p{max-width:540px;color:#5a5a5a;font-size:16px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:28px;flex-wrap:wrap}
.text-link{display:inline-flex;gap:12px;align-items:center;font-size:13px;font-weight:700;border-bottom:1px solid #b9b9b9;padding:5px 0;color:var(--dark)}.text-link:hover{color:var(--red);border-color:var(--red)}
.hero-search{margin-top:32px;max-width:none;box-shadow:none;border:1px solid #d3d3d3;border-radius:3px;padding:4px;background:#fff}.hero-search input{font-size:14px;padding:12px}.hero-search button{border-radius:1px;font-size:13px;padding:10px 18px;white-space:nowrap}
.search-hint{font-size:11px;color:var(--muted);margin-top:8px}.search-hint a{text-decoration:underline;text-underline-offset:3px;margin:0 3px}
.hero-products{position:relative;border:1px solid #dededb;background:white;padding:20px}.hero-products::before{content:'';position:absolute;top:-1px;right:-1px;width:56px;height:5px;background:var(--red)}
.hero-product-heading{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.7px;font-weight:700;padding-bottom:15px;border-bottom:1px solid var(--line)}
.hero-feature{display:block;position:relative;padding-top:12px}.product-index{font-size:9px;letter-spacing:1.3px;color:var(--muted)}.hero-feature>img{display:block;width:100%;height:195px;object-fit:contain;margin:0 auto}.hero-feature>div{display:flex;justify-content:space-between;gap:18px;align-items:end;margin:0 0 18px}.hero-feature b{font-size:22px;letter-spacing:-.5px;line-height:1.2}.hero-feature div>span{font-size:10px;color:var(--muted);max-width:130px}
.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.hero-mini-grid>a{padding:12px 12px 0}.hero-mini-grid>a+a{border-left:1px solid var(--line)}.hero-mini-grid img{width:100%;height:85px;object-fit:contain}.hero-mini-grid span{display:flex;justify-content:space-between;font-size:11px;font-weight:700;margin-top:8px}.hero-mini-grid b{color:var(--red)}.hero-product-note{font-size:8px;letter-spacing:1px;color:#6b6b6b;margin-top:16px}
.trade-metrics{border-bottom:1px solid var(--line)}.trade-metrics>.container{display:grid;grid-template-columns:repeat(4,1fr);padding:26px 0}.trade-metrics .container>div{padding:0 25px;border-left:1px solid var(--line)}.trade-metrics .container>div:first-child{padding-left:0;border:0}.trade-metrics b{font-size:28px;line-height:1.2;letter-spacing:-.8px}.trade-metrics small{font-size:15px}.trade-metrics span{display:block;font-size:11px;color:var(--muted);margin-top:7px}
section.block{padding:78px 0}.section-heading{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:32px}.section-heading h2,.procurement h2,.faq-layout h2,.closing h2,.about-cols h2{font-size:clamp(28px,3vw,39px);letter-spacing:-1.3px;line-height:1.18;margin-top:12px;font-style:normal}.section-heading>p{max-width:340px;color:var(--muted);font-size:13px}
.range-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.range-card{border:1px solid var(--line);background:#fff;transition:border-color .2s}.range-card:hover{border-color:var(--red)}.range-art{height:180px;display:grid;place-items:center;background:linear-gradient(135deg,#f8f8f8,white);border-bottom:1px solid var(--line);overflow:hidden}.range-art img{width:90%;height:155px;object-fit:contain;mix-blend-mode:multiply}.range-number{font-size:92px;font-weight:850;font-style:italic;letter-spacing:-7px;color:#e0e0e0}.range-info{display:flex;gap:12px;align-items:center;padding:20px 20px 0}.range-info>span{font-size:10px;color:var(--red);font-family:Consolas,monospace}.range-info h3{font-size:17px;letter-spacing:-.4px;flex:1}.range-info>b{color:var(--red)}.range-card>p{padding:4px 20px 20px 47px;font-size:11px;color:var(--muted)}
.procurement{display:grid;grid-template-columns:1fr 1fr;gap:100px}.procurement-intro>p{color:var(--muted);font-size:15px;margin:23px 0;max-width:420px}.procurement-list article{display:flex;gap:24px;padding:23px 0;border-top:1px solid #d6d6d6}.procurement-list article:first-child{padding-top:0;border:0}.procurement-list article>span{color:var(--red);font-size:12px;font-family:Consolas,monospace}.procurement-list h3{font-size:18px;letter-spacing:-.4px}.procurement-list p{color:var(--muted);font-size:14px;margin-top:8px}
.brand-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border:1px solid var(--line)}.brand-strip a{border:0;border-radius:0;border-bottom:1px solid var(--line);min-width:0;padding:24px 8px;gap:7px}.brand-strip a b{font-size:12px;letter-spacing:0}.brand-strip a span{padding:0;border:0;background:none;font-size:10px;font-weight:400;letter-spacing:0}.brand-strip a:hover{box-shadow:none;transform:none;background:#f7f7f7;color:var(--red)}
.catalog-note{font-size:11px;color:var(--muted);line-height:1.8;margin-top:18px}.trade-process{background:var(--dark);color:white}.trade-process .eyebrow{color:#ff5c69}.trade-process .text-link{color:white}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:45px}.process-grid article{border-top:1px solid #484848;padding-top:23px}.process-grid article>b{font-size:12px;color:#ff5c69}.process-grid h3{font-size:17px;margin:22px 0 10px;letter-spacing:-.4px}.process-grid p{font-size:13px;color:#bcbcbc}
.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-layout>div>p{color:var(--muted);margin-top:18px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{cursor:pointer;font-weight:650;font-size:15px;list-style:none;padding-right:24px;position:relative}.faq-list summary::after{content:'+';position:absolute;right:0;color:var(--red);font-size:20px;top:-3px}.faq-list details[open] summary::after{content:'−'}.faq-list p{color:var(--muted);font-size:14px;margin-top:14px;max-width:560px}.closing{border-top:3px solid var(--red);padding-top:36px;display:flex;align-items:center;justify-content:space-between;gap:35px}.closing p{font-size:14px;color:var(--muted);max-width:530px;margin-top:18px}.closing h2{font-size:44px}.closing .btn{min-width:200px;justify-content:space-between}
.page-hero{background:var(--dark);padding:55px 0 65px}.page-hero::after{content:none}.page-hero h1{font-size:clamp(34px,4vw,51px);line-height:1.13;font-style:normal;letter-spacing:-1.5px;margin-top:15px}.page-hero p{max-width:670px;font-size:15px;margin-top:20px;color:#c5c5c5}.page-hero .eyebrow{color:#ff6571}
.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.support-grid article{border-top:2px solid var(--red);padding:25px 0}.support-grid article>span{font-size:10px;letter-spacing:1.5px;color:var(--red);font-weight:700}.support-grid h3{font-size:21px;margin:16px 0 12px;letter-spacing:-.5px}.support-grid p{font-size:14px;color:var(--muted)}.company-facts{background:#f5f5f5;padding:36px;border-top:4px solid var(--red)}.company-facts dl{margin-top:18px}.company-facts dl>div{padding:15px 0;border-bottom:1px solid #dedede}.company-facts dt{color:var(--muted);font-size:11px}.company-facts dd{font-size:14px;font-weight:600;margin-top:5px}.about-cols{gap:70px}.about-cols>div>p{margin:20px 0;font-size:15px}
.catalog-page .toolbar{margin:30px 0 16px;padding:18px;background:#f5f5f5;gap:10px;border:1px solid var(--line)}.toolbar input,.toolbar select{box-shadow:none;border-radius:3px;font-size:13px;min-width:145px}.toolbar input{min-width:230px}.result-bar{margin-top:20px;font-size:12px}.prod-grid{gap:20px}.pcard{border-radius:3px}.pcard .thumb{height:170px;padding:14px}.pcard .pn{border-radius:2px;user-select:text}.pcard .body,.modal table,.brand-strip{user-select:text;-webkit-user-select:text}.pcard h3{font-size:16px}.pcard .foot{gap:6px}.pcard .foot .btn{font-size:11px;padding:8px}.is-added{background:#333!important;color:white!important}.catalog-rfq{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:32px;background:#f4f4f4;border-left:4px solid var(--red);margin:50px 0}.catalog-rfq h2{font-size:23px;letter-spacing:-.5px}.catalog-rfq p{font-size:13px;color:var(--muted);max-width:650px;margin-top:8px}.catalog-rfq .btn{flex:none}
.drawer .item small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.drawer .item button,.modal .close{width:36px;min-height:36px}.drawer .foot .btn{font-size:12px;min-height:40px}.drawer .foot{gap:8px}.drawer{visibility:hidden}.drawer.open{visibility:visible}.modal-mask .modal{border-radius:4px}.chip{background:#f4f4f4;border-color:var(--line);color:var(--dark)}
.rfq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:75px;padding-top:55px;padding-bottom:65px;align-items:start}.rfq-aside{position:sticky;top:110px}.rfq-aside h2{font-size:35px;letter-spacing:-1px;margin:12px 0}.rfq-aside>p{font-size:14px;color:var(--muted);margin-bottom:28px}.contact-method{display:block;padding:22px 0;border-top:1px solid var(--line)}.contact-method>span{display:block;font-size:9px;letter-spacing:1.7px;color:var(--muted);margin-bottom:8px}.contact-method>b{font-size:16px}.contact-method>p{font-size:12px;color:var(--muted);margin-top:6px}.rfq-tip{padding:22px;background:#f4f4f4;margin-top:15px}.rfq-tip>b{font-size:14px}.rfq-tip p{font-size:12px;color:var(--muted);margin:10px 0}.rfq-tip .text-link{font-size:11px}
form.rfq-form{padding:32px;border-radius:3px;box-shadow:none}.rfq-form fieldset{border:0;padding:0 0 26px;margin:0 0 26px;border-bottom:1px solid var(--line);min-width:0}.rfq-form legend{font-size:19px;font-weight:700;letter-spacing:-.4px;margin-bottom:20px}.rfq-form legend>span{font-size:11px;color:var(--red);margin-right:10px;font-family:Consolas,monospace}.rfq-form .field{display:block;font-size:12px;color:#353535;font-weight:600}.field>span{color:var(--muted);font-weight:400;margin-left:8px}.rfq-form input,.rfq-form select,.rfq-form textarea{display:block;margin-top:7px;font-size:13px;border-radius:3px;padding:11px 12px;max-width:100%}.rfq-form textarea{min-height:100px}.rfq-form .frow{gap:16px}.field-help{font-size:11px;color:var(--muted);margin:10px 0 18px}.rfq-form .text-link{font-size:12px;margin:10px 0 20px}.rfq-empty{padding:18px;background:#f5f5f5;font-size:13px;color:var(--muted)}.rfq-item{display:grid;grid-template-columns:55px minmax(0,1fr) 76px 30px;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.rfq-item>img{width:55px;height:55px;object-fit:contain}.rfq-item b{display:block;font-size:13px}.rfq-item code{display:block;font-size:11px;overflow-wrap:anywhere}.rfq-item small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.rfq-item .field{font-size:10px}.rfq-item input{padding:6px;font-size:12px;margin-top:3px}.rfq-item button{background:none;border:0;color:var(--red);font-size:19px;cursor:pointer;min-height:40px}.rfq-send{display:flex;gap:12px;flex-wrap:wrap}.rfq-send .btn{flex:1;justify-content:center;font-size:13px}.rfq-tools{display:flex;gap:20px;margin-top:20px}.rfq-tools button{background:none;border:0;border-bottom:1px solid #aaa;padding:4px 0;cursor:pointer;font:inherit;font-size:11px}.form-status{font-size:13px;color:var(--red);margin:0 0 15px}.rfq-form [aria-invalid=true]{border-color:var(--red);box-shadow:0 0 0 1px var(--red)}
footer.site{margin-top:0;border-top:1px solid #303030;padding-top:45px}footer.site .cols{grid-template-columns:1.8fr 1fr 1fr 1.4fr}footer.site .logo{font-size:25px}footer.site .legal{color:#aaa;font-size:11px}footer.site .cols a{font-size:12px}
@media(min-width:861px) and (max-width:1100px){.nav{gap:18px}nav.menu{gap:16px}.hero-layout{gap:32px}.hero-copy h1{font-size:49px}.hero-actions{gap:12px}.hero-actions .text-link{font-size:11px}.procurement{gap:50px}}
@media(max-width:860px){.nav{height:70px;gap:15px}.logo{font-size:24px}.nav .inquiry-btn{margin-left:auto}.topbar .container div:first-child{display:none}.topbar .container{justify-content:center}.topbar{font-size:10px}.menu-btn{border-radius:3px;margin-left:0}nav.menu{gap:0}.trade-hero{padding:38px 0}.hero-layout{gap:32px;grid-template-columns:1fr 1fr}.hero-copy h1{font-size:42px;letter-spacing:-1.6px}.hero-copy>p{font-size:14px}.hero-feature>img{height:160px}.hero-feature b{font-size:18px}.hero-feature div>span{display:none}.hero-actions{gap:15px}.hero-actions .btn{font-size:12px;padding:12px 15px}.hero-actions .text-link{font-size:11px}.hero-search input{font-size:12px;padding:10px 5px}.hero-search button{font-size:11px;padding:9px}.hero-mini-grid img{height:65px}.hero-products{padding:15px}.hero-product-heading{font-size:8px;letter-spacing:1px}.trade-metrics b{font-size:23px}.trade-metrics .container>div{padding:0 15px}.trade-metrics span{font-size:10px}.range-grid{gap:14px}.range-info{padding:16px 12px 0;gap:8px}.range-info h3{font-size:14px}.range-card>p{padding:5px 12px 16px;font-size:10px}.range-art{height:145px}.range-art img{height:125px}.procurement,.faq-layout{gap:40px}.brand-strip{grid-template-columns:repeat(4,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.rfq-layout{gap:30px;grid-template-columns:.65fr 1.35fr}.rfq-aside h2{font-size:27px}form.rfq-form{padding:22px}.rfq-form .frow{grid-template-columns:1fr}.support-grid{gap:20px}.contact-method>b{font-size:13px}.company-facts{padding:25px}footer.site .cols{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.container{width:90%}.hero-layout{grid-template-columns:1fr;gap:30px}.trade-hero{padding:32px 0}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.1px}.hero-copy h1{font-size:44px;letter-spacing:-1.8px;margin:20px 0}.hero-copy>p{font-size:14px;line-height:1.75}.hero-actions{gap:17px}.hero-search{margin-top:25px}.hero-search input{font-size:16px;padding:10px}.hero-search button{font-size:12px;padding:10px}.hero-products{padding:18px;max-width:450px;width:100%;margin:auto}.hero-feature>img{height:155px}.hero-feature>div{margin-bottom:15px}.hero-feature b{font-size:20px}.hero-feature div>span{display:block;font-size:10px}.hero-mini-grid img{height:60px}.hero-product-note{font-size:7px}.trade-metrics>.container{grid-template-columns:repeat(2,1fr);gap:22px;padding:24px 0}.trade-metrics .container>div{padding:0 15px}.trade-metrics .container>div:nth-child(odd){padding-left:0;border:0}.trade-metrics b{font-size:25px}.trade-metrics span{font-size:10px}section.block{padding:48px 0}.section-heading{align-items:start;flex-direction:column;gap:16px;margin-bottom:24px}.section-heading h2,.procurement h2,.faq-layout h2{font-size:30px;letter-spacing:-1px}.range-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.range-art{height:130px}.range-art img{height:110px}.range-info{padding:14px 12px 0}.range-info>span{display:none}.range-info h3{font-size:13px}.range-card>p{font-size:9px;line-height:1.5;padding:6px 12px 14px}.range-number{font-size:72px}.procurement,.faq-layout,.rfq-layout{grid-template-columns:1fr;gap:30px}.procurement-intro>p{font-size:14px;margin:18px 0}.procurement-list h3{font-size:17px}.procurement-list p{font-size:13px}.brand-strip{grid-template-columns:repeat(3,1fr)}.brand-strip a{padding:20px 5px}.brand-strip a b{font-size:10px}.brand-strip a span{font-size:9px}.process-grid{gap:25px 18px;margin-top:30px}.process-grid h3{font-size:15px;line-height:1.35;margin-top:16px}.process-grid p{font-size:12px}.closing{flex-direction:column;align-items:start;gap:24px}.closing h2{font-size:36px}.closing .btn{width:100%}.page-hero{padding:36px 0 42px}.page-hero h1{font-size:36px;letter-spacing:-1px}.page-hero p{font-size:13px;margin-top:16px}.support-grid{grid-template-columns:1fr;gap:4px}.support-grid article{padding:22px 0}.about-cols{gap:25px}.about-cols>div>p{font-size:14px}.catalog-page .toolbar{grid-template-columns:1fr 1fr;padding:12px;margin-top:20px}.toolbar input{min-width:0;font-size:16px}.toolbar select{min-width:0;font-size:13px;padding:0 8px}.prod-grid{gap:12px}.pcard .thumb{height:135px;padding:8px}.pcard .body{padding:12px}.pcard h3{font-size:14px}.pcard .foot{flex-direction:column}.pcard .foot .btn{min-height:40px;font-size:11px}.pcard .pn{font-size:11px}.pcard .cat{font-size:9px}.catalog-rfq{flex-direction:column;align-items:start;padding:24px;margin:32px 0}.catalog-rfq h2{font-size:22px}.rfq-layout{padding-top:35px;padding-bottom:40px;gap:28px}.rfq-aside{position:static}.rfq-aside h2{font-size:30px}.rfq-aside .contact-method{padding:15px 0}.rfq-tip{margin-top:10px}.contact-method>b{font-size:15px}form.rfq-form{padding:20px 15px}.rfq-form legend{font-size:18px}.rfq-form input,.rfq-form textarea,.rfq-form select{font-size:16px}.rfq-item{grid-template-columns:minmax(0,1fr) 76px 28px;gap:10px}.rfq-item>img{display:none}.rfq-item input{font-size:16px}.rfq-item b{font-size:12px}.rfq-item code{font-size:10px}.rfq-tools{gap:18px}.rfq-send{flex-direction:column}.rfq-tools button{min-height:36px}.faq-list summary{font-size:14px}footer.site .cols{grid-template-columns:1fr 1fr;gap:25px}footer.site .cols>div:first-child{grid-column:1/-1}footer.site .cols>div:last-child{grid-column:1/-1}.nav .inquiry-btn{font-size:11px;min-height:38px;padding:8px 12px}.logo{font-size:23px}.nav{gap:10px}.eyebrow{font-size:10px}}