.elementor-28 .elementor-element.elementor-element-0ead5c1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-416ac41 *//* =========================================================
VCAD 2026 — REMOVABLES
Prefix: vdr-
========================================================= */

:root{
  --vdr-blue:#0875d1;
  --vdr-blue2:#1497ff;

  --vdr-navy:#05101b;
  --vdr-navy2:#081522;
  --vdr-navy3:#0c1c2b;

  --vdr-white:#ffffff;
  --vdr-light:#f2f5f7;

  --vdr-text:#14202b;
  --vdr-muted:#74828f;

  --vdr-dark-line:rgba(255,255,255,.13);
  --vdr-light-line:#dbe2e7;

  --vdr-width:1280px;
}


/* =========================================================
BASE
========================================================= */

.vdr-page,
.vdr-page *{
  box-sizing:border-box;
}

.vdr-page{
  margin:0;
  overflow:hidden;

  background:#fff;
  color:var(--vdr-text);

  font-family:Arial,Helvetica,sans-serif;
}

.vdr-page img{
  display:block;
  width:100%;
}

.vdr-page a{
  text-decoration:none;
}

.vdr-container{
  width:min(calc(100% - 64px),var(--vdr-width));
  margin:auto;
}

.vdr-page h1,
.vdr-page h2,
.vdr-page h3,
.vdr-page p{
  margin-top:0;
}

.vdr-page h2{
  margin-bottom:0;

  font-size:clamp(44px,5vw,72px);
  line-height:.98;

  font-weight:600;

  letter-spacing:-.045em;
}

.vdr-page h2 span{
  display:block;

  color:var(--vdr-blue);
}

.vdr-label{
  margin-bottom:28px;

  color:var(--vdr-blue);

  font-size:11px;
  font-weight:700;

  letter-spacing:.17em;
}

.vdr-label--blue{
  color:var(--vdr-blue2);
}


/* =========================================================
BUTTON
========================================================= */

.vdr-btn{
  min-height:58px;

  padding:0 27px;

  display:inline-flex;

  align-items:center;
  justify-content:space-between;

  gap:40px;

  border:1px solid transparent;

  font-size:11px;
  font-weight:700;

  letter-spacing:.1em;

  transition:.25s;
}

.vdr-btn span{
  font-size:18px;
}

.vdr-btn--blue{
  background:var(--vdr-blue);
  color:white;
}

.vdr-btn--blue:hover{
  background:var(--vdr-blue2);
  color:white;
}

.vdr-btn--outline{
  border-color:rgba(255,255,255,.45);
  color:white;
}

.vdr-btn--outline:hover{
  background:white;
  color:var(--vdr-navy);
}

.vdr-btn--dark{
  background:var(--vdr-navy);
  color:white;
}

.vdr-btn--dark:hover{
  background:white;
  color:var(--vdr-navy);
}


/* =========================================================
HERO
========================================================= */

.vdr-hero{
  min-height:820px;

  position:relative;

  display:flex;
  align-items:center;

  background:var(--vdr-navy);
  color:white;
}

.vdr-hero__media,
.vdr-hero__overlay{
  position:absolute;
  inset:0;
}

.vdr-hero__media img{
  height:100%;
  object-fit:cover;
}

.vdr-hero__overlay{
  background:
    linear-gradient(
      90deg,
      rgba(3,10,18,.99) 0%,
      rgba(3,10,18,.93) 47%,
      rgba(3,10,18,.28) 100%
    );
}

.vdr-hero__content{
  position:relative;
  z-index:2;

  padding-bottom:90px;
}

.vdr-eyebrow{
  margin-bottom:30px;

  color:var(--vdr-blue2);

  font-size:11px;
  font-weight:700;

  letter-spacing:.18em;
}

.vdr-hero h1{
  max-width:1150px;

  margin-bottom:30px;

  font-size:clamp(58px,7vw,104px);
  line-height:.9;

  font-weight:600;

  letter-spacing:-.06em;
}

