/* The Alpine Co. — cinematic subpage media v8.1
   Scope is intentionally limited to Over ons, Contact, Pakketten & Prijzen
   and Plan je onderhoud. The homepage is not targeted by this stylesheet. */

body.page-id-64 .tac5-hero{
  background:
    linear-gradient(90deg,rgba(4,6,7,.97) 0%,rgba(4,6,7,.86) 31%,rgba(4,6,7,.48) 58%,rgba(4,6,7,.18) 100%),
    url('cinematic/hero-about-desktop.webp') center 48%/cover no-repeat!important;
}

body.page-id-64{overflow-x:clip}

body.page-id-64 .tac5-together{
  background:
    linear-gradient(90deg,rgba(4,6,7,.94) 0%,rgba(4,6,7,.70) 43%,rgba(4,6,7,.22) 100%),
    url('cinematic/about-together-desktop.webp') center 48%/cover no-repeat!important;
}

body.page-id-64 .tac5-origin>div>img,
body.page-id-64 .tac5-founder__photo img{
  object-position:center 42%;
}

body.page-id-69 .tac3-subhero{
  background:
    linear-gradient(90deg,rgba(4,6,7,.98) 0%,rgba(4,6,7,.88) 33%,rgba(4,6,7,.48) 58%,rgba(4,6,7,.12) 100%),
    url('cinematic/hero-contact-desktop.webp') center 48%/cover no-repeat!important;
}

body.page-id-97 .tac7-hero{
  background:
    linear-gradient(90deg,rgba(4,6,7,.98) 0%,rgba(4,6,7,.90) 34%,rgba(4,6,7,.54) 60%,rgba(4,6,7,.16) 100%),
    url('cinematic/hero-packages-desktop.webp') center 54%/cover no-repeat!important;
}

body.page-id-46 .tac3-subhero{
  background:
    linear-gradient(90deg,rgba(4,6,7,.98) 0%,rgba(4,6,7,.88) 34%,rgba(4,6,7,.48) 59%,rgba(4,6,7,.12) 100%),
    url('cinematic/hero-booking-desktop.webp') center 50%/cover no-repeat!important;
}

body.page-id-64 .tac5-hero,
body.page-id-69 .tac3-subhero,
body.page-id-97 .tac7-hero,
body.page-id-46 .tac3-subhero{
  box-shadow:inset 0 -1px rgba(255,255,255,.06);
}

@media (max-width:1024px){
  body.page-id-64 .tac5-hero{background-position:58% 48%!important}
  body.page-id-69 .tac3-subhero{background-position:58% 48%!important}
  body.page-id-97 .tac7-hero{background-position:56% 54%!important}
  body.page-id-46 .tac3-subhero{background-position:58% 50%!important}
  body.page-id-64 .tac5-values__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
  }
  body.page-id-64 .tac5-values article{min-width:0}
  body.page-id-64 .tac5-values article:nth-child(2){border-right:0}
}

@media (max-width:700px){
  body.page-id-64 .tac5-hero{
    background:
      linear-gradient(180deg,rgba(4,6,7,.18) 0%,rgba(4,6,7,.40) 38%,rgba(4,6,7,.96) 82%),
      url('cinematic/hero-about-mobile.webp') center 40%/cover no-repeat!important;
  }

  body.page-id-64 .tac5-together{
    background:
      linear-gradient(180deg,rgba(4,6,7,.20),rgba(4,6,7,.88) 76%),
      url('cinematic/about-together-mobile.webp') center 42%/cover no-repeat!important;
  }

  body.page-id-69 .tac3-subhero{
    background:
      linear-gradient(180deg,rgba(4,6,7,.15) 0%,rgba(4,6,7,.38) 42%,rgba(4,6,7,.96) 82%),
      url('cinematic/hero-contact-mobile.webp') center 38%/cover no-repeat!important;
  }

  body.page-id-97 .tac7-hero{
    background:
      linear-gradient(180deg,rgba(4,6,7,.16) 0%,rgba(4,6,7,.42) 40%,rgba(4,6,7,.97) 82%),
      url('cinematic/hero-packages-mobile.webp') center 42%/cover no-repeat!important;
  }

  body.page-id-46 .tac3-subhero{
    background:
      linear-gradient(180deg,rgba(4,6,7,.15) 0%,rgba(4,6,7,.40) 42%,rgba(4,6,7,.96) 82%),
      url('cinematic/hero-booking-mobile.webp') center 38%/cover no-repeat!important;
  }

  body.page-id-64 .tac5-founder__photo img{object-position:center 40%}
}

@media (prefers-reduced-motion:reduce){
  body.page-id-64 .tac5-founder__photo img{transition:none!important}
}