/* Final storefront rhythm. Preserve the charcoal / paper / Ketai red identity. */
:root{--mw-body-leading:1.8;--mw-radius:3px;--mw-ease:cubic-bezier(.2,.65,.3,1);--text:var(--ink,#242629)}
body{text-rendering:optimizeLegibility}
main{min-height:45vh}
main :is(p,li){line-height:var(--mw-body-leading)}
:is(h1,h2,h3,p){overflow-wrap:break-word}
:is(h1,h2,h3){text-wrap:balance}
:is(button,input,select,textarea){font:inherit}
:is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--red,#b82d42);outline-offset:4px}
:is(input,select,textarea){border-radius:var(--mw-radius)}
.data-table{font-variant-numeric:tabular-nums}
.data-table th{font-weight:500}
.data-table td{line-height:1.75;overflow-wrap:anywhere}
.data-table .note{margin:8px 0 0}
.english-name,.detail-meta,.company-facts b,.heritage-grid>div>b,.industry-number{font-variant-numeric:tabular-nums}
.hero-copy h1{font-weight:600;letter-spacing:-.035em}
.hero-copy h1 .hero-stop{color:var(--red)!important}
.btn:not(.secondary),.site-header .nav-contact-btn{background-color:var(--red);border-color:var(--red)}
.footer-grid .ketai-footer-mark img{filter:none;opacity:1;width:104px;height:auto}
.footer-qr-item p{line-height:1.6;text-wrap:balance;min-height:3.2em}
.hero-copy>.hero-positioning{max-width:33em;font-size:15px;line-height:1.85}
.hero-positioning strong{display:block;color:#f3f3f4;font-weight:500;margin-bottom:5px}
.hero-channels-subtle{max-width:36em;line-height:1.8}
.company-copy>p,.company-story>div>p{max-width:43em;line-height:1.9}
.company-copy h2,.company-story h2{font-weight:600;letter-spacing:-.025em}
.company-facts{font-variant-numeric:tabular-nums}
.process-strip>a{display:flex;flex-direction:column;min-width:0}
.process-strip>a>p{flex:1;margin-top:12px}
.process-strip>a>b{align-self:flex-end}
.industry-card{display:flex;flex-direction:column;border-radius:var(--mw-radius)}
.industry-card>p{flex:1;font-size:13px;line-height:1.85}
.industry-card h2{font-weight:600;line-height:1.5}
.industry-card>span:last-child{margin-top:24px}
.equipment-grid article{min-width:0}
.equipment-grid h3{font-size:18px;font-weight:600;line-height:1.5}
.equipment-grid p{line-height:1.85}
.equipment-grid img{display:block}
.partner-network-section img{display:block;width:100%;height:auto;border-radius:var(--mw-radius);box-shadow:none}
.partner-network-section figure{margin:24px 0 0}
.partner-network-section figcaption{margin-top:12px;font-size:12px;color:var(--muted);line-height:1.7}
.factory-panorama img{display:block}
.factory-panorama figcaption{max-width:calc(100% - 32px)}
.detail-top{align-items:start}
.detail-content{min-width:0}
.detail-content h1{font-weight:600;line-height:1.3;letter-spacing:-.025em}
.detail-content>.english-name{font-size:13px;line-height:1.7;color:var(--muted);margin-top:12px}
.detail-content>.detail-description{line-height:1.85}
.detail-visual{overflow:hidden}
.detail-visual.has-photo{padding:24px;min-height:380px}
.detail-visual.has-photo img{width:100%;height:360px;max-height:none;object-fit:contain;mix-blend-mode:normal}
.detail-visual.has-photo .detail-formula{width:100%;font-size:15px;color:var(--muted);margin-bottom:12px}
.detail-visual.has-photo .visual-note{width:100%;font-size:11px;line-height:1.7;margin:14px 0 0}
.detail-visual:not(.has-photo)>span:not(.detail-formula):not(.visual-note){display:none}
.detail-visual:not(.has-photo) img{height:300px;object-fit:contain}
.detail-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12px}
.detail-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px}
.detail-actions .quantity{width:72px;min-height:44px}
.detail-actions .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
details.supply-basis{border-left:2px solid var(--line);padding:12px 16px;background:transparent}
details.supply-basis summary{cursor:pointer;font-size:13px;font-weight:500}
details.supply-basis p{font-size:12px;line-height:1.8;margin:12px 0}
details.supply-basis .text-link{font-size:12px}
.selector-chips{gap:8px}
.selector-chip{line-height:1.5}
.related-grid{align-items:stretch}
.related-card{display:flex;flex-direction:column;min-width:0}
.related-card h3{line-height:1.5;font-weight:500}
.related-card>span{margin-top:auto;padding-top:10px}
.formula-art.has-product-photo img,.related-card .has-product-photo img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal}
.product-info{min-width:0}
.product-info h2{font-weight:500;line-height:1.55}
.product-info p{line-height:1.7}
.product-spec{font-variant-numeric:tabular-nums;line-height:1.75}
.product-card-grid .product-row{border-radius:var(--mw-radius)}
.product-card-grid .formula-art{width:100%;height:180px;aspect-ratio:auto}
.product-card-grid .product-info{flex:1;width:100%}
.product-card-grid .product-add{margin-top:auto;min-height:40px}
#pagination{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
#pagination :is(a,button){min-width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--line);border-radius:2px;background:transparent;color:var(--text);font-size:13px;text-decoration:none;transition:color 150ms,border-color 150ms,background-color 150ms}
#pagination :is(a,button).active{background:var(--text,#242629);border-color:var(--text,#242629);color:white}
#pagination button:disabled{opacity:.35;cursor:default}
#pagination a:hover{border-color:var(--red);color:var(--red)}
#pagination a.active:hover{color:#fff}
.catalog-results{min-width:0}
.catalog-intro{max-width:65em}
.catalog-search button,.catalog-search input{min-height:46px}
.hero-carousel-controls button{touch-action:manipulation}
.toolbox-heading{padding-top:42px;padding-bottom:26px}
.toolbox-heading h1{font-size:clamp(30px,3.5vw,46px);margin-bottom:14px}
.toolbox-heading p{max-width:720px}
.toolbox-next-steps{margin:12px 0 64px}
.toolbox-next-steps .feature-link h2{font-size:22px}
.research-workbench,.tools-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.research-workbench{padding-top:32px;padding-bottom:20px}
.research-workbench>a,.tool-hub-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--line);padding:24px;text-decoration:none;transition:border-color 180ms ease}
.research-workbench>a:hover,.tool-hub-card:hover{border-color:var(--red)}
.research-workbench h2{font-size:18px;font-weight:600;line-height:1.5;margin:14px 0 10px}
.research-workbench span{font-size:11px;color:var(--muted);letter-spacing:.06em}
.research-workbench p,.tool-hub-card p{font-size:13px;color:var(--muted);line-height:1.85}
.tools-hub{padding-bottom:64px}.tools-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:28px}
.tool-hub-card h2{font-size:24px;font-weight:600;line-height:1.4;margin:16px 0 12px}
.tool-hub-card .text-link{margin-top:auto;padding-top:22px;font-size:13px}
.tool-workspace{padding-bottom:64px}.tool-workspace>.tool-card-box{margin-bottom:24px}
.tool-reference{border-top:1px solid var(--line);padding:20px 0;color:var(--muted);font-size:12px;line-height:1.9}
.tool-reference summary{cursor:pointer;font-size:13px;color:var(--ink);font-weight:500}
.tool-reference p{max-width:80em;margin-top:14px}.tool-reference a{text-decoration:underline;text-underline-offset:3px}
.tool-sibling-nav{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid var(--line);padding-top:22px;font-size:13px}
@media(max-width:700px){.research-workbench,.tools-hub-grid{grid-template-columns:1fr;gap:14px}.research-workbench>a,.tool-hub-card{padding:20px}.tool-hub-card h2{font-size:21px}.research-workbench{padding-top:22px}.tool-sibling-nav{font-size:12px}}
@media(hover:hover) and (pointer:fine){.photo-product,.related-card,.industry-card,.equipment-grid article{transition:transform 180ms var(--mw-ease),border-color 180ms ease}.related-card:hover,.photo-product:hover{transform:translateY(-2px)}}
@media(max-width:950px){.detail-visual.has-photo{min-height:300px}.detail-visual.has-photo img{height:290px}.hero-copy>.hero-positioning{font-size:14px}}
/* The older breakpoints left 761–950px showing the full desktop navigation. */
@media(max-width:1100px){
  .site-header .header-inner{min-width:0}
  .site-header .nav{display:none;position:absolute;top:100%;left:0;right:0;width:auto;margin:0!important;padding:16px 24px;background:var(--brand-warm,#f4f3f1);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;max-height:calc(100dvh - 110px);overflow-y:auto;z-index:40}
  .site-header .nav.open{display:flex}
  .site-header .nav>a,.site-header .nav summary{padding:12px 0;min-height:44px}
  .site-header .nav-flyout{position:static;width:100%;min-width:0;box-shadow:none;transform:none;margin:0;padding:8px 16px}
  .site-header .mobile-menu{display:inline-flex}
  .site-header .header-tools{flex:0 0 auto;margin-left:auto!important}
  .site-header .nav-contact-btn{align-self:flex-start;padding:10px 16px!important;margin:8px 0}
}
@media(max-width:600px){.detail-visual.has-photo{max-height:none;min-height:0;padding:18px}.detail-visual.has-photo img{height:260px}.detail-visual:not(.has-photo) img{height:220px}.detail-actions .btn{flex:1 1 150px}.detail-actions .quantity{flex:0 0 64px}.company-copy>p,.company-story>div>p{font-size:14px}.product-card-grid .formula-art{height:150px}.hero-copy h1{letter-spacing:-.025em}.company-subnav{gap:14px;flex-wrap:wrap}.equipment-grid span{gap:12px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.related-card,.photo-product,.industry-card,.equipment-grid article{transition:none!important;transform:none!important}}
@media print{details.supply-basis>*{display:block!important}.detail-visual.has-photo img{height:auto;max-height:260px}.detail-actions,.selector-chips,.selector-label,#pagination{display:none!important}}