/* =========================================================
INDUSTRIES PAGE
========================================================= */
.industries-page{
background:#fff;
color:#171717;
overflow:hidden;
}


/* INDUSTRIES SECTION SPACING */
.industries-introsec,
.industries-featured,
.industries-directory,
.industries-materials,
.industries-cta{
padding:var(--dvs-section-padding) 0;
}


.industries-hero{
background:#171717;
color:#fff;
padding:155px 0 110px;
}
.industries-hero-grid{
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
gap:90px;
align-items:center;
}
.industries-hero-copy{
max-width:720px;
}
.industries-eyebrow,.industries-section-label{
display:flex;
align-items:center;
gap:13px;
color:#ee791f;
font-size:10px;
font-weight:700;
letter-spacing:2.5px;
text-transform:uppercase;
margin:0 0 22px;
}
.industries-eyebrow span{
display:block;
width:48px;
height:2px;
background:#ee791f;
flex-shrink:0;
}
.industries-hero h1{
font-family:"Manrope",sans-serif;
font-size:clamp(55px,5vw,88px);
font-weight:800;
line-height:.98;
letter-spacing:-.065em;
margin:0 0 32px;
}
.industries-hero h1 em{
display:block;
color:#ee791f;
font-style:normal;
}
.industries-hero-text{
max-width:650px;
color:rgba(255,255,255,.64);
font-size:17px;
line-height:1.85;
margin:0;
}
.industries-hero-actions{
display:flex;
align-items:center;
gap:28px;
margin-top:40px;
}
.industries-primary-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:12px;
padding:17px 25px;
background:#ee791f;
color:#fff;
font-size:11px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
text-decoration:none;
transition:.3s ease;
border-radius: 8px;
}
.industries-primary-btn:hover{
background:#fff;
color:#171717;
transform:translateY(-3px);
}
.industries-text-btn{
display:inline-flex;
align-items:center;
gap:9px;
color:#fff;
font-size:11px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
text-decoration:none;
transition:.3s ease;
}
.industries-text-btn i{
color:#ee791f;
transition:.3s ease;
}
.industries-text-btn:hover{
color:#ee791f;
}
.industries-text-btn:hover i{
transform:translate(3px,-3px);
}
.industries-hero-visual{
position:relative;
width:100%;
}
.industries-hero-image{
position:relative;
height:540px;
overflow:hidden;
background:#292929;
}
.industries-hero-image img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
display:block;
}
.industry-image-content{
position:absolute;
inset:0;
display:flex;
align-items:flex-end;
justify-content:flex-end;
padding:30px;
z-index:2;
pointer-events:none;
}
.industry-image-content strong{
position:relative;
font-family:"Manrope",sans-serif;
font-size:100px;
line-height:.7;
font-weight:800;
color:rgba(238,121,31,.4);
letter-spacing:-.08em;
}
.industries-hero-stat{
position:absolute;
left:-35px;
bottom:35px;
display:flex;
align-items:center;
gap:15px;
padding:20px 25px;
background:#ee791f;
color:#fff;
box-shadow:0 20px 45px rgba(0,0,0,.3);
z-index:3;
}
.industries-hero-stat strong{
font-family:"Manrope",sans-serif;
font-size:43px;
line-height:1;
font-weight:800;
}
.industries-hero-stat span{
font-size:10px;
font-weight:700;
line-height:1.4;
letter-spacing:1.3px;
text-transform:uppercase;
}
/* =========================================================
INDUSTRIES INTRO
========================================================= */
.industries-introsec{
position:relative;
background:#fff;
overflow:hidden;
}
.industries-intro-mobile{
display:none;
}
.industries-intro-desktop{
position:relative;
width:100%;
height:520px;
overflow:hidden;
isolation:isolate;
}
.industry-flow-grid{
position:absolute;
inset:0;
background-image:linear-gradient(rgba(23,23,23,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(23,23,23,.045) 1px,transparent 1px);
background-size:70px 70px;
mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.9) 15%,rgba(0,0,0,.9) 85%,transparent 100%);
animation:industryGridMove 14s linear infinite;
z-index:0;
}
.industry-flow-glow{
position:absolute;
border-radius:50%;
pointer-events:none;
filter:blur(2px);
}
.industry-flow-glow-one{
width:460px;
height:460px;
right:5%;
top:-105px;
border:1px solid rgba(238,121,31,.13);
box-shadow:0 0 100px rgba(238,121,31,.04);
animation:industryGlowFloat 8s ease-in-out infinite;
}
.industry-flow-glow-two{
width:280px;
height:280px;
right:15%;
top:35px;
border:1px solid rgba(23,23,23,.1);
animation:industryGlowFloatReverse 7s ease-in-out infinite;
}
.industry-flow-path{
position:absolute;
height:1px;
transform-origin:left center;
pointer-events:none;
}
.industry-flow-path-one{
width:72%;
left:12%;
top:34%;
background:linear-gradient(90deg,transparent,rgba(238,121,31,.15),rgba(238,121,31,.7),rgba(238,121,31,.05),transparent);
transform:rotate(-12deg);
animation:industryPathFlowOne 7s ease-in-out infinite;
}
.industry-flow-path-two{
width:65%;
left:25%;
top:59%;
background:linear-gradient(90deg,transparent,rgba(23,23,23,.05),rgba(23,23,23,.18),rgba(238,121,31,.35),transparent);
transform:rotate(8deg);
animation:industryPathFlowTwo 9s ease-in-out infinite;
}
.industry-flow-path-three{
width:42%;
left:49%;
top:25%;
background:linear-gradient(90deg,transparent,#ee791f,transparent);
transform:rotate(48deg);
opacity:.28;
animation:industryPathFlowThree 6s ease-in-out infinite;
}
.industry-flow-path-four{
width:38%;
left:57%;
top:71%;
background:linear-gradient(90deg,transparent,rgba(23,23,23,.2),transparent);
transform:rotate(-38deg);
opacity:.3;
animation:industryPathFlowFour 8s ease-in-out infinite;
}
.industry-flow-node{
position:absolute;
width:8px;
height:8px;
border-radius:50%;
background:#ee791f;
box-shadow:0 0 0 0 rgba(238,121,31,.5);
z-index:3;
animation:industryNodePulse 2.5s ease-out infinite;
}
.industry-flow-node-one{
left:30%;
top:31%;
animation-delay:.2s;
}
.industry-flow-node-two{
left:53%;
top:57%;
animation-delay:.8s;
}
.industry-flow-node-three{
left:72%;
top:27%;
animation-delay:1.3s;
}
.industry-flow-node-four{
left:84%;
top:68%;
animation-delay:1.8s;
}
.industry-flow-particle{
position:absolute;
width:4px;
height:4px;
border-radius:50%;
background:#ee791f;
box-shadow:0 0 12px rgba(238,121,31,.65);
z-index:4;
}
.industry-flow-particle-one{
top:34%;
left:8%;
animation:industryParticleTravelOne 5.5s linear infinite;
}
.industry-flow-particle-two{
top:60%;
left:23%;
animation:industryParticleTravelTwo 6.5s linear infinite;
}
.industry-flow-particle-three{
top:25%;
left:48%;
animation:industryParticleTravelThree 5s linear infinite;
}
.industry-flow-particle-four{
top:72%;
left:55%;
animation:industryParticleTravelFour 7s linear infinite;
}
.industry-flow-number{
position:absolute;
left:0;
top:0;
font-family:"Manrope",sans-serif;
font-size:100px;
line-height:.8;
font-weight:800;
letter-spacing:-.09em;
color:rgba(238,121,31,.12);
z-index:2;
animation:industryNumberFloat 6s ease-in-out infinite;
}
.industry-flow-label{
position:absolute;
left:138px;
top:5px;
display:flex;
align-items:center;
gap:14px;
z-index:8;
}
.industry-flow-label span{
width:48px;
height:2px;
background:#ee791f;
transform-origin:left;
animation:industryLabelLine 2.8s ease-in-out infinite;
}
.industry-flow-label p{
margin:0;
font-family:"Manrope",sans-serif;
font-size:10px;
font-weight:700;
letter-spacing:2.7px;
color:#ee791f;
}
.industry-flow-content{
position:absolute;
left:138px;
right:0;
top:70px;
z-index:10;
}
.industry-flow-kicker{
display:flex;
align-items:center;
gap:12px;
margin-bottom:22px;
font-family:"Manrope",sans-serif;
font-size:8px;
font-weight:800;
letter-spacing:2px;
color:#9a9da0;
text-transform:uppercase;
animation:industryKickerReveal 1s cubic-bezier(.16,1,.3,1) both;
}
.industry-flow-kicker i{
width:50px;
height:1px;
background:#d5d5d5;
}
.industry-flow-content h2{
width:100%;
max-width:none;
margin:0;
font-family:"Manrope",sans-serif;
font-size:clamp(58px,5vw,94px);
font-weight:800;
line-height:.91;
letter-spacing:-.075em;
color:#171717;
}
.industry-flow-content h2 span{
display:block;
color:#ee791f;
padding-left:9%;
}
.industry-flow-bottom{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:60px;
margin-top:42px;
}
.industry-flow-copy{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
width:100%;
max-width:760px;
}
.industry-flow-copy p{
position:relative;
margin:0;
padding:22px 24px 22px 28px;
background:rgba(255,255,255,.78);
border:1px solid rgba(23,23,23,.09);
border-left:3px solid #ee791f;
color:#687078;
font-size:12px;
line-height:1.75;
box-shadow:0 12px 35px rgba(23,23,23,.045);
transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease,background .35s ease;
}
.industry-flow-copy p::before{
display:block;
margin-bottom:10px;
font-family:"Manrope",sans-serif;
font-size:8px;
font-weight:800;
letter-spacing:2px;
color:#ee791f;
}
.industry-flow-copy p:first-child::before{
content:"01 / MATERIAL PERFORMANCE";
}
.industry-flow-copy p:last-child::before{
content:"02 / APPLICATION FOCUS";
}
.industry-flow-copy p::after{
content:"";
position:absolute;
top:0;
right:0;
width:22px;
height:22px;
border-top:1px solid rgba(238,121,31,.45);
border-right:1px solid rgba(238,121,31,.45);
opacity:.7;
transition:.35s ease;
}
.industry-flow-copy p:hover{
background:#fff;
border-left-color:#171717;
transform:translateY(-4px);
box-shadow:0 18px 40px rgba(23,23,23,.09);
}
.industry-flow-copy p:hover::after{
width:32px;
height:32px;
border-color:#ee791f;
}
.industry-flow-copy p:last-child{
margin-bottom:0;
}
.industry-flow-metrics{
display:flex;
align-items:flex-end;
gap:35px;
padding-right:10px;
}
.industry-flow-metrics div{
display:flex;
flex-direction:column;
gap:7px;
min-width:70px;
}
.industry-flow-metrics strong{
font-family:"Manrope",sans-serif;
font-size:21px;
font-weight:800;
color:#171717;
letter-spacing:-.05em;
}
.industry-flow-metrics span{
font-family:"Manrope",sans-serif;
font-size:7px;
font-weight:800;
letter-spacing:1.6px;
color:#9b9b9b;
}
.industry-flow-line{
position:absolute;
left:138px;
right:0;
bottom:22px;
height:1px;
background:#ddd;
z-index:7;
}
.industry-flow-line::after{
content:"";
position:absolute;
left:-10%;
top:-1px;
width:15%;
height:3px;
background:linear-gradient(90deg,transparent,#ee791f 40%,#ee791f 60%,transparent);
box-shadow:0 0 20px rgba(238,121,31,.35);
animation:industryEnergyLine 4.5s cubic-bezier(.65,0,.35,1) infinite;
}
.industry-flow-status{
position:absolute;
left:138px;
bottom:0;
display:flex;
align-items:center;
gap:9px;
font-family:"Manrope",sans-serif;
font-size:7px;
font-weight:800;
letter-spacing:1.7px;
color:#a0a0a0;
text-transform:uppercase;
margin-top: 5px;
}
.industry-flow-status-dot{
width:5px;
height:5px;
border-radius:50%;
background:#ee791f;
box-shadow:0 0 0 0 rgba(238,121,31,.5);
animation:industryStatusPulse 2s infinite;
}
/* =========================================================
FEATURED INDUSTRIES
========================================================= */
.industries-featured{
background:#f5f5f3;

}
.industries-section-heading{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:60px;
margin-bottom:50px;
}
.industries-section-heading h2{
font-family:"Manrope",sans-serif;
font-size:clamp(42px,5vw,64px);
font-weight:800;
line-height:1.04;
letter-spacing:-.055em;
margin:0;
}
.industries-section-heading h2 span{
color:#ee791f;
}
.industries-section-heading>p{
max-width:430px;
color:#687078;
font-size:14px;
line-height:1.8;
margin:0 0 4px;
}
.featured-industry-grid{
display:grid;
grid-template-columns:1.35fr 1fr 1fr;
gap:20px;
}
.featured-industry-card{
position:relative;
height:570px;
background:#171717;
overflow:hidden;
border-radius: 20px;
}
.featured-industry-large{
height:570px;
}
.featured-industry-card .industry-card-media{
position:absolute;
inset:0;
width:100%;
height:100%;
overflow:hidden;
background:#222;
}
.featured-industry-card .industry-card-media img{
position:absolute;
inset:0;
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
transition:.8s cubic-bezier(.2,.65,.3,1);

}
.featured-industry-card:hover .industry-card-media img{
transform:scale(1.06);
}
.featured-industry-overlay{
position:absolute;
inset:0;
background:linear-gradient(to top,rgba(0,0,0,.96) 0%,rgba(0,0,0,.72) 35%,rgba(0,0,0,.28) 68%,rgba(0,0,0,.08) 100%);
z-index:1;
transition:.4s ease;
}
.featured-industry-card:hover .featured-industry-overlay{
background:linear-gradient(to top,rgba(0,0,0,.94) 0%,rgba(0,0,0,.58) 40%,rgba(0,0,0,.18) 75%,rgba(0,0,0,.04) 100%);
}
.featured-industry-content{
position:absolute;
left:32px;
right:32px;
bottom:30px;
color:#fff;
z-index:2;
}
.featured-industry-content>span{
display:block;
color:#ee791f;
font-size:9px;
font-weight:700;
letter-spacing:2px;
}
.featured-industry-content h3{
font-family:"Manrope",sans-serif;
font-size:32px;
font-weight:700;
line-height:1.05;
letter-spacing:-.04em;
margin:12px 0 15px;
}
.featured-industry-large .featured-industry-content h3{
font-size:43px;
}
.featured-industry-content p{
max-width:390px;
color:rgba(255,255,255,.72);
font-size:13px;
line-height:1.65;
margin:0 0 22px;
}
.featured-industry-content a{
display:inline-flex;
align-items:center;
gap:9px;
color:#fff;
font-size:10px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
text-decoration:none;
transition:.3s ease;
}
.featured-industry-content a i{
color:#ee791f;
transition:.3s ease;
}
.featured-industry-content a:hover{
color:#ee791f;
}
.featured-industry-content a:hover i{
transform:translateX(5px);
}
/* =========================================================
INDUSTRY DIRECTORY
========================================================= */

.industries-directory-heading{
display:grid;
grid-template-columns:1fr 1fr;
gap:80px;
margin-bottom:65px;
}
.industries-directory-heading h2{
font-family:"Manrope",sans-serif;
font-size:clamp(44px,5vw,70px);
font-weight:800;
line-height:1.04;
letter-spacing:-.055em;
margin:0;
}
.industries-directory-heading h2 span{
color:#ee791f;
}
.industries-directory-copy{
display:flex;
align-items:flex-end;
justify-content:flex-end;
}
.industries-directory-copy p{
max-width:400px;
color:#687078;
font-size:15px;
line-height:1.8;
margin:0;
}
.industry-directory-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
border-top:1px solid #ddd;
}
.industry-directory-card{
position:relative;
display:grid;
grid-template-columns:65px 1fr 30px;
align-items:center;
gap:20px;
min-height:125px;
padding:25px 20px 25px 0;
border-bottom:1px solid #ddd;
color:#171717;
text-decoration:none;
transition:.35s ease;
overflow:hidden;
}
.industry-directory-card:nth-child(odd){
padding-right:45px;
border-right:1px solid #ddd;
}
.industry-directory-card:nth-child(even){
padding-left:45px;
}
.industry-directory-card::before{
content:"";
position:absolute;
inset:0;
background:#171717;
transform:scaleY(0);
transform-origin:bottom;
transition:.35s ease;
z-index:0;
}
.industry-directory-card>*{
position:relative;
z-index:1;
}
.industry-directory-number{
font-family:"Manrope",sans-serif;
font-size:12px;
font-weight:800;
color:#ee791f;
}
.industry-directory-card h3{
font-family:"Manrope",sans-serif;
font-size:17px;
font-weight:700;
margin:0 0 5px;
transition:.35s ease;
}
.industry-directory-card p{
color:#858c91;
font-size:12px;
margin:0;
transition:.35s ease;
}
.industry-directory-card>i{
justify-self:end;
color:#aaa;
font-size:11px;
transition:.35s ease;
}
.industry-directory-card:hover::before{
transform:scaleY(1);
}
.industry-directory-card:hover h3,.industry-directory-card:hover p{
color:#fff;
}
.industry-directory-card:hover .industry-directory-number{
color:#ee791f;
}
.industry-directory-card:hover>i{
color:#ee791f;
transform:translate(3px,-3px);
}
/* =========================================================
MATERIALS
========================================================= */
.industries-materials{
background:#f5f5f3;
}
.industries-materials-inner{
display:grid;
grid-template-columns:1fr 1fr;
gap:100px;
align-items:center;
}
.industries-materials h2{
font-family:"Manrope",sans-serif;
font-size:clamp(42px,5vw,64px);
font-weight:800;
line-height:1.04;
letter-spacing:-.055em;
margin:0;
}
.industries-materials h2 span{
color:#ee791f;
}
.industries-materials-list{
display:flex;
flex-wrap:wrap;
gap:10px;
}
.industries-materials-list span{
padding:14px 18px;
border:1px solid #ddd;
background:#fff;
color:#4e565d;
font-size:11px;
font-weight:700;
letter-spacing:.5px;
transition:.3s ease;
border-radius: 8px;
}
.industries-materials-list span:hover{
border-color:#ee791f;
color:#ee791f;
transform:translateY(-3px);
}
/* =========================================================
CTA
========================================================= */
.industries-cta{
background:#171717;
color:#fff;
}
.industries-cta-inner{
display:flex;
align-items:center;
justify-content:space-between;
gap:70px;
}
.industries-cta h2{
font-family:"Manrope",sans-serif;
font-size:clamp(46px,5vw,72px);
font-weight:800;
line-height:1.04;
letter-spacing:-.055em;
margin:0 0 25px;
}
.industries-cta h2 span{
color:#ee791f;
}
.industries-cta p:not(.industries-section-label){
max-width:650px;
color:rgba(255,255,255,.62);
font-size:15px;
line-height:1.8;
margin:0;
}
.industries-cta .industries-primary-btn{
flex-shrink:0;
}
/* =========================================================
DESKTOP FULL-WIDTH ANIMATION FIX
========================================================= */

@media(min-width:1201px){
.industries-introsec{
overflow:hidden;
}
.industries-intro-desktop{
position:relative;
width:100vw;
max-width:none;
height:520px;
left:auto;
margin-left:calc((100% - 100vw)/2);
transform:none;
overflow:hidden;
isolation:isolate;
}
.industry-flow-content{
left:clamp(180px,12vw,260px);
right:clamp(70px,7vw,140px);
}
.industry-flow-label{
left:clamp(180px,12vw,260px);
}
.industry-flow-line{
left:clamp(180px,12vw,260px);
right:clamp(70px,7vw,140px);
bottom:5px;
}
.industry-flow-status{
left:clamp(180px,12vw,260px);
bottom: -5px;
}
.industry-flow-number{
left:clamp(55px,5vw,100px);
}
}
/* =========================================================
LARGE LAPTOP
========================================================= */
@media(max-width:1200px){
.industries-intro-desktop{
display:none;
}
.industries-intro-mobile{
display:block;
}
.industries-hero{
padding:125px 0 95px;
}
.industries-hero-grid{
grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);
gap:55px;
}
.industries-hero h1{
font-size:clamp(55px,5vw,76px);
}

.industries-intro-grid{
display:grid;
grid-template-columns:90px minmax(0,680px);
column-gap:40px;
align-items:start;
}
.industries-intro-number{
font-family:"Manrope",sans-serif;
font-size:78px;
line-height:.82;
font-weight:800;
letter-spacing:-.08em;
color:rgba(238,121,31,.13);
}
.industries-intro-content{
width:100%;
max-width:680px;
}
.industries-intro-content .industries-section-label{
margin:4px 0 24px;
color:#687078;
}
.industries-intro-content h2{
max-width:680px;
margin:0 0 34px;
font-family:"Manrope",sans-serif;
font-size:clamp(46px,5vw,62px);
font-weight:800;
line-height:1.02;
letter-spacing:-.055em;
color:#171717;
}
.industries-intro-content h2 span{
color:#ee791f;
}
.industries-intro-content p{
max-width:600px;
margin:0 0 22px;
color:#626b73;
font-size:15px;
line-height:1.9;
}
.industries-intro-content p:last-child{
margin-bottom:0;
}
.featured-industry-grid{
grid-template-columns:1.2fr 1fr 1fr;
}
.featured-industry-card,.featured-industry-large{
height:520px;
}
.industries-materials-inner{
gap:60px;
}

.industry-flow-copy{
display:block;
max-width:680px;
}
.industry-flow-copy p{
margin-bottom:16px;
}

/* =========================================================
TABLET
========================================================= */
}
@media(max-width:991px){
.industries-hero{
padding:125px 0 90px;
}
.industries-hero-grid{
grid-template-columns:1fr;
gap:60px;
}
.industries-hero-copy{
max-width:800px;
}
.industries-hero-visual{
max-width:650px;
width:100%;
}
.industries-hero-image{
height:500px;
}
.industries-hero-stat{
left:25px;
}

.industries-intro-grid{
grid-template-columns:70px minmax(0,1fr);
column-gap:32px;
}
.industries-intro-number{
font-size:64px;
}
.industries-intro-content{
max-width:680px;
}
.industries-intro-content h2{
max-width:650px;
font-size:clamp(42px,5vw,58px);
}
.industries-intro-content p{
max-width:620px;
font-size:15px;
line-height:1.85;
}
.industries-section-heading{
align-items:flex-start;
flex-direction:column;
gap:25px;
}
.featured-industry-grid{
grid-template-columns:1fr 1fr;
}
.featured-industry-large{
grid-column:1/-1;
height:500px;
}
.featured-industry-card{
height:450px;
}
.industries-directory-heading{
grid-template-columns:1fr;
gap:30px;
}
.industries-directory-copy{
justify-content:flex-start;
}
.industries-materials-inner{
grid-template-columns:1fr;
gap:50px;
}
.industries-cta-inner{
align-items:flex-start;
flex-direction:column;
gap:40px;
}
/* =========================================================
MOBILE
========================================================= */
}
@media(max-width:767px){
.industries-hero{
padding:105px 0 70px;
}
.industries-hero-grid{
gap:50px;
}
.industries-hero h1{
font-size:48px;
line-height:.98;
letter-spacing:-.045em;
}
.industries-hero-text{
font-size:15px;
line-height:1.8;
}
.industries-hero-actions{
align-items:flex-start;
flex-direction:column;
gap:22px;
}
.industries-hero-image{
height:380px;
}
.industry-image-content{
padding:22px;
}
.industry-image-content strong{
font-size:75px;
}
.industries-hero-stat{
left:15px;
bottom:15px;
padding:16px 20px;
}
.industries-hero-stat strong{
font-size:35px;
}
.industries-hero-stat span{
font-size:9px;
}

.industries-intro-grid{
grid-template-columns:1fr;
gap:18px;
}
.industries-intro-number{
font-size:54px;
line-height:.8;
}
.industries-intro-content{
max-width:100%;
}
.industries-intro-content .industries-section-label{
margin-bottom:20px;
font-size:9px;
letter-spacing:2px;
}
.industries-intro-content h2{
max-width:100%;
margin-bottom:26px;
font-size:clamp(38px,5vw,48px);
line-height:1.02;
letter-spacing:-.045em;
}
.industries-intro-content p{
max-width:100%;
font-size:14px;
line-height:1.8;
margin-bottom:18px;
}

.featured-industry-grid{
grid-template-columns:1fr;
}
.featured-industry-large{
grid-column:auto;
height:450px;
}
.featured-industry-card{
height:420px;
}
.featured-industry-large .featured-industry-content h3{
font-size:34px;
}
.featured-industry-card .industry-card-media img{
object-position:center;
}

.industry-directory-grid{
grid-template-columns:1fr;
}
.industry-directory-card:nth-child(odd){
padding-right:20px;
border-right:0;
}
.industry-directory-card:nth-child(even){
padding-left:0;
}

.industries-cta{
padding:75px 0;
}
.industries-cta h2{
font-size:43px;
}
.featured-industry-card:nth-child(1) .industry-card-media img{
object-position:center;
}
.featured-industry-card:nth-child(2) .industry-card-media img{
object-position:center;
}
.featured-industry-card:nth-child(3) .industry-card-media img{
object-position:center;
}

.industry-flow-copy p{
padding:18px 20px 18px 23px;
font-size:13px;
line-height:1.8;
}
.industry-flow-copy p::before{
font-size:7px;
margin-bottom:8px;
}
/* =========================================================
SMALL MOBILE
========================================================= */
}
@media(max-width:575px){
.industries-hero{
padding-top:95px;
}
.industries-hero h1{
font-size:42px;
}
.industries-hero-text{
font-size:14px;
}
.industries-hero-image{
height:320px;
}
.industry-image-content strong{
font-size:65px;
}
.industries-hero-stat{
left:10px;
bottom:10px;
padding:14px 16px;
gap:12px;
}
.industries-hero-stat strong{
font-size:31px;
}
.industries-hero-stat span{
font-size:8px;
}
.industries-section-heading h2,.industries-directory-heading h2,.industries-materials h2{
font-size:38px;
}

.industries-intro-grid{
gap:16px;
}
.industries-intro-number{
font-size:48px;
}
.industries-intro-content .industries-section-label{
font-size:8px;
letter-spacing:1.8px;
}
.industries-intro-content h2{
font-size:38px;
line-height:1.04;
}
.industries-intro-content p{
font-size:13px;
line-height:1.8;
}
.featured-industry-card,.featured-industry-large{
height:380px;
}
.featured-industry-content{
left:24px;
right:24px;
bottom:24px;
}
.featured-industry-content h3{
font-size:27px;
}
.featured-industry-large .featured-industry-content h3{
font-size:31px;
}
.industry-directory-card{
grid-template-columns:45px 1fr 25px;
min-height:110px;
gap:12px;
padding-top:20px;
padding-bottom:20px;
}
.industry-directory-card:nth-child(odd){
padding-right:0;
}
.industry-directory-card h3{
font-size:15px;
}
.industry-directory-card p{
font-size:11px;
}
.industries-cta h2{
font-size:38px;
}
/* =========================================================
EXTRA SMALL MOBILE
========================================================= */
}
@media(max-width:420px){
.industries-hero{
padding-top:85px;
}
.industries-hero h1{
font-size:38px;
}
.industries-hero-actions{
margin-top:30px;
}
.industries-primary-btn{
padding:15px 20px;
font-size:10px;
}
.industries-hero-image{
height:290px;
}
.industries-hero-stat{
padding:12px 14px;
}
.industries-hero-stat strong{
font-size:28px;
}

.industries-intro-number{
font-size:44px;
}
.industries-intro-content h2{
font-size:35px;
}
.industries-intro-content p{
font-size:13px;
}
.featured-industry-content{
left:20px;
right:20px;
bottom:20px;
}
.featured-industry-content h3{
font-size:25px;
}
.featured-industry-large .featured-industry-content h3{
font-size:28px;
}
.industries-cta h2{
font-size:35px;
}
/* =========================================================
REDUCED MOTION
========================================================= */
}
/* @media(prefers-reduced-motion:reduce){
.industry-flow-grid,.industry-flow-glow,.industry-flow-path,.industry-flow-node,.industry-flow-particle,.industry-flow-number,.industry-flow-label span,.industry-flow-kicker,.industry-flow-line::after,.industry-flow-status-dot{
animation:none!important;
}
} */

