:root{--green-900:#071421;--green-800:#0A1B2D;--green-700:#102840;--green-600:#183656;--green-500:#234A72;--ivory:#F8F6F1;--ivory-2:#EFEBE2;--accent:#D4A259;--accent-hover:#E0B270;--accent-ink:#0A1B2D;--text-dark-fg:#F8F6F1;--text-dark-muted:#A9B4C0;--text-light-fg:#0A1B2D;--text-light-muted:#5B6270;--rule-dark:#F8F6F124;--rule-light:#0A1B2D24;--glass-dark:#ffffff12;--glass-dark-edge:#ffffff29;--glass-light:#ffffff8c;--glass-light-edge:#0A1B2D1f;--glass-blur:18px;--glass-saturate:140%;--font-display:"Playfair Display", Georgia, "Times New Roman", serif;--font-body:"Montserrat", "Helvetica Neue", Arial, sans-serif;--fs-h1:clamp(2.5rem, 1.6rem + 3.6vw, 4.5rem);--fs-h2:clamp(1.75rem, 1.3rem + 1.8vw, 2.625rem);--fs-h3:clamp(1.375rem, 1.15rem + .9vw, 1.875rem);--fs-h4:1.0625rem;--fs-body:1rem;--fs-small:.875rem;--fs-stat:clamp(2.5rem, 1.8rem + 2.8vw, 4rem);--lh-tight:1.05;--lh-snug:1.2;--lh-body:1.55;--ls-display:-.015em;--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;--s-7:3rem;--s-8:4rem;--s-9:6rem;--s-10:8rem;--section-y:clamp(4rem, 2.5rem + 6vw, 8rem);--container:1200px;--gutter:24px;--header-h:72px;--header-h-mobile:60px;--r-btn:6px;--r-panel:16px;--r-img:12px;--ease:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.16s;--dur:.28s;--dur-slow:.6s;--bg:var(--green-800);--bg-raised:var(--green-700);--fg:var(--text-dark-fg);--muted:var(--text-dark-muted);--rule:var(--rule-dark);--glass:var(--glass-dark);--glass-edge:var(--glass-dark-edge);--btn-bg:var(--accent);--btn-fg:var(--accent-ink);--btn-bg-hover:var(--accent-hover);--link:var(--accent)}.dark{--bg:var(--green-800);--bg-raised:var(--green-700);--fg:var(--text-dark-fg);--muted:var(--text-dark-muted);--rule:var(--rule-dark);--glass:var(--glass-dark);--glass-edge:var(--glass-dark-edge);--btn-bg:var(--accent);--btn-fg:var(--accent-ink);--btn-bg-hover:var(--accent-hover);--link:var(--accent);background:var(--bg);color:var(--fg)}.light{--bg:var(--ivory);--bg-raised:var(--ivory-2);--fg:var(--text-light-fg);--muted:var(--text-light-muted);--rule:var(--rule-light);--glass:var(--glass-light);--glass-edge:var(--glass-light-edge);--btn-bg:var(--green-800);--btn-fg:var(--ivory);--btn-bg-hover:var(--green-600);--link:var(--green-500);background:var(--bg);color:var(--fg)}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-weight:400}h1,h2,h3,h4{margin:0 0 var(--s-4);text-wrap:balance}h1,h2{font-family:var(--font-display);letter-spacing:var(--ls-display);font-weight:400}h1{font-size:var(--fs-h1);line-height:var(--lh-tight)}h2{font-size:var(--fs-h2);line-height:1.1}h3{font-size:var(--fs-h3);line-height:var(--lh-snug);font-weight:500}h4{font-size:var(--fs-h4);line-height:var(--lh-snug);font-weight:500}p{margin:0 0 var(--s-4);max-width:62ch}small,.small{font-size:var(--fs-small)}a{color:var(--link);text-decoration:none}a:hover{text-underline-offset:.15em;text-decoration:underline}.muted{color:var(--muted)}hr{border:0;border-top:1px solid var(--rule);margin:var(--s-6) 0}img,svg,video{max-width:100%;height:auto;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.light :focus-visible{outline-color:var(--green-600)}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);box-sizing:border-box;margin-inline:auto}.glass{background:var(--glass);border-radius:var(--r-panel);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:0;box-shadow:0 24px 60px #07142140}.light .glass{box-shadow:0 16px 40px #0A1B2D14}.btn{align-items:center;gap:var(--s-2);border-radius:var(--r-btn);border:1px solid var(--rule);color:var(--fg);font-family:var(--font-body);font-size:var(--fs-body);cursor:pointer;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);background:0 0;padding:.8em 1.4em;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--fg);text-decoration:none}.btn:active{transform:translateY(1px)}.btn-accent{background:var(--btn-bg);color:var(--btn-fg);border-color:#0000}.btn-accent:hover{background:var(--btn-bg-hover);border-color:#0000}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}button{font:inherit;color:inherit}ul,ol{margin:0;padding:0;list-style:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.section{padding-block:var(--section-y)}.gg-logo{align-items:center;gap:calc(var(--gg-h) * .55);color:var(--gg-fill);line-height:0;display:inline-flex}.gg-mark{height:calc(var(--gg-h) * 1.5);width:auto;display:block}.gg-wordmark{height:var(--gg-h);width:calc(var(--gg-h) * var(--ratio));display:block}.site-header{z-index:10;height:var(--header-h);background:var(--ivory);color:var(--text-light-fg);position:relative}.site-header.overlay{color:var(--ivory);transition:background var(--dur) var(--ease);background:0 0;position:fixed;inset:0 0 auto}.site-header.overlay.solid{backdrop-filter:blur(12px);background:#0A1B2Deb}.bar{justify-content:space-between;align-items:center;gap:24px;height:100%;display:flex}.brand{align-items:center;height:28px;display:inline-flex}.brand svg{width:auto;height:22px}nav ul{gap:28px;display:flex}nav a{opacity:.85;transition:opacity var(--dur-fast) var(--ease);font-size:15px}nav a:hover{opacity:1}.btn-dark{background:var(--green-800);color:var(--ivory);border-color:#0000}.btn-dark:hover{background:var(--green-600)}.site-header .btn{white-space:nowrap}@media (width<=900px){nav{display:none}.site-header{height:var(--header-h-mobile)}.site-header .btn{font-size:var(--fs-small);padding:.65em 1em}}.site-footer{background:var(--green-900);color:var(--text-dark-fg);padding:56px 0 32px}.grid{grid-template-columns:1fr auto;align-items:start;gap:32px 48px;display:grid}.brand svg{width:auto;height:20px}.tag{color:var(--text-dark-muted);max-width:none;margin-top:14px;font-size:14px}.links{flex-wrap:wrap;gap:20px;font-size:14px;display:flex}.links button{cursor:pointer;background:0 0;border:0;padding:0}.links a,.links button{color:var(--text-dark-fg)}.links a:hover,.links button:hover{text-underline-offset:3px;text-decoration:underline}.line{border-top:1px solid var(--rule-dark);max-width:none;color:var(--text-dark-muted);grid-column:1/-1;margin:0;padding-top:24px;font-size:13px}@media (width<=760px){.grid{grid-template-columns:1fr}}.cookie{z-index:50;padding:14px var(--gutter);color:var(--text-light-fg);background:var(--ivory);backdrop-filter:none;border:0;border-radius:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;font-size:14px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #0000001f}.cookie[hidden]{display:none}.cookie p{max-width:48ch;margin:0}.cookie a:not(.btn){color:var(--green-500);text-underline-offset:3px;text-decoration:underline}.actions{gap:8px;display:flex}.cookie .btn{font-size:14px}.btn-ghost{border:1px solid var(--rule-light);color:var(--text-light-fg);background:0 0}.cookie .btn-accent{background:var(--green-800);color:var(--ivory)}@media (width<=480px){.actions{width:100%}.actions .btn{flex:1;justify-content:center}}
@media(max-width:520px){.gg-logo--img.hdr .lw{display:none!important}}
.gg-flow{--ink:var(--flow-ink,#F8F6F1);--dot:var(--flow-dot,#6B7280);width:100%;height:auto;display:block;overflow:visible}.gg-flow__field circle{fill:var(--dot)}.gg-flow__rays line{stroke:var(--ink)}.gg-flow__centre{fill:var(--ink)}.intro{color:var(--muted);max-width:56ch;margin-bottom:var(--s-7);font-size:1.0625rem}h2{margin-bottom:var(--s-4);max-width:18ch}.num{color:var(--muted);font-size:var(--fs-small);line-height:1.6}.hero{align-items:flex-end;min-height:min(92vh,900px);display:flex;position:relative;overflow:hidden}.hero-img{object-fit:cover;object-position:70% 50%;width:100%;height:100%;position:absolute;inset:0}.hero-scrim{background:linear-gradient(#07142100 25%,#07142173 60%,#071421e6 100%),linear-gradient(100deg,#071421b3 0%,#07142126 55%,#07142100 100%);position:absolute;inset:0}.hero-copy{padding-top:calc(var(--header-h) + 120px);padding-bottom:clamp(24px,4vw,40px);position:relative}.stats{gap:var(--s-5);grid-template-columns:repeat(4,1fr);margin:clamp(56px,8vw,104px) 0 0;padding:0;display:grid}.stats div{flex-direction:column;gap:4px;display:flex}.stats dd{font-family:var(--font-display);margin:0;font-size:clamp(1.75rem,1.3rem + 1.6vw,2.5rem);font-weight:400;line-height:1}.stats dt{color:var(--muted);max-width:22ch;font-size:13px}.hero h1{max-width:14ch;margin-bottom:var(--s-5)}.hero .lead{max-width:48ch;color:var(--text-dark-fg);opacity:.88;margin-bottom:var(--s-6);font-size:1.125rem}.statement{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.say{padding:var(--section-y) var(--s-8) var(--section-y) max(var(--gutter), calc((100vw - var(--container)) / 2 + var(--gutter)));flex-direction:column;justify-content:center;display:flex}.say h2{margin:0 0 var(--s-5);max-width:16ch;font-size:clamp(1.75rem,1.2rem + 2.2vw,3rem);line-height:1.1}.say p{max-width:40ch;color:var(--muted);margin:0;font-size:1.0625rem}.statement-img{object-fit:cover;object-position:50% 42%;width:100%;height:100%;min-height:520px}.label{color:var(--muted);font-size:var(--fs-small);margin:0}.how-head{gap:var(--s-4) var(--s-6);margin-bottom:var(--s-7);grid-template-columns:10rem 1fr;align-items:start;display:grid}.how-head h2{max-width:28ch;margin:0;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.375rem);line-height:1.2}.stage{margin:0 auto var(--s-7);max-width:640px}.stage .gg-flow{--flow-ink:#0A1B2D;--flow-dot:#B4B8BF;width:100%}.steps{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.steps li{padding:0 var(--s-5);border-left:1px solid var(--rule)}.steps li:first-child{border-left:0;padding-left:0}.steps .num{margin-bottom:var(--s-4);display:block}.steps h4{margin:0 0 var(--s-2)}.steps p{color:var(--muted);font-size:var(--fs-small);max-width:26ch;margin:0}.tablist{gap:var(--s-7);border-bottom:1px solid var(--rule);margin-bottom:var(--s-6);display:flex}.tablist button{padding:0 0 var(--s-3);cursor:pointer;color:var(--muted);background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:2px;display:flex;position:relative}.tablist button:after{content:"";height:2px;transition:background var(--dur-fast) var(--ease);background:0 0;position:absolute;bottom:-1px;left:0;right:0}.tablist button[aria-selected=true]{color:var(--fg)}.tablist button[aria-selected=true]:after{background:var(--green-800)}.tab-label{font-size:1.125rem;font-weight:500;line-height:1.2}.tab-strap{font-size:var(--fs-small)}.panel{gap:var(--s-8);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;display:grid}.panel[hidden]{display:none}.panel-copy{padding:0}.panel-lead{margin-bottom:var(--s-6);max-width:52ch;font-size:1.0625rem}.panel h4{margin:0 0 var(--s-3)}.gets{margin-bottom:var(--s-6);column-gap:var(--s-6);border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;display:grid}.gets li{padding:var(--s-3) 0 var(--s-3) 1.1em;border-bottom:1px solid var(--rule);white-space:nowrap;text-overflow:ellipsis;position:relative;overflow:hidden}.gets li:before{content:"";background:var(--green-800);border-radius:50%;width:5px;height:5px;margin-top:-2.5px;position:absolute;top:50%;left:0}.who{border-collapse:collapse;width:100%;font-size:var(--fs-small);margin-bottom:var(--s-6)}.who th,.who td{text-align:left;vertical-align:top;padding:var(--s-3) var(--s-4) var(--s-3) 0;border-top:1px solid var(--rule)}.who thead th{color:var(--muted);border-top:0;padding-top:0;font-weight:500}.who tbody th{font-weight:500}.who td{color:var(--muted)}.panel-foot{align-items:center;gap:var(--s-5);flex-wrap:wrap;display:flex}.price{color:var(--muted);margin:0}.panel-img{top:calc(var(--header-h) + 24px);aspect-ratio:4/5;position:sticky}.panel-img img{object-fit:cover;width:100%;height:100%}#guild .panel-img img{object-position:30% 40%}.portal{padding-block:var(--section-y);position:relative;overflow:hidden}.portal-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.portal:before{content:"";z-index:1;background:linear-gradient(90deg,#071421f5 0%,#071421e6 40%,#071421d1 100%);position:absolute;inset:0}.portal-grid{z-index:2;gap:var(--s-8);grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:center;display:grid;position:relative}.portal-copy .intro{margin-bottom:var(--s-3);color:var(--text-dark-fg);opacity:.85}.card{font-size:var(--fs-small)}.card-top{justify-content:flex-end;padding:0 0 12px;display:flex}.live{color:var(--muted);align-items:center;gap:8px;font-weight:400;display:inline-flex}.live i{background:var(--accent);border-radius:50%;width:6px;height:6px}.card-cols{gap:var(--s-6);grid-template-columns:1fr 1fr;display:grid}.card-cols>div{padding:0}.card-label{color:var(--muted);margin:0 0 8px}.card-list li{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:10px 0;display:flex}.card-list li>span:first-child{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:10px;min-width:0;display:inline-flex;overflow:hidden}.meta{color:var(--muted);white-space:nowrap}.ini{background:#F8F6F124;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:500;display:inline-flex}.tag{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.tag:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.tag.soft{color:var(--muted)}.tag.soft:before{background:var(--muted)}.card-foot{padding:var(--s-5) 0 0}.signal{margin:0}.sectors{margin:var(--s-8) 0 0;padding-top:var(--s-6);border-top:1px solid var(--rule);gap:var(--s-4) var(--s-6);grid-template-columns:10rem 1fr;align-items:start;display:grid}.sector-grid{gap:var(--s-3) var(--s-6);grid-template-columns:repeat(3,1fr);display:grid}.sector-grid li{padding:var(--s-2) 0;border-bottom:1px solid var(--rule)}.contact-section{background:var(--green-900);padding-bottom:var(--s-8)}.contact{gap:var(--s-8);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;display:grid}.contact .intro{margin-bottom:var(--s-6)}.contact-actions{gap:var(--s-3);flex-wrap:wrap;display:flex}.person{align-items:center;gap:var(--s-4);display:flex}.portrait{object-fit:cover;border-radius:50%;flex:none;width:72px;height:72px}.name{margin:0;font-weight:500}.role{color:var(--muted);font-size:var(--fs-small);margin:0}@media (width<=900px){.portal-grid,.contact,.statement,.how-head,.sectors{grid-template-columns:1fr}.statement-img{aspect-ratio:4/3;min-height:0}.say{padding:var(--section-y) var(--gutter)}.steps{gap:var(--s-6) 0;grid-template-columns:1fr 1fr}.steps li:nth-child(3){border-left:0;padding-left:0}.gets{grid-template-columns:1fr}.gets li{white-space:normal}.portal:before{background:linear-gradient(#071421f5 0%,#071421e6 45%,#0714218c 100%)}.panel{grid-template-columns:1fr}.stats{gap:var(--s-4);grid-template-columns:1fr 1fr;padding:16px 20px}.steps{grid-template-columns:1fr}.steps li{border-left:0;padding:0}.sector-grid,.sectors,.card-cols{grid-template-columns:1fr}.panel-img{aspect-ratio:4/3;position:static}}@media (width<=720px){.hero{min-height:0}.hero-copy{padding-top:calc(var(--header-h-mobile) + 56vh)}.tablist{gap:var(--s-5)}.who td:last-child,.who th:last-child{padding-right:0}}

/* Warm advisory treatment */

img[alt^="De Markthal"],img[alt^="Inside the"]{border-radius:3px}
.hero-scrim{background:linear-gradient(#071421b8,#07142100 24%),linear-gradient(rgba(212,162,89,.08),rgba(212,162,89,.08)),linear-gradient(#07142100 25%,#07142166 60%,#071421d9 100%),linear-gradient(100deg,#071421a6 0%,#07142122 55%,#07142100 100%)}
.statement.light,#work{--bg:#EFEBE2;background:#EFEBE2}
.portrait{width:96px;height:96px;border:2px solid #D4A259;padding:3px;background:#0A1B2D}
body{line-height:1.7}
.hero-img{object-position:50% 50%}
.hero-scrim{background:linear-gradient(rgba(212,162,89,.06),rgba(212,162,89,.06)),linear-gradient(#07142100 30%,#07142159 62%,#071421d9 100%),linear-gradient(100deg,#071421f2 0%,#071421d4 40%,#07142130 74%,#07142100 100%)}
.shift{background:#EFEBE2;padding:clamp(64px,9vw,120px) 0}.shift-in{max-width:1152px;margin:0 auto;padding:0 24px}
.shift-eye{font:600 12px/1 Montserrat,sans-serif;letter-spacing:.2em;color:#8A6A2B;margin:0 0 28px}
.shift h2{font-family:"Playfair Display",Georgia,serif;font-weight:400;font-size:clamp(34px,4.6vw,56px);line-height:1.1;color:#0A1B2D;margin:0 0 20px}
.shift-sub{color:#5B6270;font-size:clamp(16px,1.5vw,19px);margin:0 0 48px;max-width:60ch}
.shift-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.sc{border-radius:6px;position:relative;overflow:hidden;min-height:340px;display:flex}
.sc-old{background:#F8F6F1;border:1px solid #0A1B2D1f;padding:40px;flex-direction:column;justify-content:space-between;gap:48px}
.sc-new{background:#0A1B2D;color:#F8F6F1}
.shift-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;opacity:.8;filter:saturate(.9)}
.sc-veil{position:absolute;inset:0;background:linear-gradient(180deg,#0A1B2D80,#0A1B2De6 75%)}
.sc-txt{position:relative;padding:40px;display:flex;flex-direction:column;justify-content:space-between;gap:48px;width:100%}
.sc-tag{font:600 12px/1 Montserrat,sans-serif;letter-spacing:.18em;margin:0}
.sc-old .sc-tag{color:#8A6A2B}.sc-new .sc-tag{color:#D4A259}
.sc h3{font-family:"Playfair Display",Georgia,serif;font-weight:500;font-size:clamp(26px,3vw,36px);line-height:1.2;margin:0}
.sc-old h3{color:#0A1B2D}.sc-old .sc-body{color:#5B6270}.sc-new .sc-body{color:#E6E9ED}
.sc-body{margin:0;font-size:16px;line-height:1.65;max-width:42ch}
.sc-old>*,.sc-txt>*{margin-top:0}
.shift-close{max-width:none!important;width:100%;text-align:center;font-weight:600;color:#0A1B2D;margin:44px 0 0}
@media(max-width:760px){.shift-cards{grid-template-columns:1fr}.sc{min-height:300px}.sc-old,.sc-txt{padding:28px}}
.office{background:#F8F6F1;padding:clamp(56px,8vw,104px) 0}.office-in{max-width:1152px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.office img{width:100%;height:auto;border-radius:4px;display:block}
.office h2{font-family:"Playfair Display",Georgia,serif;font-weight:400;font-size:clamp(30px,3.6vw,44px);line-height:1.15;color:#0A1B2D;margin:0 0 18px}
.office-txt p:last-child{color:#5B6270;font-size:17px;line-height:1.7;margin:0;max-width:40ch}
@media(max-width:760px){.office-in{grid-template-columns:1fr}}
.hero-eye{font:600 12px/1 Montserrat,sans-serif;letter-spacing:.22em;color:#D4A259;margin:0 0 24px}
.ftr-line{font:600 11px/1 Montserrat,sans-serif;letter-spacing:.2em;color:#D4A259;margin:14px 0 0}
.hero h1{max-width:16ch!important}
.hero-scrim::after{content:"";position:absolute;left:0;right:0;top:0;height:150px;background:linear-gradient(#071421e0,#07142100)}
.hero-eye{text-shadow:0 1px 8px #071421}
@media(min-width:861px){.stats{grid-template-columns:repeat(5,1fr)!important}}
.sc-old{position:relative;overflow:hidden}.sc-old>*:not(.shift-photo):not(.sc-veil){position:relative;z-index:1}
.shift-photo--old{object-position:50% 22%;opacity:1;filter:saturate(.9)}
.sc-veil--old{background:linear-gradient(90deg,#F8F6F1 0%,#F8F6F1f2 42%,#F8F6F1b8 100%)}
#work .container>h2,#work .container>.intro{text-align:center;margin-left:auto;margin-right:auto}
#work .container>.intro{max-width:46ch}
.tablist{justify-content:center;gap:0;border:1px solid #0A1B2D33;border-radius:999px;background:#F8F6F1;padding:6px;width:max-content;max-width:100%;margin:36px auto 56px!important}
.tablist button{align-items:center!important;padding:14px 40px!important;border-radius:999px;min-width:220px;color:#5B6270;transition:background .2s,color .2s;text-align:center}
.tablist button:after{display:none!important}
.tablist button:not([aria-selected=true]){color:#4B5563!important;background:transparent!important}.tablist button:not([aria-selected=true]):hover{background:#0A1B2D0D!important}
.tablist button[aria-selected=true]{background:#0A1B2D!important;color:#F8F6F1!important}
.tablist button[aria-selected=true] .tab-label{color:#D4A259!important}
.tablist button[aria-selected=true] .tab-strap{color:#F8F6F1!important}
.tab-label{letter-spacing:.14em;font-weight:600!important}
.tablist button:focus-visible{outline:2px solid #D4A259;outline-offset:2px}
@media(max-width:560px){.tablist{width:100%}.tablist button{min-width:0;flex:1;padding:12px 10px!important}}

.pq{display:block;margin:20px 0 0;padding-left:16px;border-left:2px solid #D4A259;font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:1.15rem;line-height:1.4;color:#0A1B2D}
.eng{background:#0A1B2D;color:#F8F6F1;padding:clamp(64px,9vw,120px) 24px}
.eng-in{max-width:1152px;margin:0 auto}
.eng h2{font-family:"Playfair Display",Georgia,serif;font-weight:500;font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1.15;max-width:22ch;margin:0 0 24px;color:#F8F6F1}
.eng-lead{max-width:62ch;font-size:1.125rem;line-height:1.65;color:#F8F6F1CC;margin:0 0 44px}
.eng-flow{list-style:none;margin:0 0 40px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.eng-flow li{padding:8px 12px;white-space:nowrap;border:1px solid #D4A25966;border-radius:999px;font-size:.85rem;color:#F8F6F1}
.eng-flow li:not(:last-child):after{content:"→";margin-left:8px;color:#D4A259}
.eng-flow li:last-child{background:#D4A259;color:#0A1B2D;border-color:#D4A259;font-weight:600}
.eng-quote{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:clamp(1.4rem,2.4vw,1.9rem);color:#D4A259;margin:0 0 48px;max-width:40ch}
.eng-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0 0 64px}
.eng-cols>div{padding:28px;border:1px solid #F8F6F122;border-radius:4px}
.eng-cols .eng-new{border-color:#D4A259;background:#D4A25910}
.eng-k{font:600 .75rem/1 Montserrat,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#9AA3B0;margin:0 0 14px!important}
.eng-new .eng-k{color:#D4A259}
.eng-cols p{margin:0;line-height:1.6;color:#F8F6F1DD}
.eng h3{font-family:"Playfair Display",Georgia,serif;font-weight:500;font-size:1.6rem;margin:0 0 10px;color:#F8F6F1}
.eng-sub{color:#F8F6F1CC;margin:0 0 20px;max-width:60ch}
.eng-list{list-style:none;margin:0 0 32px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px;border-top:1px solid #F8F6F122}
.eng-list li{padding:14px 0;border-bottom:1px solid #F8F6F122}
.eng-close{max-width:62ch;color:#F8F6F1CC;line-height:1.65;margin:0}
@media(max-width:760px){.eng-cols{grid-template-columns:1fr}.eng-list{grid-template-columns:1fr 1fr}.eng-flow li:not(:last-child):after{margin-left:10px}}
@media(max-width:480px){.eng-list{grid-template-columns:1fr}}

.pstate{font-family:"Playfair Display",Georgia,serif;font-size:clamp(1.4rem,2.2vw,1.8rem);line-height:1.25;color:#0A1B2D;margin:0 0 16px}
.gcards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 20px}
.gcard{padding:18px 20px;border:1px solid #0A1B2D1F;border-radius:4px;background:#F8F6F1}
.gcard h5{margin:0 0 6px;font:600 .95rem/1.3 Montserrat,sans-serif;color:#0A1B2D;display:flex;align-items:center;gap:10px}
.gcard h5:before{content:"";width:18px;height:2px;background:#D4A259;flex:none}
.gcard p{margin:0;font-size:.9rem;line-height:1.5;color:#4B5563}
.regie{display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;align-items:baseline;background:#0A1B2D;color:#F8F6F1;padding:18px 22px;border-radius:4px;margin:0 0 36px}
.regie span:first-child{font:600 .72rem/1.4 Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#D4A259}
.regie span:last-child{font-size:.95rem}
.gl{list-style:none;margin:0 0 24px;padding:0;border-top:1px solid #0A1B2D1F}
.gl li{padding:12px 0 12px 1.1em;border-bottom:1px solid #0A1B2D1F;position:relative}
.gl li:before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:#D4A259}
.mv{background:#EFEBE4;padding:clamp(64px,9vw,112px) 24px}
.mv-in{max-width:1152px;margin:0 auto}
.mv h2{font-family:"Playfair Display",Georgia,serif;font-weight:400;font-size:clamp(2rem,3.8vw,2.9rem);color:#0A1B2D;margin:0 0 12px}
.mv-sub{color:#4B5563;margin:0 0 40px;font-size:1.05rem}
.mv-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mv-cards article{padding:clamp(28px,3.5vw,44px);border-radius:14px;border:1px solid #0A1B2D1F;display:flex;flex-direction:column;gap:18px;position:relative}
.mv-cards article:before{content:"";width:48px;height:2px;background:#D4A259}
.mv-a{background:#0A1B2D;color:#F8F6F1;border-color:#0A1B2D!important}
.mv-b{background:#F8F6F1;color:#0A1B2D}
.mv-k{margin:0!important;font:600 .75rem/1 Montserrat,sans-serif;letter-spacing:.16em;color:#D4A259}
.mv-cards h3{font-family:"Playfair Display",Georgia,serif;font-weight:400;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.2;margin:0}
.mv-cards p:last-child{margin:0;line-height:1.65;opacity:.9}
@media(max-width:760px){.mv-cards{grid-template-columns:1fr}.gcards{grid-template-columns:1fr}}
#work .container>h2{max-width:none!important}
.mv--in{background:transparent;padding:clamp(48px,7vw,88px) 0 0;margin-top:clamp(48px,7vw,88px);border-top:1px solid #0A1B2D1F}.mv--in .mv-in{max-width:none}
.how-head h2{max-width:40ch!important;font-size:clamp(1.4rem,2.4vw,2rem)!important}

.mbtn{display:none;width:44px;height:44px;border:0;background:transparent;cursor:pointer;padding:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;color:#F8F6F1}
.mbtn span{display:block;width:22px;height:2px;background:#F8F6F1;border-radius:2px;transition:transform .2s,opacity .2s}
.mbtn[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mbtn[aria-expanded=true] span:nth-child(2){opacity:0}
.mbtn[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mnav{display:none}
@media(max-width:900px){
 .site-header .bar{gap:8px}
 .site-header .bar>.btn{margin-left:auto}
 .mbtn{display:flex}
 .mnav:not([hidden]){display:flex;flex-direction:column;position:fixed;left:0;right:0;top:var(--header-h-mobile,64px);z-index:9;background:#0A1B2D;padding:8px 24px 20px;border-top:1px solid #F8F6F122;box-shadow:0 18px 30px #0008}
 .mnav a{color:#F8F6F1;font-size:1.1rem;padding:16px 0;border-bottom:1px solid #F8F6F122;display:flex;justify-content:space-between;align-items:baseline}
 .mnav a small{font-size:.8rem;color:#D4A259}
 .mnav a:last-child{border-bottom:0}
 .site-header.menu-open{background:#0A1B2D!important}
}


/* Grid & Guild 2026: refined content additions */
.gg-compare{margin:2.5rem 0 3rem}.gg-compare h3{font-family:inherit;font-size:clamp(1.35rem,2.5vw,2rem);margin:.5rem 0 1.3rem}.gg-compare-scroll{overflow-x:auto;border:1px solid rgba(21,42,56,.16);border-radius:5px}.gg-compare table{width:100%;border-collapse:collapse;min-width:610px;text-align:left}.gg-compare th,.gg-compare td{padding:1rem 1.1rem;border-bottom:1px solid rgba(21,42,56,.12);vertical-align:top;line-height:1.55}.gg-compare thead{background:#12283b;color:#f7f3e9}.gg-compare tbody th{width:20%;font-weight:600}.gg-compare tbody td{width:40%}.gg-compare tbody tr:last-child>*{border-bottom:0}.gg-compare tbody tr:nth-child(even){background:rgba(19,44,60,.035)}.gg-proof{padding-top:5rem;padding-bottom:5rem}.gg-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:2.3rem}.gg-proof-grid article{border-top:1px solid #bba16d;padding-top:1rem}.gg-proof-grid h3{font-size:1.1rem;margin-bottom:.6rem}.gg-proof-grid p{line-height:1.7}@media(max-width:680px){.gg-proof-grid{grid-template-columns:1fr}.gg-compare th,.gg-compare td{padding:.8rem}}


/* Grid & Guild — premium responsive enhancements */
html{scroll-behavior:smooth;scroll-padding-top:88px}body{overflow-x:hidden}img,svg{max-width:100%} .container,.eng-in,.shift-in,.mv-in{min-width:0}
.talent-visual{margin:clamp(28px,5vw,68px) 0 42px;padding:clamp(20px,3.5vw,42px);border:1px solid rgba(213,180,119,.34);border-radius:4px;background:linear-gradient(145deg,#0a2030 0%,#102c3d 55%,#071824 100%);color:#f7f1e5;overflow:hidden}
.talent-visual__intro{text-align:center;max-width:610px;margin:0 auto}.talent-visual__eyebrow{font-size:11px;letter-spacing:.23em;color:#d5b477;font-weight:600}.talent-visual__intro h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(26px,3.5vw,43px);line-height:1.13;margin:13px 0}.talent-visual__intro p{font-size:clamp(14px,1.5vw,16px);line-height:1.65;color:#d5dee2;margin:0 auto}.talent-visual__canvas{width:100%;max-width:720px;margin:5px auto -5px}.talent-visual__lines{display:block;width:100%;height:auto}.talent-visual__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;border-top:1px solid rgba(213,180,119,.24);padding-top:20px}.talent-visual__steps span{font-size:12px;line-height:1.45;letter-spacing:.02em;color:#f2e8d7}.talent-visual__steps b{color:#d5b477;font-weight:600;margin-right:8px}
.gg-compare-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.gg-compare-scroll table{min-width:640px}.gg-compare-scroll th,.gg-compare-scroll td{overflow-wrap:break-word}
@media(max-width:900px){.site-header .bar{gap:12px}.site-header .brand{min-width:0}.site-header .btn{max-width:100%;white-space:nowrap}.hero h1{overflow-wrap:normal}.talent-visual__steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){html{scroll-padding-top:70px}body{font-size:16px}.hero h1{font-size:clamp(33px,9vw,48px)!important;line-height:1.09!important;hyphens:auto}.hero .talent-visual{padding:20px 13px 19px;margin:28px 0}.talent-visual__intro h3{font-size:29px}.talent-visual__canvas{margin:10px -8px 0;width:calc(100% + 16px)}.talent-visual__steps{gap:12px 8px;padding-top:16px}.talent-visual__steps span{font-size:11px}.talent-visual__steps b{display:block;margin:0 0 3px}.gg-compare-scroll{margin-right:-10px}.gg-compare-scroll table{min-width:600px}.gg-compare-scroll th,.gg-compare-scroll td{font-size:12px;padding:10px!important}.cookie{max-height:45vh;overflow-y:auto}.mnav:not([hidden]){z-index:1000}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* Compacte, conversiegerichte opbouw */
#engine .eng-in{padding-top:clamp(54px,6vw,90px);padding-bottom:clamp(54px,6vw,90px)}
#engine .eng-lead{max-width:850px}
#engine .talent-visual{margin-top:clamp(22px,3vw,42px)}
#engine .eng-quote{margin-top:22px}
@media(max-width:760px){#engine .eng-in{padding-top:52px;padding-bottom:52px}#engine h2{font-size:clamp(30px,8vw,46px)}#engine .talent-visual{max-width:100%;overflow:hidden}}


.talent-visual__canvas{height:auto!important;min-height:0!important;max-width:1180px;margin:22px auto 0;overflow:hidden;border-radius:12px;background:#0a1e2c;}
.talent-visual__canvas img{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:1672/438;}
@media(max-width:700px){.talent-visual__canvas{margin-top:16px;border-radius:9px}.talent-visual__canvas img{aspect-ratio:4/3;object-fit:cover;object-position:55% center}}


/* Grid & Guild brand book v1.0 — typographic and visual correction */
:root{--brand-navy:#0A1B2D;--brand-gold:#D4A259;--brand-ivory:#F8F6F1;--brand-stone:#6B7280}
body,button,input,textarea,select,nav,table,p,li,small,label,.btn,.tab-label,.tag,.talent-visual__eyebrow,.talent-visual__steps{font-family:"Montserrat",Arial,sans-serif!important}
h1,h2,h3,h4,h5,h6,.talent-visual__intro h3,.shift h2,.eng h2,.eng h3,.sc h3{font-family:"Playfair Display",Georgia,serif!important;font-weight:400!important;letter-spacing:0!important}
.talent-visual{background:#0A1B2D!important;border:1px solid rgba(248,246,241,.14)!important;border-radius:0!important;box-shadow:none!important;padding:clamp(20px,3vw,34px)!important}
.talent-visual__eyebrow{color:#D4A259!important}
.talent-visual__intro h3{color:#F8F6F1!important}
.talent-visual__intro p{color:#F8F6F1!important;font-weight:300!important}
.talent-visual__canvas{border-radius:0!important;background:#0A1B2D!important;max-width:100%!important;max-height:380px!important;margin:26px auto 0!important}
.talent-visual__canvas img{aspect-ratio:2.7/1!important;object-fit:cover!important;object-position:center 42%!important;filter:saturate(.82)!important}
.talent-visual__steps{border-top:1px solid rgba(248,246,241,.22)!important;margin-top:20px!important;gap:0!important}
.talent-visual__steps span{font-family:"Montserrat",Arial,sans-serif!important;font-weight:300!important;color:#F8F6F1!important;border-right:1px solid rgba(248,246,241,.14);padding:0 14px!important}
.talent-visual__steps span:last-child{border-right:0}
.talent-visual__steps b{color:#D4A259!important}
@media(max-width:700px){.talent-visual__canvas{max-height:none!important}.talent-visual__canvas img{aspect-ratio:4/3!important;object-position:50% center!important}.talent-visual__steps span{padding:8px!important}.talent-visual__steps span:nth-child(2){border-right:0}}


/* Grid & Guild brand-consistent network illustration */
.talent-visual__intro h3{font-family:"Playfair Display",Georgia,serif!important;font-weight:400!important}
.talent-visual__canvas{max-width:920px!important;margin:28px auto 22px!important;overflow:hidden;border-radius:3px}
.talent-visual__canvas img{display:block;width:100%;height:auto;aspect-ratio:960/525;object-fit:cover;object-position:center}
.talent-visual__steps{border-top:1px solid rgba(212,162,89,.24)!important}
.talent-visual__steps b,.talent-visual__eyebrow{color:#D4A259!important}
@media(max-width:600px){.talent-visual__canvas{margin:18px auto!important}.talent-visual__canvas img{aspect-ratio:4/3;object-fit:cover;object-position:53% center}}

.hero-img{object-position:50% 50%!important}

/* Preserve original Witte Huis hero and its focal point on narrow screens. */
@media (max-width:720px){
 .hero-img{object-position:76% 50%!important}
 .hero{min-height:760px}
 .hero-copy{padding-top:calc(var(--header-h-mobile) + 340px)}
}
@media (max-width:420px){
 .hero-img{object-position:76% 50%!important}
 .hero-copy{padding-top:calc(var(--header-h-mobile) + 310px)}
}
/* Consistent house-style typography, including the ampersand in text. */
body,button,input,textarea,select{font-family:var(--font-body)}
h1,h2,.talent-visual__intro h3{font-family:var(--font-display)}


/* Final responsive DTP refinements — original identity and photography preserved. */
html,body{max-width:100%;overflow-x:clip}
img{max-width:100%}
h1,h2,h3,h4,p{overflow-wrap:break-word}
.hero-copy h1,.hero-copy .lead{overflow-wrap:normal}
@media (min-width:901px){
 .hero-copy{padding-bottom:clamp(36px,4vw,60px)}
 .hero-img{object-position:50% 50%!important}
 .panel-img img{border-radius:3px}
}
@media (max-width:900px){
 .container{padding-inline:clamp(18px,4vw,28px)}
 .portal-grid,.contact,.office-in{min-width:0}
 .panel-img{width:100%;max-width:100%;overflow:hidden}
 .panel-img img{max-width:100%}
 .tablist{max-width:100%}
 .stats{min-width:0}
}
@media (max-width:720px){
 :root{--gutter:20px;--section-y:clamp(52px,10vw,76px)}
 .hero{min-height:0!important}
 .hero-img{object-position:76% 50%!important}
 .hero-copy{padding-top:clamp(390px,108vw,520px)!important;padding-bottom:28px}
 .hero h1{font-size:clamp(2.2rem,9vw,3.35rem);line-height:1.08;max-width:15ch!important}
 .hero .lead{font-size:1rem;line-height:1.55;max-width:35ch}
 .hero-scrim{background:linear-gradient(180deg,rgba(7,20,33,.45) 0%,rgba(7,20,33,.05) 22%,rgba(7,20,33,.20) 42%,rgba(7,20,33,.96) 68%,#071421 100%)!important}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px 0;gap:20px 14px;margin-top:38px}
 .stats dt{font-size:12px;line-height:1.45}
 .shift-in,.office-in{padding-inline:20px}
 .sc{min-height:280px}
 .sc-old,.sc-txt{padding:26px}
 .tablist{margin:26px auto 36px!important}
 .tablist button{padding:12px 10px!important}
 .tab-label{font-size:1rem;letter-spacing:.07em}
 .tab-strap{font-size:.72rem}
 .gets{grid-template-columns:1fr}
 .who{table-layout:fixed}
 .who th,.who td{overflow-wrap:anywhere}
 .portal-grid{gap:32px}
 .card-cols{gap:18px}
 .contact-actions .btn{justify-content:center}
 .site-footer .links{gap:14px 20px}
}
@media (max-width:390px){
 :root{--gutter:18px}
 .hero-copy{padding-top:390px!important}
 .hero h1{font-size:clamp(2rem,9vw,2.5rem)}
 .tablist button{padding:11px 8px!important}
 .tab-strap{font-size:.67rem}
 .shift-in,.office-in{padding-inline:18px}
}

/* ===== Aanpassingen 27-10-2026 ===== */
/* Header: kleinere knop, taalkeuze */
.site-header .bar{gap:20px}
.site-header .btn.btn-accent{font-size:13px;padding:.6em 1.05em;letter-spacing:.02em}
.lang{display:flex;align-items:center;gap:6px;font:500 12px/1 Montserrat,sans-serif;letter-spacing:.08em}
.lang a{display:inline-flex;align-items:center;gap:6px;color:inherit;opacity:.55;text-decoration:none;padding:6px 4px}
.lang a[aria-current]{opacity:1}
.lang a:hover{opacity:1}
.lang svg{width:18px;height:12px;border-radius:2px;display:block}
.mnav .lang{padding-top:12px}
@media (max-width:900px){.site-header .lang{display:none}}

/* Hero: tagline als hoofdboodschap */
.hero h1.tagline{font-size:clamp(2.5rem,1.5rem + 3.6vw,4.3rem);line-height:1.06;max-width:none!important;margin-bottom:22px}
.hero h1.tagline span{display:block}
@media (min-width:700px){.hero h1.tagline span,.hero h1.tagline em{white-space:nowrap}}
.hero h1.tagline em{display:block;font-style:italic;color:#D4A259}
.hero-sub{font-family:"Playfair Display",Georgia,serif!important;font-weight:400;font-size:clamp(1.25rem,1rem + .9vw,1.7rem);line-height:1.3;color:#F8F6F1;max-width:30ch;margin:0 0 16px}
.hero .lead{font-size:1.05rem}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.hero-ctas .btn{font-size:14px;padding:.75em 1.3em}
.btn-line{border:1px solid #F8F6F166;color:#F8F6F1;background:transparent}
.btn-line:hover{border-color:#F8F6F1}

/* Missie & visie: eigen lichte sectie met marges */
.mv--in{background:#F8F6F1;padding:clamp(64px,9vw,112px) 24px;margin:0;border:0}
.mv--in .mv-in{max-width:1152px;margin:0 auto}
.mv--in .shift-eye{margin-bottom:18px}

/* Eyebrows overal gelijk (goud, kapitalen) */
.gg-proof .label,.gg-compare .label{font:600 12px/1 Montserrat,sans-serif;letter-spacing:.2em;color:#8A6A2B;margin:0 0 18px;text-transform:uppercase}

/* Grid-methode: geanimeerd raster in plaats van foto */
#engine .eng-in{padding-bottom:0}
#engine .eng-quote{margin-bottom:0}
.talent-visual__canvas{aspect-ratio:auto!important;max-height:none!important;background:transparent!important;overflow:visible!important}
.gm{display:block;width:100%;height:auto}
.gm-dots circle{fill:#F8F6F1;opacity:.16}
.gm-s1 circle{fill:#F8F6F1;opacity:0;animation:gm1 12s infinite;animation-delay:calc(var(--i)*60ms)}
.gm-s2 line{stroke:#D4A259;stroke-width:1;opacity:.6;stroke-dasharray:1;stroke-dashoffset:1;animation:gm2 12s infinite;animation-delay:calc(var(--i)*70ms)}
.gm-s3 circle{fill:#D4A259;opacity:0;animation:gm3 12s infinite;animation-delay:calc(var(--i)*90ms)}
.gm-s3 circle.ring{fill:none;stroke:#D4A259;stroke-width:1;transform-box:fill-box;transform-origin:center;animation-name:gm3r}
.gm-s4 line{stroke:#F7E6BD;stroke-width:1.2;stroke-dasharray:1;stroke-dashoffset:1;animation:gm4 12s infinite;animation-delay:calc(var(--i)*120ms)}
.gm-s4 rect{fill:none;stroke:#F7E6BD;stroke-width:1.4;opacity:0;animation:gm4r 12s infinite}
.gm-core circle:first-child{fill:none;stroke:#D4A259;stroke-width:1.2}
.gm-core circle:last-child{fill:#D4A259}
@keyframes gm1{0%{opacity:0}7%,94%{opacity:.8}100%{opacity:0}}
@keyframes gm2{0%,25%{stroke-dashoffset:1;opacity:.6}34%{stroke-dashoffset:0}94%{opacity:.6;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0}}
@keyframes gm3{0%,50%{opacity:0}56%,94%{opacity:1}100%{opacity:0}}
@keyframes gm3r{0%,50%{opacity:0;transform:scale(.4)}58%{opacity:.9;transform:scale(1)}70%{opacity:0;transform:scale(1.8)}100%{opacity:0}}
@keyframes gm4{0%,75%{stroke-dashoffset:1;opacity:1}84%{stroke-dashoffset:0}94%{opacity:1;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0}}
@keyframes gm4r{0%,82%{opacity:0}86%,94%{opacity:1}100%{opacity:0}}
.talent-visual__steps span{animation:gmcap 12s infinite}
.talent-visual__steps span:nth-child(2){animation-delay:3s}
.talent-visual__steps span:nth-child(3){animation-delay:6s}
.talent-visual__steps span:nth-child(4){animation-delay:9s}
@keyframes gmcap{0%,24%{opacity:1}25%,100%{opacity:.5}}
@media (prefers-reduced-motion:reduce){
 .gm *{animation:none!important}
 .gm-s1 circle{opacity:.8}.gm-s2 line,.gm-s4 line{stroke-dashoffset:0}
 .gm-s3 circle{opacity:1}.gm-s3 circle.ring{opacity:.5}.gm-s4 rect{opacity:1}
 .talent-visual__steps span{animation:none!important;opacity:1}
}

/* Footer */
.site-footer .links a{color:inherit}
.site-footer .line small a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* Subpagina's (contact, privacy) */
.page{background:#F8F6F1;color:#0A1B2D}
.page-hero{background:#0A1B2D;color:#F8F6F1;padding:calc(var(--header-h) + 64px) 0 56px}
.page-hero .shift-eye{color:#D4A259}
.page-hero h1{font-family:"Playfair Display",Georgia,serif;font-weight:400;font-size:clamp(2.2rem,1.6rem + 2.6vw,3.6rem);line-height:1.1;margin:0 0 16px;max-width:20ch;color:#F8F6F1}
.page-hero p.lead{max-width:56ch;font-size:1.08rem;line-height:1.7;color:#F8F6F1D9;margin:0}
.page-body{padding:clamp(48px,7vw,88px) 0}
.prose{max-width:720px}
.prose h2{font-family:"Playfair Display",Georgia,serif;font-weight:400;font-size:1.6rem;margin:2.2em 0 .6em}
.prose h2:first-child{margin-top:0}
.prose p,.prose li{font-weight:300;font-size:17px;line-height:1.75;color:#2A3442}
.prose a{color:#0A1B2D;text-decoration:underline;text-underline-offset:3px}
.prose table{border-collapse:collapse;width:100%;font-size:15px;margin:1em 0}
.prose th,.prose td{text-align:left;padding:10px 12px 10px 0;border-bottom:1px solid #0A1B2D1F;vertical-align:top;font-weight:300}
.prose th{font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#6B7280}

/* Contact */
.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 40px;border:0;padding:0;min-width:0}
.choices legend{font:600 12px/1 Montserrat,sans-serif;letter-spacing:.2em;color:#8A6A2B;margin-bottom:18px;text-transform:uppercase;padding:0}
.choice{position:relative;display:flex;flex-direction:column;gap:10px;padding:26px 24px;background:#fff;border:1px solid #0A1B2D1F;border-radius:4px;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.choice:hover{border-color:#0A1B2D66}
.choice input{position:absolute;opacity:0;pointer-events:none}
.choice:has(input:checked){border-color:#D4A259;box-shadow:inset 0 0 0 1px #D4A259}
.choice:has(input:focus-visible){outline:2px solid #D4A259;outline-offset:3px}
.choice svg{width:28px;height:28px;stroke:#0A1B2D;fill:none;stroke-width:1.3}
.choice b{font-family:"Playfair Display",Georgia,serif;font-weight:400;font-size:1.3rem}
.choice span{font-weight:300;font-size:15px;line-height:1.55;color:#4B5563}
.choice a{color:#0A1B2D;font-weight:500}
.contact-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(32px,6vw,80px);align-items:start}
.form{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}
.form .full{grid-column:1/-1}
.form label{display:flex;flex-direction:column;gap:8px;font:600 12px/1.2 Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#0A1B2D}
.form label small{font-weight:300;text-transform:none;letter-spacing:0;color:#6B7280}
.form input,.form select,.form textarea{font:300 16px/1.5 Montserrat,sans-serif;color:#0A1B2D;background:#fff;border:1px solid #0A1B2D33;border-radius:3px;padding:12px 14px;letter-spacing:0;text-transform:none}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:#D4A259;box-shadow:0 0 0 3px #D4A25933}
.form textarea{min-height:130px;resize:vertical}
.form .btn{justify-self:start;font-size:14px;padding:.85em 1.5em}
.form-note{font-size:13px;font-weight:300;color:#6B7280;margin:0}
.form-status{grid-column:1/-1;margin:0;font-size:15px}
.aside{border-top:2px solid #D4A259;padding-top:24px}
.aside h2{font-family:"Playfair Display",Georgia,serif;font-weight:400;font-size:1.5rem;margin:0 0 14px}
.aside p{font-weight:300;line-height:1.7;margin:0 0 18px;color:#2A3442}
.aside a{color:#0A1B2D}
.aside .person{margin-top:28px}
.aside .portrait{width:72px;height:72px;border:1px solid #D4A259;padding:2px;background:#0A1B2D}
.aside .name{font-weight:500;margin:0}
.aside .role{font-weight:300;font-size:14px;color:#6B7280;margin:0}
.hp{position:absolute;left:-9999px}
@media (max-width:900px){
 .page-hero{padding-top:calc(var(--header-h-mobile) + 40px)}
 .choices{grid-template-columns:minmax(0,1fr)}
 .contact-grid{grid-template-columns:minmax(0,1fr)}
 .form{grid-template-columns:minmax(0,1fr)}
}

#why h2{max-width:24ch}
.form label.choice{text-transform:none;letter-spacing:0;font:300 15px/1.55 Montserrat,sans-serif;gap:10px}
.form label.choice b{font-family:"Playfair Display",Georgia,serif!important;font-weight:400;font-size:1.3rem;letter-spacing:0;color:#0A1B2D}
.form-note a{color:#0A1B2D;text-decoration:underline;text-underline-offset:3px}
.form label small{display:inline}
@media (max-width:720px){.hero-scrim{background:linear-gradient(180deg,rgba(7,20,33,.45) 0%,rgba(7,20,33,.05) 16%,rgba(7,20,33,.75) 30%,rgba(7,20,33,.96) 40%,#071421 100%)!important}}
.hero h1.tagline .hero-eye{display:block;white-space:normal;font:600 12px/1.4 Montserrat,sans-serif!important;letter-spacing:.22em;text-transform:uppercase;color:#D4A259;margin:0 0 24px}

/* Vacaturepagina */
.job-meta{display:flex;flex-wrap:wrap;gap:10px 28px;list-style:none;margin:28px 0 0;padding:20px 0 0;border-top:1px solid #F8F6F124;font:500 14px/1.4 Montserrat,sans-serif;color:#F8F6F1}
.job-meta li{display:flex;align-items:center;gap:10px}
.job-meta li:before{content:"";width:6px;height:6px;background:#D4A259;transform:rotate(45deg)}
.prose.job section+section{margin-top:44px;padding-top:36px;border-top:1px solid #0A1B2D1F}
.prose.job h2{margin-top:0}
.prose.job ul{padding-left:1.1em}
.prose.job li{margin:.35em 0}
.prose.job li::marker{color:#D4A259}
.aside .btn-accent{display:inline-flex;font-size:14px;padding:.85em 1.4em;color:#0A1B2D;text-decoration:none}
.job-dates{font-size:14px!important;color:#6B7280!important}
.prose.job ul{list-style:disc}
@media (min-width:901px){.job-aside{position:sticky;top:110px}}

/* Payoff in goud onder het logo (huisstijl-lockup), header en footer.
   De payoff is precies even breed als het woordmerk: de breedte komt van het woordmerk,
   de payoff vult die met uitvullen. Lettergrootte = ~0,44 x hoogte woordmerk. */
.brand-text{display:inline-flex;flex-direction:column;align-items:stretch;gap:7px;line-height:1}
.brand-sub{width:0;min-width:100%;white-space:nowrap;text-align:justify;text-align-last:justify;font:500 8px/1 Montserrat,sans-serif;letter-spacing:.19em;text-transform:uppercase;color:#D4A259}
.site-header .gg-logo--img.hdr .lw{height:18px!important}
.site-footer .gg-logo--img .lw{height:16px!important}
.site-footer .brand-sub{font-size:7px}
/* Mobiel: volledig logo in de header (woordmerk + payoff); de knop staat in de hero en het menu */
@media (max-width:520px){
  .site-header .gg-logo--img.hdr{gap:10px!important}
  .site-header .gg-logo--img.hdr .lm{height:34px!important}
  .site-header .gg-logo--img.hdr .lw{display:block!important;height:16px!important}
  .site-header .brand-text{gap:6px}
  .site-header .brand-sub{display:block;font-size:7px}
  .site-header .btn-accent{display:none!important}
}

/* Huisstijl (brand guide 27-10): koppen en merkregels in Playfair, rechtop, geen schuine letters */
.hero h1.tagline em{font-style:normal}
p.pstate{font-family:"Playfair Display",Georgia,serif!important}
p.eng-quote{font-family:"Playfair Display",Georgia,serif!important;font-style:normal}
.ini{font-style:normal}

/* Werkwijze in 6 stappen (briefing Patrick 27-10): elke stap 2 s van de 12 s-cyclus */
.talent-visual__steps{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.talent-visual__steps span{border-right:1px solid rgba(248,246,241,.14)!important}
.talent-visual__steps span:last-child{border-right:0!important}
.talent-visual__steps span{animation:gmcap 12s infinite}
/* negatieve vertraging: alle stappen lopen vanaf de start mee, stap n licht op in seconde 2(n-1) tot 2n */
.talent-visual__steps span:nth-child(2){animation-delay:-10s}
.talent-visual__steps span:nth-child(3){animation-delay:-8s}
.talent-visual__steps span:nth-child(4){animation-delay:-6s}
.talent-visual__steps span:nth-child(5){animation-delay:-4s}
.talent-visual__steps span:nth-child(6){animation-delay:-2s}
@keyframes gmcap{0%,16%{opacity:1}17%,100%{opacity:.5}}
@media (max-width:900px){
  .talent-visual__steps{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .talent-visual__steps span:nth-child(3n){border-right:0!important}
}
@media (max-width:560px){
  .talent-visual__steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .talent-visual__steps span:nth-child(3n){border-right:1px solid rgba(248,246,241,.14)!important}
  .talent-visual__steps span:nth-child(2n){border-right:0!important}
}
/* 01 context: de kern pulseert; 02 mapping: punten; 03 outreach: lijnen; 04 pipeline: gouden punten;
   05 human judgment: selectie; 06 advies: de kern licht opnieuw op */
.gm-core circle:first-child{transform-box:fill-box;transform-origin:center;animation:gmcore 12s infinite}
@keyframes gmcore{0%{transform:scale(1);opacity:.6}8%{transform:scale(1.7);opacity:1}16%,83%{transform:scale(1);opacity:.6}91%{transform:scale(1.9);opacity:1}100%{transform:scale(1);opacity:.6}}
@keyframes gm1{0%,16%{opacity:0}23%,94%{opacity:.8}100%{opacity:0}}
@keyframes gm2{0%,33%{stroke-dashoffset:1;opacity:.6}42%{stroke-dashoffset:0}94%{opacity:.6;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0}}
@keyframes gm3{0%,50%{opacity:0}56%,94%{opacity:1}100%{opacity:0}}
@keyframes gm4{0%,67%{stroke-dashoffset:1;opacity:1}76%{stroke-dashoffset:0}94%{opacity:1;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0}}
@keyframes gm4r{0%,74%{opacity:0}78%,94%{opacity:1}100%{opacity:0}}

/* Aparte sectie over Patrick tussen "Waarom Grid & Guild" en "Ons kantoor": foto, verhaal, naam */
.founder-sec{background:#EFEBE2;padding:96px 0}
.founder-in{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:760px!important;margin:0 auto}
.founder-sec .portrait{width:160px;height:160px;border-radius:50%;object-fit:cover;border:2px solid #D4A259;margin-bottom:32px}
p.founder-txt{font-family:"Playfair Display",Georgia,serif!important;font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.45;color:#0A1B2D;margin:0 0 24px}
.founder-sig{display:flex;align-items:center;gap:12px;font:600 11px/1 Montserrat,sans-serif!important;letter-spacing:.2em;text-transform:uppercase;color:#8A6A2B!important;margin:0}
.founder-sig::before,.founder-sig::after{content:"";width:24px;height:1px;background:#D4A259}
@media (max-width:600px){.founder-sec{padding:64px 0}.founder-sec .portrait{width:128px;height:128px;margin-bottom:24px}}

/* Formulier: velden nooit breder dan hun kolom (lange keuzes in "Onderwerp" duwden het formulier op mobiel buiten beeld) */
.form > *,.form label,.choices > *{min-width:0}
.form input:not([type=radio]):not([type=checkbox]),.form select,.form textarea{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.form select{text-overflow:ellipsis}

/* Vergelijkingstabel op mobiel: per onderwerp een blok met GRID en GUILD onder elkaar, niet zijwaarts scrollen */
@media (max-width:640px){
  .gg-compare-scroll{overflow:visible!important}
  .gg-compare-scroll table,.gg-compare-scroll tbody,.gg-compare-scroll tr,.gg-compare-scroll th,.gg-compare-scroll td{display:block;width:auto!important;min-width:0!important}
  .gg-compare-scroll table{border-collapse:separate}
  .gg-compare-scroll thead{display:none}
  .gg-compare-scroll tbody tr{padding:16px 18px;border-bottom:1px solid rgba(10,27,45,.1)}
  .gg-compare-scroll tbody tr:last-child{border-bottom:0}
  .gg-compare-scroll tbody th{padding:0 0 10px!important;border:0!important;background:none!important}
  .gg-compare-scroll tbody td{padding:4px 0!important;border:0!important;background:none!important}
  .gg-compare-scroll tbody td::before{display:block;font:600 11px/1.2 Montserrat,sans-serif;letter-spacing:.18em;color:#8A6A2B;margin-bottom:2px}
  .gg-compare-scroll tbody td:nth-of-type(1)::before{content:"GRID"}
  .gg-compare-scroll tbody td:nth-of-type(2)::before{content:"GUILD";margin-top:8px}
}

/* Standaard PlusDigital: privacyvinkje, credit, handje op keuzelijsten, subtiele inloop-animaties */
.form label.consent{flex-direction:row;align-items:flex-start;gap:12px;font:300 14px/1.55 Montserrat,sans-serif!important;letter-spacing:0;text-transform:none;color:#4B5563;cursor:pointer}
.form label.consent input{width:18px!important;height:18px;flex:none;margin:2px 0 0;accent-color:#0A1B2D;cursor:pointer}
.form label.consent a{color:#0A1B2D}
.form select{cursor:pointer}
.site-footer .credit{grid-column:1/-1;margin:-12px 0 0;font-size:12px;color:rgba(248,246,241,.6)}
.site-footer .credit a{color:#D4A259;text-decoration:none;font-weight:600;transition:color .2s}
.site-footer .credit a:hover{color:#F8F6F1}
.rv{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s ease}
.rv.rv-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}