@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--navy:#092e42;--teal:#008979;--mint:#79e1d1;--muted:#5a6c74;--line:#dae3e6;--pale:#f2f6f7;--white:#fff;--font:'DM Sans','Noto Sans SC',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--navy);font:16px/1.7 var(--font);background:#fff}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #008979;outline-offset:4px}h1,h2,h3,p{margin:0}button{color:inherit}.skip{position:fixed;top:-100px;left:12px;background:#fff;z-index:20;padding:8px}.skip:focus{top:12px}.topbar{height:36px;background:var(--navy);color:#c7dce4;display:flex;justify-content:space-between;align-items:center;padding:0 5%;font-size:12px;letter-spacing:.04em}.topbar a{font-size:12px}.header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#fffffff5;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;font-size:30px;font-weight:700;line-height:1;letter-spacing:.07em}.brand-mark{display:grid;place-items:center;background:var(--teal);color:#fff;width:43px;height:46px;font-size:31px;font-weight:500;clip-path:polygon(24% 0,100% 0,100% 100%,0 100%,0 23%)}.brand small{display:block;font-size:10px;letter-spacing:.13em;margin-top:8px}.header nav{display:flex;gap:36px;font-size:14px;font-weight:500}.header nav a:hover,.text-link:hover{color:var(--teal)}.lang{border:0;border-left:1px solid var(--line);padding:4px 0 4px 24px;background:transparent;font-weight:600;font-size:14px}.lang span{color:#687b84;font-weight:400}.hero{display:grid;grid-template-columns:1.02fr 1fr;min-height:580px}.hero-copy{padding:68px 9.8% 26px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--teal);margin-bottom:22px}h1{font-size:clamp(36px,4.1vw,66px);font-weight:500;line-height:1.3;letter-spacing:-.055em}.hero-intro{color:var(--muted);margin-top:28px;max-width:440px;font-size:16px;line-height:1.9}.actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:14px 24px;font-weight:500;font-size:14px;border:0}.primary{background:var(--teal);color:#fff}.primary:hover{background:#007468}.text-link{font-size:14px;font-weight:500}.hero-foot{border-top:1px solid var(--line);margin-top:57px;padding-top:18px;display:flex;justify-content:space-between;gap:10px;color:#647982;font-size:11px;letter-spacing:.08em}.hero-visual{background:var(--navy);position:relative;overflow:hidden;color:#fff;min-height:520px;background-position:center;background-size:cover}.hero-visual::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#032a3c33 40%,#032a3cbb)}.visual-top{position:absolute;top:30px;left:36px;right:36px;font-size:11px;letter-spacing:.14em;display:flex;justify-content:space-between;color:#d0e5ed}.visual-copy{position:absolute;left:44px;bottom:48px}.visual-copy p{font-size:34px;line-height:1.45;font-weight:400;letter-spacing:.04em;margin:16px 0}.visual-copy>span:last-child{font-size:10px;letter-spacing:.17em;color:#bdced4}.visual-line{display:block;height:2px;width:40px;background:var(--mint)}.image-note{position:absolute;right:24px;bottom:18px;color:#d0e5ed;font-size:10px}.facts{display:flex;align-items:center;gap:5%;border-bottom:1px solid var(--line);padding:30px 5%}.facts>div{display:flex;align-items:center;gap:16px;padding-right:5%;border-right:1px solid var(--line)}.facts strong{font-size:36px;font-weight:500;letter-spacing:-.06em;line-height:1}.facts span{font-size:13px;color:var(--muted)}.facts p{font-size:13px;color:var(--muted)}.section{padding:90px 5%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px}.section-heading .eyebrow{margin-bottom:16px}h2{font-size:36px;font-weight:500;line-height:1.45;letter-spacing:-.03em}.section-heading>p{font-size:14px;max-width:340px;color:var(--muted);padding-bottom:6px}.preview-products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.preview-products article{border:1px solid var(--line);padding:28px}.preview-products span{font-size:11px;color:var(--teal)}.preview-products h3{font-size:22px;margin:20px 0 12px}.preview-products p{font-size:14px;color:var(--muted)}.services{background:var(--pale)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:38px;margin-top:46px}.service-grid article{border-top:1px solid #b9cacd;padding-top:20px}.service-grid article>span{font-size:13px;color:var(--teal)}.service-grid h3{font-size:21px;font-weight:500;margin:23px 0 16px}.service-grid p{font-size:14px;color:var(--muted);max-width:280px}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-lead{font-size:24px;line-height:1.65;margin-bottom:24px}.about>div>p:not(.eyebrow):not(.about-lead){font-size:15px;color:var(--muted);margin-bottom:24px}.contact{background:var(--navy);color:white;padding:70px 8%;display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.contact .eyebrow{color:var(--mint)}.contact h2{font-size:42px;line-height:1.5;margin-bottom:30px}.light{background:var(--mint);color:var(--navy)}.contact-details{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:30px}.contact-details>div{border-top:1px solid #456270;padding-top:14px}.contact-details span{display:block;color:#93b0be;font-size:12px;margin-bottom:6px}.contact-details strong,.contact-details a{font-size:16px;font-weight:400;overflow-wrap:anywhere}footer{display:flex;align-items:center;justify-content:space-between;padding:34px 5%;gap:24px}footer p{font-size:11px;color:#70838c;max-width:430px}footer>a:last-child{font-size:12px}.footer-brand{font-size:22px;font-weight:700;letter-spacing:.07em}.footer-brand span{display:block;font-size:10px;font-weight:400;letter-spacing:0}
@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:1050px){.header nav{gap:22px}.hero-copy{padding-top:48px}h1{font-size:43px}.hero{min-height:540px}.hero-foot{margin-top:38px}.actions{gap:18px}.contact{gap:40px}.facts{gap:3%}.facts>div{padding-right:3%}.service-grid{gap:22px}}@media(max-width:760px){.topbar{height:30px;font-size:10px}.topbar a{font-size:10px}.header{height:auto;min-height:78px;flex-wrap:wrap;padding-top:17px;padding-bottom:12px;gap:18px}.brand{font-size:24px}.brand small{font-size:9px}.brand-mark{width:34px;height:38px;font-size:25px}.header nav{order:3;width:100%;justify-content:space-between;gap:10px;font-size:13px;border-top:1px solid var(--line);padding-top:11px}.lang{font-size:13px}.hero{grid-template-columns:1fr}.hero-copy{padding:44px 6% 26px}h1{font-size:43px}.hero-intro{margin-top:20px}.hero-foot{margin-top:30px}.hero-visual{min-height:360px}.visual-copy{left:26px;bottom:36px}.visual-copy p{font-size:28px}.visual-top{left:26px;right:26px}.facts{flex-wrap:wrap;gap:20px;padding:26px 6%}.facts>div{flex:1;padding-right:0}.facts>div:nth-child(2){border:0}.facts p{width:100%;font-size:12px}.facts strong{font-size:32px}.section{padding:55px 6%}.section-heading{display:block;margin-bottom:24px}h2{font-size:29px}.section-heading>p{margin-top:14px}.eyebrow{font-size:11px;margin-bottom:15px}.preview-products{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr;gap:32px 20px;margin-top:30px}.service-grid h3{font-size:19px;margin:17px 0 10px}.about{grid-template-columns:1fr;gap:26px}.about-lead{font-size:21px}.contact{grid-template-columns:1fr;padding:48px 6%;gap:42px}.contact h2{font-size:33px}.contact-details{gap:24px}.contact-details a{font-size:14px}footer{align-items:flex-start;flex-wrap:wrap;padding:28px 6%}footer p{order:3;width:100%}.hero-visual{background-position:center 48%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.hero-visual{background-image:url('/assets/materials-hero.webp')}.hero-visual::before{background:linear-gradient(180deg,#062e3e00 40%,#052c41a6)}.visual-copy{bottom:40px}.visual-copy p{font-size:30px}.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-bottom:28px}.search-field{height:54px;border:1px solid #bdccd1;display:flex;align-items:center;gap:14px;padding:0 18px;max-width:600px;width:60%;background:#fff}.search-field:focus-within{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}.search-field input{border:0;background:transparent;outline:none;width:100%;font-size:14px;min-width:0;color:var(--navy)}.search-field input::-webkit-search-cancel-button{-webkit-appearance:none}.search-icon{width:15px;height:15px;border:1.5px solid #60767f;border-radius:50%;position:relative;flex-shrink:0;margin-right:4px}.search-icon::after{content:'';position:absolute;right:-5px;bottom:-3px;width:6px;height:1.5px;background:#60767f;transform:rotate(45deg)}.search-field button{border:0;background:transparent;font-size:25px;line-height:1;padding:0 4px;color:var(--muted)}.catalog-contact{font-size:13px;color:var(--teal);font-weight:500}.catalog-layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:34px}.category-panel>p{font-size:12px;letter-spacing:.08em;color:#6e828c;margin-bottom:15px}.category-panel>button{display:flex;gap:10px;align-items:center;justify-content:space-between;width:100%;text-align:left;background:#fff;border:0;border-bottom:1px solid var(--line);padding:15px 12px;font-size:13px;line-height:1.7;transition:background .15s}.category-panel>button small{font-size:11px;color:#8298a1;font-weight:400}.category-panel>button:hover{background:var(--pale)}.category-panel>button.active{background:var(--navy);color:#fff}.category-panel>button.active small{color:#a3dfd7}.category-help{padding:26px 17px;background:#edf5f4;margin-top:28px}.category-help>span{font-size:10px;letter-spacing:.15em;color:var(--teal)}.category-help p{font-size:16px;line-height:1.9;margin:10px 0 16px}.category-help a{font-size:12px;color:var(--teal)}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:27px;margin-bottom:15px;scroll-margin-top:115px}.result-heading h3{font-size:16px;font-weight:500}.result-heading>span{font-size:12px;color:var(--muted);white-space:nowrap}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-card{padding:22px 18px 0;border:1px solid var(--line);display:flex;flex-direction:column;min-width:0;transition:border-color .2s,box-shadow .2s;background:#fff}.product-card:hover{border-color:#8baeb4;box-shadow:0 8px 22px #143b4809}.card-top{font-size:10px;line-height:1.6;color:var(--teal);display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between;margin-bottom:17px}.product-number{font-size:10px;color:#879ca4;white-space:nowrap}.product-card h3{font-size:18px;font-weight:500;line-height:1.55}.product-card h3 button{font:inherit;background:none;border:0;padding:0;text-align:left;overflow-wrap:anywhere}.product-secondary{font-size:11px;line-height:1.6;color:#7a8c95;min-height:40px;margin:9px 0 20px;overflow-wrap:anywhere}.product-card dl{font-size:12px;margin:0 0 18px;display:grid;gap:6px;margin-top:auto}.product-card dl>div{display:flex;justify-content:space-between;gap:10px}.product-card dt{color:#7a8c95;flex-shrink:0}.product-card dd{margin:0;text-align:right;overflow-wrap:anywhere}.product-link{border:0;border-top:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 0;font-size:12px;color:var(--teal)}.pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:28px;font-size:12px}.pagination button{border:1px solid var(--line);padding:7px 14px;background:white;font-size:12px}.pagination button:disabled{opacity:.4;cursor:default}.catalog-note{font-size:11px;color:#7b8d96;margin-top:24px}.empty-state{grid-column:1/-1;padding:60px 20px;text-align:center;background:var(--pale);min-height:340px}.empty-state h3{font-size:23px;font-weight:500}.empty-state p{font-size:14px;color:var(--muted);margin:15px auto 24px;max-width:380px}dialog{border:0;width:min(720px,calc(100% - 32px));max-height:90vh;max-height:90dvh;padding:42px;color:var(--navy);box-shadow:0 20px 90px #00233340;background:#fff;overflow:auto}dialog::backdrop{background:#031d32a6;backdrop-filter:blur(3px)}.close-dialog{position:absolute;right:14px;top:9px;border:0;background:white;font-size:30px;line-height:1;padding:9px}.dialog-open{overflow:hidden}dialog .eyebrow{padding-right:20px;font-size:11px}dialog h2{font-size:28px;overflow-wrap:anywhere;line-height:1.5}.detail-secondary{color:var(--muted);margin:10px 0 23px;overflow-wrap:anywhere;font-size:14px}.detail-specs{border-top:1px solid var(--line);margin:26px 0}.detail-specs>div{display:grid;grid-template-columns:105px 1fr;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.detail-specs dt{color:#768b94}.detail-specs dd{margin:0;overflow-wrap:anywhere}.detail-note,.mail-note{font-size:12px;color:var(--muted);line-height:1.8}.inquiry-link{margin-top:24px;min-width:225px}.mail-note{margin-top:10px}.review-note{padding:10px 14px;background:#f1f5f5;font-size:13px}.preview-products{display:none}html[lang=en] .hero-copy h1{letter-spacing:-.055em;font-size:clamp(40px,4.4vw,66px);line-height:1.14}html[lang=en] .category-panel>button{font-size:12px}html[lang=en] .service-grid h3{font-size:19px}html[lang=en] .card-top{min-height:33px}html[lang=en] .product-card h3{font-size:16px}html[lang=en] .facts p{max-width:570px}
@media(max-width:1150px){.catalog-layout{grid-template-columns:210px minmax(0,1fr);gap:24px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card h3{font-size:18px}.category-panel>button{padding:13px 10px}.category-help p{font-size:14px}.hero-visual{background-position:57% center}}@media(max-width:760px){.catalog-tools{display:block}.search-field{width:100%;height:50px}.catalog-contact{display:inline-block;margin-top:12px;font-size:12px}.catalog-layout{grid-template-columns:1fr;gap:23px}.category-panel{display:flex;gap:8px;overflow-x:auto;padding-bottom:9px;overscroll-behavior-x:contain}.category-panel>p,.category-help{display:none}.category-panel>button{width:auto;flex-shrink:0;border:1px solid var(--line);padding:8px 12px;max-width:220px;font-size:12px;white-space:normal}.category-panel>button.active{border-color:var(--navy)}.product-grid{gap:12px}.product-card{padding:17px 13px 0}.product-card h3{font-size:16px}.product-secondary{font-size:10px;margin-bottom:15px}.card-top{font-size:10px;min-height:31px}.product-number{font-size:9px}.product-card dl{font-size:11px}.product-card dl>div{display:block}.product-card dd{text-align:left}.product-card dt{font-size:10px}.result-heading{gap:10px}.result-heading h3{font-size:14px;max-width:70%}.result-heading>span{font-size:11px}.catalog-note{font-size:11px}.pagination{gap:18px}.pagination button{font-size:12px;padding:8px 12px}.visual-copy p{font-size:27px}dialog{padding:32px 24px}dialog h2{font-size:24px}.detail-specs>div{grid-template-columns:85px 1fr;gap:14px;font-size:13px}html[lang=en] .product-card h3{font-size:14px}html[lang=en] .hero-copy h1{font-size:49px}html[lang=en] .contact h2{font-size:35px}html[lang=en] .facts p{font-size:11px}.result-heading{scroll-margin-top:150px}}
/* Readable type across both languages. */
.topbar,.topbar a{font-size:12px}.brand small{font-size:12px;letter-spacing:.03em}.hero-foot,.visual-top,.visual-copy>span:last-child,.image-note{font-size:12px}.facts span,.facts p{font-size:14px}.section-heading>p,.service-grid p,.about>div>p:not(.eyebrow):not(.about-lead){font-size:16px}.header nav,.lang,.text-link,.button,.catalog-contact,.category-panel>button,.category-help a,.product-card dl,.product-link,.pagination,.pagination button,.result-heading>span{font-size:14px}.eyebrow,.category-panel>p,.category-panel>button small,.category-help>span,.card-top,.product-number,.product-secondary,.catalog-note,.detail-note,.mail-note,.contact-details span,footer p,footer>a:last-child,.footer-brand span{font-size:12px}.contact-details strong,.contact-details a{font-size:16px}html[lang=en] .category-panel>button{font-size:14px}html[lang=en] .product-card h3{font-size:16px}.card-top{min-height:40px}.product-secondary{min-height:44px}.product-card dl>div{flex-wrap:wrap}.product-card dl dt{font-size:12px}html[lang=en] .facts p{font-size:14px}.product-number{color:#526b76}.product-secondary{color:#536e79}.card-top{color:#007568}.catalog-note{color:#586f79}.contact-details span{color:#b2c8d2}footer p{color:#546d78}
@media(max-width:760px){.brand small{font-size:10px}.hero-foot{font-size:12px}.facts p{font-size:14px}.service-grid p{font-size:16px}.product-grid{grid-template-columns:1fr}.product-card{padding:23px 22px 0}.product-card h3{font-size:20px}html[lang=en] .product-card h3{font-size:18px}.product-secondary{min-height:0;margin-bottom:23px}.card-top{min-height:0;font-size:12px}.product-number{font-size:12px}.product-card dl{font-size:14px}.product-card dl>div{display:flex}.product-card dd{text-align:right}.product-card dl dt{font-size:14px}.product-link{font-size:14px;padding:15px 0}.category-panel>button{font-size:14px}.result-heading>span{font-size:12px}.catalog-note{font-size:12px}.contact-details{grid-template-columns:1fr}.contact-details a{font-size:16px}.pagination,.pagination button{font-size:14px}.detail-specs>div{font-size:14px}.catalog-contact{font-size:14px}html[lang=en] .facts p{font-size:14px}.topbar>span{max-width:44%;white-space:nowrap;overflow:hidden}.topbar,.topbar a{font-size:10px}.header nav{font-size:14px}.hero-foot>span:last-child{font-size:11px}.brand small{font-size:10px}}
.contact-actions,.inquiry-actions,.dialog-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.contact-actions{margin-top:8px}.inquiry-actions{margin-top:24px}.secondary{border:1px solid #b7cdd2;background:#fff;color:var(--navy)}.outline-light{border:1px solid #769eae;background:transparent;color:#fff}.inline-contact{border:0;padding:0;background:transparent;color:inherit;font-size:16px;line-height:1.7;text-align:left;cursor:pointer}.inline-contact:hover{text-decoration:underline;text-underline-offset:4px}.contact-details .inline-contact{overflow-wrap:anywhere}.wechat-image{display:block;width:min(100%,320px);height:auto;margin:16px auto;object-fit:contain}.contact-instructions{font-size:14px;line-height:1.8;color:var(--muted);margin:20px 0}.contact-account{font-size:14px;color:var(--muted);margin-top:15px}.copy-feedback{font-size:14px;color:var(--teal);min-height:24px;margin-top:12px}.copy-fallback{position:fixed;opacity:0;pointer-events:none;left:0;top:0}.contact-product{background:var(--pale);padding:15px 18px;margin-top:18px;font-size:14px}.contact-product>span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.contact-product strong{display:block;font-weight:500;line-height:1.7;overflow-wrap:anywhere}.copy-button{font-size:13px;background:transparent;border:0;padding:8px 0 0;color:var(--teal);text-decoration:underline;text-underline-offset:3px}.qq-number{padding:32px 0}.qq-number span{display:block;color:var(--muted);font-size:14px}.qq-number strong{font-size:45px;font-weight:500;letter-spacing:.03em}#contact-dialog{width:min(560px,calc(100% - 32px));padding:34px}#contact-dialog .eyebrow{margin-bottom:12px}#contact-dialog h2{font-size:28px}.dialog-actions .button{gap:15px;padding:12px 18px}
@media(max-width:760px){#contact-dialog{padding:28px 23px}.wechat-image{width:min(100%,290px)}.dialog-actions .button{font-size:14px;padding:12px 14px}.contact-actions .button{gap:20px}.qq-number strong{font-size:39px}}
/* Original approved logo: preserve the 300 × 100 artwork proportions. */
.brand-identity{display:block;width:216px}.brand .trademark-original,.footer-brand .trademark-original{display:block;position:static;width:216px;height:auto;overflow:visible;font-size:0;line-height:0}.trademark-original img{display:block;position:static;width:100%;height:auto;max-width:100%;object-fit:contain;transform:none}.brand small{display:block;font-size:12px;font-weight:400;letter-spacing:.05em;text-align:center;margin-top:4px;line-height:1.3}.footer-brand>span:last-child{display:block;font-size:12px;font-weight:400;text-align:center;margin-top:4px;line-height:1.3;letter-spacing:.05em}.brand{letter-spacing:0}.footer-brand{display:block;width:216px}.brand-mark{display:none}.header{min-height:100px}
@media(max-width:760px){.brand-identity,.brand .trademark-original{width:204px}.brand small{font-size:11px;margin-top:4px;letter-spacing:.04em}.header{padding-top:5px}}

/* Product families and inquiry status. */
.header nav{gap:26px}#portfolio,#products{scroll-margin-top:110px}
.portfolio{background:#f2f7f8;border-bottom:1px solid var(--line)}
.family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.family-card{display:flex;flex-direction:column;padding:27px 28px 24px;background:#fff;border:1px solid #d5e1e4;border-top:3px solid var(--teal);min-width:0;transition:border-color .15s,background .15s}
.family-card:hover{border-color:var(--teal);background:#fafffe}.family-card:focus-visible,.additional-families a:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.family-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;color:#536e79;margin-bottom:26px}.family-meta>span:first-child{font-size:22px;font-weight:500;color:var(--teal)}
.family-card h3{font-size:25px;font-weight:500;line-height:1.4;margin-bottom:15px;overflow-wrap:anywhere}.family-card p{font-size:16px;color:var(--muted);line-height:1.8;margin-bottom:24px}.family-browse{font-size:14px;color:var(--teal);margin-top:auto;border-top:1px solid var(--line);padding-top:16px}
.additional-families{margin-top:38px}.additional-families h3{font-size:17px;font-weight:500;margin-bottom:17px}.additional-families>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 24px}.additional-families a{display:flex;justify-content:space-between;gap:12px;font-size:14px;line-height:1.65;border-bottom:1px solid #cddde1;padding:8px 0 12px}.additional-families a:hover{color:var(--teal)}.additional-families a span{color:#5c7783;font-size:12px}
.category-panel .category-group-label{font-size:12px;margin:25px 0 8px;letter-spacing:.06em;color:#526b76}.category-panel>button{font-size:14px;padding:13px 12px;line-height:1.6}.category-panel>button small{font-size:12px}.category-panel{align-self:start}.catalog-layout{grid-template-columns:246px minmax(0,1fr);gap:30px}
.category-overview{background:#edf5f5;padding:26px;margin-bottom:22px;border-left:3px solid var(--teal)}.category-overview .eyebrow{font-size:12px;margin-bottom:10px}.category-overview h3{font-size:27px;font-weight:500;line-height:1.4;margin-bottom:12px}.category-overview>p:last-child{font-size:16px;color:var(--muted)}
.subcategory-filter{display:flex;align-items:center;gap:18px;margin-bottom:26px}.subcategory-filter label,.mobile-category label{font-size:14px;flex-shrink:0}.subcategory-filter select,.mobile-category select{font:inherit;font-size:14px;line-height:1.5;padding:11px 35px 11px 13px;background:#fff;border:1px solid #b8cdd3;color:var(--navy);max-width:100%;min-width:0}.subcategory-filter select{max-width:calc(100% - 92px);width:420px}.mobile-category{display:none}.result-heading{align-items:flex-start}.result-heading h3{line-height:1.7}
.specialty-note{border:1px solid #b6d7d3;background:#f4fbf9;padding:23px 26px;margin-bottom:24px}.specialty-note h4{font-size:18px;font-weight:500;margin-bottom:10px}.specialty-note p{font-size:16px;color:var(--muted);margin-bottom:14px}.specialty-note a{font-size:14px;color:var(--teal);text-decoration:underline;text-underline-offset:4px}
html[lang=en] .family-card h3{font-size:23px}html[lang=en] .family-meta{font-size:12px}.product-card h3 button:focus-visible,.product-link:focus-visible,.category-panel button:focus-visible,select:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
@media(max-width:1100px){.header nav{gap:16px}.family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.additional-families>div{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-layout{grid-template-columns:224px minmax(0,1fr);gap:24px}}
@media(max-width:760px){#portfolio,#products{scroll-margin-top:156px}.header nav{gap:8px;font-size:13px}.header nav a{white-space:nowrap}.family-grid{grid-template-columns:1fr;gap:15px}.family-card{padding:23px 24px}.family-meta{margin-bottom:18px}.family-card h3,html[lang=en] .family-card h3{font-size:23px}.family-card p{margin-bottom:20px}.additional-families>div{grid-template-columns:1fr}.additional-families{margin-top:28px}.catalog-layout{grid-template-columns:1fr}.category-panel{display:none}.mobile-category{display:flex;flex-direction:column;gap:8px;margin-bottom:23px}.mobile-category select{width:100%}.category-overview{padding:22px}.category-overview h3{font-size:24px}.subcategory-filter{display:flex;flex-direction:column;align-items:stretch;gap:8px}.subcategory-filter select{max-width:100%;width:100%}.specialty-note{padding:21px}.catalog-tools{margin-bottom:22px}.result-heading h3{max-width:70%;font-size:15px}}
.product-statuses{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 13px;font-size:12px;line-height:1.5}.product-status,.identity-status{padding:4px 8px;border:1px solid #cbdde1;color:#3b626e;background:#f4f8f9}.product-status.development,.product-status.research,.identity-status{border-color:#dfd2b6;background:#faf6ed;color:#74603b}.product-status.trial{border-color:#bad6cc;background:#edf8f2;color:#2b6550}.product-status.brand{border-color:#c6cde2;background:#f2f4fa;color:#485978}.catalog-status-filter{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:28px;padding:16px 18px;background:#f2f7f8}.catalog-status-filter label{font-size:14px}.catalog-status-filter select{font:inherit;font-size:14px;padding:9px 28px 9px 12px;border:1px solid #b8cdd3;background:#fff;color:var(--navy)}.catalog-status-filter>span{font-size:13px;color:#526c77;flex:1;min-width:220px}.product-card dd{white-space:pre-line}.detail-specs dd{white-space:pre-line}.detail-status{margin:14px 0}.detail-public-note{padding:14px 17px;background:#f2f7f8;font-size:14px;line-height:1.8;margin-top:15px}.catalog-edition{font-size:12px;letter-spacing:.08em;color:#5a737e;margin-top:10px}
@media(max-width:760px){.catalog-status-filter{align-items:flex-start;gap:10px}.catalog-status-filter select{flex:1;min-width:0}.catalog-status-filter>span{flex-basis:100%;min-width:0}.product-statuses{font-size:12px}.hero h1{font-size:39px}html[lang=en] .hero-copy h1{font-size:42px;line-height:1.2}}