/* Visual direction approved from the KITOGO front-end concept. */
:root{--orange:#f39200;--cream:#fbfaf8}
.site-header{background:#111315}
.nav-row{height:88px}
.desktop-nav a:first-child{color:var(--orange)}
.nav-cta{border-color:var(--orange)}
.hero{min-height:640px}
.hero-photo{background-position:center center;filter:none}
.hero-shade{background:linear-gradient(90deg,rgba(10,12,13,.94) 0%,rgba(10,12,13,.85) 26%,rgba(10,12,13,.52) 48%,rgba(10,12,13,.08) 78%)}
.hero-content{padding-top:78px;padding-bottom:92px}
.hero .eyebrow{letter-spacing:.21em}
.hero h1{font-size:clamp(3.45rem,5.6vw,5.75rem);max-width:810px;line-height:1.08;margin-bottom:22px}
.hero-lead{font-size:1.16rem;line-height:1.6;max-width:600px;color:#e3e3e3}
.hero-actions{margin-top:28px}
.hero .button.ghost{border-color:var(--orange)}
.intro-band{background:#191c1e;border:0}
.division-grid{display:grid;grid-template-columns:1fr 1fr}
.division-link{min-height:164px;display:grid;grid-template-columns:72px 1fr 34px;align-items:center;gap:28px;padding:30px 48px 30px 10px;position:relative;transition:background .2s}
.division-link+.division-link{padding-left:55px}
.division-link+.division-link:before{content:"";position:absolute;left:0;top:28px;bottom:28px;border-left:1px solid #68696a}
.division-link:hover{background:#25282a}
.division-icon{width:64px;height:64px;color:var(--orange)}
.division-link small{display:block;color:#c2c2c2;font-size:.73rem;font-weight:700;letter-spacing:.17em;margin-bottom:8px}
.division-link strong{display:block;font-family:Manrope,Arial,sans-serif;font-size:1.3rem;line-height:1.35;font-weight:600;max-width:350px}
.division-link>b{color:var(--orange);font-size:1.8rem;font-weight:400}
.section-chem{background:#fcfbfa;padding:104px 0 100px}
.section-head{grid-template-columns:1.35fr .65fr;gap:50px;margin-bottom:34px}
.section-head .eyebrow{color:#333;letter-spacing:.19em;margin-bottom:14px}
.section-head .eyebrow:before{content:"";display:inline-block;width:25px;height:2px;background:var(--orange);vertical-align:middle;margin-right:16px}
.section-head h2{font-size:clamp(2.75rem,4vw,4.45rem);line-height:1.13;white-space:normal;max-width:none}
.section-head h2 em{color:#df7b00}
.section-aside{align-self:end;padding-bottom:4px}
.section-summary{font-size:.98rem;line-height:1.5;margin-bottom:9px;color:#4b4b4b}
.section-more{color:#b56300;font-weight:700;font-size:.87rem}
.section-more span{margin-left:8px}
.section-more:hover{text-decoration:underline}
.chem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border:0;background:none}
.chem-card{padding:0;min-height:0;overflow:hidden;background:#fff;border:1px solid #e9e6e2;border-radius:6px;display:block;box-shadow:0 7px 25px #00000006}
.chem-card>img{display:block;width:100%;height:210px;object-fit:cover}
.chem-card-body{padding:24px 24px 23px}
.chem-card h3{font-size:1.38rem;margin:0 0 8px;line-height:1.2;letter-spacing:-.035em}
.chem-card h3:after{content:"→";float:right;color:var(--orange);font:400 1.4rem Arial,sans-serif}
.chem-card p{font-size:.92rem;line-height:1.5;margin:0 0 15px;min-height:42px;color:#585858}
.chem-card ul{list-style:none;padding:0;margin:0;font-size:.88rem;line-height:1.45;color:#4d4d4d}
.chem-card li{border-top:1px solid #e7e5e2;padding:8px 0}
.secondary-chem{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:22px;scroll-margin-top:110px}
.secondary-chem article,.secondary-cta{border:1px solid #e7e5e2;background:#fff;padding:24px;border-radius:6px;min-height:215px}
.secondary-chem article>span{display:block;color:#b66b00;font-size:.76rem;font-weight:800;margin-bottom:15px}
.secondary-chem h3{font-size:1.26rem;margin-bottom:8px}
.secondary-chem p{font-size:.88rem;color:#606060;line-height:1.45;margin-bottom:10px}
.secondary-chem ul{font-size:.82rem;color:#484848;line-height:1.65;padding-left:17px;margin:0}
.secondary-chem li::marker{color:var(--orange)}
.secondary-cta{display:flex;flex-direction:column;justify-content: center;background:#1c1f21;color:#fff;border-color:#1c1f21}
.secondary-cta>span{color:var(--orange);font-size:2rem;line-height:1;margin-bottom:0}
.secondary-cta strong{font-family:Manrope,Arial,sans-serif;font-size:1.24rem;line-height:1.3;margin:10px 0}
.secondary-cta small{color:var(--orange);font-size:.88rem;font-weight:800}
.services-banner{display:grid;grid-template-columns:38% 62%;min-height:470px;background:#191c1e}
.services-banner:before{display:none}
.services-image{position:relative;inset:auto;z-index:0;grid-column:2;grid-row:1;background-position:center 45%}
.services-banner-inner{grid-column:1;grid-row:1;align-self:center;width:auto;margin:0;padding:60px 45px 60px max(40px,calc((100vw - 1320px)/2));max-width:none}
.services-banner h2{font-size:clamp(2.65rem,3.75vw,4.3rem);line-height:1.1;margin-bottom:18px}
.services-banner p:last-child{max-width:none}
.services-banner-inner>p:not(.eyebrow){font-size:1.02rem;line-height:1.55;color:#ddd;margin-bottom:25px}
.services-banner .button{min-height:49px}
.services-list-section{padding-top:82px}
@media(max-width:1120px){.division-link{padding-right:25px;gap:15px}.division-link+.division-link{padding-left:28px}.division-link strong{font-size:1.15rem}.services-banner-inner{padding-left:25px;padding-right:25px}.chem-card>img{height:175px}.chem-card-body{padding:20px}.chem-card h3{font-size:1.18rem}}
@media(max-width:820px){.nav-row{height:76px}.hero{min-height:650px}.hero-shade{background:linear-gradient(90deg,rgba(10,12,13,.94),rgba(10,12,13,.52) 83%)}.hero h1{max-width:700px}.division-link{grid-template-columns:48px 1fr 18px;gap:12px;min-height:135px}.division-icon{width:43px;height:43px}.division-link strong{font-size:1rem}.section-head{grid-template-columns:1fr;gap:15px}.section-aside{max-width:570px}.chem-grid{grid-template-columns:repeat(2,1fr)}.chem-card:last-child{grid-column:1/-1}.chem-card:last-child>img{height:220px}.secondary-chem{grid-template-columns:repeat(2,1fr)}.secondary-cta{grid-column:1/-1;min-height:170px}.services-banner{grid-template-columns:1fr 1fr}.services-banner h2{font-size:2.7rem}}
@media(max-width:560px){.hero{min-height:680px}.hero-photo{background-position:61% center}.hero-shade{background:linear-gradient(90deg,rgba(10,12,13,.92),rgba(10,12,13,.65))}.hero-content{padding-top:64px;padding-bottom:65px}.hero h1{font-size:clamp(2.75rem,11.5vw,4rem)}.hero-lead{font-size:1rem}.division-grid{grid-template-columns:1fr}.division-link,.division-link+.division-link{padding:23px 12px;min-height:110px;grid-template-columns:43px 1fr 22px}.division-link+.division-link:before{top:0;bottom:auto;left:0;right:0;border:0;border-top:1px solid #505254}.section-chem{padding:72px 0}.section-head h2{font-size:clamp(2.5rem,10vw,3.4rem)}.chem-grid,.secondary-chem{grid-template-columns:1fr}.chem-card:last-child,.secondary-cta{grid-column:auto}.chem-card>img,.chem-card:last-child>img{height:205px}.chem-card p{min-height:0}.secondary-chem{margin-top:18px}.secondary-chem article,.secondary-cta{min-height:0}.secondary-cta{min-height:170px}.services-banner{display:flex;flex-direction:column-reverse}.services-image{position:relative;width:100%;min-height:265px}.services-banner-inner{padding:65px 18px 55px;align-self:stretch;margin:0}.services-banner h2{font-size:3.3rem}.services-banner .button{display:flex;width:max-content}}

/* Direct image element keeps the Services photo visible in local and hosted copies. */
.services-banner .services-image{display:block;position:relative;inset:auto;z-index:1;grid-column:2;grid-row:1;width:100%;height:100%;min-height:470px;object-fit:cover;object-position:center center;background:none}
.services-banner .services-banner-inner{position:relative;z-index:2}
@media(max-width:560px){.services-banner .services-image{width:100%;height:280px;min-height:0}}
