/* =========================================================
PRODUCTS PAGE
========================================================= */
.products-page{
background:#fff;
color:#171717;
overflow:hidden;
}
.products-page a{
text-decoration:none;
}


.products-overview,
.products-categories,
.products-selection{
padding:var(--dvs-section-padding) 0;
}


/* =========================================================
HERO
========================================================= */
.products-hero{
position:relative;
min-height:720px;
background:#171717;
color:#fff;
display:flex;
align-items:center;
overflow:hidden;
}
.products-hero-grid{
position:absolute;
inset:0;
background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
background-size:90px 90px;
mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent);
}
.products-hero-glow{
position:absolute;
width:850px;
height:850px;
right:-400px;
top:-400px;
border:1px solid rgba(238,121,31,.14);
border-radius:50%;
}
.products-hero-glow::before{
content:"";
position:absolute;
inset:90px;
border:1px solid rgba(238,121,31,.08);
border-radius:50%;
}
.products-hero .dvs-layout-container{
position:relative;
z-index:2;
width:100%;
padding-top:105px;
}
.products-hero-top{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:60px;
}
.products-eyebrow,.products-section-label{
display:flex;
align-items:center;
gap:14px;
color:#ee791f;
font-family:var(--heading-font);
font-size:10px;
font-weight:800;
letter-spacing:2.8px;
text-transform:uppercase;
margin:0 0 28px;
}
.products-eyebrow::before,.products-section-label::before{
content:"";
width:48px;
height:2px;
background:#ee791f;
}
.products-hero h1{
max-width:1050px;
margin:0;
font-family:var(--heading-font);
font-size:clamp(58px,7.3vw,112px);
font-weight:800;
line-height:.92;
letter-spacing:-.075em;
}
.products-hero h1 span{
color:#ee791f;
}
.products-hero-index{
display:flex;
flex-direction:column;
align-items:flex-end;
padding-top:5px;
color:rgba(255,255,255,.3);
font-family:var(--heading-font);
font-size:9px;
font-weight:700;
line-height:1.8;
letter-spacing:2px;
text-align:right;
}
.products-hero-index strong{
margin-top:5px;
color:#ee791f;
font-size:44px;
line-height:1;
letter-spacing:-.06em;
}
.products-hero-bottom{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:60px;
margin-top:115px;
padding-top:30px;
border-top:1px solid rgba(255,255,255,.13);
}
.products-hero-bottom p{
max-width:690px;
margin:0;
color:rgba(255,255,255,.53);
font-size:14px;
line-height:1.9;
}
.products-scroll-link{
display:inline-flex;
align-items:center;
gap:13px;
color:#fff;
font-family:var(--heading-font);
font-size:10px;
font-weight:800;
letter-spacing:1.2px;
text-transform:uppercase;
white-space:nowrap;
}
.products-scroll-link i{
display:flex;
align-items:center;
justify-content:center;
width:40px;
height:40px;
border:1px solid rgba(255,255,255,.25);
border-radius:50%;
color:#ee791f;
font-size:10px;
transition:.35s ease;
}
.products-scroll-link:hover i{
background:#ee791f;
border-color:#ee791f;
color:#fff;
transform:translateY(4px);
}
/* =========================================================
OVERVIEW
========================================================= */
.products-overview{

background:#fff;
}
.products-overview-grid{
display:grid;
grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
gap:100px;
align-items:end;
}
.products-overview-intro h2{
margin:0;
font-family:var(--heading-font);
font-size:clamp(48px,5vw,76px);
font-weight:800;
line-height:.98;
letter-spacing:-.07em;
}
.products-overview-intro h2 span{
color:#ee791f;
}
.products-overview-copy{
max-width:590px;
padding-bottom:5px;
}
.products-overview-copy>p{
margin:0;
color:#686868;
font-size:14px;
line-height:1.9;
}
.products-text-link{
display:inline-flex;
align-items:center;
gap:12px;
margin-top:30px;
color:#171717;
font-family:var(--heading-font);
font-size:10px;
font-weight:800;
letter-spacing:1px;
text-transform:uppercase;
}
.products-text-link i{
color:#ee791f;
transition:.3s ease;
}
.products-text-link:hover i{
transform:translateX(6px);
}
.products-stat-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
margin-top:90px;
border-top:1px solid #dededb;
border-bottom:1px solid #dededb;
}
.products-stat{
position:relative;
min-height:155px;
padding:25px 28px;
border-right:1px solid #dededb;
}
.products-stat:last-child{
border-right:0;
}
.products-stat>span{
display:block;
color:#ee791f;
font-family:var(--heading-font);
font-size:9px;
font-weight:800;
letter-spacing:1px;
margin-bottom:27px;
}
.products-stat strong{
display:block;
color:#171717;
font-family:var(--heading-font);
font-size:31px;
font-weight:800;
letter-spacing:-.05em;
line-height:1;
}
.products-stat p{
margin:9px 0 0;
color:#858585;
font-size:11px;
}
/* =========================================================
CATEGORY AREA
========================================================= */
.products-categories{

background:#f5f5f3;
}
/* =========================================================
DESKTOP KINETIC CATEGORY HEADING
========================================================= */
.products-category-heading-desktop{
position:relative;
width:100%;
height:300px;
margin-bottom:55px;
overflow:hidden;
}
.products-category-heading-mobile{
display:none;
}
.pc-kinetic-label{
position:absolute;
left:0;
top:2px;
z-index:20;
display:flex;
align-items:center;
gap:14px;
color:#ee791f;
font-family:var(--heading-font);
font-size:10px;
font-weight:800;
letter-spacing:2.8px;
text-transform:uppercase;
}
.pc-label-line{
width:48px;
height:2px;
background:#ee791f;
transform-origin:left;
animation:pcLabelPulse 2.8s ease-in-out infinite;
}
.pc-kinetic-stage{
position:absolute;
inset:0;
overflow:hidden;
}
.pc-kinetic-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:72px 72px;
mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.8) 20%,rgba(0,0,0,.8) 80%,transparent 100%);
animation:pcGridDrift 12s linear infinite;
}
.pc-kinetic-scan{
position:absolute;
top:0;
bottom:0;
width:1px;
background:linear-gradient(to bottom,transparent,#ee791f 25%,#ee791f 75%,transparent);
opacity:.28;
z-index:5;
}
.pc-kinetic-scan-one{
left:-5%;
animation:pcScanAcross 6s cubic-bezier(.45,0,.55,1) infinite;
}
.pc-kinetic-scan-two{
left:-5%;
opacity:.1;
animation:pcScanAcross 6s cubic-bezier(.45,0,.55,1) infinite 2.8s;
}
.pc-kinetic-orbit{
position:absolute;
left:66%;
top:48%;
border:1px solid rgba(238,121,31,.18);
border-radius:50%;
transform:translate(-50%,-50%);
z-index:1;
}
.pc-kinetic-orbit-one{
width: 350px;
height:350px;
animation:pcOrbitSpin 18s linear infinite;
}
.pc-kinetic-orbit-two{
width:285px;
height:285px;
border-color:rgba(23,23,23,.12);
animation:pcOrbitSpinReverse 12s linear infinite;
}
.pc-kinetic-orbit-one::before,.pc-kinetic-orbit-one::after,.pc-kinetic-orbit-two::before,.pc-kinetic-orbit-two::after{
content:"";
position:absolute;
left:50%;
top:50%;
width:7px;
height:7px;
background:#ee791f;
border-radius:50%;
transform:translate(-50%,-50%);
}
.pc-kinetic-orbit-one::before{
left:0;
top:50%;
}
.pc-kinetic-orbit-one::after{
left:100%;
top:50%;
}
.pc-kinetic-orbit-two::before{
left:50%;
top:0;
width:5px;
height:5px;
background:#171717;
}
.pc-kinetic-orbit-two::after{
left:50%;
top:100%;
width:5px;
height:5px;
background:#ee791f;
}
.pc-kinetic-track{
position:absolute;
left:-20%;
width:140%;
display:flex;
align-items:center;
gap:55px;
white-space:nowrap;
font-family:var(--heading-font);
font-weight:800;
text-transform:uppercase;
pointer-events:none;
}
.pc-kinetic-track span{
display:inline-block;
}
.pc-kinetic-track-one{
top:82px;
font-size:12px;
letter-spacing:4px;
color:rgba(23,23,23,.11);
animation:pcTrackRight 18s linear infinite;
}
.pc-kinetic-track-two{
bottom:35px;
font-size:9px;
letter-spacing:5px;
color:rgba(23,23,23,.08);
animation:pcTrackLeft 15s linear infinite;
}
.pc-kinetic-main{
position:absolute;
left:0;
right:0;
top:48%;
transform:translateY(-50%);
z-index:10;
}
.pc-kinetic-index{
position:absolute;
right:4px;
top:-15px;
font-family:var(--heading-font);
font-size:9px;
font-weight:800;
letter-spacing:2px;
color:rgba(23,23,23,.32);
animation:pcIndexBlink 3s ease-in-out infinite;
}
.pc-kinetic-heading{
position:relative;
padding-left:14%;
font-family:var(--heading-font);
font-weight:800;
line-height:.86;
letter-spacing:-.075em;
}
.pc-heading-line{
display:block;
font-size:clamp(60px,5vw,105px);
white-space:nowrap;
}
.pc-heading-line-dark{
color:#171717;
animation:pcHeadingIn 1.2s cubic-bezier(.16,1,.3,1) both;
}
.pc-heading-line-orange{
color:#ee791f;
padding-left:8%;
animation:pcHeadingInOrange 1.35s cubic-bezier(.16,1,.3,1) .15s both;
}
.pc-kinetic-description{
position:relative;
display:flex;
align-items:center;
gap:14px;
margin-top:32px;
margin-left:14%;
font-family:var(--heading-font);
font-size:9px;
font-weight:800;
letter-spacing:2px;
color:rgba(23,23,23,.42);
text-transform:uppercase;
animation:pcDescriptionReveal 1s ease .65s both;
}
.pc-description-dot{
width:6px;
height:6px;
border-radius:50%;
background:#ee791f;
box-shadow:0 0 0 0 rgba(238,121,31,.45);
animation:pcDotPulse 2s ease-out infinite;
}
.pc-description-divider{
width:65px;
height:1px;
background:rgba(23,23,23,.2);
}
.pc-kinetic-energy-line{
position:absolute;
left:0;
right:0;
bottom:2px;
height:1px;
background:rgba(23,23,23,.08);
z-index:15;
}
.pc-kinetic-energy-line span{
position:absolute;
left:-10%;
top:-1px;
width:18%;
height:3px;
background:linear-gradient(90deg,transparent,#ee791f 35%,#ee791f 65%,transparent);
box-shadow:0 0 18px rgba(238,121,31,.45);
animation:pcEnergyRun 4s cubic-bezier(.65,0,.35,1) infinite;
}
.pc-kinetic-corner{
position:absolute;
width:28px;
height:28px;
z-index:20;
opacity:.45;
}
.pc-corner-tl{
left:0;
top:0;
border-left:1px solid #171717;
border-top:1px solid #171717;
}
.pc-corner-tr{
right:0;
top:0;
border-right:1px solid #171717;
border-top:1px solid #171717;
}
.pc-corner-bl{
left:0;
bottom:0;
border-left:1px solid #171717;
border-bottom:1px solid #171717;
}
.pc-corner-br{
right:0;
bottom:0;
border-right:1px solid #171717;
border-bottom:1px solid #171717;
}
/* =========================================================
CATEGORY NAVIGATION
========================================================= */
.products-category-nav{
display:grid;
grid-template-columns:repeat(3,1fr);
border-top:1px solid #d7d7d3;
border-bottom:1px solid #d7d7d3;
margin-bottom:110px;
}
.products-category-nav-item{
display:grid;
grid-template-columns:38px 1fr 30px;
align-items:center;
gap:15px;
min-height:80px;
padding:0 24px;
border-right:1px solid #d7d7d3;
color:#171717;
transition:.3s ease;
}
.products-category-nav-item:last-child{
border-right:0;
}
.products-category-nav-item>span{
color:#ee791f;
font-family:var(--heading-font);
font-size:9px;
font-weight:800;
}
.products-category-nav-item strong{
font-family:var(--heading-font);
font-size:12px;
font-weight:800;
letter-spacing:.03em;
text-transform:uppercase;
}
.products-category-nav-item i{
color:#999;
font-size:10px;
text-align:right;
transition:.3s ease;
}
.products-category-nav-item:hover{
background:#171717;
color:#fff;
}
.products-category-nav-item:hover i{
color:#ee791f;
transform:translateY(4px);
}
/* =========================================================
CATEGORY BLOCK
========================================================= */
.product-category-block{
margin-top:115px;
}
.product-category-block:first-of-type{
margin-top:0;
}
.product-category-header{
display:grid;
grid-template-columns:70px minmax(250px,.8fr) minmax(300px,1fr);
gap:40px;
align-items:end;
padding-bottom:42px;
border-bottom:1px solid #d5d5d1;
}
.product-category-number{
color:#ee791f;
font-family:var(--heading-font);
font-size:11px;
font-weight:800;
padding-bottom:9px;
}
.product-category-title p{
margin:0 0 11px;
color:#ee791f;
font-family:var(--heading-font);
font-size:9px;
font-weight:800;
letter-spacing:2px;
text-transform:uppercase;
}
.product-category-title h3{
margin:0;
font-family:var(--heading-font);
font-size:clamp(35px,3.4vw,54px);
font-weight:800;
line-height:1;
letter-spacing:-.06em;
}
.product-category-description{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:35px;
}
.product-category-description p{
max-width:450px;
margin:0;
color:#707070;
font-size:12px;
line-height:1.8;
}
/* =========================================================
PRODUCT GRID
========================================================= */
.product-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:20px;
margin-top:30px;
align-items:stretch;
}
.premium-product-card{
position:relative;
display:flex;
flex-direction:column;
min-width:0;
background:#171717;
color:#fff;
overflow:hidden;
transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease;
border-radius: 20px;
}
.premium-product-card:hover{
transform:translateY(-5px);
box-shadow:0 25px 55px rgba(0,0,0,.18);
}
.premium-product-image{
position:relative;
display:block;
height:320px;
overflow:hidden;
background:#222;
text-decoration:none;
}
.premium-product-image img{
display:block;
width:100%;
height:100%;
object-fit:cover;
transition:transform .7s cubic-bezier(.2,.7,.2,1);
}
.premium-product-card:hover .premium-product-image img{
transform:scale(1.055);
}
.premium-product-image::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.04) 42%,rgba(0,0,0,.72) 100%);
z-index:1;
pointer-events:none;
}
.premium-product-image-overlay{
position:absolute;
inset:0;
background:linear-gradient(135deg,rgba(23,23,23,.08),transparent 50%,rgba(238,121,31,.1));
z-index:2;
pointer-events:none;
}
.premium-product-image::before{
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
height:3px;
background:#ee791f;
transform:scaleX(0);
transform-origin:left;
transition:transform .45s ease;
z-index:5;
}
.premium-product-card:hover .premium-product-image::before{
transform:scaleX(1);
}
.premium-product-number{
position:absolute;
top:25px;
right:24px;
z-index:4;
color:#ee791f;
font-family:var(--heading-font);
font-size:9px;
font-weight:800;
letter-spacing:1.5px;
}
.premium-product-category{
position:absolute;
left:28px;
bottom:23px;
z-index:4;
color:#fff;
font-family:var(--heading-font);
font-size:8px;
font-weight:800;
letter-spacing:2px;
text-transform:uppercase;
}
.premium-product-open{
position:absolute;
right:24px;
bottom:20px;
z-index:4;
display:flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
border:1px solid rgba(255,255,255,.35);
border-radius:50%;
color:#fff;
font-size:10px;
transition:.35s ease;
}
.premium-product-card:hover .premium-product-open{
background:#ee791f;
border-color:#ee791f;
transform:rotate(45deg);
}
.premium-product-content{
position:relative;
display:flex;
flex-direction:column;
flex:1;
min-height:290px;
padding:27px 28px 25px;
background:#171717;
}
.premium-product-meta{
display:flex;
align-items:center;
justify-content:space-between;
gap:15px;
margin-bottom:25px;
font-family:var(--heading-font);
font-size:7px;
font-weight:800;
letter-spacing:1.8px;
color:#666;
text-transform:uppercase;
}
.premium-product-meta span:last-child{
color:#ee791f;
}
.premium-product-title-row{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:20px;
}
.premium-product-content h4{
margin:0;
font-family:var(--heading-font);
font-size:25px;
font-weight:800;
line-height:1.05;
letter-spacing:-.055em;
}
.premium-product-content h4 a{
color:#fff;
text-decoration:none;
transition:.3s ease;
}
.premium-product-content h4 a:hover{
color:#ee791f;
}
.premium-product-content>p{
max-width:95%;
margin:15px 0 0;
color:#858585;
font-size:10px;
line-height:1.75;
}
.premium-product-footer{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
margin-top:auto;
padding-top:28px;
border-top:1px solid rgba(255,255,255,.11);
}
.premium-product-view{
color:#fff;
font-family:var(--heading-font);
font-size:7px;
font-weight:800;
letter-spacing:2px;
text-transform:uppercase;
text-decoration:none;
transition:.3s ease;
}
.premium-product-view:hover{
color:#ee791f;
}
.premium-product-round-arrow{
display:flex;
align-items:center;
justify-content:center;
width:36px;
height:36px;
border:1px solid rgba(255,255,255,.2);
border-radius:50%;
color:#ee791f;
font-size:10px;
text-decoration:none;
transition:.35s ease;
}
.premium-product-card:hover .premium-product-round-arrow{
background:#ee791f;
border-color:#ee791f;
color:#fff;
transform:translateX(2px);
}
/* =========================================================
SELECTION CTA
========================================================= */
.products-selection{
background:#171717;
color:#fff;

overflow:hidden;
}
.products-selection-inner{
position:relative;
display:grid;
grid-template-columns:1fr .8fr;
gap:80px;
align-items:center;
min-height:430px;
}
.products-selection-content{
position:relative;
z-index:2;
}
.products-selection-content h2{
margin:0 0 28px;
font-family:var(--heading-font);
font-size:clamp(52px,5.5vw,82px);
font-weight:800;
line-height:.94;
letter-spacing:-.075em;
}
.products-selection-content h2 span{
color:#ee791f;
}
.products-selection-content>p:not(.products-section-label){
max-width:560px;
margin:0;
color:rgba(255,255,255,.5);
font-size:13px;
line-height:1.9;
}
.products-selection-button{
display:inline-flex;
align-items:center;
gap:14px;
margin-top:35px;
padding:16px 25px;
background:#ee791f;
color:#fff;
font-family:var(--heading-font);
font-size:10px;
font-weight:800;
letter-spacing:1px;
text-transform:uppercase;
transition:.35s ease;
}
.products-selection-button i{
transition:.35s ease;
}
.products-selection-button:hover{
background:#fff;
color:#171717;
transform:translateY(-3px);
}
.products-selection-button:hover i{
color:#ee791f;
transform:translateX(5px);
}
.products-selection-visual{
position:relative;
width:100%;
height:430px;
min-height:430px;
}
.selection-ring{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%;
pointer-events:none;
}
.selection-ring-one{
width:420px;
height:420px;
border:1px solid rgba(238,121,31,.22);
}
.selection-ring-two{
width:270px;
height:270px;
border:1px solid rgba(255,255,255,.08);
}
.selection-image{
position:absolute!important;
left:50%!important;
top:50%!important;
width:270px!important;
height:270px!important;
margin:0!important;
padding:0!important;
transform:translate(-50%,-50%)!important;
border-radius:50%!important;
overflow:hidden!important;
background:#171717;
border:1px solid rgba(238,121,31,.45);
z-index:1;
box-sizing:border-box;
}
.selection-image img{
display:block!important;
width:100%!important;
height:100%!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:50%!important;
object-fit:cover!important;
object-position:center!important;
}
.selection-cross{
position:absolute;
left:50%;
top:50%;
width:170px;
height:170px;
transform:translate(-50%,-50%);
border:1px solid rgba(238,121,31,.45);
z-index:2;
pointer-events:none;
box-sizing:border-box;
}
.selection-cross::before,.selection-cross::after{
content:"";
position:absolute;
background:#ee791f;
}
.selection-cross::before{
width:1px;
height:100%;
left:50%;
top:0;
}
.selection-cross::after{
height:1px;
width:100%;
left:0;
top:50%;
}
.selection-code{
position:absolute;
right:0;
top:35px;
color:rgba(255,255,255,.28);
font-family:var(--heading-font);
font-size:8px;
font-weight:700;
letter-spacing:2px;
line-height:1.8;
text-align:right;
z-index:3;
}
/* =========================================================
KINETIC ANIMATIONS
========================================================= */
@keyframes pcTrackRight{
0%{transform:translateX(-8%);}
100%{transform:translateX(8%);}
}
@keyframes pcTrackLeft{
0%{transform:translateX(8%);}
100%{transform:translateX(-8%);}
}
@keyframes pcScanAcross{
0%{left:-5%;opacity:0;}
10%{opacity:.28;}
50%{opacity:.38;}
90%{opacity:.18;}
100%{left:105%;opacity:0;}
}
@keyframes pcEnergyRun{
0%{left:-18%;opacity:0;}
10%{opacity:1;}
48%{opacity:1;}
55%{opacity:.2;}
100%{left:105%;opacity:0;}
}
@keyframes pcGridDrift{
0%{transform:translateX(0);}
100%{transform:translateX(72px);}
}
@keyframes pcOrbitSpin{
from{transform:translate(-50%,-50%) rotate(0deg);}
to{transform:translate(-50%,-50%) rotate(360deg);}
}
@keyframes pcOrbitSpinReverse{
from{transform:translate(-50%,-50%) rotate(360deg);}
to{transform:translate(-50%,-50%) rotate(0deg);}
}
@keyframes pcHeadingIn{
0%{opacity:0;transform:translateX(-90px);filter:blur(12px);}
55%{opacity:1;filter:blur(0);}
100%{opacity:1;transform:translateX(0);filter:blur(0);}
}
@keyframes pcHeadingInOrange{
0%{opacity:0;transform:translateX(-180px);filter:blur(15px);}
55%{opacity:1;filter:blur(0);}
100%{opacity:1;transform:translateX(0);filter:blur(0);}
}
@keyframes pcDescriptionReveal{
0%{opacity:0;transform:translateX(-35px);}
100%{opacity:1;transform:translateX(0);}
}
@keyframes pcLabelPulse{
0%,100%{transform:scaleX(.65);opacity:.55;}
50%{transform:scaleX(1);opacity:1;}
}
@keyframes pcDotPulse{
0%{box-shadow:0 0 0 0 rgba(238,121,31,.5);}
70%{box-shadow:0 0 0 10px rgba(238,121,31,0);}
100%{box-shadow:0 0 0 0 rgba(238,121,31,0);}
}
@keyframes pcIndexBlink{
0%,100%{opacity:.35;}
50%{opacity:1;}
}
/* =========================================================
LARGE LAPTOP
========================================================= */
@media(max-width:1200px){
.products-category-heading-desktop{
display:none;
}
.products-category-heading-mobile{
display:block;
margin-bottom:55px;
}
.products-category-heading-mobile .products-section-label{
margin-bottom:28px;
}
.products-category-heading-mobile h2{
margin:0 0 25px;
font-family:var(--heading-font);
font-size:clamp(48px,5vw,68px);
font-weight:800;
line-height:.97;
letter-spacing:-.07em;
}
.products-category-heading-mobile h2 span{
color:#ee791f;
}
.products-category-heading-mobile>p:last-child{
max-width:570px;
margin:0;
color:#707070;
font-size:14px;
line-height:1.9;
}
.products-hero{
min-height:650px;
}
.products-hero .dvs-layout-container{
padding-top:115px;
}
.products-hero h1{
font-size:clamp(54px,7.2vw,86px);
}
.products-hero-bottom{
margin-top:85px;
}

.products-overview-grid{
gap:65px;
}
.products-stat-grid{
margin-top:70px;
}

.products-category-nav{
margin-bottom:85px;
}

.product-category-header{
grid-template-columns:52px minmax(220px,.85fr) minmax(260px,1fr);
gap:28px;
}
.premium-product-image{
height:280px;
}
.premium-product-content{
min-height:275px;
padding:24px;
}

.products-selection-inner{
gap:50px;
}
}
/* =========================================================
TABLET
========================================================= */
@media(max-width:992px){
.products-hero{
min-height:600px;
}
.products-hero .dvs-layout-container{
padding-top:110px;
}
.products-hero-top{
gap:35px;
}
.products-hero h1{
font-size:clamp(50px,8.6vw,72px);
}
.products-hero-bottom{
gap:35px;
margin-top:75px;
}

.products-overview-grid{
grid-template-columns:1fr;
gap:30px;
align-items:start;
}
.products-overview-copy{
max-width:650px;
padding-bottom:0;
}
.products-stat-grid{
grid-template-columns:repeat(2,1fr);
margin-top:60px;
}
.products-stat:nth-child(2){
border-right:0;
}
.products-stat:nth-child(-n+2){
border-bottom:1px solid #dededb;
}

.products-category-heading-mobile{
margin-bottom:45px;
}
.products-category-nav{
grid-template-columns:repeat(2,1fr);
margin-bottom:70px;
}
.products-category-nav-item:nth-child(2){
border-right:0;
}
.products-category-nav-item:last-child{
grid-column:1/-1;
border-top:1px solid #d7d7d3;
}

.product-category-header{
grid-template-columns:45px minmax(0,1fr);
gap:20px 25px;
}
.product-category-description{
grid-column:2;
}
.product-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.premium-product-image{
height:260px;
}
.products-selection-inner{
grid-template-columns:1fr;
gap:20px;
}
.products-selection-visual{
height:300px;
min-height:300px;
}
.selection-ring-one{
width:290px;
height:290px;
}
.selection-ring-two{
width:190px;
height:190px;
}
.selection-image{
width:120px!important;
height:120px!important;
}
.selection-cross{
width:120px;
height:120px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:768px){
.products-hero{
min-height:auto;
padding-block:125px 55px;
}
.products-hero .dvs-layout-container{
padding-top:0;
}
.products-hero-top{
display:block;
}
.products-hero h1{
max-width:630px;
font-size:clamp(42px,12.2vw,62px);
line-height:.96;
}
.products-hero-index{
display:none;
}
.products-hero-bottom{
display:block;
margin-top:55px;
padding-top:22px;
}
.products-hero-bottom p{
max-width:580px;
font-size:13px;
}
.products-scroll-link{
margin-top:24px;
}

.products-overview-intro h2{
font-size:clamp(40px,11vw,56px);
}
.products-stat-grid{
margin-top:45px;
}
.products-stat{
min-height:132px;
padding:20px;
}
.products-stat>span{
margin-bottom:20px;
}

.products-category-heading-mobile{
margin-bottom:35px;
}
.products-category-heading-mobile .products-section-label{
margin-bottom:20px;
}
.products-category-heading-mobile h2{
font-size:clamp(40px,11vw,56px);
}
.products-category-heading-mobile>p:last-child{
font-size:13px;
line-height:1.8;
}
.products-category-nav{
grid-template-columns:1fr;
margin-bottom:55px;
}
.products-category-nav-item,.products-category-nav-item:nth-child(2){
min-height:66px;
padding-inline:16px;
border-right:0;
}
.products-category-nav-item+.products-category-nav-item{
border-top:1px solid #d7d7d3;
}
.products-category-nav-item:last-child{
grid-column:auto;
}

.product-category-header{
grid-template-columns:32px minmax(0,1fr);
gap:15px;
padding-bottom:25px;
}
.product-category-number{
padding-bottom:5px;
}
.product-category-title h3{
font-size:clamp(32px,9vw,46px);
}
.product-category-description{
grid-column:1/-1;
display:block;
padding-left:47px;
}
.product-category-description p{
max-width:none;
font-size:12px;
}
.product-grid{
grid-template-columns:1fr;
gap:16px;
margin-top:22px;
}
.premium-product-image{
height:clamp(220px,62vw,300px);
}
.premium-product-content{
min-height:245px;
padding:22px;
}
.premium-product-content h4{
font-size:23px;
}
.premium-product-content>p{
max-width:100%;
}

.products-selection-content h2{
font-size:clamp(42px,11vw,54px);
}
.products-selection-visual{
margin-top:10px;
}
.selection-code{
right:4px;
}
}
/* =========================================================
SMALL MOBILE
========================================================= */
@media(max-width:420px){
.products-hero{
padding-block:115px 48px;
}
.products-eyebrow,.products-section-label{
gap:10px;
font-size:9px;
letter-spacing:2px;
margin-bottom:20px;
}
.products-eyebrow::before,.products-section-label::before{
width:34px;
}
.products-hero-bottom{
margin-top:42px;
}
.products-stat{
min-height:122px;
padding:17px 14px;
}
.products-stat strong{
font-size:27px;
}
.products-stat p{
font-size:10px;
}
.premium-product-meta{
letter-spacing:1.3px;
}
.premium-product-footer{
padding-top:22px;
}
.products-selection-button{
padding:15px 19px;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
/* @media(prefers-reduced-motion:reduce){
.pc-label-line,.pc-kinetic-grid,.pc-kinetic-scan,.pc-kinetic-orbit,.pc-kinetic-track,.pc-kinetic-energy-line span,.pc-heading-line-dark,.pc-heading-line-orange,.pc-kinetic-description,.pc-description-dot,.pc-kinetic-index{
animation:none!important;
}
} */