.vdr-hero h1 span{
  display:block;

  color:#8495a3;
}

.vdr-hero__content > p{
  max-width:760px;

  margin-bottom:40px;

  color:#bbc6ce;

  font-size:17px;
  line-height:1.7;
}

.vdr-actions{
  display:flex;
  gap:12px;
}


/* HERO NAV */

.vdr-hero__nav{
  position:absolute;

  left:0;
  right:0;
  bottom:0;

  z-index:3;

  border-top:1px solid var(--vdr-dark-line);
}

.vdr-hero__nav-grid{
  display:grid;

  grid-template-columns:repeat(4,1fr);
}

.vdr-hero__nav-grid a{
  min-height:84px;

  padding:0 20px;

  display:flex;

  align-items:center;

  gap:16px;

  color:white;

  border-left:1px solid var(--vdr-dark-line);

  transition:.25s;
}

.vdr-hero__nav-grid a:last-child{
  border-right:1px solid var(--vdr-dark-line);
}

.vdr-hero__nav-grid a:hover{
  background:var(--vdr-blue);
}

.vdr-hero__nav-grid > a > span{
  color:var(--vdr-blue2);

  font-size:9px;
}

.vdr-hero__nav-grid a:hover > span{
  color:white;
}

.vdr-hero__nav-grid strong{
  display:block;

  margin-bottom:5px;

  font-size:9px;

  letter-spacing:.08em;
}

.vdr-hero__nav-grid small{
  display:block;

  color:#687b89;

  font-size:7px;

  letter-spacing:.1em;
}

.vdr-hero__nav-grid a:hover small{
  color:rgba(255,255,255,.65);
}


/* =========================================================
INTRO
========================================================= */

.vdr-intro{
  padding:125px 0;
}

.vdr-intro__grid{
  display:grid;

  grid-template-columns:1fr 1fr;

  gap:110px;
}

.vdr-intro__content{
  padding-top:40px;
}

.vdr-intro__content p{
  color:var(--vdr-muted);

  font-size:16px;

  line-height:1.8;
}

.vdr-intro__content .vdr-intro__lead{
  margin-bottom:28px;

  color:var(--vdr-text);

  font-size:23px;

  line-height:1.5;
}


/* =========================================================
STANDARD DARK HEADING
========================================================= */

.vdr-heading{
  margin-bottom:70px;

  display:grid;

  grid-template-columns:1.4fr .6fr;

  gap:90px;

  align-items:end;
}

.vdr-heading h2{
  color:white;
}

.vdr-heading h2 span{
  color:var(--vdr-blue2);
}

.vdr-heading > p{
  color:#81919e;

  line-height:1.7;
}


/* =========================================================
ARCHITECTURE
========================================================= */

.vdr-architecture{
  padding:125px 0;

  background:var(--vdr-navy2);

  color:white;
}

.vdr-architecture__system{
  display:grid;

  grid-template-columns:170px 70px 1fr 70px 170px;

  align-items:center;
}

.vdr-architecture__input,
.vdr-architecture__output{
  min-height:240px;

  padding:24px;

  display:flex;

  flex-direction:column;
  justify-content:center;

  border:1px solid var(--vdr-dark-line);
}

.vdr-architecture__input > span,
.vdr-architecture__output > span{
  margin-bottom:50px;

  color:var(--vdr-blue2);

  font-size:8px;

  letter-spacing:.12em;
}

.vdr-architecture__input strong,
.vdr-architecture__output strong{
  margin-bottom:10px;

  font-size:21px;

  line-height:1.1;

  font-weight:500;
}

.vdr-architecture__input small,
.vdr-architecture__output small{
  color:#627583;

  font-size:7px;

  letter-spacing:.1em;
}

.vdr-architecture__line{
  height:1px;

  background:var(--vdr-dark-line);

  position:relative;
}

.vdr-architecture__line span{
  width:6px;
  height:6px;

  position:absolute;

  right:0;
  top:-3px;

  background:var(--vdr-blue2);
}

