.elementor-36 .elementor-element.elementor-element-f844571{--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-8ccb743 *//* =========================================================
VCAD 2026 — WHY VCAD
Prefix: vwv-
========================================================= */

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

  --vwv-navy:#04101b;
  --vwv-navy2:#071522;
  --vwv-navy3:#0b1d2c;
  --vwv-navy4:#102535;

  --vwv-white:#ffffff;
  --vwv-light:#f1f5f7;

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

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

  --vwv-width:1280px;
}


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

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

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

  background:#fff;

  color:var(--vwv-text);

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

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

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

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

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

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

  font-size:clamp(44px,5vw,72px);

  line-height:.97;

  font-weight:600;

  letter-spacing:-.05em;
}

.vwv-page h2 span{
  display:block;

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

.vwv-label{
  margin-bottom:27px;

  color:var(--vwv-blue);

  font-size:10px;

  font-weight:700;

  letter-spacing:.17em;
}

.vwv-label--bright{
  color:var(--vwv-blue2);
}


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

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

  padding:0 26px;

  display:inline-flex;

  align-items:center;

  justify-content:space-between;

  gap:42px;

  border:1px solid transparent;

  font-size:10px;

  font-weight:700;

  letter-spacing:.11em;

  transition:.25s;
}

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

.vwv-btn--blue{
  background:var(--vwv-blue);

  color:#fff;
}

.vwv-btn--blue:hover{
  background:var(--vwv-blue2);

  color:#fff;
}

.vwv-btn--outline{
  border-color:rgba(255,255,255,.45);

  color:#fff;
}

.vwv-btn--outline:hover{
  background:#fff;

  color:var(--vwv-navy);
}

.vwv-btn--dark{
  background:var(--vwv-navy);

  color:#fff;
}

.vwv-btn--dark:hover{
  background:#fff;

  color:var(--vwv-navy);
}


/* =========================================================
LIVE
========================================================= */

.vwv-live{
  width:7px;
  height:7px;

  display:inline-block;

  border-radius:50%;

  background:var(--vwv-blue2);

  box-shadow:
    0 0 0 5px rgba(20,151,255,.1),
    0 0 14px rgba(20,151,255,.7);
}


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

.vwv-hero{
  min-height:850px;

  position:relative;

  display:flex;

  align-items:center;

  background:var(--vwv-navy);

  color:#fff;
}

.vwv-hero__media,
.vwv-hero__overlay,
.vwv-hero__grid{
  position:absolute;

  inset:0;
}

.vwv-hero__media img{
  height:100%;

  object-fit:cover;
}

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

.vwv-hero__grid{
  opacity:.18;

  background-image:
    linear-gradient(
      rgba(255,255,255,.12) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.12) 1px,
      transparent 1px
    );

  background-size:72px 72px;

  mask-image:
    linear-gradient(
      90deg,
      black,
      transparent 85%
    );
}

.vwv-hero__content{
  position:relative;

  z-index:3;

  padding-bottom:95px;
}

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

  color:var(--vwv-blue2);

  font-size:10px;

  font-weight:700;

  letter-spacing:.18em;
}

.vwv-hero h1{
  max-width:1100px;

  margin-bottom:30px;

  font-size:clamp(62px,7vw,108px);

  line-height:.89;

  font-weight:600;

  letter-spacing:-.065em;
}

.vwv-hero h1 span{
  display:block;

  color:#8396a5;
}

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

  margin-bottom:40px;

  color:#b7c3cc;

  font-size:17px;

  line-height:1.7;
}

.vwv-actions{
  display:flex;

  gap:12px;
}


/* HERO BAR */

