/* Complete layout for the industry landing page; detail-page rules remain in industry-topics.css. */ .industry-page .industry-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}.industry-page .industry-card{min-height:390px!important;padding:24px!important}.industry-page .industry-card-media{height:auto!important;aspect-ratio:3/2!important;margin:14px 0 19px!important}.industry-page .industry-card h3{font-size:27px!important;margin:0 0 12px!important}.industry-page .industry-card p{font-size:15px!important;line-height:1.75!important}.industry-page .industry-card a{padding-top:18px!important;font-size:15px!important}@media(max-width:900px){.industry-page .industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:700px){.industry-page .industry-grid{grid-template-columns:1fr!important}.industry-page .industry-card{min-height:0!important}} .industry-page .industry-card-media{background-image:linear-gradient(rgba(5,28,47,.1),rgba(5,28,47,.1)),url('/template/default/pc/assets/img/industry-card-scenes-v1.png')!important;background-size:400% 200%!important}.industry-page .industry-card-media.hvac{background-position:66.6667% 100%!important}.industry-page .industry-card-media.water{background-position:0 100%!important}.industry-page .industry-card-media.power{background-position:33.3333% 0!important}.industry-page .industry-card-media.petrochemical{background-position:66.6667% 0!important}.industry-page .industry-card-media.chemical{background-position:0 0!important}.industry-page .industry-card-media.pharmaceutical{background-position:100% 0!important} .industry-page .industry-card{border-left-width:4px!important}.industry-page .industry-card:has(.chemical){border-left-color:#017173!important}.industry-page .industry-card:has(.power){border-left-color:#20bce8!important}.industry-page .industry-card:has(.petrochemical){border-left-color:#017173!important}.industry-page .industry-card:has(.pharmaceutical){border-left-color:#7bcf7d!important}.industry-page .industry-card:has(.water){border-left-color:#20bce8!important}.industry-page .industry-card:has(.fire){border-left-color:#ef4540!important}.industry-page .industry-card:has(.hvac){border-left-color:#f0aa18!important}.industry-page .industry-card:has(.paper){border-left-color:#017173!important} .industry-page .industry-card{position:relative;overflow:hidden;border-left:4px solid var(--industry-accent,#017173)}.industry-page .industry-card:nth-child(1){--industry-accent:#017173}.industry-page .industry-card:nth-child(2){--industry-accent:#1479bb}.industry-page .industry-card:nth-child(3){--industry-accent:#16a6cc}.industry-page .industry-card:nth-child(4){--industry-accent:#795bd4}.industry-page .industry-card:nth-child(5){--industry-accent:#148a9c}.industry-page .industry-card:nth-child(6){--industry-accent:#d94938}.industry-page .industry-card:nth-child(7){--industry-accent:#347ab7}.industry-page .industry-card:nth-child(8){--industry-accent:#b17a32} .industry-page{color:#015a5c;background:#fff} .industry-page .section-eyebrow{margin:0;color:#017173;font-size:12px;font-weight:900;letter-spacing:.14em} .industry-page .industry-hero{padding:88px 0;background:linear-gradient(128deg,#08233a,#0c588c);color:#fff;overflow:hidden} .industry-page .industry-hero-grid{width:min(1200px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:76px;align-items:center} .industry-page .industry-hero h1{margin:14px 0 21px;font-size:clamp(42px,5vw,68px);line-height:1.08;letter-spacing:-.055em} .industry-page .industry-lead{max-width:640px;margin:0;color:#d2e4ef;font-size:17px;line-height:1.9} .industry-page .industry-hero-cta{display:inline-flex;align-items:center;gap:17px;margin-top:28px;padding:15px 20px;background:#017173;color:#fff;font-weight:800;text-decoration:none} .industry-page .industry-diagram{position:relative;min-height:350px;border:1px solid rgba(194,225,244,.35);background:radial-gradient(circle at center,rgba(24,122,187,.55),rgba(3,22,37,.12) 60%);display:grid;place-items:center} .industry-page .diagram-kicker{position:absolute;top:24px;left:24px;color:#9fd2ef;font-size:11px;letter-spacing:.16em}.industry-page .diagram-ring{width:242px;height:242px;border:1px solid rgba(184,226,249,.6);border-radius:50%;position:relative}.industry-page .diagram-ring:before,.industry-page .diagram-ring:after{content:"";position:absolute;background:rgba(184,226,249,.45)}.industry-page .diagram-ring:before{width:1px;height:100%;left:50%}.industry-page .diagram-ring:after{height:1px;width:100%;top:50%}.industry-page .diagram-ring span{position:absolute;color:#e0f1fa;font-size:13px}.industry-page .diagram-ring span:nth-child(1){top:-10px;left:50%;transform:translateX(-50%)}.industry-page .diagram-ring span:nth-child(2){right:-29px;top:50%;transform:translateY(-50%)}.industry-page .diagram-ring span:nth-child(3){bottom:-10px;left:50%;transform:translateX(-50%)}.industry-page .diagram-ring span:nth-child(4){left:-29px;top:50%;transform:translateY(-50%)}.industry-page .diagram-center{position:absolute;text-align:center;font-size:22px;font-weight:900;letter-spacing:.1em;line-height:1.15}.industry-page .diagram-center small{font-size:10px;color:#8ac7e8;letter-spacing:.2em}.industry-page .industry-diagram>p{position:absolute;bottom:21px;color:#c3dce9;font-size:13px} .industry-page .industry-intro{width:min(1200px,calc(100% - 48px));margin:0 auto;padding:94px 0}.industry-page .industry-section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin:14px 0 42px}.industry-page .industry-section-heading h2,.industry-page .industry-checklist h2,.industry-page .industry-bottom h2{margin:0;font-size:clamp(34px,4vw,56px);line-height:1.1;letter-spacing:-.05em}.industry-page .industry-section-heading p{max-width:440px;margin:0;color:#61778a;font-size:16px;line-height:1.8}.industry-page .industry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.industry-page .industry-card{min-height:275px;padding:27px;border:1px solid #dbe5eb;background:#fff;display:flex;flex-direction:column;transition:.2s}.industry-page .industry-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(8,35,58,.12)}.industry-page .industry-card>span{color:#017173;font-size:12px;font-weight:900;letter-spacing:.12em}.industry-page .industry-card h3{margin:37px 0 12px;font-size:25px;letter-spacing:-.035em}.industry-page .industry-card p{margin:0;color:#62798b;font-size:14px;line-height:1.75}.industry-page .industry-card a{margin-top:auto;padding-top:20px;border-top:1px solid #e0e9ee;color:#017173;font-weight:800;text-decoration:none}.industry-page .industry-card a b{float:right;color:#017173} .industry-page .industry-checklist{padding:82px 0;background:#edf4f8}.industry-page .industry-checklist .wrap{width:min(1200px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:78px}.industry-page .industry-checklist ol{list-style:none;padding:0;margin:0;border-top:1px solid #cbd9e2}.industry-page .industry-checklist li{display:grid;grid-template-columns:68px 1fr;padding:19px 0;border-bottom:1px solid #cbd9e2;font-size:18px;font-weight:800}.industry-page .industry-checklist li>b{color:#017173;font-size:12px;padding-top:5px}.industry-page .industry-checklist small{display:block;margin-top:5px;color:#6c8294;font-size:13px;font-weight:400}.industry-page .industry-bottom{width:min(1200px,calc(100% - 48px));margin:0 auto;padding:86px 0;display:flex;align-items:end;justify-content:space-between;gap:40px}.industry-page .industry-bottom .btn{padding:16px 21px;background:#017173;color:#fff;font-weight:800;text-decoration:none;white-space:nowrap} @media(max-width:960px){.industry-page .industry-hero{padding:65px 0}.industry-page .industry-hero-grid,.industry-page .industry-checklist .wrap{grid-template-columns:1fr;gap:38px}.industry-page .industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.industry-page .industry-section-heading{display:block}.industry-page .industry-section-heading p{margin-top:17px}.industry-page .industry-bottom{display:block}.industry-page .industry-bottom .btn{display:inline-flex;margin-top:26px}}@media(max-width:600px){.industry-page .industry-hero-grid,.industry-page .industry-intro,.industry-page .industry-checklist .wrap,.industry-page .industry-bottom{width:calc(100% - 32px)}.industry-page .industry-hero{padding:54px 0}.industry-page .industry-diagram{min-height:290px}.industry-page .diagram-ring{width:205px;height:205px}.industry-page .industry-grid{grid-template-columns:1fr}.industry-page .industry-intro,.industry-page .industry-bottom{padding:60px 0}.industry-page .industry-checklist{padding:58px 0}} /* One generated, evenly divided scene sheet supplies the eight application cards. */ .industry-page .industry-card{min-height:362px;padding:20px 20px 22px}.industry-page .industry-card-media{height:116px;margin:13px 0 17px;background-image:linear-gradient(rgba(5,28,47,.1),rgba(5,28,47,.1)),url('/template/default/pc/assets/img/industry-card-scenes-v1.png');background-size:400% 200%;background-repeat:no-repeat;background-position:0 0}.industry-page .industry-card-media.power{background-position:33.3333% 0}.industry-page .industry-card-media.petrochemical{background-position:66.6667% 0}.industry-page .industry-card-media.pharmaceutical{background-position:100% 0}.industry-page .industry-card-media.water{background-position:0 100%}.industry-page .industry-card-media.fire{background-position:33.3333% 100%}.industry-page .industry-card-media.hvac{background-position:66.6667% 100%}.industry-page .industry-card-media.paper{background-position:100% 100%}.industry-page .industry-card h3{margin:0 0 10px}.industry-page .industry-card a{padding-top:17px} .industry-page .industry-hero{ position:relative!important; padding:0!important; min-height:430px!important; overflow:hidden!important; color:#fff!important; background:#071422 url("/template/default/pc/assets/homepage-v3/heroes/industries-six.png") 78% center / cover no-repeat!important; } .industry-page .industry-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:78% center;display:block} .industry-page .industry-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,20,34,.88) 0%,rgba(7,20,34,.5) 40%,rgba(7,20,34,.16) 68%,rgba(7,20,34,.32) 100%);pointer-events:none} .industry-page .industry-hero-grid{position:relative;z-index:2;display:block!important;grid-template-columns:none!important;padding:92px 0 88px} .industry-page .industry-hero-copy{max-width:560px} .industry-page .industry-diagram{display:none!important} .industry-page .industry-hero-cta{ position:relative; display:inline-flex!important; flex-direction:column; align-items:center; justify-content:center; width:150px!important; height:150px!important; margin-top:34px!important; padding:0 16px!important; gap:4px!important; border-radius:50%!important; color:#fff!important; text-align:center; text-decoration:none; font-weight:800; line-height:1.2; background: radial-gradient(circle at 50% 50%, #fff 0 11px, #b71c1c 12px 32px, transparent 33px), linear-gradient(#c62828,#c62828) 50% 50%/16px 100% no-repeat, linear-gradient(#c62828,#c62828) 50% 50%/100% 16px no-repeat, #e53935!important; box-shadow: 0 0 0 7px #eceff1, 0 0 0 10px #90a4ae, 0 0 0 12px #eceff1, 0 10px 24px rgba(0,0,0,.35), inset 0 2px 3px rgba(255,255,255,.28)!important; transition:transform .18s ease; } .industry-page .industry-hero-cta span{font-size:15px;position:relative;z-index:1} .industry-page .industry-hero-cta small{font-size:11px;opacity:.95;position:relative;z-index:1} .industry-page .industry-hero-cta:hover{transform:rotate(20deg)} .site-page-hero{/*replaced below*/} .site-page-hero > img, .site-page-hero .page-hero-photo, .site-page-hero .resources-hero-photo, .site-page-hero .industry-hero-photo{ position:absolute!important; inset:0!important; width:100%!important; height:100%!important; max-width:none!important; object-fit:cover!important; object-position:center center!important; transform:none!important; display:block!important; } .site-page-hero .page-hero-overlay, .site-page-hero .resources-hero-overlay, .site-page-hero .industry-hero-overlay{ position:absolute!important; inset:0!important; pointer-events:none!important; background:linear-gradient(90deg,rgba(8,18,28,.55) 0%,rgba(8,18,28,.28) 28%,rgba(8,18,28,.08) 52%,rgba(8,18,28,0) 72%)!important; } .site-page-hero .wrap, .site-page-hero .page-hero-copy, .site-page-hero .resources-hero-copy, .site-page-hero .industry-hero-grid, .site-page-hero .industry-hero-copy{ position:relative!important; z-index:2!important; float:none!important; box-sizing:border-box!important; } .site-page-hero .page-hero-copy, .site-page-hero .resources-hero-copy, .site-page-hero .industry-hero-grid{ width:min(1220px,calc(100% - 48px))!important; margin:0 auto!important; padding:48px 0!important; height:100%!important; display:flex!important; flex-direction:column!important; justify-content:center!important; align-items:flex-start!important; } .site-page-hero .page-hero-copy h1, .site-page-hero .page-hero-copy .eyebrow, .site-page-hero .page-hero-copy p, .site-page-hero .resources-hero-copy, .site-page-hero .industry-hero-copy{ max-width:560px!important; } .product-list-page .product-center-hero{ background-image:none!important; } .site-page-hero{/*replaced below*/} .site-page-hero > img, .site-page-hero .page-hero-photo, .site-page-hero .resources-hero-photo, .site-page-hero .industry-hero-photo{ position:absolute!important; inset:0!important; width:100%!important; height:100%!important; max-width:none!important; object-fit:cover!important; object-position:center center!important; transform:none!important; display:block!important; } .site-page-hero .page-hero-overlay, .site-page-hero .resources-hero-overlay, .site-page-hero .industry-hero-overlay{ position:absolute!important; inset:0!important; pointer-events:none!important; background:linear-gradient(90deg,rgba(8,18,28,.55) 0%,rgba(8,18,28,.28) 28%,rgba(8,18,28,.08) 52%,rgba(8,18,28,0) 72%)!important; } .site-page-hero .wrap, .site-page-hero .page-hero-copy, .site-page-hero .resources-hero-copy, .site-page-hero .industry-hero-grid, .site-page-hero .industry-hero-copy{ position:relative!important; z-index:2!important; float:none!important; box-sizing:border-box!important; } .site-page-hero .page-hero-copy, .site-page-hero .resources-hero-copy, .site-page-hero .industry-hero-grid{ width:min(1220px,calc(100% - 48px))!important; margin:0 auto!important; padding:48px 0!important; height:100%!important; display:flex!important; flex-direction:column!important; justify-content:center!important; align-items:flex-start!important; } .site-page-hero .page-hero-copy h1, .site-page-hero .page-hero-copy .eyebrow, .site-page-hero .page-hero-copy p, .site-page-hero .resources-hero-copy, .site-page-hero .industry-hero-copy{ max-width:560px!important; } .product-list-page .product-center-hero{ background-image:none!important; } .site-page-hero{ position:relative!important; display:block!important; width:100%!important; max-width:100%!important; aspect-ratio:auto!important; height:518px!important; min-height:518px!important; max-height:518px!important; margin:0!important; padding:0!important; overflow:hidden!important; background:#0b1c28!important; } .site-page-hero > img, .site-page-hero .page-hero-photo, .site-page-hero .resources-hero-photo, .site-page-hero .industry-hero-photo{ position:absolute!important; inset:0!important; width:100%!important; height:100%!important; max-width:none!important; object-fit:fill!important; object-position:center center!important; transform:none!important; display:block!important; } .site-page-hero .page-hero-overlay, .site-page-hero .resources-hero-overlay, .site-page-hero .industry-hero-overlay{ position:absolute!important; inset:0!important; pointer-events:none!important; background:linear-gradient(90deg,rgba(8,18,28,.42) 0%,rgba(8,18,28,.18) 32%,rgba(8,18,28,0) 58%)!important; } .site-page-hero .page-hero-copy, .site-page-hero .resources-hero-copy, .site-page-hero .industry-hero-grid{ width:min(1220px,calc(100% - 48px))!important; margin:0 auto!important; padding:0!important; height:100%!important; display:flex!important; flex-direction:column!important; justify-content:center!important; align-items:flex-start!important; }