.vdr-architecture__engine{
  border:1px solid var(--vdr-blue);
}

.vdr-architecture__engine-head{
  min-height:54px;

  padding:0 20px;

  display:flex;

  align-items:center;

  background:var(--vdr-blue);

  font-size:8px;
  font-weight:700;

  letter-spacing:.13em;
}

.vdr-architecture__engine-grid{
  display:grid;

  grid-template-columns:repeat(3,1fr);
}

.vdr-architecture__engine-grid > div{
  min-height:140px;

  padding:20px;

  display:flex;

  flex-direction:column;

  border-right:1px solid var(--vdr-dark-line);
  border-bottom:1px solid var(--vdr-dark-line);
}

.vdr-architecture__engine-grid > div:nth-child(3n){
  border-right:0;
}

.vdr-architecture__engine-grid span{
  color:var(--vdr-blue2);

  font-size:8px;
}

.vdr-architecture__engine-grid strong{
  margin-top:auto;

  font-size:15px;

  font-weight:500;
}

.vdr-architecture__engine-grid small{
  margin-top:6px;

  color:#627583;

  font-size:7px;

  letter-spacing:.1em;
}


/* =========================================================
PRODUCT RANGE
========================================================= */

.vdr-products{
  padding:125px 0;

  background:var(--vdr-navy);

  color:white;
}

.vdr-product{
  min-height:600px;

  display:grid;

  grid-template-columns:1.05fr .95fr;

  border-top:1px solid var(--vdr-dark-line);
}

.vdr-product:last-child{
  border-bottom:1px solid var(--vdr-dark-line);
}

.vdr-product__visual{
  min-height:600px;

  position:relative;

  overflow:hidden;
}

.vdr-product__visual img{
  height:100%;

  object-fit:cover;

  transition:.5s;
}

.vdr-product:hover .vdr-product__visual img{
  transform:scale(1.035);
}

.vdr-product__index{
  position:absolute;

  top:28px;
  left:28px;

  color:white;

  font-size:62px;

  line-height:1;

  letter-spacing:-.06em;
}

.vdr-product__tag{
  position:absolute;

  left:0;
  bottom:0;

  padding:14px 18px;

  background:var(--vdr-blue);

  color:white;

  font-size:8px;
  font-weight:700;

  letter-spacing:.12em;
}

.vdr-product__content{
  padding:70px 7%;

  display:flex;

  flex-direction:column;
  justify-content:center;

  border-left:1px solid var(--vdr-dark-line);
}

.vdr-product__content > small{
  color:var(--vdr-blue2);

  font-size:8px;

  letter-spacing:.13em;
}

.vdr-product h3{
  max-width:600px;

  margin:16px 0 24px;

  font-size:52px;

  line-height:.95;

  font-weight:500;

  letter-spacing:-.05em;
}

.vdr-product__content > p{
  max-width:560px;

  color:#82929f;

  font-size:13px;

  line-height:1.75;
}

.vdr-product__path{
  margin:28px 0;

  padding:17px 0;

  display:flex;

  align-items:center;

  gap:10px;

  border-top:1px solid var(--vdr-dark-line);
  border-bottom:1px solid var(--vdr-dark-line);
}

.vdr-product__path span{
  color:#b4c0c8;

  font-size:8px;

  letter-spacing:.08em;
}

.vdr-product__path i{
  color:var(--vdr-blue2);

  font-style:normal;
}

.vdr-product__spec{
  display:grid;

  grid-template-columns:repeat(3,1fr);

  border-top:1px solid var(--vdr-dark-line);
  border-left:1px solid var(--vdr-dark-line);
}

.vdr-product__spec > div{
  min-height:76px;

  padding:14px;

  display:flex;

  flex-direction:column;
  justify-content:center;

  border-right:1px solid var(--vdr-dark-line);
  border-bottom:1px solid var(--vdr-dark-line);
}

.vdr-product__spec span{
  margin-bottom:6px;

  color:#617482;

  font-size:7px;

  letter-spacing:.11em;
}

