/* Desktopcompositie binnen het goedgekeurde Ensemblo-palet. */
.ensemble{display:none}
.hero .intro strong{display:block;color:var(--ink);font-weight:600;margin-bottom:7px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.price-row .price-action{grid-column:1/-1;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:650;color:var(--blue);border-top:1px solid var(--line);padding-top:16px;margin-top:3px}
.analysis-deliverables{padding-left:20px;margin:24px 0 0;display:grid;gap:16px;font-size:15px;line-height:1.6;max-width:48ch}
.analysis-deliverables li::marker{color:var(--accent)}
.usp-banner{background:var(--home-deep);color:var(--invers-sterk)}
.usp-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:10px 0;gap:0 24px}
.usp-list li{padding:14px 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--invers-faint)}
.usp-list li:nth-last-child(-n+2){border-bottom:0}
.usp-list .icon{display:none;width:22px;height:22px;margin-bottom:11px;color:var(--accent)}
.usp-list strong{font-size:14px;line-height:1.4;font-weight:600;max-width:21ch}
.usp-list li>span{font-size:12px;line-height:1.5;color:var(--invers-ink);margin-top:6px;max-width:26ch}
.usp-note{font-size:11px;line-height:1.6;color:var(--invers-muted);padding:0 0 23px;max-width:80ch}
.usp-note a{color:var(--invers-sterk);text-decoration:underline;text-underline-offset:3px;display:inline-block;min-height:36px;padding-top:7px}
.usp-note a:focus-visible{outline-color:var(--home-focus)}
@media(min-width:700px){.usp-list .icon{display:block}.usp-list li{padding-block:20px}}
@media(min-width:700px) and (max-width:1099px){.usp-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}.usp-list li:nth-last-child(-n+3){border-bottom:0}}
@media(min-width:1100px){
  .usp-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:30px 0 22px}
  .usp-list li{padding:0 20px;border-bottom:0;border-right:1px solid var(--invers-faint)}
  .usp-list li:first-child{padding-left:0}
  .usp-list li:last-child{padding-right:0;border-right:0}
  .usp-list strong{font-size:14px;min-height:40px}
  .usp-list li>span{font-size:12px;margin-top:7px}
  .usp-note{max-width:none;font-size:11px;padding-bottom:20px}
  .usp-note a{min-height:0;padding-top:0;margin-left:6px}
}
@media(max-width:359px){.usp-list{column-gap:20px}.usp-list strong{font-size:13px}.usp-list li>span{font-size:11.5px}}

