/* Door-sign proportions: graphite panel 32.4%, light field 67.6%. */
:root{--sign-frame:8px;--sign-rail:calc((100vw - 16px)*.324)}
body::after{content:"";position:fixed;inset:0;border:var(--sign-frame) solid #ff7a00;pointer-events:none;z-index:100}
.sidebar{inset:var(--sign-frame) auto var(--sign-frame) var(--sign-frame);width:var(--sign-rail);border-left:0;border-right:8px solid #ff7a00;padding:clamp(28px,3.2vw,60px) clamp(25px,3.2vw,62px);overflow-y:auto}
main{margin-left:calc(var(--sign-frame) + var(--sign-rail));margin-right:var(--sign-frame);padding-top:var(--sign-frame);padding-bottom:var(--sign-frame);max-width:none;min-width:0}
.brand{display:block}.brand img{width:100%;max-width:360px;height:auto;min-height:70px;object-fit:contain;object-position:left center}
.side-title{font-size:clamp(12px,1.05vw,17px);letter-spacing:2.5px;line-height:1.7;margin:22px 0 34px}
.sidebar nav{gap:4px}.sidebar nav a{font-size:clamp(18px,1.55vw,26px);font-weight:700;padding:12px 0;line-height:1.4}.sidebar nav span{font-size:clamp(11px,.85vw,15px);margin-right:18px;font-weight:400}
.side-bottom{padding-top:35px}.circle{width:clamp(110px,10vw,180px);height:clamp(110px,10vw,180px);font-size:clamp(28px,2.8vw,46px);border-width:3px;margin-bottom:25px}.side-bottom p{font-size:clamp(11px,.9vw,15px);letter-spacing:1.5px}.side-bottom i{height:7px;width:72px;margin:23px 0}.side-bottom>a{font-size:clamp(15px,1.2vw,20px)}.side-bottom small{font-size:clamp(10px,.8vw,13px);letter-spacing:1.7px}
.skip-link{left:calc(var(--sign-rail) + 24px)}
main:not(.inner-page) #documents,main:not(.inner-page)>.section:has(>.doc-grid){background:#20242a;color:#fff;border-top:5px solid #ff7a00}
main:not(.inner-page) #documents .eyebrow,main:not(.inner-page) #documents>a>span,main:not(.inner-page)>.section:has(>.doc-grid) p{color:#c0c5cb}
main:not(.inner-page) #documents>a,main:not(.inner-page)>.section:has(>.doc-grid) .doc-panel{border-color:#555b62}
main:not(.inner-page) #documents b,main:not(.inner-page)>.section:has(>.doc-grid) .doc-panel small{color:#ff9b40}
main:not(.inner-page) #documents>a:hover h3{color:#ff9b40}
main:not(.inner-page)>.section:has(>.doc-grid) .button.secondary{color:#fff;border-color:#828991}
main:not(.inner-page)>.section:has(>.doc-grid) .button.secondary:hover{background:#343a41;border-color:#ff7a00}
/* Adapt the content to the narrower right-hand field. */
.hero{grid-template-columns:1.15fr 1fr;gap:20px}.hero h1{font-size:clamp(32px,3.1vw,60px)}.hero-product{min-height:365px}.hero-product>img{height:310px}.section-heading>p{max-width:200px}.documents>a>span{width:145px}.documents h3{font-size:17px}.contacts{gap:30px}.contact-details{padding-left:25px}.contact-details>a:not(.text-link){font-size:clamp(17px,1.75vw,25px);overflow-wrap:anywhere}.industries{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.about{gap:30px}.inner-page h1{font-size:clamp(30px,3vw,49px)}
@media(min-width:1650px){.hero-product{min-height:460px}.hero-product>img{height:400px}}
@media(max-height:850px) and (min-width:801px){.sidebar{padding-top:28px;padding-bottom:26px}.side-title{margin-bottom:20px}.sidebar nav a{padding:8px 0}.circle{width:95px;height:95px;font-size:27px;margin-bottom:16px}.side-bottom{padding-top:24px}.side-bottom i{margin:15px 0}.side-bottom p{font-size:10px}}
@media(min-width:801px) and (max-width:1250px){.hero,.kz-hero{grid-template-columns:1fr;min-height:0}.hero-product{width:100%;max-width:440px;margin:28px auto 0;min-height:390px}.hero-product>img{height:340px}.hero h1{font-size:clamp(35px,4vw,50px)}.page-hero{grid-template-columns:1fr}.page-hero>img{max-width:500px;max-height:350px}.converter-section,.converter-hero,.contacts,.about-grid,.process-grid{grid-template-columns:1fr}.result-panel{position:static}.contact-details{padding-left:0;border-left:0;border-top:1px solid #d4d3ce;padding-top:25px}.section-heading>p{display:none}.documents>a{flex-wrap:wrap;gap:12px;position:relative;padding-right:28px}.documents>a>span{width:100%}.documents b{position:absolute;right:0;top:35px}.product-info h3{font-size:19px}.product-image{height:225px}.about{grid-template-columns:1fr}.sidebar{padding-left:26px;padding-right:26px}.brand img{min-height:0}.section-head h2{font-size:29px}.contact-top{display:none}}
@media(max-width:800px){:root{--sign-frame:4px;--sign-rail:0px}.sidebar{position:relative;inset:auto;width:auto;margin:4px 4px 0;padding:20px 22px;border:0;border-bottom:4px solid #ff7a00;overflow:visible}.brand img{width:165px;height:auto;min-height:0}.side-title,.side-bottom{display:none}main{margin:0 4px;padding-top:0;padding-bottom:4px}.sidebar nav a{font-size:16px;padding:12px 0}.sidebar nav span{font-size:11px;margin-right:12px}.hero,.kz-hero{grid-template-columns:1fr}.hero h1{font-size:clamp(34px,8vw,56px)}.hero-product{max-width:430px;min-height:355px}.hero-product>img{height:310px}.skip-link{left:12px}.documents>a>span{width:100%}.documents h3{font-size:16px}.contacts{grid-template-columns:1fr}.contact-details{padding-left:0}.contact-details>a:not(.text-link){font-size:23px}.inner-page h1{font-size:34px}.hero{padding-top:35px}.section-heading{gap:16px}}
@media(max-width:420px){.sidebar{padding:17px}.brand img{width:145px}.sidebar nav a{font-size:14px}.sidebar nav span{margin-right:8px}.inner-page h1{font-size:30px}.products{grid-template-columns:1fr}.industries{grid-template-columns:1fr}.hero h1{font-size:33px}}