.vdr-product__spec strong{
  font-size:9px;

  font-weight:500;
}

.vdr-arrow-link{
  margin-top:30px;

  color:white;

  font-size:8px;
  font-weight:700;

  letter-spacing:.11em;
}


/* REVERSE */

.vdr-product--reverse .vdr-product__visual{
  grid-column:2;
  grid-row:1;
}

.vdr-product--reverse .vdr-product__content{
  grid-column:1;
  grid-row:1;

  border-left:0;
  border-right:1px solid var(--vdr-dark-line);
}


/* =========================================================
DIGITAL WORKFLOW
========================================================= */

.vdr-digital{
  padding:125px 0;

  background:var(--vdr-blue);

  color:white;
}

.vdr-digital .vdr-label{
  color:white;
}

.vdr-digital__head{
  margin-bottom:70px;

  display:grid;

  grid-template-columns:1.4fr .6fr;

  gap:90px;

  align-items:end;
}

.vdr-digital h2{
  color:white;
}

.vdr-digital h2 span{
  color:#c9e7ff;
}

.vdr-digital__head > p{
  color:rgba(255,255,255,.78);

  line-height:1.7;
}

.vdr-process{
  display:grid;

  grid-template-columns:repeat(7,1fr);

  border-top:1px solid rgba(255,255,255,.3);
  border-left:1px solid rgba(255,255,255,.3);
}

.vdr-process article{
  min-height:355px;

  padding:20px;

  border-right:1px solid rgba(255,255,255,.3);
  border-bottom:1px solid rgba(255,255,255,.3);
}

.vdr-process__top{
  display:flex;

  justify-content:space-between;
}

.vdr-process__top span{
  font-size:8px;
}

.vdr-process__top small{
  color:rgba(255,255,255,.55);

  font-size:7px;

  letter-spacing:.1em;
}

.vdr-process__code{
  width:45px;
  height:45px;

  margin:55px 0 27px;

  display:flex;

  align-items:center;
  justify-content:center;

  border:1px solid rgba(255,255,255,.65);

  font-size:8px;
  font-weight:700;
}

.vdr-process h3{
  margin-bottom:15px;

  font-size:19px;

  line-height:1.1;

  font-weight:500;
}

.vdr-process p{
  color:rgba(255,255,255,.7);

  font-size:11px;

  line-height:1.65;
}

.vdr-digital > .vdr-container > .vdr-text-link{
  margin-top:30px;

  display:inline-block;
}

.vdr-text-link{
  color:white;

  font-size:9px;
  font-weight:700;

  letter-spacing:.11em;
}


/* =========================================================
PRODUCTION MATRIX
========================================================= */

.vdr-production{
  padding:125px 0;

  background:var(--vdr-navy2);

  color:white;
}

.vdr-production__intro{
  max-width:920px;

  margin-bottom:65px;
}

.vdr-production__intro h2{
  color:white;
}

.vdr-production__intro h2 span{
  color:var(--vdr-blue2);
}

.vdr-production__intro > p{
  max-width:680px;

  margin-top:28px;

  color:#81919e;

  line-height:1.7;
}

.vdr-production__matrix{
  border-top:1px solid var(--vdr-dark-line);
  border-left:1px solid var(--vdr-dark-line);
}

.vdr-production__row{
  display:grid;

  grid-template-columns:1.4fr repeat(4,1fr);
}

.vdr-production__row > div{
  min-height:80px;

  padding:0 20px;

  display:flex;

  align-items:center;

  border-right:1px solid var(--vdr-dark-line);
  border-bottom:1px solid var(--vdr-dark-line);
}

.vdr-production__row--head > div{
  min-height:55px;

  color:#627583;

  font-size:7px;

  letter-spacing:.11em;
}

.vdr-production__name{
  gap:16px;
}

.vdr-production__name span{
  color:var(--vdr-blue2);

  font-size:8px;
}

.vdr-production__name strong{
  font-size:11px;

  font-weight:500;
}

