/* Shared multipage design system. Primary layout remains useful without JavaScript. */
/* Catalog: category navigation and data-driven product groups. */
.catalog-summary{display:flex;gap:25px;margin-top:30px;font-size:11px;color:#75806d}.catalog-summary span+span:before{content:'·';margin-right:25px;color:#a4ad9d}.catalog-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:50px}.catalog-sidebar{position:sticky;top:125px;align-self:start}.catalog-categories{margin-top:23px;border-top:1px solid #e0e5dc}.catalog-categories button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:17px 12px;border:0;border-bottom:1px solid #e0e5dc;background:#fff;color:var(--ink);font-size:12px;line-height:1.5}.catalog-categories button.active{background:var(--ink);color:#fff}.catalog-categories b{font-size:10px;font-weight:400;opacity:.7}.catalog-help{border-top:1px solid #dfe4da;margin-top:38px;padding-top:25px}.catalog-help h2{font-size:25px;letter-spacing:-.7px;margin:0}.catalog-help p{font-size:12px;line-height:1.8;color:var(--muted);margin:17px 0}.catalog-help .text-link{gap:10px;font-size:11px}.catalog-category-links{margin-top:28px}.catalog-category-links>span{display:block;font-size:10px;color:var(--muted);margin-bottom:8px}.catalog-category-links a{display:block;padding:8px 0;font-size:11px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e0e5dc;padding-bottom:20px}.catalog-result{font-size:11px;color:var(--muted);margin:0}.catalog-toolbar .search-box{min-width:200px;max-width:260px}.catalog-preview-note{font-size:11px;line-height:1.8;color:var(--muted);margin:18px 0 35px}.catalog-group{padding-bottom:48px;margin-bottom:42px;border-bottom:1px solid #e0e5dc}.catalog-group:last-of-type{margin-bottom:0}.catalog-group-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}.catalog-group-heading h2{font-size:30px;margin:12px 0 8px;letter-spacing:-1px}.catalog-group-heading p{font-size:12px;color:var(--muted);margin:0;line-height:1.7}.catalog-group-heading>.text-link{font-size:11px;white-space:nowrap}.catalog-main .product-grid{gap:20px}.catalog-main .product-visual{height:205px}.product-listing .product-visual{border-bottom:1px solid #edf0e9}.product-listing h3{font-size:19px;line-height:1.35;margin:19px 0 12px;letter-spacing:-.5px}.product-listing p{font-size:12px;line-height:1.8;min-height:44px;color:var(--muted)}.product-listing .number{font-size:8px;left:12px;top:14px}.product-listing .illustration{font-size:6px;left:12px;bottom:15px;max-width:75%;line-height:1.5}.product-listing .round-arrow{width:25px;height:25px;line-height:23px;right:8px;bottom:12px}.product-listing h3 a:hover{color:#b54f2a}.catalog-empty{padding:50px 15px;text-align:center}.catalog-empty h2{font-size:30px}.catalog-empty p{font-size:13px;color:var(--muted);margin:20px 0}.catalog-total{font-size:12px;color:var(--muted)}.category-products{border-bottom:1px solid #e0e5dc}.category-products .section-note{margin-top:-12px}
@media(max-width:1100px){.catalog-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}.catalog-main .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-group-heading{align-items:flex-start;flex-direction:column;gap:15px}.catalog-toolbar{align-items:flex-start;flex-direction:column}.catalog-main .product-visual{height:225px}}
@media(max-width:750px){.catalog-layout{grid-template-columns:1fr;gap:30px}.catalog-sidebar{position:static}.catalog-categories{display:grid;grid-template-columns:1fr 1fr;margin-top:16px}.catalog-categories button{padding:13px 12px}.catalog-help,.catalog-category-links{display:none}.catalog-summary{gap:12px;flex-wrap:wrap}.catalog-summary span+span:before{margin-right:12px}.catalog-toolbar{flex-direction:row;align-items:center}.catalog-toolbar .search-box{min-width:140px;max-width:200px}.catalog-main .product-visual{height:215px}.catalog-group-heading{flex-direction:row;align-items:center}.catalog-group-heading h2{font-size:29px}}
@media(max-width:480px){.catalog-main .product-grid{grid-template-columns:1fr}.catalog-main .product-visual{height:265px}.catalog-group-heading{align-items:flex-start;flex-direction:column}.catalog-group-heading h2{font-size:30px}.catalog-categories button{font-size:11px}.catalog-toolbar{align-items:flex-start;flex-direction:column}.catalog-toolbar .search-box{width:100%;max-width:none}.product-listing h3{font-size:23px}.product-listing p{min-height:0}.catalog-main .product-grid{gap:35px}.catalog-summary{font-size:10px}}
/* White background direction requested by the owner. */
:root{--paper:#ffffff}
body .about,body .tint,body .product-visual,body .category-visual,body .detail-image,body .form-panel,body .featured-article,body .editorial-art,body .journal-end,body .article-summary,body .article-action,body .inline-note,body .empty-state{background:#ffffff}
body .contact{background:#ffffff;color:var(--ink);border-top:1px solid #e5e7e5}
body .contact .eyebrow,body .contact p{color:var(--muted)}
body .form-panel input,body .form-panel textarea,body .form-panel select{background:#ffffff}
body .reading-row thead{background:#ffffff}
body .about,body .tint,body .journal-end{border-top:1px solid #e5e7e5;border-bottom:1px solid #e5e7e5}
@font-face{font-family:LocalFallback;src:local('Arial');font-display:swap}body{font-family:'DM Sans',LocalFallback,Arial,sans-serif}img{max-width:100%}[hidden]{display:none!important}h1,h2,h3,p,a{overflow-wrap:break-word}.skip{position:fixed;left:20px;top:-100px;padding:16px;background:var(--orange);z-index:100}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}nav a[aria-current=page]{color:#b24b24;border-bottom:1px solid #b24b24}nav{gap:25px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0 0 43px;font-size:11px;color:#737d72}.breadcrumbs li+li:before{content:'/';margin-right:10px;color:#a7afa2}.breadcrumbs a:hover{color:var(--ink);text-decoration:underline}.page-intro{padding-top:30px;padding-bottom:53px;border-bottom:1px solid #e0e5d9;position:relative}.page-intro h1{color:var(--ink);font-size:clamp(48px,5.7vw,82px);line-height:1.04;letter-spacing:-3.5px;margin:24px 0}.lead{font-size:18px;line-height:1.7;color:#667263;max-width:650px}.page-intro .lead{margin-bottom:0}.compact{padding-top:42px}.tint{background:#edf0e8}.section-note{color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:30px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #d8dfcf;padding-bottom:21px;margin-bottom:15px}.filter-buttons,.topic-links{display:flex;flex-wrap:wrap;gap:8px}.filter-buttons button,.topic-links a{border:1px solid transparent;padding:11px 14px;color:#677463;background:none;font-size:12px;transition:background .2s}.filter-buttons .active,.topic-links a[aria-current=page]{background:var(--ink);color:white}.filter-buttons button:hover,.topic-links a:hover{border-color:var(--ink)}.search-box{display:flex;align-items:center;position:relative;margin:0;min-width:210px}.search-box input{margin:0;padding:12px 36px 12px 12px;background:transparent;border:1px solid #ccd4c4;font-size:12px}.search-box>span:last-child{position:absolute;right:14px;font-size:22px;pointer-events:none}.result-count{font-size:11px;color:#687363;margin-bottom:27px}.empty-state{padding:60px 20px;text-align:center;background:#edf0e8}.product-visual img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.product-visual:hover img{transform:translateY(-5px) scale(1.04)}.catalog-item h3 a:hover{color:#b34d27}.catalog-item p{line-height:1.7}.link-rows>a{display:flex;align-items:center;gap:30px;border-top:1px solid #cad2c3;padding:20px 0}.link-rows>a:last-child{border-bottom:1px solid #cad2c3}.link-rows span{color:#798773;font-size:11px}.link-rows h3{margin:0}.link-rows b{margin-left:auto}.category-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px}.category-visual{position:relative;background:#edf0e8;min-height:350px;display:flex;align-items:center;justify-content:center}.category-visual img{width:100%;max-width:520px}.category-visual>span{position:absolute;bottom:20px;left:25px;color:#73816e;font-size:10px}.category-feature p{font-size:14px;line-height:1.9;color:#667461;margin:25px 0}.requirements-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.requirements-grid.three{grid-template-columns:repeat(3,1fr)}.requirements-grid>div{border-top:1px solid #cbd4c4;padding-top:22px}.requirements-grid>div>span{color:#8e9b85;font-size:11px}.requirements-grid h3{font-size:20px;line-height:1.4}.requirements-grid h2{font-size:28px;letter-spacing:-.7px;line-height:1.25}.requirements-grid p{font-size:13px;line-height:1.9;color:#697562}.detail-section{padding-top:30px}.detail-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}.detail-image{background:#edf0e8;min-height:470px;display:flex;flex-direction:column;justify-content:center;align-items:center}.detail-image img{width:100%;max-width:530px}.detail-image span{font-size:8px;letter-spacing:1px;padding:30px;text-align:center;color:#7c8973}.detail-grid h1{font-size:55px;letter-spacing:-2.5px;line-height:1.1;margin:22px 0}.detail-grid p{font-size:14px;line-height:1.85;color:#6a7663}.detail-grid .lead{font-size:19px}.inline-note{border-left:2px solid #d9754b;background:#f0f0e6;font-size:12px;line-height:1.7;padding:14px 18px;margin:24px 0;color:#646f5e}.quiet-link{display:block;margin-top:20px;font-size:12px;text-decoration:underline;text-underline-offset:5px}.detail-nav{display:flex;gap:45px;padding:23px 7.2%;border-top:1px solid #d8dfd0;border-bottom:1px solid #d8dfd0;background:var(--paper);font-size:12px}.reading-row{display:grid;grid-template-columns:1fr 1.7fr;gap:70px}.reading-row h2{margin-top:0;font-size:34px}.reading-row p{font-size:15px;line-height:1.95;color:#67745f;margin-top:0}.reading-row table{width:100%;border-collapse:collapse;font-size:13px;margin-top:22px;text-align:left}.reading-row th,.reading-row td{padding:17px 15px;border-bottom:1px solid #cdd6c5;vertical-align:top;line-height:1.65}.reading-row thead{background:#e0e6d9}.reading-row th{font-weight:500}.faq details{border-bottom:1px solid #ccd6c3}.faq summary{cursor:pointer;padding:21px 0;font-size:15px;display:flex;justify-content:space-between;gap:20px;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:22px}.faq details[open] summary span{transform:rotate(45deg)}.faq p{font-size:13px}.faq a{text-decoration:underline}.application-entry{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:35px 0;border-bottom:1px solid #d9e0d1}.application-entry:first-child{padding-top:0}.application-entry p{font-size:14px;color:#697561;line-height:1.9;margin:25px 0}.application-entry h2{font-size:39px}.application-scene{height:310px;position:relative;overflow:hidden;background:#263b32}.application-scene img{width:100%;height:100%;object-fit:cover;filter:saturate(.3)}.application-scene>span{position:absolute;bottom:22px;left:24px;color:#fff;letter-spacing:1px;font-size:9px}.scene-industrial{background:linear-gradient(115deg,#132e24,#6d7e64)}.scene-industrial .scene-lines{position:absolute;inset:35px;transform:skewY(-10deg);background:repeating-linear-gradient(90deg,transparent 0 35px,#d4ddc72c 36px 38px),repeating-linear-gradient(0deg,transparent 0 35px,#d4ddc72c 36px 38px);border:1px solid #d4ddc740}.scene-water{background:#dce5d9}.scene-water>span{color:#213d30}.scene-water .scene-lines{position:absolute;width:350px;height:350px;border:1px solid #6e9673;border-radius:50%;left:15%;top:-40px;box-shadow:0 0 0 28px #dce5d9,0 0 0 29px #96ae90,0 0 0 59px #dce5d9,0 0 0 60px #b1c2a7}.company-photo{height:420px;position:relative;overflow:hidden}.company-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 65%;filter:saturate(.25) brightness(.7)}.company-photo span{position:absolute;bottom:35px;left:7.2%;color:white;letter-spacing:3px;font-size:12px}.reading-row .large-copy{font-size:23px;color:var(--ink);line-height:1.6}.contact-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.contact-layout aside>p{font-size:14px;line-height:1.8;color:#6d785f}.contact-point{display:flex;gap:20px;border-top:1px solid #d7dfce;padding:20px 0}.contact-point>span{font-size:10px;color:#8a977d;margin-top:5px}.contact-point h3{font-size:16px;margin:0 0 8px}.contact-point p{font-size:12px;color:#717d65;line-height:1.8;margin:0}.form-panel{background:#edf0e8;padding:35px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-panel label{font-size:12px;margin-top:18px}.form-panel label>span{color:#ad4824}.form-panel input,.form-panel textarea,.form-panel select{background:#fafbf7;padding:13px;border-color:#cbd5c2}.form-panel textarea{resize:vertical}.form-panel input:focus,.form-panel textarea:focus,.form-panel select:focus{outline:2px solid var(--ink);outline-offset:2px}.form-explanation{font-size:11px;line-height:1.8;color:#66745a;margin:20px 0 0}.featured-article{display:grid;grid-template-columns:1.1fr 1fr;background:#edf0e8;min-height:360px}.feature-copy{padding:48px}.feature-copy h2{font-size:37px;letter-spacing:-1.4px;line-height:1.15}.feature-copy p{font-size:14px;color:#697660;line-height:1.8}.feature-copy .article-meta{margin:23px 0}.feature-art-link{display:block;height:100%;min-height:360px}.editorial-art{position:relative;background:#e0e6d5;height:230px;overflow:hidden;isolation:isolate}.editorial-art:before{content:'';position:absolute;inset:30px;border:1px solid #82937135;border-radius:50%;z-index:-1;transform:rotate(-30deg) scale(1.1,.7)}.editorial-art img{width:100%;height:100%;object-fit:contain;transform:scale(.88);transition:transform .5s}.article-card a:hover .editorial-art img{transform:scale(.96) rotate(-3deg)}.editorial-art>span{position:absolute;top:20px;left:22px;font-size:8px;letter-spacing:1.3px;z-index:1}.editorial-art>b{position:absolute;bottom:20px;left:22px;font-size:8px;letter-spacing:1.5px;font-weight:500}.editorial-art>i{position:absolute;bottom:17px;right:22px;font-style:normal}.art-surge{background:#e8ddc9}.art-fire{background:#dce3d7}.art-level{background:#d1ded9}.editorial-art.large{height:100%;min-height:350px}.editorial-art.large img{transform:scale(.9)}.editorial-art.large>span{top:28px;left:30px;font-size:9px}.editorial-art.large>b{left:30px;bottom:25px;font-size:9px}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px}.article-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.article-card h3{font-size:24px;line-height:1.3;letter-spacing:-.6px;margin:17px 0 12px}.article-card h3 a:hover{color:#b7522c}.article-card p{font-size:13px;line-height:1.85;color:#6d7864;margin-bottom:23px}.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:15px;color:#7b866e;font-size:10px;margin-top:19px}.article-meta a{color:#a14c2d}.article-meta>span+span:before{content:'·';margin-right:15px}.journal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.journal-heading h2{font-size:32px;margin:0}.journal-heading>span{font-size:11px;color:#7e8972}.topic-links{gap:1px}.topic-links a{padding:10px;font-size:11px}.journal-end{text-align:center;background:#e9ede2}.journal-end .eyebrow{justify-content:center}.journal-end h2{font-size:48px}.journal-end .button{margin-top:28px}.article-intro{padding-top:30px;padding-bottom:45px}.article-intro h1{max-width:970px;font-size:clamp(43px,5.2vw,73px);line-height:1.08;letter-spacing:-3px;margin:25px 0}.article-intro .lead{max-width:750px}.copy-link{border:0;padding:0;background:none;color:var(--ink);font-size:11px;cursor:pointer;margin-left:auto}.copy-status{font-size:11px}.article-banner{height:330px;margin:0 7.2%;overflow:hidden}.article-banner .editorial-art.large{min-height:330px}.article-banner .editorial-art img{transform:scale(1.1);max-width:650px;display:block;margin:auto}.article-banner .editorial-art:before{inset:-200px 28%;transform:none}.article-layout{display:grid;grid-template-columns:230px minmax(0,760px);gap:70px;justify-content:space-between}.article-toc{position:sticky;top:125px;align-self:start}.article-toc .eyebrow{margin-bottom:23px}.article-toc>a{display:block;font-size:12px;line-height:1.6;padding:10px 0;color:#748066;border-bottom:1px solid #e0e5d8}.article-toc>a:hover{color:#b64e27}.article-toc .toc-product{margin-top:23px;color:var(--ink)}.article-body h2{font-size:29px;letter-spacing:-.8px;line-height:1.3;margin:42px 0 18px}.article-body p{font-size:16px;line-height:1.95;color:#5c6a53}.article-body a:not(.button){text-decoration:underline;text-underline-offset:3px}.article-summary{background:#edf0e8;border-left:2px solid #e9784d;padding:25px 30px}.article-summary p{font-size:15px;margin-bottom:0}.article-action{background:#eaf0e1;padding:30px;margin-top:45px}.article-action h2{margin-top:0}.article-body .editorial-note{font-size:11px;color:#7a856e;margin-top:30px;border-top:1px solid #dce3d2;padding-top:20px}.site-footer{display:block;padding:55px 7.2% 25px;background:var(--paper)}.footer-top{display:grid;grid-template-columns:1.5fr .8fr 1.2fr 1fr;gap:40px;padding-bottom:43px}.site-footer .brand{display:flex;font-size:22px;color:var(--ink)}.site-footer .brand small{font-size:8px}.footer-top h2{font-size:11px;letter-spacing:.3px;font-weight:600;margin:0 0 20px}.footer-top>div>a:not(.brand){display:block;font-size:11px;line-height:1.6;margin:12px 0;color:#66715c}.footer-top p{font-size:11px;line-height:1.9;color:#768068}.footer-top .text-link{display:inline-block!important}.footer-bottom{border-top:1px solid #dce2d3;display:flex;justify-content:space-between;gap:20px;padding-top:22px;font-size:9px;color:#79846d}.home-journal{border-top:1px solid #e0e5d9}.hero-photo{width:100%;height:100%}input,textarea,select{min-width:0}section[id]{scroll-margin-top:20px}
@media(min-width:1600px){.article-banner{margin-left:12%;margin-right:12%}}
@media(max-width:1100px){.filter-bar{align-items:flex-start;flex-direction:column}.search-box{width:100%;max-width:340px}.detail-grid{gap:35px}.detail-grid h1{font-size:44px}.detail-image{min-height:380px}.feature-copy{padding:33px}.feature-copy h2{font-size:31px}.contact-layout{gap:40px}.requirements-grid{gap:22px}.article-layout{gap:35px;grid-template-columns:190px minmax(0,1fr)}.footer-top{gap:25px;grid-template-columns:1.4fr .7fr 1.1fr}.footer-top>div:last-child{display:none}.category-feature{gap:35px}.application-entry{gap:35px}.article-grid{gap:40px 20px}}
@media(max-width:750px){.page-intro h1{font-size:53px;letter-spacing:-2.5px}.page-intro .lead{font-size:16px}.requirements-grid{grid-template-columns:1fr 1fr}.requirements-grid.three{grid-template-columns:1fr}.detail-grid,.category-feature,.contact-layout,.reading-row,.application-entry,.featured-article{grid-template-columns:1fr}.category-feature,.application-entry{gap:30px}.category-visual{min-height:280px}.detail-grid h1{font-size:45px}.detail-image{min-height:300px}.detail-nav{gap:23px;overflow:auto;white-space:nowrap;font-size:11px}.reading-row{gap:25px}.application-entry{padding:35px 0}.application-entry h2{font-size:33px}.company-photo{height:280px}.contact-layout{gap:30px}.feature-art-link{min-height:270px}.featured-article .editorial-art.large{min-height:270px}.feature-copy h2{font-size:35px}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr;gap:30px}.article-toc{position:static}.article-toc>a{padding:7px 0}.article-banner{height:260px}.article-banner .editorial-art.large{min-height:260px}.article-intro h1{font-size:49px;letter-spacing:-2px}.article-intro .lead{font-size:17px}.article-meta .copy-link{margin-left:0}.footer-top{grid-template-columns:1.2fr 1fr}.footer-top>div:nth-child(3){grid-column:1/-1}.footer-bottom{flex-wrap:wrap}.footer-bottom>span:nth-child(2){display:none}.journal-heading h2{font-size:27px}.journal-end h2{font-size:39px}}
@media(max-width:650px){nav{gap:20px}.page-intro{padding-top:24px;padding-bottom:36px}.breadcrumbs{font-size:10px;margin-bottom:31px}.page-intro h1{font-size:47px}.page-intro .lead{font-size:15px}.compact{padding-top:30px}.article-grid,.article-grid.two,.product-grid.two{grid-template-columns:1fr}.article-card h3{font-size:26px}.editorial-art{height:255px}.form-panel{padding:23px}.form-row{grid-template-columns:1fr;gap:0}.form-panel .button{width:100%;justify-content:space-between}.requirements-grid{grid-template-columns:1fr}.requirements-grid h3{margin-top:14px}.detail-section{padding-top:24px}.detail-grid h1{font-size:41px}.detail-nav{padding-left:7%;padding-right:7%;gap:25px}.reading-row th,.reading-row td{padding:13px 8px;font-size:12px}.reading-row table{table-layout:fixed}.article-intro{padding-top:24px}.article-intro h1{font-size:43px}.article-body p{font-size:15px}.article-body h2{font-size:27px}.article-summary,.article-action{padding:23px}.article-banner{margin-left:7%;margin-right:7%}.company-photo span{font-size:9px;letter-spacing:1.5px}.footer-top .brand{font-size:19px}.footer-top .brand svg{width:29px}.site-footer{padding:40px 7% 23px}.footer-top{gap:30px}.footer-bottom{font-size:9px}.footer-bottom a{margin-left:auto}.filter-buttons button{font-size:11px;padding:10px}.topic-links a{font-size:11px}.feature-copy{padding:28px}.feature-copy h2{font-size:31px}.section .journal-heading{gap:18px}.application-scene{height:270px}}
@media(prefers-reduced-motion:reduce){.editorial-art img,.product-visual img{transition:none}}

.product-gallery{min-width:0}.product-gallery .detail-image{aspect-ratio:5/4;min-height:0}.product-gallery .detail-image>img{width:100%;height:100%;object-fit:contain}.gallery-thumbs{display:flex;gap:10px;overflow-x:auto;padding:14px 2px 4px}.gallery-thumbs a{flex:0 0 76px;border:1px solid #dfe5e1;border-radius:4px;transition:border-color .18s}.gallery-thumbs a[aria-current="true"]{border:2px solid #cf612f}.gallery-thumbs img{width:72px;height:72px;object-fit:contain}.gallery-thumbs a:focus-visible{outline:2px solid #173e31;outline-offset:2px}.gallery-count{font-size:12px;color:#65746c;margin:8px 0}.product-video{width:100%;aspect-ratio:16/9;border:0;background:#fff}.product-gallery .detail-image{position:relative}

/* A compact brand-colored contact action balances the header navigation. */
header .header-cta{min-height:42px;padding:10px 17px;gap:16px;border:1px solid #203b31;border-radius:6px;background:#203b31;color:#fff;font-size:12px;font-weight:500;line-height:20px;white-space:nowrap;box-shadow:none;transition:background .18s,border-color .18s}
header .header-cta span{font-size:16px;line-height:1;transition:transform .18s}
header .header-cta:hover{background:#315346;border-color:#315346;transform:none}
header .header-cta:hover span{transform:translate(2px,-2px)}
@media(prefers-reduced-motion:reduce){header .header-cta,header .header-cta span{transition:none}header .header-cta:hover span{transform:none}}
/* Product listings keep their titles and descriptions below the image. */
.product-listing .product-visual>.number,
.product-listing .product-visual>.illustration{display:none}
/* Keep uploaded images and overlay labels inside every catalog tile. */
.product-grid>article{min-width:0}.product-visual,.catalog-main .product-visual{height:auto;aspect-ratio:42/29;isolation:isolate;background:#fff;overflow:hidden}.product-visual>img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}.product-visual>.number{left:12px;top:12px;max-width:calc(100% - 24px);padding:0;background:transparent;color:#fff;text-shadow:0 1px 3px #000,0 0 6px #0009;overflow-wrap:anywhere;line-height:1.5}.product-visual>.illustration{left:12px;bottom:12px;max-width:calc(100% - 66px);padding:0;background:transparent;color:#fff;text-shadow:0 1px 3px #000,0 0 6px #0009;font-size:8px;line-height:1.5;overflow-wrap:anywhere}.product-visual>.round-arrow{right:12px;bottom:12px;background:transparent;color:#fff;border-color:#ffffffb3;text-shadow:0 1px 3px #000,0 0 6px #0009;width:30px;height:30px;line-height:28px}.product-grid h3,.product-grid p{overflow-wrap:anywhere}.category-visual{overflow:hidden}.category-visual>img{max-width:100%;height:auto;object-fit:contain}

.download-list{border-top:1px solid #dce3dc;min-width:0}.download-row{display:flex;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid #dce3dc}.download-type{border:1px solid #b8c9bd;padding:14px 10px;font-size:11px;letter-spacing:1px}.download-row>span:nth-child(2){flex:1;min-width:0}.download-row strong{display:block;font-size:16px;font-weight:500;overflow-wrap:anywhere}.download-row small{display:block;margin-top:7px;color:#6d7c72;font-size:12px}.download-action{font-size:12px;white-space:nowrap}.download-row:hover .download-action{color:#b54f2a}@media(max-width:520px){.download-row{gap:12px;flex-wrap:wrap}.download-action{margin-left:auto}}

.product-inquiry-button{background:#203b31;color:white;border:1px solid #203b31;border-radius:6px;padding:13px 20px;gap:22px;font-size:13px;line-height:20px}.product-inquiry-button:hover{background:#315346;border-color:#315346;transform:none}.product-inquiry-button span{font-size:17px}.inquiry-dialog{width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:36px;border:0;border-radius:12px;background:white;color:#203b31;box-shadow:0 24px 80px #10261f40;overflow-y:auto}.inquiry-dialog::backdrop{background:#12271fcc}.inquiry-dialog h2{font-size:30px;letter-spacing:-1px;margin:14px 36px 24px 0}.inquiry-close{position:absolute;top:14px;right:14px;width:40px;height:40px;border:0;border-radius:50%;background:#f2f5f2;color:#203b31;font-size:25px}.inquiry-dialog label{display:flex;flex-direction:column;gap:8px;font-size:12px;margin-bottom:16px}.inquiry-dialog input,.inquiry-dialog textarea{width:100%;min-width:0;border:1px solid #cdd8d0;border-radius:5px;padding:11px 12px;background:white;color:#203b31;font:inherit;font-size:14px}.inquiry-dialog input[readonly]{background:#f5f7f5}.inquiry-dialog input:focus,.inquiry-dialog textarea:focus{outline:2px solid #507a65;outline-offset:1px}.inquiry-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}#inquiry-note,#inquiry-status{font-size:12px;line-height:1.6;color:#647569}body.inquiry-open{overflow:hidden}@media(max-width:540px){.inquiry-dialog{padding:26px 20px}.inquiry-fields{grid-template-columns:1fr}.inquiry-dialog h2{font-size:26px}}

.article-body table{display:block;max-width:100%;width:max-content;overflow-x:auto;border-collapse:collapse;margin:24px 0}.article-body table th,.article-body table td{min-width:140px;max-width:380px;border:1px solid #d3ddd5;padding:13px 16px;text-align:left;vertical-align:top;overflow-wrap:anywhere}.article-body table th{background:#f5f7f5;font-weight:600;color:#203b31}.article-body table td{color:#42594b}

/* Responsive storm photography: separate desktop and mobile compositions. */
.hero.hero-storm{height:clamp(440px,32vw,600px);min-height:0;max-height:none;display:flex;align-items:center}
.hero-storm>picture{position:absolute;inset:0}
.hero-storm .hero-photo{inset:0;filter:none;object-position:right center}
.hero-storm .hero-shade{background:linear-gradient(90deg,rgba(8,24,24,.34),transparent 62%)}
.hero-storm .hero-content{padding:0 0 20px 7.2%;width:53%}
.hero-storm h1{font-size:clamp(36px,3.8vw,72px);letter-spacing:-1.8px;margin:24px 0 20px}
.hero-storm p{color:#edf1ee;text-shadow:0 1px 6px #10251e;font-size:14px;max-width:540px}
.hero-storm .hero-index{display:none}
.hero-storm .hero-bottom{bottom:24px}
@media(min-width:1600px){.hero-storm .hero-content{padding-left:9%}.hero-storm .hero-bottom{left:9%;right:9%}}
@media(max-width:650px){
 .hero.hero-storm{height:clamp(460px,125vw,560px);min-height:0;max-height:none}
 .hero-storm .hero-photo{object-position:center bottom}
 .hero-storm .hero-shade{background:linear-gradient(90deg,rgba(8,24,24,.65),rgba(8,24,24,.25) 65%,rgba(8,24,24,.08))}
 .hero-storm .hero-content{width:100%;padding:0 7%}
 .hero-storm h1{font-size:clamp(28px,8.2vw,48px);line-height:1.1;letter-spacing:-1px;margin:18px 0 14px}
 .hero-storm p{font-size:12px;line-height:1.65;margin:0 0 19px;max-width:350px}
 .hero-storm .button{padding:12px 17px;font-size:12px}
 .hero-storm .hero-bottom{display:none}
}

/* Preserve the natural colors of the application photography. */
.application-image img{filter:none;object-position:center}

.application-index .application-scene img{width:100%;height:100%;object-fit:cover;filter:none;position:relative;z-index:1}
.application-index .application-scene>span{z-index:2;text-shadow:0 1px 5px #10261e}

/* About page: dedicated wide and mobile building images. */
.company-photo{height:auto;aspect-ratio:4.03125}
.company-photo picture{display:block;width:100%;height:100%}
.company-photo img{display:block;filter:none;object-position:center}
.company-photo span{text-shadow:0 1px 5px #142b23,0 1px 12px #142b23}
@media(max-width:650px){.company-photo{height:auto;aspect-ratio:4/3}.company-photo span{bottom:20px;font-size:8px;letter-spacing:1.2px}}

.factory-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.factory-gallery figure{margin:0;min-width:0}.factory-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.factory-gallery h3{margin:22px 0 10px}.factory-gallery p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}@media(max-width:650px){.factory-gallery{grid-template-columns:1fr;gap:32px}}

.footer-top .footer-intro{max-width:310px;font-size:12px;line-height:1.85;margin-top:18px}

/* Shared inquiry section button. */
.contact.section>.button{background:var(--ink);border:1px solid var(--ink);color:#fff;border-radius:6px;min-height:48px;padding:13px 20px;gap:24px;flex-shrink:0;font-size:13px;font-weight:550;line-height:1.4;transition:background .2s,border-color .2s}
.contact.section>.button svg{flex:none;transition:transform .2s}
.contact.section>.button:hover{background:#315448;border-color:#315448;transform:none}
.contact.section>.button:hover svg{transform:translateX(3px)}
.contact.section>.button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}

/* Homepage product CTA: compact proportions with a restrained arrow. */
.hero-storm .button.orange{min-height:48px;padding:12px 20px;gap:20px;border-radius:6px;font-size:13px;line-height:1.4;font-weight:600;border-color:transparent;justify-content:center;transition:background .2s,box-shadow .2s}
.hero-storm .button.orange svg{flex:none;transition:transform .2s}
.hero-storm .button.orange:hover{transform:none;background:#f47a4a;box-shadow:0 3px 12px #10261e20}
.hero-storm .button.orange:hover svg{transform:translateX(3px)}

header .brand,.site-footer .brand{flex-shrink:0}header .brand-logo,.site-footer .brand-logo{display:block;width:240px;height:auto;max-width:100%}.site-footer .brand-logo{width:230px}@media(max-width:1100px){header .brand-logo{width:205px}}@media(max-width:650px){header .brand-logo{width:190px}.site-footer .brand-logo{width:190px}}

/* Smaller wordmark proportions for the updated logo. */
header .brand-logo,.site-footer .brand-logo{width:200px}@media(max-width:1100px){header .brand-logo{width:180px}}@media(max-width:650px){header .brand-logo,.site-footer .brand-logo{width:165px}}

.product-contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.product-contact-actions .button{margin:0;min-height:48px}
.product-contact-actions .product-whatsapp-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border:1px solid #21834c;border-radius:6px;color:#17673b;background:#fff;font-size:13px;font-weight:600;line-height:1.4}
.product-whatsapp-button svg{flex:none}
.product-contact-actions .product-whatsapp-button:hover{background:#eff8f2;transform:none}
@media(max-width:450px){.product-contact-actions{align-items:stretch;flex-direction:column}.product-contact-actions .button{justify-content:center;width:100%}}
.article-body figure{margin:28px 0}.article-body figure img{max-width:100%;height:auto}.article-body figcaption{font-size:14px;line-height:1.6;color:#637069;text-align:center;margin-top:10px;overflow-wrap:anywhere}

/* Editorial reading layout: one alignment for the heading, cover and body. */
.article-page{--reading-width:800px;max-width:1152px;margin:0 auto;padding:0 24px}
.article-page .article-intro{padding:32px 0 28px 304px}
.article-page .breadcrumbs{margin-bottom:32px;line-height:1.7}
.article-page .article-intro h1{font-size:clamp(36px,3.5vw,50px);line-height:1.14;letter-spacing:-1.6px;margin:18px 0 22px;text-wrap:balance}
.article-page .article-intro .lead{max-width:none;font-size:17px;line-height:1.8;margin:0;color:#52645b}
.article-page .article-meta{gap:12px;font-size:12px;margin-top:24px;padding-top:18px;border-top:1px solid #e0e5df}
.article-page .copy-link{font-size:12px;min-height:36px}
.article-page .copy-status:empty{display:none}
.article-page .article-banner{height:auto;margin:0 0 0 304px;overflow:visible}
.article-page .article-banner .editorial-art.large{height:auto;min-height:0;background:white}
.article-page .article-banner .editorial-art:before{display:none}
.article-page .article-banner .editorial-art img{display:block;width:100%;max-width:none;height:auto;transform:none;object-fit:contain}
.article-page .article-layout{padding:44px 0 64px;grid-template-columns:240px minmax(0,800px);gap:64px;justify-content:initial}
.article-page .article-toc{top:100px;max-height:calc(100vh - 124px);overflow:auto}
.article-toc summary{font-size:12px;letter-spacing:1px;text-transform:uppercase;font-weight:600;cursor:pointer;padding:0 0 16px}
.article-toc nav{display:block}
.article-toc nav a{display:block;font-size:13px;line-height:1.55;padding:10px 0;border-bottom:1px solid #e0e5df;color:#52645b;transition:color .2s}
.article-toc nav a:hover{color:#b24b24}
.article-page .article-body{min-width:0;font-size:17px;line-height:1.8;color:#42594b}
.article-page .article-body p,.article-page .article-body li{font-size:17px;line-height:1.8;color:#42594b}
.article-page .article-body p{margin:0 0 22px}
.article-page .article-body h2{font-size:30px;line-height:1.3;letter-spacing:-.6px;margin:44px 0 18px;scroll-margin-top:100px}
.article-page .article-body>h2:first-child{margin-top:0}
.article-page .article-body h3{font-size:22px;line-height:1.4;letter-spacing:-.3px;margin:30px 0 14px}
.article-page .article-body ul,.article-page .article-body ol{padding-left:24px;margin:0 0 24px}
.article-page .article-body li{margin:8px 0}
.article-page .article-body img{display:block;max-width:100%;height:auto;margin:28px auto}
.article-page .article-body figure{margin:32px 0}
.article-page .article-body figure img{margin:0 auto}
.article-page .article-body figcaption{font-size:13px;text-align:left;margin:12px 0 0}
.article-page .article-body table{font-size:14px;line-height:1.65}
.article-page .article-action{padding:28px 0 0;border-top:1px solid #d3ddd5;margin-top:40px}
@media(max-width:1000px){
 .article-page{max-width:848px}
 .article-page .article-intro{padding-left:0}
 .article-page .article-banner{margin:0}
 .article-page .article-layout{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:28px}
 .article-page .article-toc{position:static;max-height:none;border-top:1px solid #d3ddd5;border-bottom:1px solid #d3ddd5;padding:18px 0}
 .article-toc summary{padding:0;min-height:24px}
 .article-toc nav{padding-top:12px}
}
@media(max-width:600px){
 .article-page{padding:0 20px}
 .article-page .article-intro{padding-top:22px;padding-bottom:24px}
 .article-page .breadcrumbs{font-size:10px;gap:6px;margin-bottom:24px}
 .article-page .article-intro h1{font-size:34px;line-height:1.16;letter-spacing:-1px;text-wrap:initial;margin:16px 0 20px}
 .article-page .article-intro .lead{font-size:16px;line-height:1.75}
 .article-page .article-meta{gap:8px 12px;font-size:11px;margin-top:20px}
 .article-page .article-meta .copy-link{margin-left:0}
 .article-page .article-body p,.article-page .article-body li{font-size:16px;line-height:1.8}
 .article-page .article-body h2{font-size:26px;margin-top:34px}
.article-page .article-body h3{font-size:21px}
 .article-page .article-layout{padding-bottom:40px}
}

.journal-end{padding-top:72px;padding-bottom:72px;border-top:1px solid #e0e5df}
.journal-end h2{font-size:clamp(32px,3.5vw,48px);line-height:1.16;letter-spacing:-1.3px;margin:20px auto 18px;max-width:720px;text-wrap:balance}
.journal-end>p{font-size:16px;line-height:1.8;color:#52645b;max-width:610px;margin:0 auto}
.journal-end .journal-contact{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:50px;padding:14px 24px;margin-top:28px;border:1px solid transparent;border-radius:6px;background:#ed6d3d;color:#18392c;font-size:14px;font-weight:600;line-height:1.4;transition:background .2s,transform .2s}
.journal-end .journal-contact span{font-size:21px;line-height:1;transition:transform .2s}
.journal-end .journal-contact:hover{background:#e76031;transform:translateY(-2px)}
.journal-end .journal-contact:hover span{transform:translateX(3px)}
.journal-end .journal-contact:focus-visible{outline:2px solid #203b31;outline-offset:4px}
@media(max-width:600px){.journal-end{padding-top:48px;padding-bottom:48px}.journal-end>p{font-size:15px}.journal-end>p br{display:none}.journal-end h2{letter-spacing:-.8px}}
@media(prefers-reduced-motion:reduce){.journal-end .journal-contact,.journal-end .journal-contact span{transition:none}.journal-end .journal-contact:hover,.journal-end .journal-contact:hover span{transform:none}}
.company-contact{font-style:normal;margin-top:24px}
.company-contact .contact-point p{font-size:15px;line-height:1.8;color:#42594b}
.company-contact a{color:#203b31;text-decoration:underline;text-decoration-color:#bdccc2;text-underline-offset:5px}
.company-contact a:hover{color:#b24b24}
.company-contact a:focus-visible{outline:2px solid #203b31;outline-offset:4px}
.contact-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px}
.contact-form-actions .button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:50px;padding:13px 20px;border:1px solid transparent;border-radius:6px;font-size:14px;font-weight:600;line-height:1.4;margin:0;cursor:pointer;transition:background .2s}
.contact-form-actions .contact-send{background:#ed6d3d;color:#18392c}
.contact-form-actions .contact-send:hover{background:#e76031}
.contact-form-actions .contact-whatsapp{background:#fff;color:#203b31;border-color:#bccbc2}
.contact-form-actions .contact-whatsapp:hover{background:#f3f6f4;border-color:#203b31}
.contact-form-actions .button:focus-visible{outline:2px solid #203b31;outline-offset:4px}
.contact-form-actions .button span{font-size:20px;line-height:1}
#contact-form .form-explanation{margin:14px 0 0;font-size:12px;line-height:1.7;color:#5b6b61}
@media(max-width:600px){.contact-form-actions{align-items:stretch;flex-direction:column}.contact-form-actions .button{width:100%;justify-content:space-between}}
.article-page .article-action{padding-top:32px;margin-top:48px}
.article-page .article-action h2{margin:14px 0 16px;font-size:30px;line-height:1.25}
.article-page .article-action p{margin-bottom:24px}
.article-page .article-contact{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:50px;padding:14px 24px;border:1px solid transparent;border-radius:6px;background:#ed6d3d;color:#18392c;font-size:14px;font-weight:600;line-height:1.4;transition:background .2s,transform .2s}
.article-page .article-contact span{font-size:21px;line-height:1;transition:transform .2s}
.article-page .article-contact:hover{background:#e76031;transform:translateY(-2px)}
.article-page .article-contact:hover span{transform:translateX(3px)}
.article-page .article-contact:focus-visible{outline:2px solid #203b31;outline-offset:4px}
@media(max-width:600px){.article-page .article-action h2{font-size:26px}.article-page .article-contact{max-width:100%;gap:22px}}
@media(prefers-reduced-motion:reduce){.article-page .article-contact,.article-page .article-contact span{transition:none}.article-page .article-contact:hover,.article-page .article-contact:hover span{transform:none}}
.ui-arrow{display:inline-block;width:1em;height:1em;min-width:1em;vertical-align:-.12em;flex-shrink:0;filter:none;text-shadow:none}
.round-arrow .ui-arrow{width:18px;height:18px}
.product-visual>.round-arrow,.product-visual:hover>.round-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;line-height:1;background:#fff;color:#203b31;border:1px solid #cad5cd;border-radius:50%;text-shadow:none;box-shadow:none;transform:none}
.product-visual .round-arrow>.ui-arrow,.product-visual:hover .round-arrow>.ui-arrow{position:static;display:block;width:18px;height:18px;margin:0;transform:none;transition:none;filter:none}
@media(hover:hover) and (pointer:fine){.product-visual:hover>.round-arrow{background:#203b31;color:#fff;border-color:#203b31}}
/* Full-width article cover with live, accessible title text. */
.article-hero{position:relative;isolation:isolate;min-height:460px;background:#203b31;color:#fff;overflow:hidden}
.article-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;z-index:-2}
.article-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,27,22,.91),rgba(10,27,22,.68) 50%,rgba(10,27,22,.24)),linear-gradient(0deg,rgba(10,27,22,.5),transparent 70%)}
.article-hero-inner{max-width:1440px;margin:auto;padding:28px 64px 54px;min-height:460px;display:flex;flex-direction:column;justify-content:space-between;gap:64px}
.article-hero .breadcrumbs{color:#e1e8e4;margin:0;font-size:11px;line-height:1.7;max-width:100%}
.article-hero .breadcrumbs a:hover{color:white}
.article-hero .breadcrumbs li+li:before{color:#bbc8c1}
.article-hero-heading{max-width:900px}
.article-hero .eyebrow{color:#e1e8e4;font-size:11px;letter-spacing:2px}
.article-hero h1{color:white;font-size:clamp(38px,4.2vw,62px);line-height:1.12;letter-spacing:-1.8px;margin:18px 0 26px;text-wrap:balance}
.article-hero .article-meta{color:#e1e8e4;font-size:13px;margin:0;gap:16px}
.article-page .article-deck{padding-bottom:26px;margin-bottom:34px;border-bottom:1px solid #d3ddd5}
.article-page .article-deck>p{font-size:18px;line-height:1.85;margin:0 0 16px}
.article-share{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.article-share .copy-link{margin:0}
.article-hero+.article-page .article-layout{padding-top:48px}
@media(max-width:750px){
 .article-hero,.article-hero-inner{min-height:400px}
 .article-hero-inner{padding:24px 24px 36px;gap:48px}
 .article-hero h1{font-size:40px;letter-spacing:-1.1px}
 .article-hero:after{background:linear-gradient(90deg,rgba(10,27,22,.86),rgba(10,27,22,.55)),linear-gradient(0deg,rgba(10,27,22,.6),transparent)}
 .article-hero+.article-page .article-layout{padding-top:24px}
 .article-page .article-deck>p{font-size:16px;line-height:1.8}
}
@media(max-width:450px){
 .article-hero-inner{padding:20px 20px 30px;gap:40px}
 .article-hero h1{font-size:34px;line-height:1.16;margin:16px 0 22px;letter-spacing:-.8px}
 .article-hero .breadcrumbs{font-size:10px;gap:6px}
 .article-hero .article-meta{font-size:12px}
}