/* =========================================================
INDUSTRIES ANIMATIONS
========================================================= */
@keyframes industryGridMove{
0%{background-position:0 0}
100%{background-position:70px 70px}
}
@keyframes industryGlowFloat{
0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.8}
50%{transform:translate3d(-25px,18px,0) scale(1.04);opacity:1}
}
@keyframes industryGlowFloatReverse{
0%,100%{transform:translate3d(0,0,0) scale(1)}
50%{transform:translate3d(20px,-15px,0) scale(.96)}
}
@keyframes industryPathFlowOne{
0%,100%{transform:rotate(-12deg) translate3d(-2%,0,0);opacity:.35}
50%{transform:rotate(-12deg) translate3d(5%,0,0);opacity:1}
}
@keyframes industryPathFlowTwo{
0%,100%{transform:rotate(8deg) translate3d(0,0,0);opacity:.25}
50%{transform:rotate(8deg) translate3d(-4%,0,0);opacity:.75}
}
@keyframes industryPathFlowThree{
0%,100%{transform:rotate(48deg) translate3d(0,0,0);opacity:.15}
50%{transform:rotate(48deg) translate3d(7%,4%,0);opacity:.5}
}
@keyframes industryPathFlowFour{
0%,100%{transform:rotate(-38deg) translate3d(0,0,0);opacity:.2}
50%{transform:rotate(-38deg) translate3d(-6%,3%,0);opacity:.5}
}
@keyframes industryNodePulse{
0%{box-shadow:0 0 0 0 rgba(238,121,31,.45);transform:scale(.85)}
50%{box-shadow:0 0 0 12px rgba(238,121,31,0);transform:scale(1.15)}
100%{box-shadow:0 0 0 0 rgba(238,121,31,0);transform:scale(.85)}
}
@keyframes industryParticleTravelOne{
0%{transform:translate3d(0,0,0);opacity:0}
10%{opacity:1}
90%{opacity:1}
100%{transform:translate3d(650px,-135px,0);opacity:0}
}
@keyframes industryParticleTravelTwo{
0%{transform:translate3d(0,0,0);opacity:0}
10%{opacity:1}
90%{opacity:1}
100%{transform:translate3d(620px,85px,0);opacity:0}
}
@keyframes industryParticleTravelThree{
0%{transform:translate3d(0,0,0);opacity:0}
10%{opacity:1}
90%{opacity:1}
100%{transform:translate3d(500px,160px,0);opacity:0}
}
@keyframes industryParticleTravelFour{
0%{transform:translate3d(0,0,0);opacity:0}
10%{opacity:1}
90%{opacity:1}
100%{transform:translate3d(-430px,-180px,0);opacity:0}
}
@keyframes industryNumberFloat{
0%,100%{transform:translate3d(0,0,0)}
50%{transform:translate3d(0,-8px,0)}
}
@keyframes industryLabelLine{
0%,100%{transform:scaleX(.65);opacity:.45}
50%{transform:scaleX(1);opacity:1}
}
@keyframes industryKickerReveal{
0%{opacity:0;transform:translate3d(0,12px,0)}
100%{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes industryEnergyLine{
0%{left:-15%;opacity:0}
10%{opacity:1}
90%{opacity:1}
100%{left:110%;opacity:0}
}
@keyframes industryStatusPulse{
0%{box-shadow:0 0 0 0 rgba(238,121,31,.45)}
70%{box-shadow:0 0 0 8px rgba(238,121,31,0)}
100%{box-shadow:0 0 0 0 rgba(238,121,31,0)}
}


@media(min-width:1201px) and (max-width:1400px){
.industries-intro-desktop{
height:550px;
}
.industry-flow-content{
top:20px;
}
.industry-flow-content h2{
font-size:clamp(52px,5vw,78px);
}
.industry-flow-bottom{
gap:35px;
margin-top:34px;
align-items:flex-start;
}
.industry-flow-copy{
max-width:650px;
}
.industry-flow-copy p{
font-size:11px;
line-height:1.7;
}
.industry-flow-metrics{
flex-shrink:0;
gap:24px;
padding-right:0;
padding-top:4px;
}
.industry-flow-metrics div{
min-width:60px;
}
.industry-flow-metrics strong{
font-size:19px;
}
.industry-flow-metrics span{
font-size:6px;
letter-spacing:1.4px;
}
.industry-flow-line{
left:clamp(150px,10vw,190px);
right:0;
bottom:18px;
}
.industry-flow-status{
left:clamp(150px,10vw,190px);
bottom:-5px;
}
}