:is(#helder-projecten,.hp-document){
    --teal:       #01292b;
    --teal-mid:   #024f54;
    --teal-light: #54bbab;
    --yellow:     #eee544;
    --pink:       #e94273;
    --grey-bg:    #f4f5f5;
    --grey-card:  #ffffff;
    --text-dark:  #1a1a1a;
    --text-mid:   #4a5568;
    --text-light: #718096;
    --border:     #e2e8f0;
  }
:is(#helder-projecten,.hp-document) *,:is(#helder-projecten,.hp-document) *::before,:is(#helder-projecten,.hp-document) *::after{ box-sizing: border-box; margin: 0; padding: 0; }
:is(#helder-projecten,.hp-document){
    font-family: 'Poppins', sans-serif;
    background: var(--grey-bg);
    color: var(--text-dark);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
  }
:is(#helder-projecten,.hp-document) .topbar{
    background: var(--teal);
    color: rgba(255,255,255,.7);
    font-size: .75rem;
    padding: .45rem 0;
    letter-spacing: .02em;
  }
:is(#helder-projecten,.hp-document) .topbar-inner{
    max-width: 1200px; margin: 0 auto; padding: 0 2rem;
    display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .5rem;
  }
:is(#helder-projecten,.hp-document) .topbar a{ color: rgba(255,255,255,.7); text-decoration: none; }
:is(#helder-projecten,.hp-document) .topbar a:hover{ color: var(--yellow); }
:is(#helder-projecten,.hp-document) .topbar-right{ display: flex; gap: 1.5rem; }
:is(#helder-projecten,.hp-document) .navbar{
    background: #fff;
    position: sticky; top: 0; z-index: 100;
    box-shadow: 0 1px 0 var(--border);
  }
:is(#helder-projecten,.hp-document) .nav-inner{
    max-width: 1200px; margin: 0 auto; padding: 0 2rem;
    display: flex; align-items: center; justify-content: space-between;
    height: 68px;
  }
:is(#helder-projecten,.hp-document) .logo{
    display: flex; align-items: center; gap: .6rem; text-decoration: none;
  }
:is(#helder-projecten,.hp-document) .logo-mark{
    width: 36px; height: 36px; background: var(--teal); border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; font-weight: 800; color: var(--yellow); letter-spacing: -.02em;
  }
:is(#helder-projecten,.hp-document) .logo-text{ font-size: .95rem; font-weight: 700; color: var(--teal); line-height: 1.2; }
:is(#helder-projecten,.hp-document) .logo-text span{ display: block; font-weight: 400; font-size: .75rem; color: var(--text-mid); }
:is(#helder-projecten,.hp-document) .nav-links{ display: flex; gap: .25rem; list-style: none; }
:is(#helder-projecten,.hp-document) .nav-links a{
    display: block; padding: .5rem .85rem; font-size: .875rem; font-weight: 500;
    color: var(--text-mid); text-decoration: none; border-radius: 6px;
    transition: all .15s;
  }
:is(#helder-projecten,.hp-document) .nav-links a:hover{ background: var(--grey-bg); color: var(--teal); }
:is(#helder-projecten,.hp-document) .nav-links a.active{ color: var(--teal); font-weight: 600; }
:is(#helder-projecten,.hp-document) .nav-cta{
    background: var(--teal); color: #fff; padding: .55rem 1.25rem;
    border-radius: 8px; font-size: .875rem; font-weight: 600;
    text-decoration: none; transition: background .15s;
  }
:is(#helder-projecten,.hp-document) .nav-cta:hover{ background: var(--teal-mid); }
:is(#helder-projecten,.hp-document) .hero{
    background: var(--teal);
    padding: 5rem 2rem 4rem;
    position: relative; overflow: hidden;
  }
:is(#helder-projecten,.hp-document) .hero::before{
    content: '';
    position: absolute; inset: 0;
    background: radial-gradient(ellipse 80% 60% at 70% 50%, rgba(84,187,171,.12) 0%, transparent 70%);
    pointer-events: none;
  }
:is(#helder-projecten,.hp-document) .hero-inner{
    max-width: 1200px; margin: 0 auto;
    display: grid; grid-template-columns: 1fr auto; gap: 3rem; align-items: end;
  }
:is(#helder-projecten,.hp-document) .hero-badge{
    display: inline-flex; align-items: center; gap: .5rem;
    background: rgba(238,229,68,.15); border: 1px solid rgba(238,229,68,.3);
    color: var(--yellow); font-size: .75rem; font-weight: 600; letter-spacing: .08em;
    text-transform: uppercase; padding: .35rem 1rem; border-radius: 100px; margin-bottom: 1.25rem;
  }
:is(#helder-projecten,.hp-document) .hero-badge::before{ content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--yellow); }
:is(#helder-projecten,.hp-document) .hero h1{
    font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; color: #fff;
    line-height: 1.15; margin-bottom: 1.25rem; text-wrap: balance;
  }
:is(#helder-projecten,.hp-document) .hero h1 em{ color: var(--yellow); font-style: normal; }
:is(#helder-projecten,.hp-document) .hero-sub{
    font-size: 1.05rem; color: rgba(255,255,255,.75); max-width: 560px; font-weight: 300;
  }
:is(#helder-projecten,.hp-document) .hero-stats{
    display: flex; flex-direction: column; gap: .75rem;
    background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1);
    border-radius: 16px; padding: 1.75rem 2rem; min-width: 220px;
  }
:is(#helder-projecten,.hp-document) .hero-stat-item{ text-align: center; }
:is(#helder-projecten,.hp-document) .hero-stat-num{ font-size: 2.25rem; font-weight: 800; color: var(--yellow); line-height: 1; }
:is(#helder-projecten,.hp-document) .hero-stat-label{ font-size: .75rem; color: rgba(255,255,255,.6); font-weight: 400; margin-top: .2rem; }
:is(#helder-projecten,.hp-document) .hero-stat-divider{ height: 1px; background: rgba(255,255,255,.1); }
:is(#helder-projecten,.hp-document) .filter-bar{
    background: #fff; border-bottom: 1px solid var(--border);
    position: sticky; top: 68px; z-index: 90;
  }
:is(#helder-projecten,.hp-document) .filter-inner{
    max-width: 1200px; margin: 0 auto; padding: 0 2rem;
    display: flex; gap: .5rem; overflow-x: auto; padding-block: .85rem;
    scrollbar-width: none;
  }
:is(#helder-projecten,.hp-document) .filter-inner::-webkit-scrollbar{ display: none; }
:is(#helder-projecten,.hp-document) .filter-btn{
    flex-shrink: 0; padding: .45rem 1rem; border-radius: 100px;
    border: 1.5px solid var(--border); font-size: .8rem; font-weight: 500;
    color: var(--text-mid); background: none; cursor: pointer; transition: all .15s;
    font-family: 'Poppins', sans-serif;
  }
:is(#helder-projecten,.hp-document) .filter-btn:hover{ border-color: var(--teal-light); color: var(--teal); }
:is(#helder-projecten,.hp-document) .filter-btn.active{
    background: var(--teal); color: #fff; border-color: var(--teal);
  }
:is(#helder-projecten,.hp-document) .projects-section{ max-width: 1200px; margin: 0 auto; padding: 3rem 2rem 5rem; }
:is(#helder-projecten,.hp-document) .section-label{
    font-size: .75rem; font-weight: 600; text-transform: uppercase; letter-spacing: .1em;
    color: var(--teal-light); margin-bottom: .5rem;
  }
:is(#helder-projecten,.hp-document) .section-title{ font-size: 1.65rem; font-weight: 700; color: var(--teal); margin-bottom: .5rem; }
:is(#helder-projecten,.hp-document) .section-sub{ color: var(--text-mid); font-size: .95rem; max-width: 520px; margin-bottom: 2.5rem; }
:is(#helder-projecten,.hp-document) .projects-grid{
    display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 1.5rem;
  }
:is(#helder-projecten,.hp-document) .project-card{
    background: #fff; border-radius: 16px; overflow: hidden;
    border: 1px solid var(--border);
    transition: transform .2s, box-shadow .2s;
    display: flex; flex-direction: column;
  }
:is(#helder-projecten,.hp-document) .project-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(1,41,43,.1);
  }
:is(#helder-projecten,.hp-document) .card-visual{
    height: 200px; position: relative; overflow: hidden;
    background: var(--teal);
  }
:is(#helder-projecten,.hp-document) .card-visual canvas{ width: 100%; height: 100%; display: block; }
:is(#helder-projecten,.hp-document) .card-tag{
    position: absolute; top: 1rem; left: 1rem;
    background: rgba(255,255,255,.95); color: var(--teal);
    font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em;
    padding: .3rem .75rem; border-radius: 100px;
  }
:is(#helder-projecten,.hp-document) .card-status{
    position: absolute; top: 1rem; right: 1rem;
    background: var(--yellow); color: var(--teal);
    font-size: .7rem; font-weight: 700;
    padding: .3rem .75rem; border-radius: 100px;
  }
:is(#helder-projecten,.hp-document) .card-status.lopend{ background: var(--teal-light); color: #fff; }
:is(#helder-projecten,.hp-document) .card-body{ padding: 1.5rem; flex: 1; display: flex; flex-direction: column; gap: .75rem; }
:is(#helder-projecten,.hp-document) .card-location{
    display: flex; align-items: center; gap: .4rem;
    font-size: .75rem; color: var(--text-light); font-weight: 500;
  }
:is(#helder-projecten,.hp-document) .card-location svg{ width: 14px; height: 14px; flex-shrink: 0; }
:is(#helder-projecten,.hp-document) .card-title{ font-size: 1.1rem; font-weight: 700; color: var(--teal); line-height: 1.3; }
:is(#helder-projecten,.hp-document) .card-desc{ font-size: .875rem; color: var(--text-mid); line-height: 1.6; flex: 1; }
:is(#helder-projecten,.hp-document) .card-meta{
    display: flex; flex-wrap: wrap; gap: .5rem; padding-top: .75rem;
    border-top: 1px solid var(--border);
  }
:is(#helder-projecten,.hp-document) .meta-chip{
    display: flex; align-items: center; gap: .35rem;
    font-size: .75rem; color: var(--text-mid); font-weight: 500;
  }
:is(#helder-projecten,.hp-document) .meta-chip-dot{
    width: 8px; height: 8px; border-radius: 50%; background: var(--teal-light); flex-shrink: 0;
  }
:is(#helder-projecten,.hp-document) .meta-chip-dot.yellow{ background: var(--yellow); border: 1px solid #ccc; }
:is(#helder-projecten,.hp-document) .meta-chip-dot.pink{ background: var(--pink); }
:is(#helder-projecten,.hp-document) .card-services{
    display: flex; flex-wrap: wrap; gap: .4rem;
  }
:is(#helder-projecten,.hp-document) .service-tag{
    font-size: .7rem; font-weight: 500; padding: .25rem .65rem;
    background: #f0f7f7; color: var(--teal-mid); border-radius: 6px;
    border: 1px solid rgba(84,187,171,.25);
  }
:is(#helder-projecten,.hp-document) .featured-card{
    grid-column: 1 / -1;
    display: grid; grid-template-columns: 1fr 1fr;
    overflow: hidden; border-radius: 16px; border: 1px solid var(--border);
    background: #fff; transition: transform .2s, box-shadow .2s;
  }
:is(#helder-projecten,.hp-document) .featured-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(1,41,43,.1);
  }
:is(#helder-projecten,.hp-document) .featured-visual{
    background: var(--teal-mid); position: relative; min-height: 320px;
    overflow: hidden;
  }
:is(#helder-projecten,.hp-document) .featured-visual canvas{ width: 100%; height: 100%; display: block; }
:is(#helder-projecten,.hp-document) .featured-badge{
    position: absolute; top: 1.25rem; left: 1.25rem;
    background: var(--yellow); color: var(--teal);
    font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em;
    padding: .35rem .9rem; border-radius: 100px;
    display: flex; align-items: center; gap: .4rem;
  }
:is(#helder-projecten,.hp-document) .featured-badge::before{ content: '★'; font-size: .65rem; }
:is(#helder-projecten,.hp-document) .featured-body{
    padding: 2.5rem; display: flex; flex-direction: column; justify-content: center; gap: 1rem;
  }
:is(#helder-projecten,.hp-document) .featured-eyebrow{
    font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em;
    color: var(--teal-light);
  }
:is(#helder-projecten,.hp-document) .featured-title{ font-size: 1.5rem; font-weight: 800; color: var(--teal); line-height: 1.25; }
:is(#helder-projecten,.hp-document) .featured-desc{ font-size: .9rem; color: var(--text-mid); line-height: 1.7; }
:is(#helder-projecten,.hp-document) .featured-highlights{
    list-style: none; display: flex; flex-direction: column; gap: .6rem;
    padding: 1rem 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);
  }
:is(#helder-projecten,.hp-document) .featured-highlights li{
    display: flex; align-items: flex-start; gap: .75rem; font-size: .85rem; color: var(--text-mid);
  }
:is(#helder-projecten,.hp-document) .highlight-check{
    width: 18px; height: 18px; border-radius: 50%; background: var(--teal);
    display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px;
  }
:is(#helder-projecten,.hp-document) .highlight-check svg{ width: 10px; height: 10px; }
:is(#helder-projecten,.hp-document) .featured-cta{
    display: inline-flex; align-items: center; gap: .5rem;
    color: var(--teal); font-size: .875rem; font-weight: 600; text-decoration: none;
  }
:is(#helder-projecten,.hp-document) .featured-cta:hover{ color: var(--teal-mid); }
:is(#helder-projecten,.hp-document) .featured-cta svg{ width: 16px; height: 16px; }
:is(#helder-projecten,.hp-document) .results-strip{
    background: var(--teal);
    padding: 3.5rem 2rem;
    margin: 0;
  }
:is(#helder-projecten,.hp-document) .results-inner{
    max-width: 1200px; margin: 0 auto;
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; text-align: center;
  }
:is(#helder-projecten,.hp-document) .result-item{}
:is(#helder-projecten,.hp-document) .result-num{ font-size: 2.75rem; font-weight: 800; color: var(--yellow); line-height: 1; }
:is(#helder-projecten,.hp-document) .result-unit{ font-size: 1rem; color: var(--yellow); font-weight: 600; }
:is(#helder-projecten,.hp-document) .result-label{ font-size: .85rem; color: rgba(255,255,255,.65); margin-top: .4rem; line-height: 1.4; }
:is(#helder-projecten,.hp-document) .testimonial-section{
    background: var(--grey-bg); padding: 4rem 2rem;
  }
:is(#helder-projecten,.hp-document) .testimonial-inner{ max-width: 1200px; margin: 0 auto; }
:is(#helder-projecten,.hp-document) .testimonials-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 2.5rem; }
:is(#helder-projecten,.hp-document) .testimonial-card{
    background: #fff; border-radius: 14px; padding: 1.75rem;
    border: 1px solid var(--border); display: flex; flex-direction: column; gap: 1rem;
  }
:is(#helder-projecten,.hp-document) .t-stars{ color: var(--yellow); font-size: 1rem; letter-spacing: .1em; }
:is(#helder-projecten,.hp-document) .t-text{ font-size: .9rem; color: var(--text-mid); line-height: 1.7; font-style: italic; flex: 1; }
:is(#helder-projecten,.hp-document) .t-author{ display: flex; align-items: center; gap: .75rem; }
:is(#helder-projecten,.hp-document) .t-avatar{
    width: 38px; height: 38px; border-radius: 50%; background: var(--teal);
    display: flex; align-items: center; justify-content: center;
    font-size: .875rem; font-weight: 700; color: var(--yellow);
  }
:is(#helder-projecten,.hp-document) .t-name{ font-size: .875rem; font-weight: 600; color: var(--teal); }
:is(#helder-projecten,.hp-document) .t-role{ font-size: .75rem; color: var(--text-light); }
:is(#helder-projecten,.hp-document) .t-project-ref{
    font-size: .7rem; font-weight: 600; color: var(--teal-light); text-transform: uppercase;
    letter-spacing: .07em; padding-top: .75rem; border-top: 1px solid var(--border);
  }
:is(#helder-projecten,.hp-document) .cta-section{
    background: linear-gradient(135deg, var(--teal) 0%, var(--teal-mid) 100%);
    padding: 4.5rem 2rem; text-align: center;
  }
:is(#helder-projecten,.hp-document) .cta-inner{ max-width: 640px; margin: 0 auto; }
:is(#helder-projecten,.hp-document) .cta-section h2{ font-size: 2rem; font-weight: 800; color: #fff; margin-bottom: .75rem; text-wrap: balance; }
:is(#helder-projecten,.hp-document) .cta-section p{ color: rgba(255,255,255,.75); font-size: 1rem; margin-bottom: 2rem; }
:is(#helder-projecten,.hp-document) .cta-buttons{ display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }
:is(#helder-projecten,.hp-document) .btn-yellow{
    background: var(--yellow); color: var(--teal); padding: .85rem 2rem;
    border-radius: 10px; font-size: .9rem; font-weight: 700;
    text-decoration: none; transition: opacity .15s;
  }
:is(#helder-projecten,.hp-document) .btn-yellow:hover{ opacity: .9; }
:is(#helder-projecten,.hp-document) .btn-outline{
    border: 2px solid rgba(255,255,255,.4); color: #fff; padding: .85rem 2rem;
    border-radius: 10px; font-size: .9rem; font-weight: 600;
    text-decoration: none; transition: border-color .15s;
  }
:is(#helder-projecten,.hp-document) .btn-outline:hover{ border-color: rgba(255,255,255,.8); }
:is(#helder-projecten,.hp-document) .footer{ background: var(--teal); padding: 3rem 2rem 1.5rem; color: rgba(255,255,255,.7); }
:is(#helder-projecten,.hp-document) .footer-inner{ max-width: 1200px; margin: 0 auto; }
:is(#helder-projecten,.hp-document) .footer-grid{ display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 3rem; margin-bottom: 2.5rem; }
:is(#helder-projecten,.hp-document) .footer-logo-text{ font-size: 1rem; font-weight: 700; color: #fff; margin-bottom: .75rem; }
:is(#helder-projecten,.hp-document) .footer-address{ font-size: .8rem; line-height: 1.8; }
:is(#helder-projecten,.hp-document) .footer-col h4{ font-size: .8rem; font-weight: 700; color: #fff; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 1rem; }
:is(#helder-projecten,.hp-document) .footer-col ul{ list-style: none; display: flex; flex-direction: column; gap: .5rem; }
:is(#helder-projecten,.hp-document) .footer-col a{ color: rgba(255,255,255,.65); font-size: .8rem; text-decoration: none; }
:is(#helder-projecten,.hp-document) .footer-col a:hover{ color: var(--yellow); }
:is(#helder-projecten,.hp-document) .footer-divider{ height: 1px; background: rgba(255,255,255,.1); margin-bottom: 1.5rem; }
:is(#helder-projecten,.hp-document) .footer-bottom{ display: flex; justify-content: space-between; font-size: .75rem; flex-wrap: wrap; gap: .5rem; }
:is(#helder-projecten,.hp-document) .footer-bottom a{ color: rgba(255,255,255,.5); text-decoration: none; }
@media (max-width: 900px){:is(#helder-projecten,.hp-document) .featured-card{ grid-template-columns: 1fr; }
:is(#helder-projecten,.hp-document) .featured-visual{ min-height: 220px; }
:is(#helder-projecten,.hp-document) .results-inner{ grid-template-columns: repeat(2, 1fr); }
:is(#helder-projecten,.hp-document) .testimonials-grid{ grid-template-columns: 1fr 1fr; }
:is(#helder-projecten,.hp-document) .footer-grid{ grid-template-columns: 1fr 1fr; }
:is(#helder-projecten,.hp-document) .hero-inner{ grid-template-columns: 1fr; }
:is(#helder-projecten,.hp-document) .hero-stats{ flex-direction: row; justify-content: space-around; }
:is(#helder-projecten,.hp-document) .hero-stat-divider{ width: 1px; height: auto; }
:is(#helder-projecten,.hp-document) .nav-links{ display: none; }}
@media (max-width: 580px){:is(#helder-projecten,.hp-document) .projects-grid{ grid-template-columns: 1fr; }
:is(#helder-projecten,.hp-document) .results-inner{ grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
:is(#helder-projecten,.hp-document) .testimonials-grid{ grid-template-columns: 1fr; }
:is(#helder-projecten,.hp-document) .footer-grid{ grid-template-columns: 1fr; gap: 2rem; }
:is(#helder-projecten,.hp-document) .hero-stats{ flex-direction: column; }
:is(#helder-projecten,.hp-document) .hero-stat-divider{ height: 1px; width: auto; }}
:is(#helder-projecten,.hp-document){width:100%;isolation:isolate;font-size:16px;}
:is(#helder-projecten,.hp-document) .wp-block-group__inner-container{display:contents;}
:is(#helder-projecten,.hp-document) .wp-block-group,:is(#helder-projecten,.hp-document) .wp-block-heading{max-width:none;}
:is(#helder-projecten,.hp-document) h1,:is(#helder-projecten,.hp-document) h2,:is(#helder-projecten,.hp-document) h3{font-family:inherit;text-transform:none;font-style:normal;letter-spacing:-.025em;}
:is(#helder-projecten,.hp-document) h1{color:white;}
:is(#helder-projecten,.hp-document) .hero-inner,:is(#helder-projecten,.hp-document) .filter-inner,:is(#helder-projecten,.hp-document) .projects-section,:is(#helder-projecten,.hp-document) .results-inner,:is(#helder-projecten,.hp-document) .testimonial-inner{max-width:1200px;margin-left:auto;margin-right:auto;}
:is(#helder-projecten,.hp-document) .cta-inner{max-width:640px;margin-left:auto;margin-right:auto;display:block;}
:is(#helder-projecten,.hp-document) .hero-inner{position:relative;align-items:center;}
:is(#helder-projecten,.hp-document) .hero-stats{min-width:240px;gap:18px;}
:is(#helder-projecten,.hp-document) .hero-stat-item+.hero-stat-item{border-top:1px solid #ffffff22;padding-top:18px;}
:is(#helder-projecten,.hp-document) .hero-stat-num{font-size:2rem;}
:is(#helder-projecten,.hp-document) .hero p.hero-badge{font-size:.75rem;line-height:1.6;}
:is(#helder-projecten,.hp-document) .hero p.hero-sub{font-size:1.05rem;line-height:1.8;}
:is(#helder-projecten,.hp-document) .filter-bar{position:relative;top:auto;z-index:2;}
:is(#helder-projecten,.hp-document) .filter-inner{flex-wrap:wrap;overflow:visible;gap:8px;}
:is(#helder-projecten,.hp-document) .wp-block-button{padding:0;}
:is(#helder-projecten,.hp-document) .wp-block-button__link{font:inherit;line-height:1.6;border:0;border-radius:inherit;background:transparent;color:inherit;text-decoration:none;display:block;}
:is(#helder-projecten,.hp-document) .filter-btn .wp-block-button__link{padding:.45rem 1rem;}
:is(#helder-projecten,.hp-document) .btn-yellow .wp-block-button__link,:is(#helder-projecten,.hp-document) .btn-outline .wp-block-button__link{padding:.85rem 1.6rem;}
:is(#helder-projecten,.hp-document) .featured-cta .wp-block-button__link{padding:0;}
:is(#helder-projecten,.hp-document) .wp-block-buttons{display:flex;gap:16px;flex-wrap:wrap;}
:is(#helder-projecten,.hp-document) a:focus-visible{outline:3px solid var(--pink);outline-offset:4px;}
:is(#helder-projecten,.hp-document) .projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
:is(#helder-projecten,.hp-document) .project-photo{width:100%;height:100%;margin:0;}
:is(#helder-projecten,.hp-document) .project-photo img{display:block;width:100%;height:100%;object-fit:cover;}
:is(#helder-projecten,.hp-document) .featured-visual>.wp-block-group__inner-container>.project-photo{position:absolute;inset:0;}
:is(#helder-projecten,.hp-document) .featured-visual>.project-photo{position:absolute;inset:0;}
:is(#helder-projecten,.hp-document) .featured-visual{min-height:430px;}
:is(#helder-projecten,.hp-document) .card-body{min-width:0;}
:is(#helder-projecten,.hp-document) .card-tag{max-width:calc(100% - 32px);}
:is(#helder-projecten,.hp-document) .card-link{margin-top:auto;padding-top:14px;border-top:1px solid var(--border);}
:is(#helder-projecten,.hp-document) .featured-highlights li{display:flex;align-items:flex-start;gap:10px;}
:is(#helder-projecten,.hp-document) .featured-highlights li:before{content:'✓';color:var(--teal-light);font-weight:700;}
:is(#helder-projecten,.hp-document) .result-num{font-size:1.65rem;}
:is(#helder-projecten,.hp-document) .invitation-card{background:transparent;border:2px dashed #c6d4d4;align-items:center;justify-content:center;padding:32px 24px;gap:18px;text-align:center;}
:is(#helder-projecten,.hp-document) .invitation-card p{font-size:.9rem;color:var(--text-mid);}
:is(#helder-projecten,.hp-document) .invitation-card h3{font-size:1.2rem;color:var(--teal);}
:is(#helder-projecten,.hp-document) .invitation-card .new-project-icon{width:56px;height:56px;border-radius:14px;background:var(--teal);color:var(--yellow);font-size:32px;line-height:56px;}
:is(#helder-projecten,.hp-document) .t-text{font-style:normal;}
:is(#helder-projecten,.hp-document) .t-name{font-size:1.15rem;}
:is(#helder-projecten,.hp-document) .t-avatar{width:40px;height:40px;line-height:1;}
:is(#helder-projecten,.hp-document) .hp-project[hidden]{display:none!important;}
:is(#helder-projecten,.hp-document) .hp-project-count{font-size:.85rem;color:var(--text-mid);max-width:1200px;margin:0 auto;padding:0 32px 12px;}
:is(#helder-projecten,.hp-document) .hp-filter-empty{grid-column:1/-1;padding:24px;}
.editor-styles-wrapper .hp-document{max-width:none;margin:0;}
body.hp-template{margin:0;}
body.hp-template .hp-main{width:100%;max-width:none;padding:0;margin:0;}
@media(max-width:900px){:is(#helder-projecten,.hp-document) .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));}:is(#helder-projecten,.hp-document) .hero-stat-item+.hero-stat-item{border-top:0;padding-top:0;}:is(#helder-projecten,.hp-document) .hero-stats{min-width:0;}:is(#helder-projecten,.hp-document) .featured-visual{min-height:320px;}}
@media(max-width:580px){:is(#helder-projecten,.hp-document) .hero{padding:48px 20px;}:is(#helder-projecten,.hp-document) .hero h1{font-size:2.2rem;}:is(#helder-projecten,.hp-document) .hero-stats{flex-direction:row;padding:18px 12px;gap:8px;}:is(#helder-projecten,.hp-document) .hero-stat-num{font-size:1.65rem;}:is(#helder-projecten,.hp-document) .hero-stat-label{font-size:.68rem;}:is(#helder-projecten,.hp-document) .hero-stat-item{flex:1;}:is(#helder-projecten,.hp-document) .hero-inner{gap:28px;}:is(#helder-projecten,.hp-document) .projects-section{padding:40px 20px;}:is(#helder-projecten,.hp-document) .projects-grid{grid-template-columns:minmax(0,1fr);}:is(#helder-projecten,.hp-document) .featured-body{padding:24px;}:is(#helder-projecten,.hp-document) .featured-visual{min-height:240px;}:is(#helder-projecten,.hp-document) .filter-inner{padding:16px 20px;}:is(#helder-projecten,.hp-document) .results-strip,:is(#helder-projecten,.hp-document) .testimonial-section,:is(#helder-projecten,.hp-document) .cta-section{padding:44px 20px;}:is(#helder-projecten,.hp-document) .testimonials-grid{grid-template-columns:minmax(0,1fr);}:is(#helder-projecten,.hp-document) .result-num{font-size:1.3rem;}:is(#helder-projecten,.hp-document) .cta-buttons{flex-direction:column;align-items:stretch;}}