.typewriter-word{position:relative;display:inline-grid;text-align:left}
.story-bridge .eyebrow{justify-content:center}
.typewriter-measure,[data-typewriter]{grid-area:1/1}
.typewriter-measure{visibility:hidden}
[data-typewriter]{justify-self:start}
[data-typewriter].is-typing:after{content:"";display:inline-block;width:2px;height:.8em;background:currentColor;margin-left:.08em;vertical-align:-.02em}
.home-sectors .home-section-heading>p{max-width:400px;font-size:17px;line-height:1.75;color:var(--muted)}
.sector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:54px}
.sector-card{min-width:0}
.sector-film{aspect-ratio:1;border-radius:24px;margin:0 0 25px}
.sector-film picture{display:block}
.sector-film picture img,.sector-film video{object-fit:cover}
.sector-card>.home-small-label{color:#717b70}
.sector-card h3{font-size:clamp(23px,2vw,29px);line-height:1.15;letter-spacing:-.045em;margin:14px 0}
.sector-card>p{font-size:15px;color:var(--muted);line-height:1.7;max-width:340px}
.sector-film .ambient-control,.studio-film .ambient-control{font-size:11px;right:14px;bottom:14px;z-index:3}
.sector-invitation{display:flex;gap:40px;align-items:center;justify-content:space-between;border-top:1px solid #babeb155;margin-top:48px;padding-top:32px}
.sector-invitation p{max-width:640px;font-size:16px;line-height:1.7;color:var(--muted)}
.sector-invitation strong{display:block;color:var(--ink);font-weight:500}
.sector-invitation .button{flex:none}
.sector-swipe-hint{display:none}
.studio-film{margin-inline:0}
.studio-caption{font-size:11px!important;line-height:1.6!important;color:#c5d4c8!important;margin-top:15px!important}
.home-build-note{grid-column:1/-1;border-top:1px solid #a5bda544;padding-top:40px;display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(40px,8vw,120px)}
.home-build-note .eyebrow{grid-column:1/-1;margin-bottom:22px}
.home-build-note h3{font-size:clamp(27px,3vw,39px);line-height:1.17;letter-spacing:-.04em}
.home-build-note>p:not(.eyebrow){color:#d4ded4;font-size:16px;line-height:1.8;margin:0}
.home-build-note .text-link{grid-column:2;justify-self:start;margin-top:22px}
.team-photo-hover>a{display:block;overflow:hidden;border-radius:inherit}
.team-photo-hover img{display:block;width:100%;height:auto;transition:transform .35s ease-out}
.team-photo-hover figcaption{pointer-events:none}
.team-photo-hover>a:focus-visible{outline:3px solid var(--blue);outline-offset:-5px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .team-photo-hover:hover img,.team-photo-hover:focus-within img{transform:scale(1.025)}
}
@media(max-width:900px){
 .sector-grid{gap:18px;margin-top:36px}
 .sector-card h3{font-size:24px}
 .home-build-note{grid-template-columns:1fr;gap:22px;padding-top:32px}
 .home-build-note .eyebrow{margin:0}.home-build-note .text-link{grid-column:1;margin-top:0}
}
@media(max-width:700px){
 .sector-grid{grid-template-columns:none;grid-auto-columns:min(300px,82vw);grid-auto-flow:column;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);overscroll-behavior-x:contain;margin-inline:calc(-1*var(--gutter));padding-inline:var(--gutter);padding-bottom:12px}
 .sector-card{scroll-snap-align:start}.sector-film{border-radius:20px}
 .sector-card h3{font-size:27px}.sector-card>p{font-size:15px}
 .sector-swipe-hint{display:block;font-size:11px;color:var(--muted);margin-top:12px}
 .sector-swipe-hint span{margin-left:10px}
 .sector-invitation{align-items:start;flex-direction:column;gap:23px;margin-top:28px;padding-top:26px}
 .home-sectors .home-section-heading>p{font-size:16px}
 .team-photo-hover figcaption{position:static;margin-top:12px;padding:0;background:none;border:0;border-radius:0;font-size:12px}
 /* Bijschrift staat hier onder de foto: rond alleen de foto af, anders snijdt de hoek de eerste letter weg */
 .home-people-image{overflow:visible;border-radius:0}
 .home-people-image>a{border-radius:28px}
}
@media(prefers-reduced-motion:reduce){.team-photo-hover img{transition:none;transform:none}}
.less-motion .team-photo-hover img{transition:none;transform:none!important}
.sector-plain{display:grid;place-items:end start;padding:28px;background:#efe6d6;border:1px solid #e0d3bc;overflow:hidden}
.sector-plain span{font-size:clamp(30px,3.2vw,44px);line-height:1.02;letter-spacing:-.05em;font-weight:500;color:#1d2a22;max-width:9ch}
.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.case-card{display:flex;flex-direction:column;gap:6px;padding:28px;border:1px solid var(--line);border-radius:24px;background:#fff;color:var(--ink);text-decoration:none;transition:border-color .2s,transform .2s}
.case-card:hover{border-color:#b9c3bd;transform:translateY(-2px)}
.case-card h3{font-size:clamp(22px,2vw,28px);letter-spacing:-.04em;margin:4px 0 6px}
.case-card p{font-size:15px;color:var(--muted);line-height:1.7;margin:0 0 10px;max-width:460px}
.case-status{align-self:flex-start;font-size:11px;font-weight:600;letter-spacing:.04em;padding:4px 10px;border-radius:99px;background:#e7f3ea;color:#1f5a33;margin-bottom:10px}
.case-link{margin-top:auto;font-size:13px;font-weight:600}
.case-also{margin-top:26px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.case-also .intro-proof-label{margin:0}
.case-also ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.case-also li{border:1px solid var(--line);border-radius:99px;padding:4px 11px;font-size:12px;font-weight:500}
@media (max-width:760px){.case-grid{grid-template-columns:1fr}.case-card{padding:22px}}
.agent-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.agent-list li{display:flex;gap:18px;padding:30px 24px 30px 0;border-bottom:1px solid var(--line)}
.agent-list li>span{font-size:30px;letter-spacing:-.06em;color:#9aa69d;line-height:1}
.agent-list h3{font-size:20px;letter-spacing:-.03em;margin:0 0 6px}
.agent-list p{font-size:15px;color:var(--muted);line-height:1.6;margin:0}
.price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.price-card{position:relative;display:flex;flex-direction:column;padding:28px 24px;border:1px solid var(--line);border-radius:24px;background:#fff}
.price-card.is-popular{border:2px solid #2f7bf6}
.price-badge{position:absolute;top:-12px;left:24px;background:linear-gradient(120deg,#2f7bf6,#41b6ff);color:#fff;font-size:11px;font-weight:600;padding:5px 11px;border-radius:99px}
.price-card h3{font-size:24px;letter-spacing:-.04em;margin:0}
.price-sub{font-size:13px;font-weight:600;margin:4px 0 12px}
.price-desc{font-size:14px;color:var(--muted);line-height:1.6;margin:0 0 16px}
.price-card ul{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:8px;font-size:14px}
.price-card li{padding-left:22px;position:relative;line-height:1.45}
.price-card li::before{content:"✓";position:absolute;left:0;color:#2f7bf6;font-weight:600}
.price-amount{margin:auto 0 2px;font-size:14px;color:var(--muted)}
.price-amount strong{font-size:40px;letter-spacing:-.05em;color:var(--ink);font-weight:600}
.price-impl{font-size:14px;font-weight:600;margin:0}
.price-note{font-size:12px;color:var(--muted);margin:2px 0 18px}
.price-card .button{justify-content:center}
.price-included{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-top:22px;padding:26px 28px;border-radius:24px;background:#efe6d6}
.price-included h3{font-size:20px;margin:0 0 6px}.price-included p{font-size:14px;color:var(--muted);margin:0}
.price-included ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;align-content:center}
.price-included li{background:#fcfaf3;border:1px solid #e0d3bc;border-radius:99px;padding:5px 12px;font-size:13px;font-weight:500}
.price-footnote{font-size:13px;color:var(--muted);line-height:1.6;max-width:760px;margin:18px 0 0}
.price-footnote a{color:var(--ink);text-decoration:underline}
.match-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.match-list li{display:flex;gap:12px;align-items:flex-start;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:#fff;font-size:15px;line-height:1.55}
.match-list li>span{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(120deg,#2f7bf6,#41b6ff);color:#fff;font-size:12px;font-weight:700}
@media (max-width:1100px){.price-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.agent-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.price-grid,.agent-list{grid-template-columns:1fr}.price-included{grid-template-columns:1fr;gap:14px}.agent-list li{padding-right:0}}
.sector-mock{display:grid;place-items:center;padding:clamp(18px,3vw,34px);background:#ece3d1;border:1px solid #e0d3bc;overflow:hidden}
.mock-panel{width:100%;background:#fffdf8;border-radius:18px;box-shadow:0 18px 40px -22px rgba(40,34,20,.45),0 0 0 1px #e6dccb;padding:16px 16px 10px}
.mock-head{display:flex;align-items:center;gap:5px;margin:0 0 10px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#717b70}
.mock-head span{width:7px;height:7px;border-radius:50%;background:#e0d3bc}
.mock-head span:last-of-type{margin-right:8px}
.sector-mock ul{list-style:none;margin:0;padding:0;display:grid}
.sector-mock li{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 2px;border-top:1px solid #efe8da}
.sector-mock li b{display:block;font-size:14px;font-weight:600;color:#182726;line-height:1.3}
.sector-mock li small{display:block;font-size:12px;color:#717b70;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sector-mock li em{font-style:normal;font-size:11px;font-weight:600;padding:4px 9px;border-radius:99px;background:#e7f3ea;color:#1f5a33;white-space:nowrap}
.mock-dot{width:8px;height:8px;border-radius:50%;background:#2f9e5b}
.mock-wait{background:#d89b2b}.mock-plan{background:#2f7bf6}
.sector-mock li:has(.mock-wait) em{background:#fbefd6;color:#7a5410}
.sector-mock li:has(.mock-plan) em{background:#e3edff;color:#1d4fb8}
.sector-mock{padding:clamp(14px,2.4vw,30px)}
.mock-panel{padding:clamp(12px,1.4vw,18px) clamp(12px,1.4vw,18px) 6px}
.sector-mock li{gap:10px;padding:clamp(9px,1vw,13px) 0}
.sector-mock li b{font-size:clamp(13px,1.1vw,15px)}
.sector-mock li small{white-space:normal;font-size:clamp(11px,.9vw,12.5px)}
.sector-mock li em{font-size:10.5px;padding:3px 8px}
.sector-photo{overflow:hidden;background:#e6dccb}.sector-photo picture,.sector-photo img{display:block;width:100%;height:100%;object-fit:cover}
/* The moving frame shares the poster's fixed crop; never reveal a poster strip. */
.sector-film.sector-photo video{display:block;width:100%;height:100%;object-fit:cover}
/* v20 sectorkaarten: label, kop, eerste zin, tekst en link lijnen per rij uit over de drie kaarten */
@media (min-width:701px){
  .sector-grid{grid-template-rows:auto;row-gap:0}
  .sector-grid>.sector-card{display:grid;grid-row:span 6;grid-template-rows:subgrid;align-content:start}
  .sector-card h3{align-self:start}
  .sector-card .sector-lead{align-self:start}
  .sector-card>p:not(.sector-lead){margin-top:10px;align-self:start}
  .sector-card .text-link{align-self:end;justify-self:start}
}
/* v20 klantcases: beeld en tekst, uitgelichte live klant, rustig en licht in Camilles stijl */
.home-cases .case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.home-cases .case-card{padding:10px;gap:0;border-radius:26px;background:#fff;border:1px solid #e6dfd0;box-shadow:0 1px 0 rgba(24,39,38,.02);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .2s}
.home-cases .case-card:hover{transform:translateY(-4px);border-color:#d8cdb6;box-shadow:0 24px 48px -28px rgba(40,50,40,.35)}
.case-media{position:relative;border-radius:18px;overflow:hidden;background:#efe6d6;aspect-ratio:16/10}
.case-img,.case-img img{display:block;width:100%;height:100%}
.case-img img{object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.home-cases .case-card:hover .case-img img{transform:scale(1.04)}
.case-img.is-logo{background:#fbf8f1}
.case-img.is-logo img{object-fit:contain;padding:8% 10%}
.case-logo{position:absolute;left:14px;top:14px;width:44px;height:44px;border-radius:12px;background:#fff;object-fit:contain;padding:4px;box-shadow:0 6px 16px -6px rgba(24,39,38,.35)}
.case-body{display:flex;flex-direction:column;gap:6px;padding:18px 14px 12px;flex:1}
.home-cases .case-status{margin:0 0 4px;font-size:11px;letter-spacing:.02em;padding:4px 10px}
.case-status.is-live{background:#e7f3ea;color:#1f5a33}
.case-status.is-done{background:#e3edff;color:#1d4fb8}
.case-status.is-wip{background:#fbefd6;color:#7a5410}
.case-status.is-start{background:#efe8da;color:#58615d}
.home-cases .case-card h3{margin:2px 0 4px}
.home-cases .case-card p{margin:0 0 12px}
.home-cases .case-link{margin-top:auto}
.home-cases .case-card.is-featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:10px}
.case-card.is-featured .case-media{aspect-ratio:16/9;height:100%}
.case-card.is-featured .case-body{padding:28px 32px}
.case-card.is-featured h3{font-size:clamp(28px,2.8vw,40px)}
.case-card.is-featured p{font-size:16px;max-width:440px}
.case-also li{display:inline-flex;align-items:center;gap:8px;background:#fff}
.case-also li img{width:20px;height:20px;border-radius:5px}
@media (max-width:1000px){.home-cases .case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.home-cases .case-grid{grid-template-columns:1fr}.home-cases .case-card.is-featured{grid-template-columns:1fr}.case-card.is-featured .case-body{padding:18px 14px 12px}.case-card.is-featured .case-media{aspect-ratio:16/10}}
@media (prefers-reduced-motion:reduce){.home-cases .case-card,.case-img img{transition:none}.home-cases .case-card:hover,.home-cases .case-card:hover .case-img img{transform:none}}
.case-card.is-featured .case-media,.case-img.is-logo{background:#fff}.case-card.is-featured .case-media{border:1px solid #efe8da}
@media (min-width:761px) and (max-width:1000px){.home-cases .case-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.home-cases .case-card:last-child .case-body{padding:22px 24px}}