:root{--navy:#101d36;--navy2:#1b2a45;--ink:#101d36;--orange:#ec6c1e;--orange2:#ec6c1e;--ice:#f4f6f8;--muted:#647287;--line:#d7dfe7}
body{background:#fff;color:var(--ink)}
.site-header,.site-header.scrolled{background:rgba(255,255,255,.96);border-color:#e1e6ec;box-shadow:0 1px 0 rgba(16,29,54,.03)}
.brand span,.desktop-nav a{color:var(--ink)}
.desktop-nav a:hover,.desktop-nav a.active{color:var(--orange)}
.mobile-nav{background:#fff;box-shadow:0 12px 24px rgba(16,29,54,.08)}
.mobile-nav a{color:var(--ink);border-color:#e2e7ed}
.menu-toggle span{background:var(--ink)}
.preloader{background:#fff}
.preloader::before{display:none}
.preloader-kicker,.preloader-count{color:var(--ink)}
.preloader-line{background:#e6ebef}
.preloader-core img{border:1px solid #e4e8ee}
.scene,.solutions,.applications,.catalog,.dv1,.jga,.specs,.dad,.dad-more,.tanks,.resources,.contact{background:#fff!important;color:var(--ink)!important;border-bottom:1px solid #e2e7ed}
.section-line,.solutions .section-line{background:#aebac7;opacity:.6}
.section-tag{color:#74839a;opacity:1}
.section-heading p,.catalog-heading p,.solutions-heading p{color:#596a7e}
.outline-label,.section-index{color:var(--orange)}
.solutions-body{background:#fff;border:1px solid #dce3e9;border-left:3px solid var(--orange)}
.brand-panel,.binks-panel,.devilbiss-panel,.ransburg-panel{background:#fff;border:1px solid #dce3e9}
.brand-panel span{color:var(--ink)}
.brand-panel img{width:72%;height:72%}
.application-card,.catalog-card{background:#fff;border:1px solid #dbe2e9;box-shadow:none}
.application-card:hover,.catalog-card:hover{background:#fff;transform:translateY(-4px);box-shadow:0 12px 28px rgba(16,29,54,.07)}
.application-card img,.catalog-card img{transform:none!important;object-fit:contain}
.catalog-go{border-color:#dbe2e9}
.dv1-copy p,.jga-copy p,.dad-copy p,.tanks-copy p,.resources-copy p,.dad-more-heading p{color:#536478}
.dv1-product,.jga-visual,.tanks-visual,.infographic{background:#fff;border:1px solid #dae2e9;box-shadow:none}
.dv1-product img,.jga-visual img,.tanks-visual img,.dad-frame img{animation:none!important;transform:none!important;object-fit:contain}
.dv1-product:before,.tank-circle{display:none}
.dv1-range>div{background:#fff;border:1px solid #dbe2e9}
.dv1-range strong,.circle-text,.dv1-product>span,.jga-bottom,.tanks-visual>span:last-child{color:var(--ink)}
.jga-big{color:#e9edf2}
.jga-photo-strip img{border:1px solid #dbe2e9}
.spec-list,.spec-row{border-color:#dbe2e9}
.spec-row p{color:var(--ink)}
.dad-frame{box-shadow:12px 12px 0 #f0f3f6;border:1px solid #dbe2e9}
.dad-small{border-color:#fff;background:#fff}
.fact{background:#fff;border:1px solid #dbe2e9}
.fact p{color:#4b5c71}
.fact-cta{background:#fff;border-left:3px solid var(--orange)}
.fact-cta span,.fact-cta a{color:var(--ink)}
.fact-cta a{border-color:#dbe2e9}
.contact-details{border-color:#dbe2e9}
.contact-details>a,.contact-details>div{border-color:#dbe2e9}
.contact form{border:1px solid #dbe2e9}
.contact-reference{background:#fff;border:1px solid #dbe2e9}
.footer{background:#fff;border-top:1px solid #dbe2e9;color:#697b90}
.footer a{color:var(--orange)}
.button-outline:hover{background:var(--ink);color:#fff}
.scene img{object-fit:contain!important;transform:none!important;animation:none!important}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--orange);outline-offset:3px}

/* White-ground hero: complete, stationary product imagery. */
.white-hero{height:100svh;min-height:700px;overflow:hidden;background:#fff!important}
.white-hero::after,.white-hero .hero-grid{display:none}
.hero-concept{position:absolute;left:4vw;right:4vw;top:calc(var(--header) + 28px);bottom:105px;animation:concept-enter .55s cubic-bezier(.2,.7,.2,1) both}
@keyframes concept-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.hero-concept h1{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:-.03em;color:var(--ink);margin:0}
.hero-concept h1 em{color:var(--orange);-webkit-text-stroke:0}
.hero-concept p{font-size:14px;line-height:1.55;color:#536478;margin:0;max-width:56ch}
.concept-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:13px 0;border-bottom:2px solid var(--orange);color:var(--ink);width:max-content}
.concept-link span{font-size:18px;color:var(--orange)}
.concept-three-number{font-size:10px;font-weight:700;letter-spacing:.2em;color:#66768a}
.hero-concept-three{display:grid;grid-template-columns:46% 54%;gap:22px}
.concept-three-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-right:4%}
.concept-three-copy h1{font-size:clamp(69px,7.3vw,120px);line-height:.82;margin:20px 0 24px}
.concept-three-copy p:first-of-type{font-weight:700;color:var(--ink);font-size:16px;margin-bottom:8px}
.concept-three-copy .concept-link{margin-top:16px}
.concept-three-gallery{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:8px;min-height:0}
.concept-three-gallery figure{margin:0;position:relative;min-height:0;border:1px solid #dae2e9;display:grid;grid-template-rows:1fr 30px}
.concept-three-gallery figure:first-child{grid-row:span 2}
.concept-three-gallery img{width:100%;height:100%;min-height:0;object-fit:contain;padding:10px;mix-blend-mode:multiply;transform:none!important}
.concept-three-gallery figcaption{font-size:9px;letter-spacing:.14em;font-weight:700;color:#64758b;padding:7px 12px;border-top:1px solid #dae2e9}
.white-hero .hero-bottom{bottom:0;left:4vw;right:4vw;height:89px;padding:12px 0;border-top:1px solid #dce3ea;gap:24px;color:var(--ink)}
.white-hero .hero-bottom-title{font-size:15px;max-width:210px}
.white-hero .industry-strip>div{border-left:1px solid #dce3ea;color:#38485e}
.white-hero .industry-strip img{mix-blend-mode:normal;filter:none;background:#fff;border:1px solid #e2e7ed}
.white-hero .scroll-cue{display:none}

@media(max-height:760px) and (min-width:801px){
  .hero-concept{top:calc(var(--header) + 20px);bottom:92px}
  .concept-three-copy h1{font-size:clamp(64px,6.6vw,100px)}
  .white-hero .hero-bottom{height:80px}
}
@media(max-width:1000px) and (min-width:801px){
  .concept-three-copy h1{font-size:7.2vw}
  .white-hero .hero-bottom-title{display:none}
}
@media(max-width:800px){
  .white-hero{height:100dvh;min-height:0;overflow:hidden}
  .hero-concept{left:18px;right:18px;top:calc(var(--header) + 18px);bottom:92px}
  .hero-concept p{font-size:12px;line-height:1.45}
  .hero-concept-three{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:10px}
  .concept-three-copy{justify-content:flex-start;padding:0}
  .concept-three-number{font-size:8px}
  .concept-three-copy h1{margin:8px 0 10px;font-size:clamp(48px,11.8vw,70px)}
  .concept-three-copy p:first-of-type{font-size:13px;margin-bottom:3px}
  .concept-three-copy .concept-link{margin-top:4px}
  .concept-three-gallery{grid-template-columns:1.1fr .9fr;grid-template-rows:1fr 1fr}
  .concept-three-gallery img{padding:3px}
  .concept-three-gallery figcaption{font-size:7px;padding:5px}
  .white-hero .hero-bottom{left:18px;right:18px;height:77px;bottom:0;padding:6px 0;display:block}
  .white-hero .hero-bottom-title{display:block;max-width:none;font-size:11px;margin:0 0 4px}
  .white-hero .industry-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:0;overflow:visible;padding-bottom:0}
  .white-hero .industry-strip>div{min-width:0;display:flex;flex-direction:column;gap:2px;border:0;font-size:7px}
  .white-hero .industry-strip img{width:31px;height:25px;padding:1px}
  .float-actions{transition:opacity .25s ease,transform .25s ease}
  body.hero-in-view .float-actions{opacity:0;pointer-events:none;transform:translateY(8px)}
}
@media(max-width:500px) and (max-height:720px){
  .hero-concept{top:calc(var(--header) + 11px);bottom:75px}
  .hero-concept p{font-size:11px}
  .concept-three-copy h1{font-size:11vw;margin:3px 0}
  .concept-link{padding:6px 0}
  .white-hero .hero-bottom{height:67px}
  .white-hero .hero-bottom-title{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.hero-concept{animation:none}}

/* Compact mobile rhythm: each section grows only as much as its content needs. */
@media(max-width:800px){
  .scene:not(.white-hero){min-height:0}
  .scene-inner{height:auto;padding-top:calc(var(--header) + 10px);padding-bottom:20px}
  .reveal{transform:translateY(14px)}
  .brand span{display:none}
  .float-actions{top:10px;right:66px;bottom:auto;flex-direction:row;gap:4px;z-index:110;transform:none}
  .float-actions a{width:44px;height:44px;box-shadow:none}
  .float-actions svg{width:22px;height:22px}
  body.hero-in-view .float-actions{opacity:1;pointer-events:auto;transform:none}
  .solutions-heading,.applications .section-heading,.catalog-heading,.specs-title{margin:22px 0 16px}
  .section-heading h2,.solutions-heading h2,.catalog-heading h2,.resources-copy h2,.dad-more-heading h2,.specs-title h2{font-size:clamp(43px,11vw,64px)}
  .solutions-layout,.applications-layout,.catalog-layout,.dv1-layout,.specs-layout,.dad-more-layout{gap:14px}
  .solutions-body{padding:18px}
  .solutions-body p{font-size:15px;line-height:1.5}
  .brand-panels{margin-top:14px}
  .brand-panel{height:116px}
  .brand-panel img{width:64%;height:66%}
  .brand-panel span{bottom:8px;left:12px}
}
@media(max-width:500px){
  .application-grid,.catalog-grid{grid-template-columns:1fr}
  .application-card,.application-card:last-child{grid-column:auto;min-height:150px;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) 110px;grid-template-rows:auto 1fr;align-items:center;column-gap:8px}
  .application-card>span{grid-column:1;grid-row:1;align-self:start}
  .application-card strong{grid-column:1;grid-row:2;font-size:clamp(23px,7vw,29px);line-height:.94;max-width:100%}
  .application-card img{position:static;grid-column:2;grid-row:1/3;width:100%;height:120px;max-height:100%;object-fit:contain}
  .application-card b{right:8px;bottom:6px;font-size:18px}
  .catalog-card,.catalog-card:last-child{grid-column:auto;min-height:145px;padding:12px;display:grid;grid-template-columns:110px minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:12px}
  .catalog-card img{grid-column:1;grid-row:1/4;width:100%;height:120px;min-height:0;align-self:center}
  .catalog-id{grid-column:2;grid-row:1}
  .catalog-card strong{grid-column:2;grid-row:2;align-self:center;font-size:clamp(23px,7vw,30px);margin:0}
  .catalog-go{grid-column:2;grid-row:3;margin:0;padding-top:7px}
}
@media(max-width:800px){
  .dv1-main{margin-top:18px}
  .dv1-product{height:250px;margin-top:18px}
  .dv1-range>div{height:84px}
  .dv1-range img{width:75px}
  .jga-layout{display:flex;flex-direction:column;gap:0}
  .jga .section-top{order:0}
  .jga-copy{order:1;padding:18px 0 0}
  .jga-visual{order:2;height:260px;margin-top:16px}
  .jga-photo-strip{height:105px;min-height:0;margin-top:14px}
  .spec-row{padding:15px 4px}
  .dad-visual{height:240px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:8px}
  .dad-frame,.dad-small{min-width:0;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
  .dad-frame{width:100%;height:100%;box-shadow:none;grid-template-rows:minmax(0,1fr) 32px}
  .dad-frame img{grid-row:1;width:100%;height:100%;min-width:0;min-height:0;padding:6px}
  .dad-frame span{position:static;grid-row:2;align-self:stretch;justify-self:stretch;font-size:18px;color:#65758a;padding:4px 8px;border-top:1px solid #dbe2e9}
  .dad-small{position:static;width:100%;height:100%;border:1px solid #dbe2e9}
  .dad-small img{min-width:0;min-height:0;max-height:100%}
  .dad-more-heading{margin:22px 0}
  .dad-more-heading p{margin-top:14px;padding-left:18px;line-height:1.5}
  .dad-more-bottom{gap:8px;min-height:0}
  .fact{min-height:0;padding:18px}
  .fact p{margin:6px 0}
  .tanks-copy .lead{margin:10px 0}
  .tanks-copy p:not(.lead){margin:8px 0}
  .tanks-visual{height:280px;margin-top:16px}
  .resources .infographic{height:290px;margin-top:14px}
  .contact-copy,.dad-copy,.tanks-copy,.resources-copy{padding:18px 0}
  .contact form{min-height:500px}
  .contact-reference{height:160px}
}
@media(max-width:500px){
  .dv1-copy h2,.jga-copy h2,.dad-copy h2,.tanks-copy h2,.contact-copy h2{font-size:clamp(54px,14vw,70px)}
  .application-card,.application-card:last-child{grid-template-columns:minmax(0,1fr) 100px}
  .catalog-card,.catalog-card:last-child{grid-template-columns:100px minmax(0,1fr)}
}