.vdr-production__row b,
.vdr-production__row em{
  padding:7px 9px;

  border:1px solid var(--vdr-dark-line);

  font-size:7px;

  font-style:normal;
  font-weight:500;

  letter-spacing:.08em;
}

.vdr-production__row b{
  color:var(--vdr-blue2);
}

.vdr-production__row em{
  color:#9baab4;
}

.vdr-production__note{
  margin:24px 0 0;

  color:#687b89;

  font-size:11px;

  line-height:1.7;
}


/* =========================================================
INPUT
========================================================= */

.vdr-input{
  padding:125px 0;

  background:var(--vdr-navy);

  color:white;
}

.vdr-input__grid{
  display:grid;

  grid-template-columns:repeat(4,1fr);

  border-top:1px solid var(--vdr-dark-line);
  border-left:1px solid var(--vdr-dark-line);
}

.vdr-input__grid article{
  min-height:390px;

  padding:28px;

  border-right:1px solid var(--vdr-dark-line);
  border-bottom:1px solid var(--vdr-dark-line);
}

.vdr-input__grid article > span{
  color:var(--vdr-blue2);

  font-size:9px;
}

.vdr-input__icon{
  width:62px;
  height:62px;

  margin:55px 0 28px;

  display:flex;

  align-items:center;
  justify-content:center;

  border:1px solid var(--vdr-blue2);

  color:var(--vdr-blue2);

  font-size:9px;
  font-weight:700;
}

.vdr-input__grid small{
  color:#627583;

  font-size:7px;

  letter-spacing:.12em;
}

.vdr-input__grid h3{
  margin:11px 0 17px;

  font-size:25px;

  line-height:1.05;

  font-weight:500;

  letter-spacing:-.03em;
}

.vdr-input__grid p{
  color:#80919e;

  font-size:12px;

  line-height:1.7;
}


/* =========================================================
DESIGN FEATURE
========================================================= */

.vdr-design{
  display:grid;

  grid-template-columns:1.05fr .95fr;

  background:var(--vdr-navy2);

  color:white;
}

.vdr-design__media{
  min-height:760px;

  position:relative;
}

.vdr-design__media > img{
  height:100%;

  object-fit:cover;
}

.vdr-design__screen{
  position:absolute;

  left:35px;
  right:35px;
  bottom:35px;

  display:grid;

  grid-template-columns:repeat(3,1fr);

  background:rgba(5,16,27,.92);

  border-top:1px solid var(--vdr-dark-line);
  border-left:1px solid var(--vdr-dark-line);
}

.vdr-design__screen > div{
  min-height:75px;

  padding:15px;

  display:flex;

  flex-direction:column;
  justify-content:center;

  border-right:1px solid var(--vdr-dark-line);
  border-bottom:1px solid var(--vdr-dark-line);
}

.vdr-design__screen span{
  margin-bottom:6px;

  color:#617482;

  font-size:7px;

  letter-spacing:.11em;
}

.vdr-design__screen strong{
  font-size:8px;

  font-weight:500;
}

.vdr-design__content{
  padding:100px 9%;

  display:flex;

  flex-direction:column;
  justify-content:center;
}

.vdr-design h2{
  margin-bottom:28px;

  color:white;
}

.vdr-design h2 span{
  color:var(--vdr-blue2);
}

.vdr-design__content > p{
  color:#82929f;

  line-height:1.75;
}

.vdr-design__path{
  margin:35px 0;

  display:grid;

  grid-template-columns:1fr auto 1fr auto 1fr;

  align-items:center;

  gap:12px;
}

.vdr-design__path > div{
  min-height:100px;

  padding:15px;

  display:flex;

  flex-direction:column;
  justify-content:center;

  border:1px solid var(--vdr-dark-line);
}

.vdr-design__path span{
  margin-bottom:10px;

  color:var(--vdr-blue2);

  font-size:8px;
}

.vdr-design__path strong{
  font-size:9px;

  font-weight:500;
}

.vdr-design__path i{
  color:var(--vdr-blue2);

  font-style:normal;
}


