/* WordPress- en Gutenberg-integratie. */
body{overflow-x:hidden}
.wp-site-blocks{padding:0}
.wp-block-group,.wp-block-image{margin-block-start:0;margin-block-end:0}
.wp-block-group.wrap{max-width:none}

/* WordPress-menu gebruikt een lijst binnen de bestaande navigatie. */
.main-nav{display:block}
.main-nav__list{align-items:center;display:flex;gap:30px;list-style:none;margin:0;padding:0}
.main-nav__list li{list-style:none;margin:0;padding:0}
.main-nav__list>li>a{font-size:12px;font-weight:750;letter-spacing:.075em;text-transform:uppercase}
.main-nav__list>li>a:hover,.main-nav__list>.current-menu-item>a,.main-nav__list>.current-page-ancestor>a{color:var(--blue)}

/* De hero-afbeelding blijft een vervangbaar Gutenberg-afbeeldingsblok. */
.hero>.hero__image{height:100%;inset:0;margin:0;position:absolute;width:100%}
.hero>.hero__image img{height:100%;object-fit:cover;object-position:center;width:100%}
.hero>.wp-block-html{margin:0}
.hero__content.wp-block-group{position:absolute}

/* Gutenberg gebruikt paragrafen voor nummer en actie in de pijlerkaarten. */
.original-pillars .pillar>.pillar-number{align-items:center;color:#e0c374;display:flex;font-family:var(--display);font-size:42px;letter-spacing:-.045em;line-height:1;margin:0;width:100%}
.original-pillars .pillar>.pillar-number:after{background:linear-gradient(90deg,rgba(224,195,116,.72),rgba(224,195,116,0));content:"";flex:1;height:1px;margin-left:20px}
.original-pillars .pillar>.pillar-link{border-top:1px solid rgba(255,255,255,.18);font-size:12px;font-weight:800;letter-spacing:.07em;margin-top:auto;padding-top:18px;text-transform:uppercase}
.original-pillars .pillar>.pillar-link a{color:#fff;display:block}
.original-pillars .pillar>.pillar-link i{color:#7885ff;float:right;font-style:normal;font-size:16px}

/* De drie fasen bestaan uit standaard bewerkbare blokken. */
.phase-list>.phase-item{border-top:1px solid var(--line);display:grid;gap:0;grid-template-columns:160px minmax(0,1fr);padding:64px 0}
.phase-list>.phase-item:last-child{border-bottom:1px solid var(--line)}
.phase-list>.phase-item>.phase-copy{border-left:1px solid var(--line);padding-left:54px}
.phase-list>.phase-item>.phase-label{align-items:center;align-self:start;background:transparent;border:0;color:var(--blue);display:flex;font-family:var(--sans);font-size:20px;font-weight:800;justify-content:flex-start;letter-spacing:.1em;margin:0;min-height:0;padding:4px 0;text-align:left;text-transform:uppercase;width:124px}
.phase-list>.phase-item>.phase-label:after{background:var(--blue);content:"";height:1px;margin-left:14px;width:24px}
.phase-list .phase-action{margin:24px 0 0}
.phase-list .phase-action a{align-items:center;background:var(--blue);border:1px solid var(--blue);color:#fff;display:inline-flex;font-size:12px;font-weight:800;justify-content:center;letter-spacing:.08em;min-height:52px;padding:14px 24px;text-transform:uppercase;transition:background .2s ease,color .2s ease,transform .2s ease}
.phase-list .phase-action a:hover{background:var(--blue-dark);border-color:var(--blue-dark);transform:translateY(-2px)}

/* Contactformulier. */
.form-error{background:#fff0f0;border-left:4px solid #a42525;color:#681616;margin-bottom:25px;padding:18px}

/* Het logo-overzicht ondersteunt optionele links. */
.client-logo>a{align-items:center;display:flex;height:100%;justify-content:center;width:100%}

/* Editor: secties zijn direct zichtbaar en beter herkenbaar. */
.editor-styles-wrapper .section{opacity:1;transform:none}
.editor-styles-wrapper .hero{min-height:660px}

@media(max-width:1050px){.main-nav__list{gap:17px}.main-nav__list>li>a{font-size:10px}}
@media(max-width:820px){
  .main-nav{display:flex}
  .main-nav__list{align-items:flex-start;display:flex;flex-direction:column;gap:0;width:100%}
  .main-nav__list>li{width:100%}
  .main-nav__list>li>a{border-bottom:1px solid var(--line);display:block;font-family:var(--display);font-size:23px;font-weight:400;padding:18px 0;text-transform:none;width:100%}
  .phase-list>.phase-item{grid-template-columns:126px minmax(0,1fr);padding:54px 0}
  .phase-list>.phase-item>.phase-copy{padding-left:32px}
  .phase-list>.phase-item>.phase-label{font-size:18px;width:98px}
  .phase-list>.phase-item>.phase-label:after{margin-left:10px;width:18px}
}
@media(max-width:560px){
  .original-pillars .pillar>.pillar-number{font-size:36px}
  .phase-list>.phase-item{grid-template-columns:1fr;padding:46px 0}
  .phase-list>.phase-item>.phase-copy{border-left:0;padding-left:0}
  .phase-list>.phase-item>.phase-label{margin-bottom:24px;padding:0;width:100%}
  .phase-list>.phase-item>.phase-label:after{flex:1;margin-left:16px;width:auto}
}
@media(prefers-reduced-motion:reduce){.phase-list .phase-action a{transition:none}}