.vwv-hero__bar{
  position:absolute;

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

  z-index:4;

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

.vwv-hero__bar-grid{
  display:grid;

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

.vwv-hero__bar-grid > div{
  min-height:88px;

  padding:18px;

  display:flex;

  flex-direction:column;

  justify-content:center;

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

.vwv-hero__bar-grid > div:last-child{
  border-right:1px solid var(--vwv-dark-line);
}

.vwv-hero__bar-grid span{
  margin-bottom:8px;

  color:var(--vwv-blue2);

  font-size:8px;
}

.vwv-hero__bar-grid strong{
  font-size:8px;

  letter-spacing:.09em;
}


/* =========================================================
POSITION
========================================================= */

.vwv-position{
  padding:125px 0;
}

.vwv-position__grid{
  display:grid;

  grid-template-columns:1fr 1fr;

  gap:110px;
}

.vwv-position__content{
  padding-top:38px;
}

.vwv-position__content p{
  color:var(--vwv-muted);

  font-size:16px;

  line-height:1.8;
}

.vwv-position__content .vwv-position__lead{
  margin-bottom:28px;

  color:var(--vwv-text);

  font-size:23px;

  line-height:1.5;
}


/* =========================================================
SECTION HEAD
========================================================= */

.vwv-section-head{
  margin-bottom:70px;

  display:grid;

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

  gap:90px;

  align-items:end;
}

.vwv-section-head h2{
  color:#fff;
}

.vwv-section-head h2 span{
  color:var(--vwv-blue2);
}

.vwv-section-head > p{
  margin-bottom:0;

  color:#81919e;

  line-height:1.7;
}

.vwv-section-head--light h2{
  color:var(--vwv-text);
}

.vwv-section-head--light h2 span{
  color:var(--vwv-blue);
}

.vwv-section-head--light > p{
  color:var(--vwv-muted);
}


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

.vwv-model{
  padding:125px 0;

  background:var(--vwv-navy2);

  color:#fff;
}

.vwv-model__system{
  display:grid;

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

  align-items:center;
}

.vwv-model__title{
  margin-bottom:12px;

  color:#607582;

  font-size:7px;

  letter-spacing:.14em;
}

.vwv-model__input-box,
.vwv-model__output-box{
  min-height:350px;

  padding:25px;

  display:flex;

  flex-direction:column;

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

.vwv-model__input-box > span,
.vwv-model__output-box > span{
  color:var(--vwv-blue2);

  font-size:8px;

  letter-spacing:.11em;
}

.vwv-model__input-box > strong,
.vwv-model__output-box > strong{
  margin:45px 0 auto;

  font-size:30px;

  line-height:1;

  font-weight:500;

  letter-spacing:-.04em;
}

.vwv-model__input-box ul,
.vwv-model__output-box ul{
  margin:0;

  padding:20px 0 0;

  list-style:none;

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

.vwv-model__input-box li,
.vwv-model__output-box li{
  padding:6px 0;

  color:#778995;

  font-size:9px;
}

.vwv-model__arrow{
  text-align:center;

  color:var(--vwv-blue2);

  font-size:18px;
}


/* MODEL CORE */

.vwv-model__core{
  border:1px solid var(--vwv-blue);
}

.vwv-model__core-head{
  min-height:60px;

  padding:0 20px;

  display:flex;

  align-items:center;

  justify-content:space-between;

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

.vwv-model__core-head > div{
  display:flex;

  align-items:center;

  gap:12px;

  font-size:8px;

  font-weight:700;

  letter-spacing:.11em;
}

.vwv-model__core-head .vwv-live{
  background:#fff;

  box-shadow:
    0 0 0 5px rgba(255,255,255,.12),
    0 0 14px rgba(255,255,255,.5);
}

.vwv-model__core-head small{
  color:rgba(255,255,255,.65);

  font-size:7px;

  letter-spacing:.1em;
}

.vwv-model__core-grid{
  display:grid;

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

.vwv-model__core-grid > *{
  min-height:160px;

  padding:20px;

  display:flex;

  flex-direction:column;

  color:#fff;

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

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

  transition:.25s;
}

.vwv-model__core-grid > *:nth-child(2n){
  border-right:0;
}

.vwv-model__core-grid a:hover{
  background:rgba(20,151,255,.09);
}

.vwv-model__core-grid span{
  color:var(--vwv-blue2);

  font-size:8px;
}

.vwv-model__core-grid small{
  margin-top:18px;

  color:#617582;

  font-size:7px;

  letter-spacing:.1em;
}

.vwv-model__core-grid strong{
  margin-top:auto;

  font-size:20px;

  line-height:1.05;

  font-weight:500;
}

.vwv-model__core-footer{
  display:grid;

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

.vwv-model__core-footer > div{
  min-height:68px;

  padding:13px 17px;

  display:flex;

  flex-direction:column;

  justify-content:center;

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

.vwv-model__core-footer > div:last-child{
  border-right:0;
}

.vwv-model__core-footer span{
  margin-bottom:5px;

  color:#617582;

  font-size:6px;

  letter-spacing:.1em;
}

.vwv-model__core-footer strong{
  font-size:8px;

  font-weight:500;
}


/* =========================================================
DIFFERENCE
========================================================= */

.vwv-difference{
  padding:125px 0;

  background:#fff;
}

.vwv-difference__head{
  margin-bottom:70px;

  display:flex;

  align-items:flex-end;

  justify-content:space-between;

  gap:50px;
}

.vwv-difference__index{
  color:var(--vwv-muted);

  font-size:8px;

  letter-spacing:.12em;
}

.vwv-difference__grid{
  display:grid;

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

  border-top:1px solid var(--vwv-light-line);

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

.vwv-difference__grid article{
  min-height:400px;

  padding:28px;

  display:flex;

  flex-direction:column;

  border-right:1px solid var(--vwv-light-line);

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

.vwv-diff__top{
  display:flex;

  justify-content:space-between;
}

.vwv-diff__top span{
  color:var(--vwv-blue);

  font-size:8px;
}

.vwv-diff__top small{
  color:var(--vwv-muted);

  font-size:7px;

  letter-spacing:.1em;
}

.vwv-diff__icon{
  width:62px;
  height:62px;

  margin:55px 0 30px;

  display:flex;

  align-items:center;

  justify-content:center;

  border:1px solid var(--vwv-blue);

  color:var(--vwv-blue);

  font-size:9px;

  font-weight:700;
}

.vwv-difference__grid h3{
  margin-bottom:17px;

  font-size:29px;

  line-height:1.02;

  font-weight:500;

  letter-spacing:-.04em;
}

.vwv-difference__grid p{
  max-width:320px;

  margin-bottom:0;

  color:var(--vwv-muted);

  font-size:12px;

  line-height:1.75;
}


/* =========================================================
TECHNOLOGY
========================================================= */

.vwv-tech{
  min-height:850px;

  padding:125px 0;

  position:relative;

  display:flex;

  align-items:center;

  background:var(--vwv-navy);

  color:#fff;
}

.vwv-tech__media,
.vwv-tech__overlay{
  position:absolute;

  inset:0;
}

.vwv-tech__media img{
  height:100%;

  object-fit:cover;
}

.vwv-tech__overlay{
  background:
    linear-gradient(
      90deg,
      rgba(4,16,27,.99) 0%,
      rgba(4,16,27,.94) 48%,
      rgba(4,16,27,.75) 100%
    );
}

.vwv-tech__layout{
  position:relative;

  z-index:2;

  display:grid;

  grid-template-columns:1fr .8fr;

  gap:100px;

  align-items:center;
}

.vwv-tech__content h2{
  color:#fff;
}

.vwv-tech__content h2 span{
  color:var(--vwv-blue2);
}

.vwv-tech__content > p{
  max-width:650px;

  margin:30px 0 40px;

  color:#9aabb6;

  line-height:1.75;
}

.vwv-tech__stack{
  max-width:650px;

  margin-bottom:35px;

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

.vwv-tech__stack > div{
  min-height:68px;

  padding:0 18px;

  display:grid;

  grid-template-columns:45px 1fr;

  align-items:center;

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

.vwv-tech__stack > div > span{
  color:var(--vwv-blue2);

  font-size:8px;
}

.vwv-tech__stack small{
  margin-bottom:5px;

  display:block;

  color:#607582;

  font-size:6px;

  letter-spacing:.1em;
}

.vwv-tech__stack strong{
  font-size:10px;

  font-weight:500;
}

.vwv-text-link{
  display:inline-flex;

  align-items:center;

  gap:25px;

  color:#fff;

  font-size:8px;

  font-weight:700;

  letter-spacing:.1em;
}

.vwv-text-link span{
  color:var(--vwv-blue2);

  font-size:16px;
}


/* TECH PANEL */

.vwv-tech__panel{
  border:1px solid var(--vwv-dark-line);

  background:rgba(4,16,27,.78);

  backdrop-filter:blur(5px);
}

.vwv-tech__panel-head{
  min-height:55px;

  padding:0 18px;

  display:flex;

  align-items:center;

  justify-content:space-between;

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

  font-size:7px;

  letter-spacing:.11em;
}

.vwv-tech__panel-head small{
  color:var(--vwv-blue2);
}

.vwv-tech__panel-main{
  min-height:390px;

  position:relative;

  display:flex;

  align-items:center;

  justify-content:center;

  background-image:
    linear-gradient(
      rgba(255,255,255,.05) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.05) 1px,
      transparent 1px
    );

  background-size:40px 40px;
}

.vwv-tech__circle{
  width:220px;
  height:220px;

  display:flex;

  align-items:center;

  justify-content:center;

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

  border-radius:50%;

  box-shadow:
    0 0 0 35px rgba(20,151,255,.025),
    0 0 0 70px rgba(20,151,255,.018);
}

.vwv-tech__circle > div{
  text-align:center;
}

.vwv-tech__circle small{
  display:block;

  color:#607582;

  font-size:7px;

  letter-spacing:.1em;
}

.vwv-tech__circle strong{
  margin:8px 0;

  display:block;

  color:#fff;

  font-size:37px;

  letter-spacing:-.05em;
}

.vwv-tech__circle span{
  color:var(--vwv-blue2);

  font-size:7px;

  letter-spacing:.12em;
}

.vwv-tech__panel-grid{
  display:grid;

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

.vwv-tech__panel-grid > div{
  min-height:70px;

  padding:15px;

  display:flex;

  flex-direction:column;

  justify-content:center;

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

.vwv-tech__panel-grid > div:nth-child(2n){
  border-right:0;
}

.vwv-tech__panel-grid small{
  margin-bottom:6px;

  color:#607582;

  font-size:6px;

  letter-spacing:.1em;
}

.vwv-tech__panel-grid strong{
  font-size:8px;

  font-weight:500;
}


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

.vwv-production{
  padding:125px 0;

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

.vwv-production__layout{
  display:grid;

  grid-template-columns:1.25fr .75fr;
}

.vwv-production__visual{
  min-height:620px;

  position:relative;

  overflow:hidden;
}

.vwv-production__visual img{
  height:100%;

  position:absolute;

  inset:0;

  object-fit:cover;
}

.vwv-production__visual:after{
  content:"";

  position:absolute;

  inset:0;

  background:
    linear-gradient(
      180deg,
      transparent 55%,
      rgba(4,16,27,.82)
    );
}

.vwv-production__visual-tag{
  position:absolute;

  z-index:2;

  left:28px;
  right:28px;
  bottom:28px;

  padding:20px;

  display:flex;

  align-items:center;

  justify-content:space-between;

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

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

.vwv-production__visual-tag span{
  color:#778a97;

  font-size:7px;

  letter-spacing:.1em;
}

.vwv-production__visual-tag strong{
  color:#fff;

  font-size:8px;

  font-weight:500;
}

.vwv-production__capabilities{
  border-top:1px solid var(--vwv-light-line);
}

.vwv-production__capabilities a{
  min-height:124px;

  padding:0 24px;

  display:grid;

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

  align-items:center;

  color:var(--vwv-text);

  background:#fff;

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

  transition:.25s;
}

.vwv-production__capabilities a:hover{
  background:#e9eef2;
}

.vwv-production__capabilities > a > span{
  color:var(--vwv-blue);

  font-size:8px;
}

.vwv-production__capabilities small{
  margin-bottom:7px;

  display:block;

  color:var(--vwv-muted);

  font-size:7px;

  letter-spacing:.1em;
}

.vwv-production__capabilities strong{
  font-size:18px;

  font-weight:500;
}

.vwv-production__capabilities b{
  color:var(--vwv-blue);

  font-size:18px;

  font-weight:400;
}

.vwv-production__capabilities .vwv-production__all{
  background:var(--vwv-blue);

  color:#fff;

  border-color:var(--vwv-blue);
}

.vwv-production__all > span,
.vwv-production__all b{
  color:#fff !important;
}

.vwv-production__all small{
  color:rgba(255,255,255,.65);
}


/* =========================================================
QUALITY
========================================================= */

.vwv-quality{
  padding:125px 0;

  background:var(--vwv-navy3);

  color:#fff;
}

.vwv-quality__head{
  margin-bottom:70px;

  display:grid;

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

  gap:90px;

  align-items:end;
}

.vwv-quality__head h2{
  color:#fff;
}

.vwv-quality__head h2 span{
  color:var(--vwv-blue2);
}

.vwv-quality__head > p{
  margin-bottom:0;

  color:#81919e;

  line-height:1.7;
}

.vwv-quality__system{
  display:grid;

  grid-template-columns:1fr 55px 1fr 55px 1fr 55px 1fr;

  align-items:center;
}

.vwv-quality__system article{
  min-height:350px;

  padding:25px;

  display:flex;

  flex-direction:column;

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

.vwv-quality__top{
  display:flex;

  justify-content:space-between;
}

.vwv-quality__top span{
  color:var(--vwv-blue2);

  font-size:7px;
}

.vwv-quality__top small{
  color:#607582;

  font-size:7px;

  letter-spacing:.1em;
}

.vwv-quality__status{
  margin:55px 0 30px;

  display:flex;

  align-items:center;

  gap:10px;

  color:#607582;

  font-size:7px;

  letter-spacing:.1em;
}

.vwv-quality__status span{
  width:8px;
  height:8px;

  background:var(--vwv-blue2);

  box-shadow:0 0 12px rgba(20,151,255,.7);
}

.vwv-quality__system h3{
  margin-bottom:16px;

  font-size:25px;

  line-height:1.05;

  font-weight:500;
}

.vwv-quality__system p{
  margin-bottom:0;

  color:#81919e;

  font-size:11px;

  line-height:1.7;
}

.vwv-quality__connector{
  height:1px;

  position:relative;

  background:rgba(20,151,255,.35);
}

.vwv-quality__connector span{
  width:6px;
  height:6px;

  position:absolute;

  right:0;
  top:-3px;

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


/* =========================================================
SCALE
========================================================= */

.vwv-scale{
  padding:125px 0;

  background:#fff;
}

.vwv-scale__layout{
  display:grid;

  grid-template-columns:.8fr 1.2fr;

  gap:90px;

  align-items:center;
}

.vwv-scale__content > p{
  color:var(--vwv-muted);

  line-height:1.75;
}

.vwv-scale__content .vwv-scale__lead{
  margin-top:30px;

  color:var(--vwv-text);

  font-size:19px;

  line-height:1.55;
}

.vwv-scale__options{
  margin-top:40px;

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

.vwv-scale__options > div{
  min-height:62px;

  padding:0 16px;

  display:grid;

  grid-template-columns:40px 1fr;

  align-items:center;

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

.vwv-scale__options span{
  color:var(--vwv-blue);

  font-size:7px;
}

.vwv-scale__options strong{
  font-size:9px;

  font-weight:500;
}

.vwv-scale__visual{
  min-height:620px;

  position:relative;

  overflow:hidden;
}

.vwv-scale__visual > img{
  height:100%;

  position:absolute;

  inset:0;

  object-fit:cover;
}

.vwv-scale__hud{
  position:absolute;

  left:25px;
  right:25px;
  bottom:25px;

  display:grid;

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

  background:rgba(4,16,27,.94);

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

.vwv-scale__hud > div{
  min-height:80px;

  padding:15px;

  display:flex;

  flex-direction:column;

  justify-content:center;

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

.vwv-scale__hud small{
  margin-bottom:7px;

  color:#71838f;

  font-size:6px;

  letter-spacing:.1em;
}

.vwv-scale__hud strong{
  color:#fff;

  font-size:8px;

  font-weight:500;
}


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

.vwv-audience{
  padding:125px 0;

  background:var(--vwv-navy);

  color:#fff;
}

.vwv-audience__head{
  margin-bottom:65px;

  display:grid;

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

  gap:90px;

  align-items:end;
}

.vwv-audience__head h2{
  color:#fff;
}

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

.vwv-audience__head > p{
  color:#81919e;

  line-height:1.7;
}

.vwv-audience__grid{
  display:grid;

  grid-template-columns:1fr 1fr;

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

.vwv-audience__card{
  color:#fff;

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

.vwv-audience__image{
  height:380px;

  position:relative;

  overflow:hidden;
}

.vwv-audience__image img{
  height:100%;

  object-fit:cover;

  transition:.45s;
}

.vwv-audience__card:hover img{
  transform:scale(1.035);
}

.vwv-audience__image span{
  position:absolute;

  top:25px;
  left:25px;

  color:#fff;

  font-size:52px;

  letter-spacing:-.06em;
}

.vwv-audience__content{
  min-height:360px;

  padding:35px;

  display:flex;

  flex-direction:column;
}

.vwv-audience__content > small{
  color:var(--vwv-blue2);

  font-size:8px;

  letter-spacing:.11em;
}

.vwv-audience__content h3{
  max-width:500px;

  margin:18px 0;

  font-size:38px;

  line-height:1;

  font-weight:500;

  letter-spacing:-.045em;
}

.vwv-audience__content > p{
  color:#81919e;

  font-size:13px;

  line-height:1.7;
}

.vwv-audience__content > div{
  margin-top:auto;

  padding-top:22px;

  display:flex;

  align-items:center;

  justify-content:space-between;

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

.vwv-audience__content > div strong{
  font-size:8px;

  letter-spacing:.1em;
}

.vwv-audience__content > div b{
  color:var(--vwv-blue2);

  font-size:20px;

  font-weight:400;
}


/* =========================================================
PARTNERSHIP
========================================================= */

.vwv-partner{
  padding:125px 0;

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

.vwv-partner__top{
  margin-bottom:65px;

  display:grid;

  grid-template-columns:170px 1fr;

  align-items:end;
}

.vwv-partner__number{
  color:var(--vwv-blue);

  font-size:100px;

  line-height:.8;

  font-weight:600;

  letter-spacing:-.08em;
}

.vwv-partner__grid{
  display:grid;

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

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

.vwv-partner__grid > div{
  min-height:210px;

  padding:25px;

  display:flex;

  flex-direction:column;

  justify-content:space-between;

  background:#fff;

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

.vwv-partner__grid small{
  color:var(--vwv-muted);

  font-size:7px;

  letter-spacing:.1em;
}

.vwv-partner__grid strong{
  font-size:23px;

  line-height:1.05;

  font-weight:500;
}

.vwv-partner__grid .vwv-partner__blue{
  background:var(--vwv-blue);

  color:#fff;

  border-color:var(--vwv-blue);
}

.vwv-partner__blue small{
  color:rgba(255,255,255,.65);
}

.vwv-partner__statement{
  padding:50px 0 0 50%;
}

.vwv-partner__statement p{
  margin-bottom:0;

  color:var(--vwv-muted);

  font-size:18px;

  line-height:1.65;
}


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

.vwv-final{
  padding:115px 0;

  position:relative;

  overflow:hidden;

  background:var(--vwv-blue);

  color:#fff;
}

.vwv-final__grid-bg{
  position:absolute;

  inset:0;

  opacity:.2;

  background-image:
    linear-gradient(
      rgba(255,255,255,.18) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.18) 1px,
      transparent 1px
    );

  background-size:70px 70px;
}

.vwv-final__layout{
  position:relative;

  z-index:2;

  display:grid;

  grid-template-columns:1.25fr .75fr;

  gap:100px;

  align-items:end;
}

.vwv-final .vwv-label{
  color:#fff;
}

.vwv-final h2{
  color:#fff;
}

.vwv-final h2 span{
  color:#cbe8ff;
}

.vwv-final__right > p{
  margin-bottom:30px;

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

  line-height:1.7;
}

.vwv-final__actions{
  display:flex;

  align-items:center;

  gap:28px;
}

.vwv-final__contact{
  color:#fff;

  font-size:8px;

  font-weight:700;

  letter-spacing:.1em;
}


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

@media(max-width:1100px){

  .vwv-model__system{
    grid-template-columns:170px 35px 1fr 35px 170px;
  }

  .vwv-quality__system{
    grid-template-columns:1fr 25px 1fr 25px 1fr 25px 1fr;
  }

  .vwv-difference__grid{
    grid-template-columns:1fr 1fr;
  }

}


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

@media(max-width:767px){

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

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


  /* HERO */

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

  .vwv-hero h1{
    font-size:51px;
  }

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

  .vwv-hero__bar{
    display:none;
  }


  /* SPACING */

  .vwv-position,
  .vwv-model,
  .vwv-difference,
  .vwv-tech,
  .vwv-production,
  .vwv-quality,
  .vwv-scale,
  .vwv-audience,
  .vwv-partner{
    padding:75px 0;
  }


  /* GRID RESET */

  .vwv-position__grid,
  .vwv-section-head,
  .vwv-tech__layout,
  .vwv-production__layout,
  .vwv-quality__head,
  .vwv-scale__layout,
  .vwv-audience__head,
  .vwv-final__layout{
    grid-template-columns:1fr;

    gap:45px;
  }


  /* MODEL */

  .vwv-model__system{
    grid-template-columns:1fr;

    gap:18px;
  }

  .vwv-model__arrow{
    transform:rotate(90deg);
  }

  .vwv-model__core-grid{
    grid-template-columns:1fr;
  }

  .vwv-model__core-grid > *{
    border-right:0;
  }

  .vwv-model__core-footer{
    grid-template-columns:1fr;
  }

  .vwv-model__core-footer > div{
    border-right:0;

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


  /* DIFFERENCE */

  .vwv-difference__head{
    align-items:flex-start;

    flex-direction:column;
  }

  .vwv-difference__grid{
    grid-template-columns:1fr;
  }


  /* TECH */

  .vwv-tech{
    min-height:auto;
  }

  .vwv-tech__panel-main{
    min-height:330px;
  }

  .vwv-tech__circle{
    width:170px;
    height:170px;
  }


  /* PRODUCTION */

  .vwv-production__visual{
    min-height:440px;
  }


  /* QUALITY */

  .vwv-quality__system{
    grid-template-columns:1fr;

    gap:14px;
  }

  .vwv-quality__connector{
    width:1px;
    height:30px;

    margin:auto;
  }

  .vwv-quality__connector span{
    right:-3px;
    top:auto;
    bottom:0;
  }


  /* SCALE */

  .vwv-scale__visual{
    min-height:450px;
  }

  .vwv-scale__hud{
    grid-template-columns:1fr;
  }


  /* AUDIENCE */

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


  /* PARTNER */

  .vwv-partner__top{
    grid-template-columns:1fr;

    gap:35px;
  }

  .vwv-partner__number{
    font-size:65px;
  }

  .vwv-partner__grid{
    grid-template-columns:1fr;
  }

  .vwv-partner__statement{
    padding:40px 0 0;
  }


  /* FINAL */

  .vwv-final__actions{
    align-items:flex-start;

    flex-direction:column;
  }

}


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

@media(max-width:480px){

  .vwv-tech__panel-grid{
    grid-template-columns:1fr;
  }

  .vwv-tech__panel-grid > div{
    border-right:0;
  }

  .vwv-scale__visual{
    min-height:400px;
  }

}/* End custom CSS */