:root{
  --onyx:#0B0B0C;
  --char:#1A1A1C;
  --gold:#C9A14A;
  --gold-deep:#3A2D0E;
  --gold-light:#E6CF8F;
  --bone:#F8F3E9;
  --bone-2:#EFE6D3;
  --brons:#7A5E1C;
  --inkt:#1A1610;
  --paper:#F4F1EA;
  --stone:#5C5547;
  --mist:#ABA597;

  --ff:'Switzer', system-ui, -apple-system, 'Segoe UI', sans-serif;


  --fs-display:clamp(40px, 8.2vw, 148px);
  --fs-hero:clamp(40px, 7.6vw, 150px);
  --fs-h2:clamp(32px, 4.4vw, 68px);
  --fs-lead:clamp(19px, 1.55vw, 23px);
  --fs-body:18px;
  --fs-small:16px;

  --gut:clamp(16px, 3vw, 44px);
  --sec:clamp(96px, 12vw, 200px);
  --max:1520px;
  --ease:cubic-bezier(.22,1,.36,1);
  --nav-h:72px;


  --bg:var(--onyx);
  --ink:var(--paper);
  --ink-2:var(--mist);
  --accent:var(--gold);
  --accent-ink:var(--onyx);
  --tone:#17171A;


  --dur-1:.2s; --fs-fine:var(--fs-small); --gold-text:var(--gold-light); --ink-on-gold:var(--onyx);
  --m-3:#E6CF8F; --m-4:#F0DEA9; --muted:var(--mist); --rule:#2C2C30; --rule-soft:#202023;
  --sp-3:24px; --sp-4:32px; --steen:#A39C8C; --tick-major:rgba(230,207,143,.5);
  --champagne:#E6CF8F; --creme-d:#F4ECD8; --gold-grad:var(--gold); --houtskool:#141416;
}