/* =========================================================
QC
========================================================= */

.vdr-qc{
  padding:125px 0;

  background:var(--vdr-light);
}

.vdr-qc__head{
  margin-bottom:70px;

  display:grid;

  grid-template-columns:1.4fr .6fr;

  gap:90px;

  align-items:end;
}

.vdr-qc__head > p{
  color:var(--vdr-muted);

  line-height:1.7;
}

.vdr-qc__track{
  display:grid;

  grid-template-columns:repeat(5,1fr);

  border-top:1px solid var(--vdr-light-line);
  border-left:1px solid var(--vdr-light-line);
}

.vdr-qc__track article{
  min-height:390px;

  padding:28px;

  border-right:1px solid var(--vdr-light-line);
  border-bottom:1px solid var(--vdr-light-line);
}

.vdr-qc__track article > span{
  color:var(--vdr-blue);

  font-size:8px;

  letter-spacing:.1em;
}

.vdr-qc__point{
  width:10px;
  height:10px;

  margin:65px 0 28px;

  background:var(--vdr-blue);
}

.vdr-qc__track small{
  color:var(--vdr-muted);

  font-size:7px;

  letter-spacing:.12em;
}

.vdr-qc__track h3{
  margin:12px 0 18px;

  font-size:24px;

  line-height:1.06;

  font-weight:500;

  letter-spacing:-.03em;
}

.vdr-qc__track p{
  color:var(--vdr-muted);

  font-size:11px;

  line-height:1.7;
}


/* =========================================================
MODEL
========================================================= */

.vdr-model{
  padding:125px 0;

  background:var(--vdr-navy2);

  color:white;
}

.vdr-model__grid{
  display:grid;

  grid-template-columns:repeat(4,1fr);

  border-top:1px solid var(--vdr-dark-line);
  border-left:1px solid var(--vdr-dark-line);
}

.vdr-model__grid article{
  min-height:410px;

  padding:28px;

  display:flex;

  flex-direction:column;

  border-right:1px solid var(--vdr-dark-line);
  border-bottom:1px solid var(--vdr-dark-line);

  transition:.25s;
}

.vdr-model__grid article:hover,
.vdr-model__active{
  background:var(--vdr-blue);
}

.vdr-model__grid article > span{
  color:var(--vdr-blue2);

  font-size:9px;
}

.vdr-model__grid article:hover > span,
.vdr-model__active > span{
  color:white;
}

.vdr-model__grid small{
  margin-top:55px;

  color:#627583;

  font-size:7px;

  letter-spacing:.12em;
}

.vdr-model__active small{
  color:rgba(255,255,255,.6);
}

.vdr-model__grid h3{
  margin:12px 0 18px;

  font-size:27px;

  line-height:1.03;

  font-weight:500;

  letter-spacing:-.035em;
}

.vdr-model__grid p{
  color:#82929f;

  font-size:12px;

  line-height:1.7;
}

.vdr-model__grid article:hover p,
.vdr-model__active p{
  color:rgba(255,255,255,.78);
}

.vdr-model__grid article > div{
  margin-top:auto;

  padding-top:18px;

  border-top:1px solid var(--vdr-dark-line);

  color:#a4b1ba;

  font-size:8px;

  letter-spacing:.1em;
}

.vdr-model__active > div{
  color:white;
}


/* =========================================================
AUDIENCE
========================================================= */

.vdr-audience{
  padding:125px 0;

  background:var(--vdr-navy);

  color:white;
}

.vdr-audience__head{
  max-width:850px;

  margin-bottom:65px;
}

.vdr-audience__head h2{
  color:white;
}

.vdr-audience__head h2 span{
  color:var(--vdr-blue2);
}

.vdr-audience__grid{
  display:grid;

  grid-template-columns:1fr 1fr;

  border-top:1px solid var(--vdr-dark-line);
  border-left:1px solid var(--vdr-dark-line);
}

