/* RRH Home refinement – 12 augustus 2026
   Alleen geladen door index.html. Andere pagina's blijven onaangetast. */

/* Compact beeldmerk in plaats van breed logo/woordmerk */
.home-page .brand--icon-only{
  min-width:0 !important;
  width:auto !important;
  gap:0 !important;
}
.home-page .brand-symbol--icon{
  width:92px !important;
  height:92px !important;
  object-fit:contain !important;
  display:block !important;
}

/* Hero iets hoger en royaler */
.home-page .home-hero{
  min-height:calc(100vh - var(--header-h) - var(--footer-h) + 58px) !important;
}

/* Berg warmer: iets meer goud/beige, minder blauwgrijs.
   We wijzigen het bronbeeld niet; dit is een subtiele warme filterlaag. */
.home-page .home-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(
      90deg,
      rgba(174,122,49,.10) 0%,
      rgba(213,173,100,.08) 44%,
      rgba(245,224,181,.12) 76%,
      rgba(255,239,210,.10) 100%
    );
  mix-blend-mode:soft-light;
}
.home-page .home-hero .hero-inner{
  position:relative;
  z-index:2;
}

/* Eyebrow duidelijker leesbaar op het groen */
.home-page .home-hero .eyebrow{
  color:#e0bd68 !important;
  text-shadow:0 1px 1px rgba(0,0,0,.18);
}

/* Headline 6% rustiger */
.home-page .home-hero h1{
  font-size:clamp(3rem,5.25vw,5.35rem) !important;
  line-height:1.04 !important;
}

/* Lead iets smaller, maar op desktop nog circa twee regels */
.home-page .home-hero .lead{
  max-width:890px !important;
  line-height:1.48 !important;
}

/* Iets meer verticale ademruimte tussen tekstonderdelen */
.home-page .hero-copy .eyebrow{
  margin-bottom:.7rem !important;
}
.home-page .hero-copy h1{
  margin-bottom:.45rem !important;
}
.home-page .hero-actions{
  margin-top:1.7rem !important;
}

@media (max-width:1100px){
  .home-page .brand-symbol--icon{
    width:82px !important;
    height:82px !important;
  }
}

@media (max-width:900px){
  .home-page .brand-symbol--icon{
    width:66px !important;
    height:66px !important;
  }
  .home-page .home-hero{
    min-height:auto !important;
  }
  .home-page .home-hero .lead{
    max-width:100% !important;
  }
}


/* Home – hoofdkop op één regel */
@media (min-width:901px){
  .home-page .hero h1{
    white-space:nowrap !important;
    font-size:clamp(2.8rem,4.1vw,4.25rem) !important;
    line-height:.98 !important;
    max-width:none !important;
  }
}