[data-field="gold"]{ --bg:var(--gold); --ink:var(--onyx); --ink-2:var(--gold-deep); --accent:var(--onyx); --accent-ink:var(--paper); --tone:#BE9640; }
[data-field="onyx"]{ --bg:var(--onyx); --ink:var(--paper); --ink-2:var(--mist); --accent:var(--gold); --accent-ink:var(--onyx); --tone:#18181B; --hl:var(--gold); }
[data-field="char"]{ --bg:var(--char); --ink:var(--paper); --ink-2:var(--mist); --accent:var(--gold); --accent-ink:var(--onyx); --tone:#262629; --hl:var(--gold); }
[data-field="bone"]{ --bg:var(--bone); --ink:var(--inkt); --ink-2:var(--stone); --accent:var(--onyx); --accent-ink:var(--paper); --tone:var(--bone-2); --hl:var(--brons); }

*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; scroll-padding-top:calc(var(--nav-h) + 16px); }
body{
  margin:0; background:var(--onyx); color:var(--paper);
  font-family:var(--ff); font-size:var(--fs-body); line-height:1.55; font-weight:400;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
img,svg,video{ display:block; max-width:100%; height:auto; }
h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{ margin:0; }
ul,ol{ padding:0; list-style:none; }
a{ color:inherit; text-decoration:none; }
button,input,textarea,select{ font:inherit; color:inherit; }
::selection{ background:var(--gold); color:var(--onyx); }
:focus-visible{ outline:3px solid var(--gold); outline-offset:3px; }
[data-field="gold"] :focus-visible{ outline-color:var(--onyx); }

html[data-lang="nl"] [data-lang="en"], html[data-lang="en"] [data-lang="nl"]{ display:none !important; }

.skip{ position:absolute; left:var(--gut); top:-60px; z-index:100; background:var(--gold); color:var(--onyx); padding:12px 18px; font-weight:600; }
.skip:focus{ top:12px; }
.sr-only{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

[data-field]{ background:var(--bg); color:var(--ink); }
.wrap{ width:100%; max-width:var(--max); margin-inline:auto; padding-inline:var(--gut); }
.chapter{ padding-block:var(--sec); position:relative; }
.chapter--tall{ min-height:90svh; display:flex; flex-direction:column; justify-content:center; }
.grid{ display:grid; grid-template-columns:repeat(12, minmax(0,1fr)); column-gap:clamp(12px, 2vw, 32px); }

.display{ font-size:var(--fs-display); font-weight:800; letter-spacing:-.04em; line-height:.92; }
.h2{ font-size:var(--fs-h2); font-weight:800; letter-spacing:-.03em; line-height:1; text-wrap:balance; }
.lead{ font-size:var(--fs-lead); line-height:1.45; font-weight:500; max-width:40ch; }
.body{ font-size:var(--fs-body); line-height:1.6; max-width:62ch; }
.small{ font-size:var(--fs-small); line-height:1.5; }
.soft{ color:var(--ink-2); }
.measure{ max-width:62ch; }
.prose p + p{ margin-top:1em; }
.prose a, .link{ text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:4px; text-decoration-color:var(--accent); transition:text-decoration-color .2s; }
.prose a:hover, .link:hover{ text-decoration-color:currentColor; }
.ink-soft{ color:var(--ink-2); }
.hyph{ hyphens:manual; }

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:12px;
  min-height:52px; padding:0 26px; border:2px solid var(--accent);
  background:var(--accent); color:var(--accent-ink);
  font-size:var(--fs-small); font-weight:600; letter-spacing:-.005em; cursor:pointer;
  transition:transform .25s var(--ease), background-color .2s, color .2s;
}
.btn:active{ transform:translateY(0) scale(.98); }
.btn--line{ background:transparent; color:var(--ink); border-color:currentColor; }
.btn--line:hover{ background:var(--ink); color:var(--bg); border-color:var(--ink); }
.btn .arr, .arrow-link .arr{ display:inline-block; transition:transform .25s var(--ease); }
.btn:hover .arr, .arrow-link:hover .arr{ transform:translateX(4px); }
.arrow-link{ display:inline-flex; align-items:center; gap:10px; font-weight:600; min-height:44px; text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:6px; text-decoration-color:var(--accent); }
.arrow-link:hover{ text-decoration-color:currentColor; }
[data-field="gold"] .btn--gold, .btn--gold{ background:var(--gold); border-color:var(--gold); color:var(--onyx); }

.nav{
  position:fixed; inset:0 0 auto 0; z-index:50; height:var(--nav-h);
  display:flex; align-items:center; gap:24px; padding-inline:var(--gut);
  background:var(--hbg, var(--onyx)); color:var(--hink, var(--paper));
  transition:background-color .3s var(--ease), color .3s var(--ease);
}
.nav__brand{ display:flex; align-items:center; gap:12px; font-weight:700; font-size:var(--fs-small); letter-spacing:-.01em; white-space:nowrap; }
.nav__brand img{ width:28px; height:40px; }
.nav__brand .bn span{ font-weight:500; }
.nav__links{ display:flex; align-items:center; gap:4px; margin-left:auto; }
.nav__links > a, .nav__trigger{ display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:0 14px; font-size:var(--fs-small); font-weight:500; }
.nav__links a.active, .nav__links a[aria-current="page"]{ text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:8px; }
.nav__links > a:hover, .nav__trigger:hover{ text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:8px; }
.nav__chev{ width:10px; height:10px; transition:transform .25s var(--ease); }
.nav__item{ position:relative; }
.nav__item.open .nav__chev{ transform:rotate(180deg); }
.mega{
  position:absolute; top:calc(100% + 14px); left:-12px; width:min(560px, 80vw);
  background:var(--onyx); color:var(--paper);
  box-shadow:0 24px 60px -20px rgba(0,0,0,.55);
  opacity:0; visibility:hidden; transform:translateY(-8px);
  transition:opacity .2s, transform .3s var(--ease), visibility 0s .3s;
}
.mega::before{ content:""; position:absolute; inset:-16px 0 auto 0; height:16px; }
.nav__item.open .mega{ opacity:1; visibility:visible; transform:none; transition:opacity .2s, transform .3s var(--ease); }
.mega__link{ display:block; padding:18px 22px; transition:background-color .2s; }
.mega__link:hover, .mega__link:focus-visible{ background:#1A1A1D; }
.mega__link b{ display:block; font-size:var(--fs-body); font-weight:600; }
.mega__link span{ display:block; font-size:var(--fs-small); color:var(--mist); margin-top:2px; }
.lang{ display:flex; align-items:center; gap:2px; font-size:var(--fs-small); font-weight:600; margin-left:8px; }
.lang a, .lang span, .lang button{ display:inline-flex; align-items:center; justify-content:center; min-width:36px; min-height:36px; padding:0 6px; background:none; border:0; cursor:pointer; }
.lang [aria-current], .lang button.on{ text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:5px; }
.lang a{ opacity:.72; }
.lang a:hover{ opacity:1; }
.nav__cta{ min-height:44px; padding:0 18px; font-size:var(--fs-small); background:var(--hink, var(--paper)); color:var(--hbg, var(--onyx)); border-color:var(--hink, var(--paper)); }
.burger{ display:none; width:44px; height:44px; background:none; border:0; cursor:pointer; position:relative; margin-left:auto; }
.burger span{ position:absolute; left:10px; right:10px; height:2px; background:currentColor; transition:transform .3s var(--ease), opacity .2s; }
.burger span:nth-child(1){ top:15px; } .burger span:nth-child(2){ top:21px; } .burger span:nth-child(3){ top:27px; }
.nav.open .burger span:nth-child(1){ transform:translateY(6px) rotate(45deg); }
.nav.open .burger span:nth-child(2){ opacity:0; }
.nav.open .burger span:nth-child(3){ transform:translateY(-6px) rotate(-45deg); }
.drawer{
  position:fixed; inset:var(--nav-h) 0 0 0; z-index:49; background:var(--onyx); color:var(--paper);
  display:flex; flex-direction:column; justify-content:space-between; padding:24px var(--gut) 32px;
  opacity:0; visibility:hidden; transform:translateY(-12px);
  transition:opacity .25s, transform .35s var(--ease), visibility 0s .35s;
  overflow-y:auto;
}
.drawer.open{ opacity:1; visibility:visible; transform:none; transition:opacity .25s, transform .35s var(--ease); }
.drawer__nav a{ display:block; font-size:clamp(28px, 8vw, 40px); font-weight:800; letter-spacing:-.03em; line-height:1.2; padding:6px 0; }
.drawer__sub a{ display:block; font-size:var(--fs-lead); font-weight:500; color:var(--mist); padding:8px 0; }
.drawer__sub{ margin:4px 0 14px; }
.drawer__foot{ display:grid; gap:18px; margin-top:32px; }
.drawer__foot .btn{ width:100%; }
.drawer__meta{ display:grid; gap:6px; color:var(--mist); font-size:var(--fs-small); }
main{ padding-top:var(--nav-h); }

.hero{ min-height:min(calc(100svh - var(--nav-h)), 820px); display:flex; flex-direction:column; padding-block:clamp(48px, 9vh, 120px) clamp(32px, 6vh, 72px); }
.hero__title{ font-size:var(--fs-hero); font-weight:800; letter-spacing:-.045em; line-height:.9; max-width:none; }
.hero__title .l1{ display:block; color:var(--ink); }
.hero__title .l2{ display:block; color:var(--hl, var(--gold)); }
.hero__foot{ margin-top:auto; padding-top:clamp(40px, 8vh, 96px); display:grid; grid-template-columns:repeat(12, minmax(0,1fr)); column-gap:clamp(12px, 2vw, 32px); row-gap:32px; align-items:start; }
.hero__live{ grid-column:1 / span 6; }
.hero__say{ grid-column:8 / span 5; }
.hero__say .lead{ max-width:34ch; }
.hero__actions{ display:flex; flex-wrap:wrap; gap:14px 22px; align-items:center; margin-top:24px; }

.scan{ display:grid; gap:12px; max-width:560px; }
.scan__label{ font-size:var(--fs-lead); font-weight:600; letter-spacing:-.01em; }
.scan__row{ display:flex; gap:0; }
.scan__row input{
  flex:1; min-width:0; min-height:56px; padding:0 18px; font-size:var(--fs-body);
  background:var(--paper); color:var(--onyx); border:2px solid var(--gold); border-right:0; border-radius:0;
}
.scan__row input::placeholder{ color:#6E685C; }
.scan__row input:focus{ outline:none; background:#fff; }
.scan__row .btn{ min-height:56px; background:var(--gold); color:var(--onyx); border-color:var(--gold); }
.scan__note{ font-size:var(--fs-small); color:var(--ink-2); }

.phero{ padding-block:clamp(64px, 12vh, 140px) clamp(56px, 9vh, 112px); }
.phero__title{ font-size:var(--fs-display); font-weight:800; letter-spacing:-.045em; line-height:.92; max-width:16ch; text-wrap:balance; }
.phero__row{ display:grid; grid-template-columns:repeat(12, minmax(0,1fr)); column-gap:clamp(12px, 2vw, 32px); row-gap:28px; margin-top:clamp(36px, 6vh, 72px); align-items:end; }
.phero__row > .lead{ grid-column:1 / span 6; }
.phero__aside{ grid-column:7 / span 6; display:grid; gap:18px; justify-items:start; }
.crumbs{ font-size:var(--fs-small); color:var(--ink-2); margin-bottom:28px; display:flex; flex-wrap:wrap; gap:8px; }
.crumbs a{ text-decoration:underline; text-underline-offset:3px; }
.price-from{ font-size:var(--fs-small); font-weight:600; color:var(--ink-2); }

.svc__head{ display:flex; flex-wrap:wrap; gap:24px; align-items:end; justify-content:space-between; margin-bottom:56px; }
.svc__head .h2 .l1{ display:block; color:var(--ink); }
.svc__head .h2 .l2{ display:block; color:var(--hl, var(--gold)); }
.svc{ display:grid; grid-template-columns:240px minmax(0,1fr); gap:clamp(20px, 3vw, 48px); align-items:start; }
.svc__tabs{ display:grid; gap:6px; position:sticky; top:calc(var(--nav-h) + 24px); }
.svc__tab{
  display:flex; flex-direction:column; justify-content:center; min-height:72px; padding:12px 18px; text-align:left;
  background:var(--tone); color:var(--ink); border:0; cursor:pointer;
  font-size:var(--fs-body); font-weight:600; line-height:1.25;
  transition:background-color .25s var(--ease), color .25s var(--ease), transform .25s var(--ease);
}
.svc__tab small{ font-size:var(--fs-small); font-weight:500; color:var(--ink-2); margin-top:2px; }
.svc__tab:hover{ transform:translateX(4px); }
.svc__tab[aria-selected="true"]{ background:var(--gold); color:var(--onyx); }
.svc__tab[aria-selected="true"] small{ color:var(--gold-deep); }
.svc__panel[hidden]{ display:none; }
.svc__panel.is-entering .band{ animation:band-in .55s var(--ease) both; }
.svc__panel.is-entering .band:nth-child(2){ animation-delay:.05s; }
.svc__panel.is-entering .band:nth-child(3){ animation-delay:.1s; }
.svc__panel.is-entering .band:nth-child(4){ animation-delay:.15s; }
.svc__panel.is-entering .band:nth-child(5){ animation-delay:.2s; }
@keyframes band-in{ from{ opacity:0; transform:translateY(14px); } }
.svc__intro{ font-size:var(--fs-lead); font-weight:500; line-height:1.45; max-width:44ch; margin-bottom:28px; }
.svc__more{ margin-top:28px; }
.svc__name{ font-size:var(--fs-h2); font-weight:800; letter-spacing:-.03em; line-height:1; margin-bottom:18px; }

.svc:not(.is-live){ grid-template-columns:1fr; }
.svc:not(.is-live) .svc__tabs{ display:none; }
.svc:not(.is-live) .svc__panel[hidden]{ display:block; }
.svc:not(.is-live) .svc__panel + .svc__panel{ margin-top:72px; }

.bands{ display:grid; gap:6px; }
.band{
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 24px; align-items:center;
  padding:20px 24px; background:var(--tone);
}
.band:nth-child(even){ background:color-mix(in srgb, var(--tone) 60%, var(--bg)); }
.band__t{ font-size:var(--fs-body); font-weight:600; line-height:1.35; }
.band__n{ grid-column:1; font-size:var(--fs-small); color:var(--ink); line-height:1.5; }
.band__p{ grid-column:2; grid-row:1 / span 2; font-size:var(--fs-small); font-weight:600; text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }

.work{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:clamp(12px, 1.4vw, 20px); row-gap:clamp(40px, 5vw, 72px); }
.work__head{ grid-column:3 / span 2; align-self:end; }
.tile{ display:block; }
.tile__img{ display:block; overflow:hidden; background:var(--tone); }
.tile__img img{ width:100%; height:100%; object-fit:cover; transition:transform .9s var(--ease); }
.tile:hover .tile__img img{ transform:scale(1.035); }
.tile__cap{ display:flex; justify-content:space-between; gap:16px; margin-top:14px; font-size:var(--fs-small); }
.tile__cap b{ font-weight:600; }
.tile__cap span{ color:var(--ink-2); text-align:right; }
.tile--wide{ grid-column-end:span 2; }
.tile--wide .tile__img{ aspect-ratio:3 / 2; }
.tile--tall .tile__img{ aspect-ratio:4 / 5; }
.tile--pad .tile__img{ padding:10%; display:grid; place-items:center; background:var(--onyx); }
.tile--pad .tile__img img{ height:auto; object-fit:contain; }
.c1{ grid-column-start:1; } .c2{ grid-column-start:2; } .c3{ grid-column-start:3; } .c4{ grid-column-start:4; }

.stages__title{ margin-bottom:64px; }
.stages{ display:flex; gap:6px; min-height:22vh; }
.stage{ display:flex; flex-direction:column; min-width:0; }
.stage__bar{ flex:none; height:180px; padding:20px; font-size:var(--fs-lead); font-weight:700; letter-spacing:-.02em; line-height:1.1; transform-origin:left center; }
.stage__txt{ font-size:var(--fs-small); line-height:1.5; max-width:24ch; margin-top:16px; padding-right:16px; }
.stage__txt b{ display:block; font-weight:600; }
.stage:nth-child(1) .stage__bar{ background:var(--gold); color:var(--onyx); }
.stage:nth-child(2) .stage__bar{ background:#2A2A2E; color:var(--paper); }
.stage:nth-child(3) .stage__bar{ background:#38383D; color:var(--paper); }
.stage:nth-child(4) .stage__bar{ background:var(--bone); color:var(--inkt); }
.stage:nth-child(5) .stage__bar{ background:var(--bone-2); color:var(--inkt); }
[data-field="bone"] .stage:nth-child(2) .stage__bar{ background:var(--onyx); color:var(--paper); }
[data-field="bone"] .stage:nth-child(4) .stage__bar{ background:var(--char); color:var(--paper); }

.panel{ margin:0 var(--gut); background:var(--onyx); color:var(--paper); position:relative; overflow:hidden; min-height:96svh; padding:clamp(32px, 4vw, 64px); display:grid; grid-template-columns:repeat(12, minmax(0,1fr)); column-gap:clamp(12px, 2vw, 32px); }
.panel__say{ grid-column:1 / span 7; display:flex; flex-direction:column; }
.panel__say .h2{ max-width:18ch; }
.panel__faces{ display:flex; gap:clamp(12px, 2vw, 24px); margin-top:auto; padding-top:56px; }
.panel__faces figure{ width:clamp(112px, 10vw, 156px); aspect-ratio:1; border-radius:50%; overflow:hidden; background:#222; }
.panel__faces img{ width:100%; height:100%; object-fit:cover; }
.panel__text{ grid-column:9 / span 4; display:grid; gap:48px; align-content:start; }
.panel__text h3{ font-size:var(--fs-lead); font-weight:700; letter-spacing:-.01em; margin-bottom:8px; }
.panel__text p{ font-size:var(--fs-body); line-height:1.6; color:var(--paper); }
.panel__text .btn{ justify-self:start; }

.rows{ display:grid; }
.row{ display:flex; align-items:flex-end; min-height:clamp(84px, 10vw, 150px); padding:0 clamp(16px, 2vw, 24px) clamp(14px, 1.6vw, 22px); font-size:var(--fs-h2); font-weight:500; letter-spacing:-.035em; line-height:1; }
.row:nth-child(odd){ background:var(--tone); }
a.row{ transition:padding-left .35s var(--ease); }
a.row:hover{ padding-left:clamp(28px, 3vw, 40px); }
.row--go{ background:var(--gold) !important; color:var(--onyx); justify-content:space-between; align-items:center; padding-block:0; }
.row--go .go{ display:inline-grid; place-items:center; width:.9em; height:.9em; border-radius:50%; background:var(--onyx); color:var(--gold); transition:transform .35s var(--ease); }
.row--go .go svg{ width:42%; height:42%; }
.row--go:hover .go{ transform:translateX(8px); }

.footer{ background:var(--onyx); color:var(--paper); padding:8px; }
.ftiles{ display:grid; grid-template-columns:repeat(12, minmax(0,1fr)); gap:8px; }
.ftile{ background:#161618; padding:22px; min-height:220px; display:flex; flex-direction:column; }
.ftile--say{ grid-column:span 4; justify-content:space-between; }
.ftile--say p{ font-size:var(--fs-lead); font-weight:600; letter-spacing:-.01em; line-height:1.3; max-width:24ch; }
.ftile--nav{ grid-column:span 4; }
.ftile--nav ul{ columns:2; column-gap:24px; }
.ftile--nav li{ break-inside:avoid; }
.ftile--nav a{ display:inline-block; font-size:var(--fs-small); padding:5px 0; color:var(--paper); }
.ftile--nav a:hover, .ftile--mail a:hover, .ftile--legal a:hover{ text-decoration:underline; text-underline-offset:4px; }
.ftile--place{ grid-column:span 2; font-size:var(--fs-small); color:var(--mist); justify-content:space-between; }
.ftile--place b{ color:var(--paper); font-weight:600; font-size:var(--fs-lead); letter-spacing:-.01em; }
.ftile--mail{ grid-column:span 4; justify-content:flex-end; gap:6px; font-size:var(--fs-small); color:var(--mist); }
.ftile--mail a{ color:var(--paper); font-weight:600; font-size:var(--fs-small); white-space:nowrap; }
.ftile--word{ grid-column:span 8; min-height:320px; background:var(--char); justify-content:center; align-items:center; text-align:center; }
.ftile--word{ gap:20px; flex-direction:column; }
.ftile--word img{ width:auto; height:clamp(96px, 10vw, 150px); }
.ftile--word span{ font-size:var(--fs-h2); font-weight:800; letter-spacing:-.05em; line-height:.9; }
.ftile--go{ grid-column:span 4; min-height:320px; background:var(--char); color:var(--gold); justify-content:space-between; transition:background-color .25s, color .25s; }
.ftile--go:hover{ background:#232326; color:var(--gold-light); }
.ftile--go span{ font-size:var(--fs-lead); font-weight:700; letter-spacing:-.02em; line-height:1.15; max-width:12ch; }
.ftile--go svg{ align-self:flex-end; width:64px; height:64px; transition:transform .35s var(--ease); }
.ftile--go:hover svg{ transform:translate(6px,-6px); }
.ftile--legal{ grid-column:span 12; min-height:0; flex-direction:row; flex-wrap:wrap; gap:8px 24px; font-size:var(--fs-small); color:var(--mist); padding-block:16px; }
.ftile--legal a{ color:var(--mist); }

.split{ display:grid; grid-template-columns:repeat(12, minmax(0,1fr)); column-gap:clamp(12px, 2vw, 32px); row-gap:40px; }
.split__h{ grid-column:1 / span 5; }
.split__b{ grid-column:7 / span 6; }
.split__b .bands{ margin-top:0; }
.facts{ display:grid; gap:6px; }
.fact{ display:grid; grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); gap:12px 32px; padding:22px 24px; background:var(--tone); }
.fact:nth-child(even){ background:color-mix(in srgb, var(--tone) 60%, var(--bg)); }
.fact dt{ font-weight:600; }
.fact dd{ color:var(--ink-2); }
.pic{ overflow:hidden; background:var(--tone); }
.pic img{ width:100%; height:auto; }
.pic--phone{ max-width:300px; }
.pics{ display:grid; grid-template-columns:repeat(12, minmax(0,1fr)); gap:clamp(12px, 1.4vw, 20px); align-items:end; }
.pics .pic:nth-child(1){ grid-column:1 / span 8; }
.pics .pic:nth-child(2){ grid-column:9 / span 4; }
.pics .pic--full{ grid-column:1 / -1 !important; }
.cap{ font-size:var(--fs-small); color:var(--ink-2); margin-top:10px; }
.price-list{ display:grid; gap:6px; }
.price{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 24px; align-items:baseline; padding:26px 24px; background:var(--tone); }
.price:nth-child(even){ background:color-mix(in srgb, var(--tone) 60%, var(--bg)); }
.price h3{ font-size:clamp(22px, 2.2vw, 30px); font-weight:700; letter-spacing:-.02em; line-height:1.1; }
.price p{ grid-column:1; color:var(--ink-2); font-size:17px; }
.price strong{ grid-column:2; grid-row:1 / span 2; font-size:clamp(22px, 2.2vw, 30px); font-weight:700; letter-spacing:-.02em; white-space:nowrap; font-variant-numeric:tabular-nums; text-align:right; }
.price strong small{ display:block; font-size:var(--fs-small); font-weight:500; color:var(--ink-2); letter-spacing:0; }
.closer{ display:grid; grid-template-columns:repeat(12, minmax(0,1fr)); column-gap:clamp(12px, 2vw, 32px); row-gap:28px; align-items:end; }
.closer .h2{ grid-column:1 / span 6; }
.closer__act{ grid-column:7 / span 6; display:grid; gap:16px; justify-items:start; }
.next{ display:flex; justify-content:space-between; align-items:center; gap:24px; padding-block:clamp(40px, 6vw, 72px); font-size:var(--fs-h2); font-weight:800; letter-spacing:-.03em; line-height:1; }
.next small{ display:block; font-size:var(--fs-small); font-weight:500; letter-spacing:0; color:var(--ink-2); margin-bottom:10px; }
.next svg{ width:clamp(40px, 5vw, 72px); height:auto; flex:none; transition:transform .35s var(--ease); }
.next:hover svg{ transform:translateX(10px); }

.faq{ display:grid; gap:6px; }
.faq__item{ background:var(--tone); }
.faq__q{ display:flex; justify-content:space-between; align-items:center; gap:24px; width:100%; padding:22px 24px; background:none; border:0; text-align:left; cursor:pointer; font-size:var(--fs-body); font-weight:600; line-height:1.35; }
.faq__q::after{ content:"+"; font-size:28px; font-weight:400; line-height:1; transition:transform .3s var(--ease); }
.faq__item.open .faq__q::after{ transform:rotate(45deg); }
.faq__a{ height:0; overflow:hidden; transition:height .4s var(--ease); }
.faq__a-inner{ padding:0 24px 24px; color:var(--ink-2); max-width:70ch; }
.faq__a-inner a{ color:var(--ink); text-decoration:underline; text-underline-offset:3px; }
html:not(.pcg-armed) .faq__a{ height:auto; }

.faq-list{ display:grid; gap:6px; }
.faq-item{ background:var(--tone); padding:22px 24px; scroll-margin-top:calc(var(--nav-h) + 24px); }
.faq-item:nth-child(even){ background:color-mix(in srgb, var(--tone) 60%, var(--bg)); }
.faq-item__q{ font-size:var(--fs-body); font-weight:600; line-height:1.35; margin-bottom:8px; }
.faq-item__q a:hover{ text-decoration:underline; text-underline-offset:4px; }
.faq-item__a p{ font-size:var(--fs-small); line-height:1.6; max-width:68ch; }
.faq-item__src{ display:inline-flex; gap:8px; min-height:32px; align-items:center; margin-top:8px; font-size:var(--fs-small); font-weight:600; text-decoration:underline; text-underline-offset:4px; text-decoration-color:var(--accent); }
.faq-section .split__h{ align-self:start; position:sticky; top:calc(var(--nav-h) + 32px); }
.toc{ margin-top:48px; }
.toc li{ display:inline-flex; }
#vraag .aia-console{ max-width:none; }

.form{ background:var(--tone); padding:clamp(24px, 3vw, 44px); }
.form h2{ font-size:clamp(26px, 2.6vw, 38px); font-weight:800; letter-spacing:-.025em; line-height:1.05; margin-bottom:28px; }
.fields{ display:grid; grid-template-columns:1fr 1fr; gap:0 16px; }
.field{ display:grid; gap:6px; margin-bottom:16px; }
.field--full{ grid-column:1 / -1; }
.field label, .field .label{ font-size:15px; font-weight:600; }
.field input, .field textarea{
  width:100%; min-height:54px; padding:14px 16px; font-size:17px;
  background:var(--bg); color:var(--ink); border:2px solid transparent; border-radius:0;
  transition:border-color .2s;
}
.field textarea{ min-height:150px; resize:vertical; line-height:1.5; }
.field input:focus, .field textarea:focus{ outline:none; border-color:var(--gold); }
.field input[aria-invalid="true"], .field textarea[aria-invalid="true"], .field.invalid input, .field.invalid textarea{ border-color:#E0715A; }
.tags{ display:flex; flex-wrap:wrap; gap:8px; }
.tag{ min-height:44px; padding:0 16px; background:var(--bg); color:var(--ink); border:2px solid transparent; cursor:pointer; font-size:15px; font-weight:600; transition:background-color .2s, color .2s, border-color .2s; }
.tag:hover{ border-color:var(--gold); }
.tag.on, .tag[aria-pressed="true"]{ background:var(--gold); color:var(--onyx); }
.assure{ display:grid; gap:6px; margin:20px 0 8px; font-size:16px; }
.assure li{ padding-left:22px; position:relative; }
.assure li::before{ content:""; position:absolute; left:0; top:.55em; width:10px; height:10px; background:var(--gold); }
.form-error{ color:#F0A08E; font-weight:600; margin-top:8px; }
.form .btn{ width:100%; margin-top:12px; }
.form-fine{ margin-top:16px; font-size:var(--fs-small); color:var(--ink-2); }
.form-fine a{ text-decoration:underline; text-underline-offset:3px; }
.cf-turnstile{ margin:14px 0; }

[data-only][hidden]{ display:none !important; }
.form .form-intro{ margin:-12px 0 24px; color:var(--ink-2); }
.form-switch{ margin-top:16px; font-size:16px; }
.form-switch a{ text-decoration:underline; text-underline-offset:3px; font-weight:600; }
#formTitle:focus{ outline:none; }
#formTitle:focus-visible{ outline:3px solid var(--gold); outline-offset:4px; }

@media (min-width: 761px){
  main[data-form="scan"] .split > .split__h, main[data-form="scan"] .split > .split__b{ grid-row:1; }
}

.legal{ max-width:72ch; }
.legal h2{ font-size:clamp(26px, 2.6vw, 38px); font-weight:800; letter-spacing:-.025em; line-height:1.1; margin:72px 0 16px; }
.legal h3{ font-size:20px; font-weight:700; margin:36px 0 10px; }
.legal p, .legal li{ color:var(--ink-2); }
.legal p + p{ margin-top:.9em; }
.legal ul, .legal ol{ list-style:disc; padding-left:1.2em; margin:.6em 0; }
.legal a{ color:var(--ink); text-decoration:underline; text-underline-offset:3px; }
.legal table{ width:100%; border-collapse:collapse; margin:16px 0; font-size:16px; }
.legal th, .legal td{ text-align:left; padding:10px 12px; border-bottom:1px solid #2A2A2E; vertical-align:top; }
.toc{ display:flex; flex-wrap:wrap; gap:8px; margin-top:32px; }
.toc a{ display:inline-flex; align-items:center; min-height:44px; padding:0 16px; background:var(--tone); font-weight:600; font-size:15px; }
.toc a:hover{ background:var(--gold); color:var(--onyx); }

.pcg-armed [data-rise]:not(.is-in){ opacity:0; transform:translateY(24px); }
.pcg-armed [data-stagger]:not(.is-in) > *{ opacity:0; transform:translateY(24px); }
[data-rise], [data-stagger] > *{ transition:opacity .8s var(--ease), transform .9s var(--ease); }
.is-immediate, .is-immediate > *{ transition:none !important; }

.pcg-armed .stages:not(.is-in) .stage__bar{ transform:scaleX(.08); }
.stages .stage__bar{ transition:transform 1.1s var(--ease); }
.stages .stage:nth-child(2) .stage__bar{ transition-delay:.08s; }
.stages .stage:nth-child(3) .stage__bar{ transition-delay:.16s; }
.stages .stage:nth-child(4) .stage__bar{ transition-delay:.24s; }
.stages .stage:nth-child(5) .stage__bar{ transition-delay:.32s; }

.w{ display:inline-block; overflow:hidden; vertical-align:top; padding-bottom:.22em; margin-bottom:-.22em; }
.w > span{ display:inline-block; }
@media (prefers-reduced-motion: no-preference){
  .hero__title[data-words] .w > span, .phero__title[data-words] .w > span{ animation:word-up 1s var(--ease) both; animation-delay:calc(var(--i) * 70ms + 120ms); }
  [data-words]:not(.hero__title):not(.phero__title) .w > span{ transition:transform .9s var(--ease); transition-delay:calc(var(--i) * 45ms); }
  .pcg-armed [data-words]:not(.hero__title):not(.phero__title):not(.is-in) .w > span{ transform:translateY(108%); }
  .pcg-armed [data-words][data-rise]:not(.is-in){ opacity:1; transform:none; }
  [data-words].is-immediate .w > span{ transition:none; }
}
@keyframes word-up{ from{ transform:translateY(108%); } }

@media (prefers-reduced-motion: no-preference){
  .tile__img, .pic{ transition:clip-path 1.1s cubic-bezier(.76,0,.24,1); }
  .pcg-armed .tile[data-rise]:not(.is-in), .pcg-armed .pic[data-rise]:not(.is-in){ opacity:1; transform:none; }
  .pcg-armed .tile:not(.is-in) .tile__img, .pcg-armed .pic[data-rise]:not(.is-in){ clip-path:inset(0 0 100% 0); }
  .tile .tile__cap{ transition:opacity .8s var(--ease) .4s, transform .8s var(--ease) .4s; }
  .pcg-armed .tile:not(.is-in) .tile__cap{ opacity:0; transform:translateY(12px); }
}

.svc__tabs{ position:sticky; }
.svc.is-live .svc__tabs{ position:sticky; }
.svc__ind{ position:absolute; left:0; top:0; background:var(--gold); z-index:0; transition:transform .5s cubic-bezier(.76,0,.24,1), width .5s cubic-bezier(.76,0,.24,1), height .5s cubic-bezier(.76,0,.24,1); }
.svc.is-live .svc__tab{ position:relative; z-index:1; }

.svc.is-live .svc__tab[aria-selected="true"]{ background:var(--gold); transition:background-color 0s linear .5s, color .2s; }
.svc__panel.is-entering .svc__intro, .svc__panel.is-entering .svc__name{ animation:band-in .6s var(--ease) both; }

.btn, .ftile--go{ transition:transform .35s var(--ease), background-color .2s, color .2s; }

@view-transition{ navigation:auto; }
.nav{ view-transition-name:site-nav; }
@media (prefers-reduced-motion: no-preference){
  ::view-transition-old(root){ animation:vt-out .22s ease both; }
  ::view-transition-new(root){ animation:vt-in .5s var(--ease) both; }
}
@keyframes vt-out{ to{ opacity:0; transform:translateY(-12px); } }
@keyframes vt-in{ from{ opacity:0; transform:translateY(16px); } }
@media (prefers-reduced-motion: reduce){
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*){ animation:none !important; }
}

.drift img{ transform:translateY(var(--drift, 0px)) scale(1.02); }

@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{ animation-duration:.01ms !important; animation-delay:0s !important; transition-duration:.01ms !important; transition-delay:0s !important; scroll-behavior:auto !important; }
  .pcg-armed [data-rise]:not(.is-in), .pcg-armed [data-stagger]:not(.is-in) > *{ transform:none; }
  .pcg-armed .stages:not(.is-in) .stage__bar{ transform:none; }
  .drift img{ transform:none; }
}

@media (max-width: 1080px){
  .nav__links, .nav .lang, .nav__cta{ display:none; }
  .burger{ display:block; }
  .svc{ grid-template-columns:1fr; }
  .svc__tabs{ position:sticky; top:var(--nav-h); z-index:5; grid-auto-flow:column; grid-auto-columns:minmax(150px, 1fr); overflow-x:auto; background:var(--bg); padding-block:8px; margin-inline:calc(-1 * var(--gut)); padding-inline:var(--gut); scrollbar-width:none; }
  .svc__tab{ min-height:60px; }
  .svc__tab:hover{ transform:none; }
  .panel__say{ grid-column:1 / -1; }
  .panel__text{ grid-column:1 / -1; margin-top:48px; grid-template-columns:1fr 1fr; gap:32px; }
  .panel__faces{ order:3; }
  .panel{ display:flex; flex-direction:column; min-height:0; }
  .ftile--say, .ftile--nav{ grid-column:span 6; }
  .ftile--mail{ grid-column:span 12; min-height:160px; }
  .ftile--word{ grid-column:span 12; }
  .ftile--go{ grid-column:span 12; min-height:200px; }
}
@media (max-width: 760px){
  :root{ --nav-h:64px; --fs-body:17px; --fs-hero:10.2vw; }
  .hero__title{ letter-spacing:-.05em; }
  .hero__foot{ grid-template-columns:1fr; }
  .hero__live, .hero__say{ grid-column:1 / -1; }
  .hero__say{ order:-1; }
  .phero__row > .lead, .phero__aside{ grid-column:1 / -1; }
  .work{ grid-template-columns:1fr 1fr; gap:10px; row-gap:36px; }
  .work__head{ grid-column:1 / -1; order:-1; }
  .tile, .tile--wide{ grid-column:span 2 !important; }
  .tile--tall{ grid-column:span 1 !important; }
  .tile__cap{ flex-direction:column; gap:2px; }
  .tile__cap span{ text-align:left; }
  .stages{ flex-direction:column; min-height:0; }
  .stage{ flex:none !important; }
  .stage__bar{ min-height:84px; flex:none; transform-origin:top center; }
  .pcg-armed .stages:not(.is-in) .stage__bar{ transform:scaleY(.2); }
  .panel{ margin:0 10px; padding:28px 20px; }
  .panel__text{ grid-template-columns:1fr; }
  .panel__faces figure{ width:30vw; max-width:140px; }
  .row{ font-size:9.6vw; min-height:84px; padding-inline:16px; }
  .split__h, .split__b, .closer .h2, .closer__act{ grid-column:1 / -1; }
  .pics .pic:nth-child(1), .pics .pic:nth-child(2){ grid-column:1 / -1; }
  .fields{ grid-template-columns:1fr; }
  .fact{ grid-template-columns:1fr; }
  .band{ grid-template-columns:1fr; padding:18px; }
  .band__p{ grid-column:1; grid-row:auto; text-align:left; }
  .price{ grid-template-columns:1fr; }
  .price strong{ grid-column:1; grid-row:auto; text-align:left; }
  .ftiles{ gap:6px; }
  .footer{ padding:6px; }
  .ftile{ padding:20px; }
  .ftile--word{ order:-2; min-height:160px; }
  .ftile--go{ order:-1; min-height:160px; }
  .ftile--say, .ftile--nav, .ftile--place, .ftile--mail{ grid-column:span 12; min-height:0; }
  .ftile--say{ gap:24px; }
  .next{ font-size:clamp(28px, 8vw, 40px); }
}

@media (forced-colors: active){
  .btn, .tag, .svc__tab{ border:2px solid ButtonText; }
}

.pol-grid{ display:grid; grid-template-columns:minmax(220px, 300px) minmax(0, 1fr); gap:clamp(32px, 5vw, 96px); align-items:start; }
.pol-toc{ font-size:var(--fs-small); }
.pol-toc h2{ font-size:var(--fs-small); font-weight:700; margin:24px 0 8px; }
.pol-toc ol{ list-style:decimal; padding-left:1.4em; display:grid; gap:2px; }
.pol-toc a{ display:inline; padding:4px 0; line-height:2; color:var(--ink-2); }
.pol-toc a:hover{ color:var(--ink); text-decoration:underline; text-underline-offset:3px; }
.pol-col{ max-width:72ch; }
.pol-lead{ font-size:var(--fs-lead); font-weight:500; line-height:1.45; margin-bottom:48px; }
.pol-art, .pol-doc{ scroll-margin-top:calc(var(--nav-h) + 24px); }
.pol-art{ margin-bottom:48px; }
.pol-art h2{ display:flex; gap:14px; align-items:baseline; font-size:clamp(22px, 2vw, 28px); font-weight:800; letter-spacing:-.02em; line-height:1.15; margin-bottom:14px; }
.pol-art h2 .n{ color:var(--ink-2); font-variant-numeric:tabular-nums; }
.pol-art p, .pol-art li{ font-size:var(--fs-small); line-height:1.65; }
.pol-art p + p{ margin-top:.8em; }
.pol-art ul, .pol-art ol{ list-style:disc; padding-left:1.2em; margin:.6em 0; }
.pol-art a, .pol-col a{ text-decoration:underline; text-underline-offset:3px; }
.pol-doc{ margin-top:96px; }
.pol-doc__h{ font-size:var(--fs-h2); font-weight:800; letter-spacing:-.03em; line-height:1; margin-bottom:28px; }
.pol-divider{ display:none; }
.pol-col table{ width:100%; border-collapse:collapse; margin:16px 0; font-size:var(--fs-small); }
.pol-col th, .pol-col td{ text-align:left; padding:10px 12px; border-bottom:1px solid var(--bone-2); vertical-align:top; }
.pol-col button{ font-weight:600; text-decoration:underline; background:none; border:0; padding:0; cursor:pointer; }
@media (max-width: 900px){
  .pol-grid{ grid-template-columns:1fr; }
  .pol-toc{ position:static; max-height:none; }
}
.pol-info{ background:var(--tone); padding:24px; font-size:var(--fs-small); line-height:1.7; margin-bottom:48px; }

@media (max-width: 760px){
  .hero{ min-height:auto; padding-block:56px 40px; }
  .hero__foot{ padding-top:48px; }
}

.consent__btn{ border-radius:0; }
@media (max-width: 760px){
  .consent{ display:grid; gap:12px; }
  .consent__txt{ max-width:none; font-size:14px; line-height:1.45; text-align:left; }
  .consent__row{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; width:100%; }
  .consent__btn{ min-height:48px; padding:8px 6px; font-size:14px; letter-spacing:0; }
}

@media (min-width: 761px){
  .split > .split__h{ align-self:start; position:sticky; top:calc(var(--nav-h) + 32px); }
}
@media (max-width: 1080px){
  .phero__row > .lead, .phero__aside{ grid-column:1 / -1; }
}
@media (max-width: 760px){
  .next{ font-size:clamp(22px, 6.6vw, 40px); }
}
.contact-faces{ display:flex; gap:16px; margin-top:40px; }
.contact-faces figure{ width:112px; aspect-ratio:1; border-radius:50%; overflow:hidden; background:var(--tone); }
.contact-faces img{ width:100%; height:100%; object-fit:cover; }

.faq-section .h2{ font-size:clamp(28px, 2.8vw, 44px); }

#vraag .aia-console{ background:var(--tone) !important; box-shadow:none !important; border:0 !important; }
#vraag .aia-console *{ text-transform:none !important; letter-spacing:normal !important; }
#vraag .aia-console small, #vraag .aia-console [class*="label"], #vraag .aia-console [class*="meta"]{ font-size:14px !important; }

@media (min-width: 761px){
  .pics{ align-items:stretch; }
  .pics .pic:nth-child(2):not(.pic--full){ position:relative; }
  .pics .pic:nth-child(2):not(.pic--full) img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:top center; }
}
@media (max-width: 760px){
  .pics .pic:nth-child(2):not(.pic--full){ max-width:300px; }
}

.hero{ position:relative; }
.hero__mark{ position:absolute; right:clamp(16px, 3vw, 60px); top:clamp(16px, 5vh, 64px); width:min(24vw, 340px); aspect-ratio:1; pointer-events:none; }
.hero__mark img{ position:absolute; inset:0; width:100%; height:100%; }
.hero__title{ position:relative; z-index:1; }

@media (prefers-reduced-motion: no-preference){
  .pcg-armed .hero__mark img{ animation:mark-rise 1.8s cubic-bezier(.76,0,.24,1) .15s both; }
}
@keyframes mark-rise{ from{ clip-path:inset(100% 0 0 0); transform:translateY(5%); } to{ clip-path:inset(0); transform:none; } }
.hero__mark-wrap{ position:absolute; inset:0; transform:translate3d(0, var(--hy, 0px), 0) scale(var(--hs, 1)); opacity:var(--ho, 1); transform-origin:70% 30%; }
@media (max-width: 1080px){
  .hero__mark{ width:min(40vw, 320px); top:24px; }
}
@media (max-width: 760px){
  .hero__mark{ position:relative; right:auto; top:auto; width:140px; margin:-8px 0 20px -10px; }
}

.hero:has(.hero__lines){ overflow:hidden; }
.hero__lines{ position:absolute; inset:0; z-index:0; pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg, rgba(0,0,0,.5) 0, rgba(0,0,0,.8) 35%, #000 65%);
          mask-image:linear-gradient(90deg, rgba(0,0,0,.5) 0, rgba(0,0,0,.8) 35%, #000 65%); }
.hero__lines canvas{ width:100%; height:100%; display:block; }
.hero__lines ~ .hero__mark{ z-index:1; }
.hero__lines ~ .hero__foot{ position:relative; z-index:1; }
}

.cases{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); column-gap:clamp(16px, 3vw, 48px); row-gap:clamp(56px, 7vw, 112px); }
.cases .case:nth-child(even){ margin-top:clamp(0px, 9vw, 160px); }
.case{ display:block; }
.case__media{ position:relative; display:block; margin-bottom:clamp(28px, 3vw, 44px); }
.case__img{ display:block; aspect-ratio:16 / 10; overflow:hidden; background:var(--tone); }
.case__img img{ width:100%; height:100%; object-fit:cover; object-position:top; transition:transform .9s var(--ease); }
.case:hover .case__img img{ transform:scale(1.035); }
.case__phone{ position:absolute; right:5%; bottom:-10%; width:21%; aspect-ratio:390 / 844; overflow:hidden; border:4px solid var(--onyx); border-radius:16px; background:var(--onyx); transition:transform .6s var(--ease); }
.case__phone img{ width:100%; height:100%; object-fit:cover; object-position:top; }
.case:hover .case__phone{ transform:translateY(-10px); }
.case__cap{ display:flex; justify-content:space-between; align-items:baseline; gap:16px; }
.case__cap b{ font-size:var(--fs-lead); font-weight:700; letter-spacing:-.015em; }
.case__cap span{ color:var(--ink-2); font-size:var(--fs-small); text-align:right; }
.case__tags{ display:flex; flex-wrap:wrap; gap:6px 16px; margin-top:6px; font-size:var(--fs-small); font-weight:600; }
.case__status{ color:var(--ink-2); font-weight:500; }
.case__status.is-live::before{ content:""; display:inline-block; width:8px; height:8px; border-radius:50%; background:#3FA66B; margin-right:8px; vertical-align:1px; }
@media (prefers-reduced-motion: no-preference){
  .case__img{ transition:clip-path 1.1s cubic-bezier(.76,0,.24,1); }
  .case__phone{ transition:transform .9s var(--ease) .35s, opacity .6s var(--ease) .35s; }
  .pcg-armed .case[data-rise]:not(.is-in){ opacity:1; transform:none; }
  .pcg-armed .case:not(.is-in) .case__img{ clip-path:inset(0 0 100% 0); }
  .pcg-armed .case:not(.is-in) .case__phone{ opacity:0; transform:translateY(40px); }
}
.case-full .pics .pic:nth-child(1) img{ aspect-ratio:16 / 10; object-fit:cover; object-position:top; }
@media (max-width: 760px){
  .cases{ grid-template-columns:1fr; }
  .cases .case:nth-child(even){ margin-top:0; }
  .case__cap{ flex-direction:column; gap:2px; }
  .case__cap span{ text-align:left; }
  .case__phone{ width:26%; border-width:3px; border-radius:12px; }
}
@media (max-width: 760px){
  .consent{ grid-template-columns:minmax(0, 1fr); padding-inline:12px; left:0; right:0; width:100%; box-sizing:border-box; }
  .consent__row{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
  .consent .consent__btn{ min-width:0; white-space:normal; padding:8px 4px; font-size:14px; letter-spacing:0; line-height:1.25; }
  .consent .consent__txt{ font-size:14px; }
  .row{ overflow-wrap:anywhere; }
  .row[href^="mailto:"]{ font-size:7.4vw; }
}

.faq-item__q a, .fact a, .fact dd a, .link{ display:inline-block; padding-block:3px; }

.shot{ overflow:hidden; }
.case__img.shot{ position:relative; }
.case__img.shot img, .case__phone.shot img{ display:block; width:100%; height:100%; max-width:none; object-fit:cover; object-position:50% 0%; }
.case:hover .case__img.shot img{ transform:none; }
.case-show{ display:block; max-width:1120px; margin:clamp(48px, 7vw, 96px) 0 clamp(24px, 4vw, 56px); }
.case-show .case__media{ margin-bottom:0; }
.case-full .split > .split__h{ position:static; }

.svc--work .svc__tab{ font-size:var(--fs-lead); font-weight:700; letter-spacing:-.01em; min-height:84px; }
.work-panel__head{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:16px 32px; margin-bottom:20px; }
.work-panel__head .svc__name{ margin-bottom:8px; }
.work-panel__links{ display:flex; flex-direction:column; align-items:flex-end; gap:2px; }
.work-panel .case-show{ max-width:none; margin:32px 0 56px; }
.work-panel__did{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
.work-panel__did .band{ grid-template-columns:1fr; align-content:start; }
.work-panel__did .band__p{ grid-column:1; grid-row:auto; text-align:left; color:var(--ink-2); }
.panel{ min-height:0; }
@media (max-width: 760px){
  .work-panel__links{ align-items:flex-start; }
  .work-panel__did{ grid-template-columns:1fr; }
  .svc--work .svc__tab{ font-size:var(--fs-body); min-height:64px; }
}

@media (max-width: 1080px){
  .stages{ flex-direction:column; min-height:0; gap:28px; }
  .stage{ flex:none !important; }
  .stage__bar{ height:auto; min-height:84px; transform-origin:top center; }
  .pcg-armed .stages:not(.is-in) .stage__bar{ transform:scaleY(.2); }
  .stage__txt{ max-width:48ch; }
}

.ftile--go svg{ color:var(--gold); }

@media (max-width: 760px){
  .svc__tabs{ position:static; grid-auto-flow:row; grid-template-columns:1fr 1fr; grid-auto-columns:auto; overflow:visible; margin-inline:0; padding:0; background:none; }
  .svc__tab{ min-height:64px; padding:10px 12px; }
}

@media (min-width: 1081px){ .svc__tab{ min-height:88px; } }

#vraag .aia-console, #vraag .aia-console *{ border-radius:0 !important; }

@media (max-width: 760px){ :root{ --fs-display:11.4vw; } }

.price strong.is-text{ font-size:var(--fs-body); font-weight:600; color:var(--ink-2); }

.cf-turnstile:empty{ display:none; }

.person .split__h figure{ max-width:180px; }
.person .split__h .h2{ margin-top:24px; }

@media (min-width: 761px){ .footer .ftile{ padding-inline:max(22px, calc(var(--gut) - 8px)); } }
.case-show{ padding-bottom:7%; }

@media (min-width: 761px){ .split > .split__h{ position:static; } .faq-section .split > .split__h{ position:sticky; } }
.person .split__h .h2{ font-size:clamp(28px, 3vw, 44px); }

.showcase{ display:grid; grid-template-columns:minmax(0, 7fr) minmax(0, 5fr); gap:clamp(24px, 4vw, 72px); align-items:start; }
.showcase__stage{ position:relative; aspect-ratio:16 / 10; margin-bottom:7%; }
.showcase__slide{ position:absolute; inset:0; opacity:0; visibility:hidden; transform:translateY(16px) scale(.985); transition:opacity .6s var(--ease), transform .9s var(--ease), visibility 0s linear .6s; }
.showcase__slide.is-active{ opacity:1; visibility:visible; transform:none; transition:opacity .6s var(--ease), transform .9s var(--ease); }
.showcase__slide .case__media{ margin:0; }
.showcase__list{ display:grid; gap:6px; }
.showcase__item{ position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 16px; padding:22px 24px; background:var(--tone); color:var(--ink); transition:background-color .35s var(--ease), color .35s var(--ease); }
.showcase__item:hover{ background:color-mix(in srgb, var(--tone) 70%, var(--onyx)); }
.showcase__item.is-active{ background:var(--onyx); color:var(--paper); }
.showcase__name{ grid-column:1; font-size:clamp(24px, 2.4vw, 34px); font-weight:800; letter-spacing:-.025em; line-height:1.05; }
.showcase__sector{ grid-column:1; font-size:var(--fs-small); color:var(--ink-2); }
.showcase__tags{ grid-column:1; margin-top:8px; font-size:var(--fs-small); font-weight:600; }
.showcase__item .case__status{ grid-column:2; grid-row:1; justify-self:end; align-self:center; font-size:var(--fs-small); white-space:nowrap; }
.showcase__item.is-active .showcase__sector, .showcase__item.is-active .case__status{ color:var(--mist); }
.showcase__bar{ position:absolute; left:0; bottom:0; width:100%; height:3px; background:var(--gold); transform:scaleX(0); transform-origin:left center; }
.showcase__item.is-active.is-running .showcase__bar{ transform:scaleX(1); transition:transform var(--cycle, 7s) linear; }
@media (max-width: 900px){
  .showcase{ grid-template-columns:1fr; gap:24px; }
  .showcase__name{ font-size:clamp(22px, 6vw, 28px); }
  .showcase__item{ padding:16px 18px; }
}
@media (max-width: 520px){
  .showcase__item{ grid-template-columns:1fr; }
  .showcase__item .case__status{ grid-column:1; grid-row:auto; justify-self:start; }
}

.cta-title{ margin-bottom:clamp(40px, 5vw, 72px); }
.cta-title .l1{ display:block; }
.cta-title .l2{ display:block; color:var(--hl, var(--gold)); }
.paths{ display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.path{ display:grid; gap:18px; align-content:start; padding:clamp(28px, 3.4vw, 52px); background:var(--tone); }
.path h3{ font-size:clamp(24px, 2.4vw, 34px); font-weight:800; letter-spacing:-.025em; line-height:1.08; }
.path p{ max-width:46ch; }
.path .scan{ margin-top:8px; }
.path__act{ display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; margin-top:8px; }
@media (max-width: 900px){ .paths{ grid-template-columns:1fr; } }
.paths{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
.path, .showcase > *{ min-width:0; }
@media (max-width: 900px){ .paths{ grid-template-columns:minmax(0, 1fr); } }
@media (max-width: 760px){
  .svc.is-live .svc__tabs{ position:static; }
  .path .scan__row .btn{ padding:0 16px; }
}
.showcase__item{ grid-template-columns:minmax(0, 1fr); }
.showcase__item .case__status{ grid-column:1; grid-row:auto; justify-self:start; margin-top:6px; }
.showcase__name{ font-size:clamp(22px, 2.1vw, 30px); }

.path, .scan{ grid-template-columns:minmax(0, 1fr); }
@media (max-width: 760px){
  .showcase{ gap:18px; }
  .showcase__stage{ margin-bottom:9%; }
  .showcase__list{ gap:4px; }
  .showcase__item{ padding:13px 16px; gap:2px; }
  .showcase__name{ font-size:20px; }
  .showcase__item:not(.is-active) .showcase__tags,
  .showcase__item:not(.is-active) .case__status{ display:none; }
  .showcase__item.is-active .showcase__tags{ margin-top:6px; }
}

.shot{ isolation:isolate; -webkit-mask-image:-webkit-radial-gradient(white, black); }
@media (max-width: 760px){
  .showcase .case__phone{ display:none; }
  .showcase__stage{ margin-bottom:0; }
}

@media (min-width: 761px){
  .split:has(> .split__b.facts) > .split__h,
  .split:has(> .split__b > .bands:only-child) > .split__h{ align-self:start; position:sticky; top:calc(var(--nav-h) + 32px); }
}

.scan__row input:focus-visible{ outline:2px solid var(--onyx); outline-offset:-6px; background:#fff; }

.field input, .field textarea{ border-color:color-mix(in srgb, var(--ink) 42%, transparent); }
.field input:focus-visible, .field textarea:focus-visible{ border-color:var(--gold); outline:2px solid var(--gold); outline-offset:2px; }

.panel__faces figure, .contact-faces figure, .person .pic{ border-radius:0; }
.panel__faces img, .contact-faces img, .person .pic img{ filter:grayscale(1) contrast(1.04); }

.stage:nth-child(1) .stage__bar{ background:#1E1E21; color:var(--gold-light); box-shadow:inset 0 3px 0 var(--gold); }
[data-field="bone"] .stage:nth-child(1) .stage__bar{ background:var(--onyx); }

@media (max-width: 760px){ .ftile--word span{ font-size:clamp(20px, 6vw, 34px); white-space:nowrap; } }

[data-portrait]{ border-radius:0; }
[data-portrait] img{ filter:grayscale(1) contrast(1.04); }