.vdr-audience-card{
  color:white;

  border-right:1px solid var(--vdr-dark-line);
  border-bottom:1px solid var(--vdr-dark-line);
}

.vdr-audience-card__media{
  height:360px;

  position:relative;

  overflow:hidden;
}

.vdr-audience-card__media img{
  height:100%;

  object-fit:cover;

  transition:.45s;
}

.vdr-audience-card:hover img{
  transform:scale(1.035);
}

.vdr-audience-card__media span{
  position:absolute;

  top:25px;
  left:25px;

  color:white;

  font-size:50px;

  letter-spacing:-.05em;
}

.vdr-audience-card__content{
  min-height:330px;

  padding:35px;

  display:flex;

  flex-direction:column;
}

.vdr-audience-card__content small{
  color:var(--vdr-blue2);

  font-size:8px;

  letter-spacing:.12em;
}

.vdr-audience-card h3{
  max-width:520px;

  margin:20px 0 18px;

  font-size:35px;

  line-height:1.03;

  font-weight:500;

  letter-spacing:-.04em;
}

.vdr-audience-card p{
  max-width:510px;

  color:#82929f;

  font-size:13px;

  line-height:1.7;
}

.vdr-audience-card strong{
  margin-top:auto;

  font-size:8px;

  letter-spacing:.11em;
}


/* =========================================================
MORE PRODUCTS
========================================================= */

.vdr-more{
  padding:125px 0;

  background:var(--vdr-light);
}

.vdr-more__head{
  margin-bottom:65px;

  display:flex;

  align-items:flex-end;
  justify-content:space-between;

  gap:60px;
}

.vdr-more__head .vdr-text-link{
  color:var(--vdr-blue);
}

.vdr-more__grid{
  display:grid;

  grid-template-columns:repeat(3,1fr);

  border-top:1px solid var(--vdr-light-line);
  border-left:1px solid var(--vdr-light-line);
}

.vdr-more-card{
  color:var(--vdr-text);

  border-right:1px solid var(--vdr-light-line);
  border-bottom:1px solid var(--vdr-light-line);
}

.vdr-more-card__top{
  min-height:55px;

  padding:0 20px;

  display:flex;

  align-items:center;
  justify-content:space-between;
}

.vdr-more-card__top span{
  color:var(--vdr-blue);

  font-size:9px;
}

.vdr-more-card__top small{
  color:var(--vdr-muted);

  font-size:7px;

  letter-spacing:.11em;
}

.vdr-more-card__media{
  height:280px;

  overflow:hidden;
}

.vdr-more-card__media img{
  height:100%;

  object-fit:cover;

  transition:.4s;
}

.vdr-more-card:hover img{
  transform:scale(1.04);
}

.vdr-more-card__bottom{
  min-height:120px;

  padding:22px;

  display:flex;

  align-items:center;
  justify-content:space-between;
}

.vdr-more-card h3{
  margin:0;

  font-size:22px;

  font-weight:500;

  letter-spacing:-.03em;
}

.vdr-more-card__bottom strong{
  color:var(--vdr-blue);

  font-size:21px;
}


/* =========================================================
FINAL CTA
========================================================= */

.vdr-final{
  padding:105px 0;

  background:var(--vdr-blue);

  color:white;
}

.vdr-final__grid{
  display:grid;

  grid-template-columns:1.3fr .7fr;

  gap:100px;

  align-items:end;
}

.vdr-final .vdr-label{
  color:white;
}

.vdr-final h2{
  color:white;
}

.vdr-final h2 span{
  color:#c9e7ff;
}

.vdr-final__right p{
  margin-bottom:30px;

  color:rgba(255,255,255,.82);

  line-height:1.7;
}


/* =========================================================
TABLET
========================================================= */

@media(max-width:1100px){

  .vdr-architecture__system{
    grid-template-columns:140px 30px 1fr 30px 140px;
  }

  .vdr-process{
    grid-template-columns:repeat(4,1fr);
  }

  .vdr-input__grid{
    grid-template-columns:1fr 1fr;
  }

  .vdr-qc__track{
    grid-template-columns:repeat(3,1fr);
  }

  .vdr-model__grid{
    grid-template-columns:1fr 1fr;
  }

}