@media(min-width:1000px){
  .homepage .wrap{max-width:1320px;padding-inline:48px}
  
  .homepage .brand{font-size:28px;gap:9px}
  .homepage .brand svg{width:33px;height:33px}
  
  
  
  
  
  
  .homepage .hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:55px;padding-top:64px;padding-bottom:64px;align-items:center;min-height:700px}
  .homepage .hero h1{font-size:clamp(48px,4.15vw,62px);line-height:1.08;letter-spacing:-.038em;text-wrap:initial;max-width:11ch}
  .homepage .hero h1 span{display:block;max-width:11ch}
  .homepage .hero .intro{font-size:17px;line-height:1.65;max-width:48ch;margin-top:28px}
  .homepage .hero .intro strong{font-size:18px;margin-bottom:9px}
  .homepage .hero .button{width:100%;max-width:365px;margin-top:27px;font-size:14px}
  .homepage .hero .reassurance{font-size:12px;margin-top:12px}
  .homepage .hero .hero-example{margin-top:9px;font-size:13px}
  .homepage .hero-team{display:none}
  .ensemble{display:block;align-self:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;box-shadow:0 18px 45px -28px var(--ink);position:relative}
  .ensemble-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;background:var(--blue);color:var(--brand-ink)}
  .ensemble-heading h2{font-size:28px;line-height:1.13;letter-spacing:-.025em;color:inherit;font-weight:600}
  .ensemble-mark{width:80px;height:80px;flex-shrink:0;color:var(--brand-ink)}
  .ensemble-panel{display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px 22px;padding:27px 26px 0;min-height:270px;align-content:start}
  .ensemble-person{padding-top:3px}
  .ensemble-person img{border-radius:50%;width:110px;height:110px;object-fit:cover;border:3px solid var(--role-color);padding:4px;background:var(--panel)}
  .ensemble-person>span{display:block;font-size:12px;font-weight:600;text-align:center;color:var(--ink);margin-top:12px;line-height:1.4}
  .ensemble-work h3{font-size:23px;line-height:1.17;letter-spacing:-.025em;text-wrap:balance;font-weight:650;min-height:54px}
  .ensemble-work>p{font-size:14px;line-height:1.6;margin-top:12px;min-height:68px}
  .ensemble-output{margin-top:16px}
  .ensemble-output>strong{font-size:12px;font-weight:650;color:var(--ink)}
  .ensemble-output p{font-size:13px;line-height:1.55;margin-top:3px;min-height:41px}
  .ensemble-handoff{grid-column:1/-1;display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);font-size:12px;line-height:1.6;min-height:58px;padding-block:13px}
  .ensemble-handoff .icon{width:18px;height:18px;color:var(--blue)}
  .ensemble-handoff strong{font-weight:550;color:var(--ink)}
  .ensemble-roster{padding:16px 20px 18px;background:var(--panel-2);border-top:1px solid var(--line)}
  .ensemble-roster>p{font-size:12px;color:var(--muted);margin:0 4px 12px}
  .ensemble-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
  .ensemble-choice{border:1px solid transparent;border-radius:var(--r-md);padding:7px 2px;display:flex;flex-direction:column;align-items:center;gap:5px;background:transparent;color:var(--muted);min-height:77px;font:inherit;transition:background .18s ease-out,color .18s ease-out}
  .ensemble-choice img{width:36px;height:36px;border-radius:50%;border:2px solid transparent;padding:2px;object-fit:cover}
  .ensemble-choice span{font-size:11.5px;line-height:1.35;font-weight:600}
  .ensemble-choice[aria-pressed=true]{background:var(--panel);border-color:var(--blue);color:var(--blue)}
  .ensemble-choice[aria-pressed=true] img{border-color:var(--role-color)}
  .ensemble-choice:hover:not([aria-pressed=true]){background:var(--line-2);color:var(--ink)}
  .ensemble-choice:focus-visible{outline:3px solid var(--blue);outline-offset:1px}
  .ensemble-choice:disabled{opacity:.7}
  .ensemble[data-ready] .ensemble-panel:not([hidden]) .ensemble-person img{animation:ensemble-arrive .28s cubic-bezier(.16,1,.3,1)}
  @keyframes ensemble-arrive{from{clip-path:circle(39%)}to{clip-path:circle(50%)}}
  .homepage .section{padding-block:90px}
  .homepage .proof-layout{grid-template-columns:.9fr 1fr;gap:100px;align-items:center}
  .homepage .proof-intro{padding-top:0}
  .homepage .proof h2,.homepage .team h2,.homepage .how h2{font-size:48px;line-height:1.12}
  .homepage .proof-intro p,.homepage .team-intro p{font-size:17px;line-height:1.65;max-width:36ch}
  .homepage .team-layout{gap:90px;grid-template-columns:.9fr 1fr}
  .homepage .how{grid-template-columns:.95fr 1fr;gap:100px}
  .homepage .steps{margin-top:36px}
  .homepage .steps h3{font-size:18px}
  .homepage .steps p{font-size:15px;max-width:40ch}
  .homepage .approval{padding:32px}
  .homepage .approval h3{font-size:28px}
  .homepage .approval-top strong{font-size:15px}
  .homepage .approval-top div span{font-size:12px}
  .homepage .approval-top img{width:46px;height:46px}
  .homepage .approval>p{font-size:13px}
  .homepage .pricing{max-width:1060px;padding-bottom:78px}
  .homepage .pricing h2{font-size:46px}
  .homepage .price-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border:0;align-items:stretch}
  .homepage .price-row{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:26px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);margin:0}
  .homepage .price-row.featured{background:var(--brand-soft);border-color:var(--blue)}
  .homepage .price-row>svg{display:none}
  .homepage .price-row>div:first-child{min-height:86px}
  .homepage .price-row .price{text-align:left;display:flex;align-items:baseline;gap:8px}
  .homepage .price-row .price-action{margin-top:auto;width:100%;border:0;border-radius:var(--r-sm);background:var(--blue);color:var(--brand-ink);padding:13px 15px;justify-content:center}
  .homepage .price-row h3{font-size:22px}
  .homepage .price strong{font-size:32px}
  .homepage .faq{max-width:1060px;padding-top:0}
  .homepage .request-layout{gap:120px}
}
@media(min-width:1000px) and (max-width:1179px){
  .homepage .wrap{padding-inline:32px}
  
  
  .homepage .hero{gap:30px;padding-block:45px}
  .homepage .hero .intro{font-size:16px}
  .ensemble-heading{padding:22px}
  .ensemble-panel{grid-template-columns:82px minmax(0,1fr);gap:16px;padding:22px 20px 0}
  .ensemble-person img{width:82px;height:82px}
  .ensemble-work h3{font-size:21px}
  .ensemble-work>p{min-height:84px}
  .ensemble-output p{min-height:58px}
  .ensemble-roster{padding-inline:12px}
}
@media(prefers-reduced-motion:reduce){.ensemble[data-ready] .ensemble-panel:not([hidden]) .ensemble-person img{animation:none}}
@media print{.ensemble,}
