/*
 * Transiënt Groep – v8.0.7 – de hero van de startpagina is leidend op alle pagina's.
 *
 * 1. Iedere hero vult het hele scherm, net als op de startpagina.
 * 2. Beeldmerk, "Transiënt Groep", gouden streepje en de regel eronder staan op exact dezelfde plek
 *    en hebben dezelfde maten als op de startpagina.
 * 3. De scroll-aanduiding linksonder en de ronde knop rechtsonder hebben dezelfde maten, plek en
 *    beweging als op de startpagina, op computer, tablet en telefoon.
 *
 * Er wordt geen tekst en geen beweging gewijzigd. De regels zijn bewust zwaar gemaakt
 * (:not(#tg0):not(#tg1) en !important), zodat een losse stijlregel van buiten het thema
 * (een plug-in, een snippet of extra CSS) de hero niet meer kan verkleinen.
 */

/* ---------- 1. Schermvullend ---------- */
section.hero.hero--montfort:not(#tg0):not(#tg1){
  position:relative !important;
  display:block !important;
  box-sizing:border-box !important;
  height:auto !important;
  min-height:100vh !important;
  min-height:100svh !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  padding:0 !important;
}
section.hero.hero--montfort:not(#tg0):not(#tg1) > .hero__foto{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
}
section.hero.hero--montfort:not(#tg0):not(#tg1) > .hero__waas--montfort{
  position:absolute !important;
  inset:0 !important;
}
section.hero.hero--montfort:not(#tg0):not(#tg1) > .home-hero-center{
  position:absolute !important;
  inset:0 !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
}

/* ---------- 2. Middenblok: zelfde maten als de startpagina ---------- */
body:not(.home) section.hero--montfort.page-hero--section:not(#tg0):not(#tg1) h1.page-hero-section-title{
  display:grid !important;
  place-items:center !important;
  width:min(560px,86vw) !important;
  min-height:38px !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1.65 !important;
}
@media(max-width:900px){
  body:not(.home) section.hero--montfort.page-hero--section:not(#tg0):not(#tg1) > .hero__foto{
    object-position:66% 50% !important;
    filter:brightness(.62) saturate(.92) contrast(1.06) !important;
  }
  body:not(.home) section.hero--montfort.page-hero--section:not(#tg0):not(#tg1) h1.page-hero-section-title{
    min-height:48px !important;
    line-height:1.45 !important;
    font-size:clamp(11px,3.2vw,15px) !important;
    letter-spacing:.12em !important;
  }
}
@media(max-width:560px){
  body:not(.home) section.hero--montfort.page-hero--section:not(#tg0):not(#tg1) .page-hero-brand-title{
    white-space:normal !important;
    line-height:1.12 !important;
  }
}

/* ---------- 3. Scroll-aanduiding en ronde knop: die van de startpagina ---------- */
body:not(.home) section.hero--montfort:not(#tg0):not(#tg1) > .home-scroll{
  position:absolute !important;
  left:clamp(28px,4.8vw,96px) !important;
  right:auto !important;
  top:auto !important;
  bottom:clamp(78px,12vh,122px) !important;
  z-index:3 !important;
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  margin:0 !important;
  padding:0 !important;
  color:rgba(255,255,255,.82) !important;
  font-size:9px !important;
  font-weight:500 !important;
  line-height:inherit;
  letter-spacing:.05em !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
}
body:not(.home) section.hero--montfort:not(#tg0):not(#tg1) > .home-scroll i{
  width:1px !important;
  height:62px !important;
  background:rgba(201,162,74,.72) !important;
  position:relative !important;
}
body:not(.home) section.hero--montfort:not(#tg0):not(#tg1) > .home-scroll i::after{
  content:"" !important;
  position:absolute !important;
  left:-3px !important;
  bottom:0 !important;
  width:7px !important;
  height:7px !important;
  border-right:1px solid var(--goud) !important;
  border-bottom:1px solid var(--goud) !important;
  transform:rotate(45deg) !important;
}
body:not(.home) section.hero--montfort:not(#tg0):not(#tg1) > .home-orbit{
  position:absolute !important;
  right:clamp(30px,7vw,120px) !important;
  left:auto !important;
  top:auto !important;
  bottom:clamp(78px,12vh,122px) !important;
  z-index:3 !important;
  width:58px !important;
  height:58px !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.34) !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  color:var(--goud) !important;
  font-size:25px !important;
  font-family:Georgia,serif !important;
  text-decoration:none !important;
  background:rgba(255,255,255,.02) !important;
  -webkit-backdrop-filter:blur(4px) !important;
  backdrop-filter:blur(4px) !important;
  animation:homeOrbitWave 8.5s ease-in-out infinite;
  will-change:transform;
}
body:not(.home) section.hero--montfort:not(#tg0):not(#tg1) > .home-orbit span{
  display:block !important;
  animation:homeOrbitGlyph 6.2s ease-in-out infinite;
}
body:not(.home) section.hero--montfort:not(#tg0):not(#tg1) > .home-orbit:hover,
body:not(.home) section.hero--montfort:not(#tg0):not(#tg1) > .home-orbit:focus-visible{
  animation-play-state:paused;
  border-color:rgba(201,162,74,.72) !important;
  background:rgba(201,162,74,.10) !important;
  box-shadow:0 0 22px rgba(201,162,74,.16) !important;
}
@media(max-width:900px){
  body:not(.home) section.hero--montfort:not(#tg0):not(#tg1) > .home-scroll{display:none !important;}
  body:not(.home) section.hero--montfort:not(#tg0):not(#tg1) > .home-orbit{
    right:22px !important;
    bottom:64px !important;
    width:50px !important;
    height:50px !important;
  }
}
@media(prefers-reduced-motion:reduce){
  body:not(.home) section.hero--montfort:not(#tg0):not(#tg1) > .home-orbit,
  body:not(.home) section.hero--montfort:not(#tg0):not(#tg1) > .home-orbit span{animation:none !important;}
}

/* De losse scroll-aanduiding uit v7.6 is alleen nodig op tablet en telefoon, waar het hoofdthema de
   eigen aanduiding verbergt (zoals op de startpagina). De losse ronde knop is niet meer nodig. */
@media(min-width:901px){
  section.hero.hero--montfort:not(#tg0):not(#tg1) > .tg-hf-scroll{display:none !important;}
}
@media(max-width:900px){
  section.hero.hero--montfort:not(#tg0):not(#tg1) > .home-scroll{display:none !important;}
}
section.hero.hero--montfort:not(#tg0):not(#tg1) > .tg-hf-bolt{display:none !important;}