/* =========================================================
MOBILE
========================================================= */

@media(max-width:767px){

  .vdr-container{
    width:calc(100% - 36px);
  }

  .vdr-page h2{
    font-size:42px;
  }

  .vdr-hero{
    min-height:740px;
  }

  .vdr-hero h1{
    font-size:50px;
  }

  .vdr-actions{
    flex-direction:column;
  }

  .vdr-hero__nav{
    display:none;
  }

  .vdr-intro,
  .vdr-architecture,
  .vdr-products,
  .vdr-digital,
  .vdr-production,
  .vdr-input,
  .vdr-qc,
  .vdr-model,
  .vdr-audience,
  .vdr-more{
    padding:75px 0;
  }

  .vdr-intro__grid,
  .vdr-heading,
  .vdr-digital__head,
  .vdr-qc__head,
  .vdr-final__grid{
    grid-template-columns:1fr;

    gap:45px;
  }


  /* ARCHITECTURE */

  .vdr-architecture__system{
    grid-template-columns:1fr;

    gap:15px;
  }

  .vdr-architecture__line{
    width:1px;
    height:35px;

    margin:auto;
  }

  .vdr-architecture__line span{
    right:-3px;
    top:auto;
    bottom:0;
  }

  .vdr-architecture__engine-grid{
    grid-template-columns:1fr 1fr;
  }


  /* PRODUCTS */

  .vdr-product,
  .vdr-product--reverse{
    grid-template-columns:1fr;
  }

  .vdr-product__visual,
  .vdr-product--reverse .vdr-product__visual{
    grid-column:1;
    grid-row:1;

    min-height:380px;
  }

  .vdr-product__content,
  .vdr-product--reverse .vdr-product__content{
    grid-column:1;
    grid-row:2;

    padding:50px 25px;

    border-left:1px solid var(--vdr-dark-line);
    border-right:1px solid var(--vdr-dark-line);
  }

  .vdr-product h3{
    font-size:40px;
  }

  .vdr-product__path{
    flex-wrap:wrap;
  }

  .vdr-product__spec{
    grid-template-columns:1fr;
  }


  /* PROCESS */

  .vdr-process{
    grid-template-columns:1fr 1fr;
  }


  /* MATRIX */

  .vdr-production__matrix{
    overflow-x:auto;
  }

  .vdr-production__row{
    min-width:800px;
  }


  /* INPUT */

  .vdr-input__grid{
    grid-template-columns:1fr;
  }


  /* DESIGN */

  .vdr-design{
    grid-template-columns:1fr;
  }

  .vdr-design__media{
    min-height:430px;
  }

  .vdr-design__screen{
    left:15px;
    right:15px;
    bottom:15px;

    grid-template-columns:1fr;
  }

  .vdr-design__screen > div{
    min-height:55px;
  }

  .vdr-design__content{
    padding:75px 25px;
  }

  .vdr-design__path{
    grid-template-columns:1fr;
  }

  .vdr-design__path i{
    transform:rotate(90deg);

    text-align:center;
  }


  /* QC */

  .vdr-qc__track{
    grid-template-columns:1fr;
  }

  .vdr-qc__track article{
    min-height:320px;
  }


  /* MODEL */

  .vdr-model__grid{
    grid-template-columns:1fr;
  }


  /* AUDIENCE */

  .vdr-audience__grid{
    grid-template-columns:1fr;
  }


  /* MORE */

  .vdr-more__head{
    flex-direction:column;

    align-items:flex-start;
  }

  .vdr-more__grid{
    grid-template-columns:1fr;
  }

}


/* =========================================================
SMALL MOBILE
========================================================= */

@media(max-width:480px){

  .vdr-process{
    grid-template-columns:1fr;
  }

  .vdr-architecture__engine-grid{
    grid-template-columns:1fr;
  }

}/* End custom CSS */