/* Final responsive compaction after desktop/mobile screenshot QA. */
.vfnnb-vf8-all-new-page .h2-header,
.vfnnb-vf8-all-new-page .h2-mobile-menu{
  font-family:var(--h2-font-apple)!important;
}
.vfnnb-vf8-all-new-page .h2-header{
  z-index:1500!important;
  color:#f7f2e7!important;
}
.vfnnb-vf8-all-new-page .h2-header__wing{
  border-color:rgba(226,210,158,.24)!important;
  background:linear-gradient(110deg,rgba(4,20,17,.96),rgba(24,40,40,.9))!important;
  box-shadow:0 14px 38px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(18px) saturate(112%)!important;
}
.vfnnb-vf8-all-new-page .h2-header__location{
  border-right-color:rgba(247,242,231,.2)!important;
}
.vfnnb-vf8-all-new-page .h2-header__emblem{
  filter:drop-shadow(0 10px 11px rgba(0,0,0,.5))!important;
}
.vfnnb-vf8-all-new-page .h2-header__cta{
  border:1px solid rgba(198,181,115,.52)!important;
  background:linear-gradient(135deg,#5a6d34,#2c3f25)!important;
  color:#fffaf0!important;
  box-shadow:inset 0 0 16px rgba(214,192,121,.08),0 8px 22px rgba(0,0,0,.18)!important;
}
.vfnnb-vf8-all-new-page .h2-header nav a:hover,
.vfnnb-vf8-all-new-page .h2-header__location:hover{
  color:#e5c986!important;
}
.vfnnb-vf8-all-new-page .vf8n{
  padding-top:0!important;
}
.vfnnb-vf8-all-new-page .vf8x-section{
  scroll-margin-top:130px;
}

@media (min-width:768px){
  .vfnnb-vf8-all-new-page .h2-header--vf8{
    width:calc(100% - 48px)!important;
    max-width:1800px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
  }
  .vfnnb-vf8-all-new-page .h2-header--vf8 .h2-header__wing{
    gap:20px!important;
    padding-inline:24px!important;
  }
  .vfnnb-vf8-all-new-page .h2-header--vf8 .h2-header__wing--left{
    padding-right:58px!important;
  }
  .vfnnb-vf8-all-new-page .h2-header--vf8 .h2-header__wing--right{
    padding-left:58px!important;
  }
  .vfnnb-vf8-all-new-page .h2-header--vf8 nav{
    gap:20px!important;
  }
  .vfnnb-vf8-all-new-page .h2-header--vf8 .h2-header__cta{
    padding-inline:17px!important;
  }
}

@media (min-width:901px){
  .vfnnb-vf8-all-new-page .vf8n-hero>.vf8n-hero-main{
    height:630px!important;
    min-height:630px!important;
  }
  .vfnnb-vf8-all-new-page .vf8n-hero-main .vf8n-copy{
    top:140px!important;
  }
  .vfnnb-vf8-all-new-page .vf8n-rail{
    top:145px!important;
  }
}

@media (max-width:900px){
  .vfnnb-vf8-all-new-page .h2-header--vf8{
    top:12px!important;
    left:12px!important;
    right:auto!important;
    width:calc(100% - 24px)!important;
    max-width:none!important;
    height:74px!important;
    display:block!important;
    transform:none!important;
    border:1px solid rgba(226,210,158,.46)!important;
    border-radius:30px!important;
    background:linear-gradient(110deg,rgba(4,20,17,.95),rgba(25,40,39,.9))!important;
    box-shadow:0 12px 30px rgba(0,0,0,.38),inset 0 0 0 1px rgba(255,255,255,.04)!important;
    backdrop-filter:blur(16px)!important;
  }
  .vfnnb-vf8-all-new-page .h2-header--vf8 .h2-header__wing{display:none!important}
  .vfnnb-vf8-all-new-page .h2-header--vf8 .h2-header__emblem{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:72px!important;
    height:82px!important;
    transform:translate(-50%,-50%)!important;
  }
  .vfnnb-vf8-all-new-page .h2-header--vf8 .h2-header__emblem img{width:62px!important;height:72px!important}
  .vfnnb-vf8-all-new-page .h2-header--vf8 .h2-header__toggle{
    position:absolute!important;
    right:11px!important;
    top:50%!important;
    width:52px!important;
    height:52px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:6px!important;
    padding:0 12px!important;
    transform:translateY(-50%)!important;
    border:0!important;
    background:transparent!important;
  }
  .vfnnb-vf8-all-new-page .h2-header--vf8 .h2-header__toggle span{width:100%!important;height:3px!important;border-radius:2px!important;background:#f1e6c8!important}
  .vfnnb-vf8-all-new-page .h2-mobile-menu--vf8{
    position:fixed!important;
    z-index:1499!important;
    inset:0!important;
    display:block!important;
    padding:110px 24px 30px!important;
    background:linear-gradient(180deg,#071c17,#03120f 72%)!important;
    transform:translateY(-110%)!important;
    transition:transform .28s ease!important;
  }
  .vfnnb-vf8-all-new-page .h2-mobile-menu--vf8.is-open{transform:translateY(0)!important}
  .vfnnb-vf8-all-new-page .h2-mobile-menu--vf8 nav{display:flex!important;flex-direction:column!important}
  .vfnnb-vf8-all-new-page .h2-mobile-menu--vf8 nav a{padding:15px 5px!important;border-bottom:1px solid rgba(226,210,158,.2)!important;color:#f7f2e7!important;text-decoration:none!important;font-size:22px!important;font-weight:750!important}
  .vfnnb-vf8-all-new-page .h2-mobile-menu--vf8 .h2-btn{width:100%!important;margin-top:14px!important}
  .vfnnb-vf8-all-new-page .h2-mobile-menu--vf8 .h2-btn--primary{border-color:#7e8d56!important;background:linear-gradient(135deg,#5a6d34,#2c3f25)!important;color:#fff!important}
  .vfnnb-vf8-all-new-page .h2-mobile-menu--vf8 .h2-btn--outline{border-color:rgba(226,210,158,.48)!important;background:rgba(255,255,255,.03)!important;color:#f7f2e7!important}
  .vfnnb-vf8-all-new-page .vf8x-section{scroll-margin-top:94px}
  .vf8x-s5 .vf8x-cta{display:none!important}

  .vf8x-s7 .vf8x-stage{height:260px!important}
  .vf8x-s7 .vf8x-config-panels article{min-height:105px!important;padding:10px 12px!important}
  .vf8x-s7 .vf8x-config-panels article:nth-child(4){min-height:95px!important}
  .vf8x-s7 .vf8x-config-panels b{padding:8px!important}
  .vf8x-s7 .vf8x-swatches i{height:42px!important}
  .vf8x-s7 .vf8x-config-panels img{height:62px!important}
  .vf8x-s7 .vf8x-interiors img{height:58px!important}
  .vf8x-s7 .vf8x-summary{max-height:190px!important}

  .vf8x-s9 .vf8x-hero{height:370px!important}
  .vf8x-s9 .vf8x-version-row article{height:90px!important}
  .vf8x-s9 .vf8x-value-grid>article{min-height:100px!important}
  .vf8x-s9 .vf8x-cta{min-height:72px!important}
  .vf8x-s9 .vf8x-cta>span,.vf8x-s9 .vf8x-cta>a,.vf8x-s9 .vf8x-cta button:nth-of-type(2){display:none!important}

  .vf8x-s10 .vf8x-form{margin-top:175px!important}
  .vf8x-s10 .vf8x-form>div{grid-template-columns:1fr 1fr!important}
  .vf8x-s10 .vf8x-form textarea{grid-column:1/3!important;height:48px!important}
  .vf8x-s10 .vf8x-form input,.vf8x-s10 .vf8x-form select{height:38px!important}
  .vf8x-s10 .vf8x-dealer>div{padding:12px 18px!important}
  .vf8x-s10 .vf8x-dealer img{height:135px!important}
  .vf8x-s10 .vf8x-faq details{margin-top:5px!important;padding:7px 10px!important}
  .vf8x-s10 .vf8x-perks{display:none!important}
}

/* Brochure 2026 exterior palette: Solar Ruby, Mysterioso, Vitality, white, black and Starburst. */
.vf8x-s7 .vf8x-swatches i:nth-child(1){background:#9b1521!important}
.vf8x-s7 .vf8x-swatches i:nth-child(2){background:#61405f!important}
.vf8x-s7 .vf8x-swatches i:nth-child(3){background:#c86d35!important}
.vf8x-s7 .vf8x-swatches i:nth-child(4){background:#f2f1ec!important}
.vf8x-s7 .vf8x-swatches i:nth-child(5){background:#111313!important}
.vf8x-s7 .vf8x-swatches i:nth-child(6){background:#24638a!important}

/* Recreated white VF 8 All New media: preserve intrinsic proportions at every width. */
.vf8n-card-media{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:#0a1b16!important;
}
.vf8n-card-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
}

@media (min-width:901px){
  .vf8n-hero-intro{
    grid-template-columns:minmax(260px,320px) minmax(0,1135px)!important;
    justify-content:center!important;
  }
  .vf8n-intro-cards{
    width:100%!important;
    max-width:1135px!important;
    align-self:center!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:17px!important;
  }
  .vf8n-intro-cards article{
    position:relative!important;
    display:grid!important;
    grid-template-rows:58.333% 41.667%!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:212 / 264!important;
    overflow:hidden!important;
    background:#0a1b16!important;
    background-image:none!important;
  }
  .vf8n-intro-cards article>.vf8n-card-content{
    position:relative!important;
    inset:auto!important;
    min-width:0!important;
    min-height:0!important;
    padding:14px 14px 12px!important;
    background:linear-gradient(180deg,#10231c 0%,#091a15 100%)!important;
  }
  .vf8n-intro-cards .vf8n-card-content .vf8n-card-ico{top:13px!important}
}

@media (min-width:1700px){
  .vf8n-hero-intro{
    grid-template-columns:320px 1135px!important;
    column-gap:32px!important;
  }
}