/* SuriWeb /g/ · Galerij on every page (Moreno 31 Oct). Loaded after r28.css: d0's mechanics stay, the room changes.
   Deep green-black wall, warm-white serif, mint actions, real work lit like prints. No glows, no gradients blobs, no neon. */
:root{--bg:#0d1814;--deep:#0a120f;--pine:#16302a;--txt:#f3eee4;--soft:#cdc8bd;--mint:#a6dcc1;--sun:#74d6a6;--line:rgba(243,238,228,.16);--rule:rgba(243,238,228,.14);
  --g-wall:#0d1814;--g-floor:#0a120f;--g-ink:#f3eee4;--g-mute:#8e9a91;--g-mint:#74d6a6;--g-mint2:#8fe0b9}
html,body{background:var(--g-wall)}
body.inner{background:radial-gradient(ellipse 1100px 520px at 76% -120px,rgba(208,228,210,.08),transparent 70%) no-repeat,var(--g-wall)}
.serif{font-family:Newsreader,Georgia,serif}
em{color:var(--txt);font-style:italic}
.btn{background:var(--g-mint);color:#08140f;border-radius:2px;font-weight:650;font-size:17px;padding:19px 30px}
.btn:hover{filter:none;background:var(--g-mint2)}
.btn.ghost{background:transparent;color:var(--txt);box-shadow:inset 0 0 0 1px rgba(243,238,228,.4)}
.link{color:var(--txt);border-bottom:1px solid rgba(243,238,228,.45)}
.link:hover{border-color:var(--txt)}
.lab{color:var(--mint);letter-spacing:.01em}
.lead,.sub{color:#ddd8cd}
.h2,.g-h2{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:64px;line-height:1.05;letter-spacing:-.022em;font-variation-settings:"opsz" 54}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* header: the g5 header on every page */
.gh{position:relative;z-index:20;height:88px;font-size:17px;line-height:1.55;padding:0 80px;display:flex;align-items:center;justify-content:space-between}
.gh-over{position:absolute;top:0;left:0;right:0}
.gh-wm img{width:150px;height:auto;display:block}
.gh nav a{margin-left:56px;font-size:16px;font-weight:500;color:#e7e2d8;padding:6px 0;border-bottom:1px solid transparent}
.gh nav a:hover,.gh nav a[aria-current=page]{border-bottom-color:rgba(243,238,228,.5)}

/* page heads */
.phead,.g-head{padding-top:96px}
.phead h1,.g-head h1,.cw-side h1,.sj-side h1{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:76px;line-height:1.02;letter-spacing:-.024em;font-variation-settings:"opsz" 60;color:var(--txt);max-width:1100px}
.phead .lab,.g-head .lab{margin-bottom:18px}
.phead .lead,.g-head .lead{margin-top:22px;font-size:21px;line-height:1.5}
.phead .btn{margin-top:34px}
.topics{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:34px}
.topics a{color:var(--soft);border-bottom:1px solid transparent;padding-bottom:3px}
.topics a:hover{color:var(--txt);border-bottom-color:var(--line)}

/* real work, lit like prints */
.frame,.g-print{position:relative;display:block;overflow:hidden;background:#111;box-shadow:0 0 0 1px rgba(0,0,0,.55),0 40px 60px -26px rgba(0,0,0,.9),0 14px 26px -14px rgba(0,0,0,.7)}
.frame::after,.g-print::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,250,240,.07),transparent 26%,transparent 70%,rgba(0,0,0,.18));pointer-events:none}
.frame::before,.g-print::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(255,252,244,.38);z-index:1}
.g-print img{display:block;width:100%;height:auto}
.phone{box-shadow:0 30px 50px -24px rgba(0,0,0,.9)}

/* sections */
.g-sec{padding-top:150px}
.g-sec .lab{display:block;margin-bottom:16px}
.g-sec .lead{margin-top:20px;max-width:720px}
.prices{background:transparent}

/* home: salon hang of the work */
.g-hang{display:grid;grid-template-columns:repeat(12,1fr);gap:72px 40px;margin-top:72px}
.g-piece{grid-column:span 4;margin:0}
.g-piece-0,.g-piece-1{grid-column:span 6}
.g-hang6 .g-piece-0,.g-hang6 .g-piece-1{grid-column:span 4}
.g-piece a{display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.g-piece a:hover,.g-piece a:focus-visible{transform:translateY(-8px)}
.g-piece figcaption{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;margin-top:22px;align-items:baseline}
.g-piece figcaption b{font-weight:400;font-size:24px;color:var(--txt)}
.g-piece figcaption span{font-size:14px;color:var(--mint)}
.g-piece figcaption em{grid-column:1 / -1;font-style:normal;font-size:16px;color:var(--soft)}

/* home: how it works, people, brand, questions */
.g-how-in,.g-brand-in,.g-faq-in{display:grid;grid-template-columns:5fr 7fr;gap:80px;align-items:start}
.g-how-l{border-top:1px solid var(--rule);margin-top:8px}
.g-how-l div{display:grid;grid-template-columns:240px 1fr;gap:32px;padding:30px 0;border-bottom:1px solid var(--rule)}
.g-how-l dt{font-size:28px;line-height:1.15;color:var(--txt)}
.g-how-l dd{color:var(--soft);font-size:18px;line-height:1.55}
.g-how .link,.g-people .link,.g-brand .link,.g-faq .link{display:inline-block;margin-top:28px}
.g-try .hdemo{margin-top:56px}
.g-team{display:grid;grid-template-columns:repeat(2,minmax(0,420px));gap:64px;margin-top:64px}
.g-person{margin:0}
.g-person .pt{display:block;width:100%;max-width:none;height:auto;border-radius:0;aspect-ratio:4/5;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.55),0 40px 60px -26px rgba(0,0,0,.9)}
.g-person .pt img{width:100%;height:100%;object-fit:cover;display:block}
.g-person figcaption{display:flex;flex-direction:column;gap:6px;margin-top:22px}
.g-person b{font-weight:400;font-size:30px;color:var(--txt)}
.g-person figcaption span:last-child{color:var(--soft);font-size:17px;line-height:1.55}
.g-merk{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:24px}
.g-merk figure{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 1px rgba(0,0,0,.5),0 30px 50px -24px rgba(0,0,0,.85)}
.g-merk-main{grid-column:1 / -1;height:300px}
.g-merk-main img{max-width:300px;max-height:150px;width:auto;height:auto}
.g-merk-s{height:170px;padding:20px}
.g-merk-s img{max-width:150px;max-height:80px;width:auto;height:auto}
.g-merk-s figcaption{position:absolute;opacity:0}
.g-faq .qa{margin-top:0}

/* closing on every page */
.g-close{padding:150px 0 130px;background:radial-gradient(ellipse 900px 420px at 78% 10%,rgba(208,228,210,.07),transparent 72%)}
.g-close-in{display:grid;grid-template-columns:6fr 5fr;gap:72px;align-items:center}
.g-close-art{display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.g-close-art:hover{transform:translateY(-8px)}
.g-close h2{font-size:72px;line-height:1.02;letter-spacing:-.024em;font-variation-settings:"opsz" 60;max-width:900px}
.g-close .sub{font-size:20px;max-width:640px}
.g-acts{display:flex;align-items:center;gap:40px;margin-top:34px}
.g-fine{margin-top:16px;color:var(--g-mute)}
.sec.close{margin-top:150px;padding:110px 0 120px;border-top:1px solid var(--rule)}
.sec.close .h2{font-size:64px}
.sec.close .sub{font-size:20px;max-width:640px}

/* the offer: struck February price, the saving, the quiet counter line */
.g-was{color:var(--g-mute);font-size:.5em;text-decoration-thickness:1.5px;text-decoration-color:rgba(205,200,189,.7);margin-right:.25em;vertical-align:.35em}
.g-save{display:block;font-family:Manrope,system-ui,sans-serif;font-size:15px;line-height:1.4;color:#a6dcc1;font-weight:600;margin-top:6px}
.g-ilab{color:#a6dcc1}
.g-offer{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:7px 16px 7px 13px;border:1px solid rgba(116,214,166,.32);border-radius:999px;background:rgba(116,214,166,.06);font-size:14px;line-height:20px;color:#dbe9e0}
.g-offer b{font-weight:600}
.g-dot{width:6px;height:6px;border-radius:50%;background:var(--g-mint);flex:none}
.g-offer-ws{margin:6px 0 22px}
.g-pk .g-was{font-size:24px;vertical-align:.5em}
.g-pk .g-save{font-size:13px;text-align:right}
.cw-bb-t s.g-was{font-size:18px}

/* examples index */
.g-feats{margin-top:96px;display:flex;flex-direction:column;gap:120px}
.g-feat{display:grid;grid-template-columns:7fr 5fr;gap:64px;align-items:center}
.g-feat.flip{grid-template-columns:5fr 7fr}.g-feat.flip>a{order:2}
.g-feat h2{font-size:56px;line-height:1.05;letter-spacing:-.02em;margin:10px 0 14px}
.g-feat .big{color:var(--txt)}
.g-feat .acts{display:flex;align-items:center;gap:28px;margin-top:28px}

/* footer */
.gf{margin-top:0;padding:72px 0 28px;border-top:1px solid var(--rule);background:var(--g-floor)}
.gf-in{display:grid;grid-template-columns:4fr 8fr;gap:64px}
.gf-a img{width:150px;height:auto}
.gf-a p{margin:16px 0 26px;color:var(--soft)}
.gf nav{display:grid;grid-template-columns:repeat(3,auto);gap:12px 48px;align-content:start;justify-content:end}
.gf nav a{color:#e2ddd2;font-size:16px;border-bottom:1px solid transparent;justify-self:start}
.gf nav a:hover{border-bottom-color:var(--line)}
.gf .legal-line{margin-top:56px;padding:0;font-size:13px;color:var(--g-mute)}
.gf .legal-line a{color:var(--g-mute)}

/* g5 screens keep their own type (body size in g5 was 17/1.55) */
.gx-hall,.gx-room{font-size:17px;line-height:1.55;color:var(--g-ink)}
.gx-home .gh{height:88px}

.cw-side h1,.sj-side h1{font-size:54px;line-height:1.04;letter-spacing:-.02em}

/* desk g6-home (3): less empty floor under the prints; the room starts where the floor fades */
.gx-home .gx-hall{height:760px}
.gx-home .gx-wall{perspective-origin:50% 522px}
.gx-home .gx-room{padding-top:64px;background:radial-gradient(ellipse 900px 380px at 30% 300px,rgba(208,228,210,.045),transparent 72%),linear-gradient(to bottom,#0a1310,var(--gx-wall) 300px)}

/* desk g6-cases: the price block beside the demo keeps only name, price, one intro line and the mail button */
.cw-buybox .g-bb-line{margin-top:6px;font-size:15px;line-height:1.4;color:#a6dcc1;font-weight:600}
.cw-buybox .g-bb-more{display:inline-block;margin-top:16px;font-size:15px}

/* ---------------- g7 · desktop finish (GPT judge g6.1, brief-g7-desktop) ---------------- */
/* item 6: the mail action with the address visible and "Kopieer adres" */
.g-mail,.gx-g-mail{display:inline-flex;align-items:center;gap:18px;flex-wrap:wrap}
.g-mail .addr,.gx-addr,.cw-buybox .addr,.pk-sum .addr{font-size:14px;color:var(--soft);display:inline-flex;align-items:center;gap:8px}
.g-mail .copy,.gx-copy,.pk-sum .copy{background:none;border:0;padding:0 0 1px;color:var(--txt);font:inherit;font-size:14px;border-bottom:1px solid rgba(243,238,228,.45);cursor:pointer}
.g-mail .copy:hover,.gx-copy:hover{border-bottom-color:var(--txt)}
/* item 1: home first screen: the purchase line, the action with the address, captions under every print */
.gx-home .gx-line{margin-top:12px}
.gx-home .gx-pl{margin-top:10px;font-size:19px;line-height:1.4;color:var(--g-ink)}
.gx-home .gx-pq{margin-left:16px;font-size:13px;color:var(--gx-mute)}
.gx-home .gx-acts{margin-top:22px;gap:0}
.gx-home .gx-acts .gx-lnk{margin-left:36px}
.gx-home .gx-chip{margin-top:16px}
.gx-home .gx-wall{top:68px}
.gx-home .gx-cap{opacity:1;transform:none;top:calc(100% + 12px);font-size:13px}
.gx-home .gx-cap b{font-size:17px}
.gx-home .gx-refl{opacity:.14}
.gx-home .gx-print:hover .gx-refl,.gx-home .gx-print:focus-visible .gx-refl{opacity:.1}
.gx-home .gx-hall{height:850px}
.gx-home .gx-hall::after{top:752px}
/* item 2: /voorbeelden/ showcases and rows */
.g-shows{margin-top:88px;display:flex;flex-direction:column;gap:120px}
.g-show-t{display:grid;grid-template-columns:5fr 7fr;gap:64px;margin-top:36px;align-items:start}
.g-show-t h2{font-size:56px;line-height:1.05;letter-spacing:-.02em;margin-top:8px}
.g-show-t .big{color:var(--txt);max-width:640px}
.g-show-t .sub{max-width:640px}
.g-show .acts{display:flex;align-items:center;gap:28px;margin-top:26px}
.g-anker-i{display:grid;grid-template-columns:7fr 5fr;gap:40px;align-items:start}
.g-anker-i figure{margin:0}
.g-anker-i figcaption{margin-top:14px;font-size:15px;color:var(--soft);line-height:1.5}
.g-anker-i figcaption b{color:var(--txt);font-weight:600}
.g-rows{display:flex;flex-direction:column;gap:96px;margin-top:64px}
.g-row{display:grid;grid-template-columns:7fr 5fr;gap:64px;align-items:center}
.g-row.flip{grid-template-columns:5fr 7fr}.g-row.flip>a{order:2}
.g-row>a{display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.g-row>a:hover{transform:translateY(-6px)}
.g-row h2{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:40px;line-height:1.1;letter-spacing:-.015em;margin-top:10px}
.g-row .lead{margin-top:16px;font-size:18px}
.g-row .acts{display:flex;align-items:center;gap:24px;margin-top:24px}
.g-row .btn{padding:16px 22px;font-size:16px}
/* item 3: case pages: disclaimer + scope + progress in one slim bar; the example's own header leads */
.g-dbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--ink);color:rgba(255,255,255,.82);font-size:12.5px;line-height:18px;padding:6px 14px}
.g-dbar .awd-flag,.g-dbar .awd-scope{display:inline;background:none;padding:0;margin:0;font-size:12.5px;line-height:18px;color:inherit}
.g-dbar .awd-flag span{color:#f0c46a;font-weight:600}
.g-dbar .awd-scope a{color:#fff;border-bottom:1px solid rgba(255,255,255,.4)}
.g-dbar .fd-stepline{margin:0 0 0 auto;padding:0;font-size:12px;color:rgba(255,255,255,.7);background:none;border:0}
.awd-tabs [role=tab]{padding-top:9px;padding-bottom:9px}
/* item 3: each example's own control styling where the demo shares scaffolding */
.fd[data-k=stilwater] .awd-btn{border-radius:0;text-transform:uppercase;letter-spacing:.16em;font-size:12px!important;font-family:"FD Body",sans-serif;background:var(--ink)}
.fd[data-k=stilwater] .fd-o{border-radius:0}
.fd[data-k=kaneelhuis] .awd-btn{border-radius:0;text-transform:uppercase;letter-spacing:.12em;font-size:12.5px!important;background:#a8562b}
.fd[data-k=kaneelhuis] .awd-btn:hover{background:#8f4622}
.fd[data-k=bruinhart] .awd-btn{border-radius:0;background:#f2b33d;color:#1d1d1b;text-transform:uppercase;font-family:"FD Head",sans-serif;letter-spacing:.02em}
.fd[data-k=bruinhart] .awd-btn:hover{background:#e3a32c}
.fd[data-k=overstek] .awd-btn{border-radius:0;background:#1d1d1b;font-family:"FD Body",sans-serif}
.fd[data-k=libi] .awd-btn{border-radius:999px;font-family:"FD Head",sans-serif}
.fd[data-k=ondoro] .awd-btn{border-radius:999px}
.fd[data-k=oever] .awd-btn{border-radius:0;font-family:"FD Body",sans-serif}
.awd:not(.fd) .awd-btn{border-radius:2px}
/* item 7 + desk g6-cases: the make-up of a total, plainly */
.cw-buybox .g-bb-sum{margin-top:2px;font-size:15px;color:var(--soft)}
.cw-buybox .g-mail{margin-top:18px}
.cw-buybox .g-mail .btn{padding:16px 22px;font-size:16px}
/* item 4: /websites/ configurator: an example per add-on, the summary flat on the page */
.g-ex{margin:-4px 0 14px 34px;font-size:15px}
.g-ex summary{cursor:pointer;color:var(--txt);display:inline-block;border-bottom:1px solid rgba(243,238,228,.45);list-style:none}
.g-ex summary::-webkit-details-marker{display:none}
.g-ex summary::after{content:" ↓";color:var(--mint)}
.g-ex[open] summary::after{content:" ↑"}
.g-ex-b{display:grid;grid-template-columns:minmax(0,280px) 1fr;gap:20px;align-items:start;margin-top:12px;padding:16px 0;border-top:1px solid var(--rule)}
.g-ex-b img{width:100%;height:auto;display:block;box-shadow:0 0 0 1px rgba(0,0,0,.5),0 20px 30px -18px rgba(0,0,0,.9)}
.g-ex-b p{color:var(--soft);line-height:1.5}
.g-ex-b:not(:has(img)){grid-template-columns:1fr}
.pk-sum{background:none!important;box-shadow:none!important;border-radius:0!important;border-top:1px solid var(--rule);padding:22px 0 0!important}
.pk-sum li small{display:block;font-size:13px;color:var(--soft)}
.pk-sum .addr{margin-top:12px}
.pk-free-n{margin-top:12px;font-size:14px;line-height:1.45;color:#a6dcc1}
/* item 5: /over-ons/: the people first */
.team-open{margin-top:48px}
.makers2{display:grid;grid-template-columns:repeat(2,340px);gap:72px}
.makers2 .pt{width:340px;border-radius:0;box-shadow:0 0 0 1px rgba(0,0,0,.55),0 40px 60px -26px rgba(0,0,0,.9)}
.makers2 .nm{font-size:30px;margin-top:4px}
.makers2 p{max-width:340px}
.g-acts{flex-wrap:wrap;gap:18px 36px}
.g-acts .link{white-space:nowrap}
.g-close .g-mail{flex-wrap:wrap;row-gap:12px}
.g-dbar .awd-flag{flex:none;white-space:nowrap}
.g-dbar .awd-scope{white-space:normal;overflow:visible;text-overflow:clip;flex:1 1 auto;min-width:0}
.g-dbar{flex-wrap:nowrap;gap:12px;font-size:12px}
.g-dbar .awd-flag,.g-dbar .awd-scope{font-size:12px}
.g-dbar .mw-off,.g-dbar .mw-on{border:0!important;text-decoration:none!important;box-shadow:none!important}
.g-dbar .awd-scope{border:0!important;background:none!important}
.g-dbar .awd-scope a{text-decoration:none}
.sheet .g-ilab,.mail .g-ilab,.cw-buy .g-ilab{color:#2c6a50}

/* ---------------- g8 · last desktop polish (judge g7.1, brief-g8-desktop) ---------------- */
/* item 1: home offer lines */
.gx-home .gx-ql{margin-top:14px;font-size:16px;line-height:1.4;color:#d9e9df}
/* item 2: gentler outer prints; captions on one straight row, apart from the reflection */
.gx-home .gx-cap{display:none}
.gx-home .gx-refl{opacity:.12;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 18%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 18%)}
.gx-caps{position:absolute;left:0;right:0;top:var(--gx-capy,778px);z-index:3;height:0}
.gx-cp{position:absolute;left:calc(50% + var(--cx));transform:translateX(-50%);white-space:nowrap;display:flex;align-items:baseline;gap:10px;margin:0}
.gx-cp b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:20px;color:var(--g-ink)}
.gx-cp span{font-size:16px;color:#a6dcc1}
/* item 5: readable support text (>= 15 px), savings in normal body spacing */
.lab{font-size:15px;line-height:21px}
.gx-chip,.g-offer{font-size:15px}
.g-mail .addr,.gx-addr,.cw-buybox .addr,.pk-sum .addr{font-size:15px}
.g-mail .copy,.gx-copy,.pk-sum .copy{font-size:15px}
.pk-free-n{font-size:15px}
.gx-room .gx-fine,.gx-terms{font-size:15px}
.g-save,.g-bb-line,.gx-label .gx-intro,.gx-label .gx-intro b,.cw-bb-t .g-was{letter-spacing:normal;font-family:Manrope,system-ui,sans-serif}
.g-pk .g-save{font-size:15px}
.cw-buybox .g-bb-sum{font-size:16px}
/* item 3: one short demo band; scope under it */
.g-demo{font-size:15px;color:inherit;font-weight:600;letter-spacing:normal;text-transform:none}
.fd-site .g-demo{opacity:.85}
.g-demo-band{margin:0;padding:8px 20px;background:var(--ink);color:#f0c46a;font-size:15px}
.awd-scope.g-scope{display:block;background:transparent;color:inherit;font-size:15px;line-height:22px;padding:10px 20px;border-bottom:1px solid var(--ln);margin:0}
.awd-scope.g-scope a{text-decoration:underline;text-underline-offset:3px}
/* item 4: /over-ons/ opening with the people */
.g-about{display:grid;grid-template-columns:4fr 8fr;gap:64px;padding-top:72px;align-items:start}
.g-about-t h1{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:64px;line-height:1.04;letter-spacing:-.022em;margin-top:14px}
.g-about-t .lead{margin-top:20px;font-size:19px;line-height:1.5}
.g-about-p .makers2{grid-template-columns:repeat(2,320px);gap:40px}
.g-about-p .makers2 .pt{width:320px;margin-bottom:16px}
/* item 5: the short closing (pages that already show Kaneelhuis) */
.g-close-short{padding:110px 0 110px}
.g-close-short .g-close-in{grid-template-columns:1fr}
.g-close-short h2{font-size:56px}
.gx-home .gx-p0{--gx-w:340px;--gx-x:-720px;--gx-z:-260px;--gx-a:-22deg;--gx-y:430px}
.gx-home .gx-p4{--gx-w:340px;--gx-x:720px;--gx-z:-260px;--gx-a:22deg;--gx-y:430px}
.gx-home .gx-p1{--gx-a:-18deg;--gx-w:320px;--gx-x:-398px;--gx-y:440px}
.gx-home .gx-p3{--gx-a:18deg;--gx-w:320px;--gx-x:398px;--gx-y:440px}
.g-about-p .makers2 .nm{font-size:34px;line-height:1.1;margin-top:2px}

/* ---------------- g9 · the signature "De Galerij" (brief-g9-signature) ---------------- */
/* the room: every page opens like the home (soft top light, one diagonal shaft, a floor line under the exhibit) */
.g-roomo{position:relative;overflow:hidden;padding:72px 0 0;background:radial-gradient(ellipse 880px 520px at 74% -10%,rgba(208,228,210,.11),transparent 70%),linear-gradient(116deg,transparent 57%,rgba(214,232,214,.035) 63%,transparent 69%),var(--g-wall)}
.g-roomo::before{content:"";position:absolute;top:-260px;right:40px;width:420px;height:1400px;transform:rotate(36deg);transform-origin:top right;pointer-events:none;background:linear-gradient(to bottom,rgba(228,240,226,.12),rgba(228,240,226,.04) 50%,transparent 80%);filter:blur(38px)}
.g-roomo-in{position:relative;z-index:1;display:grid;grid-template-columns:5fr 7fr;gap:72px;align-items:end;padding-bottom:64px}
.g-roomo-wide .g-roomo-in{grid-template-columns:1fr;gap:56px;align-items:start}
.g-roomo-t h1{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:72px;line-height:1.02;letter-spacing:-.024em;font-variation-settings:"opsz" 60;color:var(--txt);max-width:980px;margin-top:14px}
.g-roomo-t .lead{margin-top:20px;font-size:20px;line-height:1.5;max-width:720px}
.g-roomo-t .btn{margin-top:28px}
.g-roomo-t .topics{margin-top:28px}
.g-floor{position:absolute;left:0;right:0;bottom:0;height:64px;background:linear-gradient(to bottom,rgba(0,0,0,.28),var(--g-floor));border-top:1px solid rgba(243,238,228,.06)}
/* prints on the wall: the home's shadow, top light and highlight; a gentle turn on the outer ones */
.wp{margin:0;position:relative}
.wp-f{position:relative;display:block;overflow:hidden;background:#111;box-shadow:0 0 0 1px rgba(0,0,0,.55),0 40px 60px -26px rgba(0,0,0,.9),0 14px 26px -14px rgba(0,0,0,.7)}
.wp-f::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,250,240,.08),transparent 28%,transparent 66%,rgba(0,0,0,.2));pointer-events:none}
.wp-f::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(255,252,244,.4);z-index:1}
.wp-f img{display:block;width:100%;height:auto}
.wp-a{display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.wp-a:hover,.wp-a:focus-visible{transform:translateY(-8px)}
.wall3{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;perspective:1800px;align-items:end}
.wall3>.wp:first-child .wp-f{transform:rotateY(8deg);transform-origin:right center}
.wall3>.wp:last-child .wp-f{transform:rotateY(-8deg);transform-origin:left center}
.wall2{display:grid;grid-template-columns:repeat(2,minmax(0,320px));gap:48px}
.wp-person .pt{width:100%;margin:0;border-radius:0;aspect-ratio:4/5;box-shadow:none}
.wp-person .wp-f{background:#0a120f}
.wp-empty .wp-f{background:radial-gradient(ellipse at 50% 30%,#1a2621,#0f1916);aspect-ratio:8/5}
.wp-blank{position:absolute;inset:18px;border:1px solid rgba(243,238,228,.22);display:grid;place-items:center}
.wp-blank span{font-family:Newsreader,Georgia,serif;font-size:26px;color:rgba(243,238,228,.6)}
.wp-sketch{display:block;aspect-ratio:8/5;background:#f4ece0;color:#3b3a35;padding:0}
.wp-sketch svg{width:100%;height:100%;display:block}
/* one wall label for every print, portrait and frame */
.wl{margin-top:16px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:16px;line-height:1.4;color:var(--soft)}
.wl b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:22px;color:var(--txt)}
.wl em{font-style:normal;flex-basis:100%;margin-top:4px;font-family:Newsreader,Georgia,serif;font-size:30px;color:var(--txt)}
.wl em .g-was{font-size:18px;vertical-align:.3em}
.wl em .g-save{font-size:15px}
.wl .wl-d{flex-basis:100%;margin-top:4px;color:#ddd8cd;font-size:17px;line-height:1.5}
.wl .link{margin-top:6px;font-size:16px}
/* light as rhythm: each major section starts under the same soft top light */
.g-sec,.sec:not(.close){background:radial-gradient(ellipse 980px 320px at 26% 0,rgba(208,228,210,.045),transparent 72%)}
/* type floor: body >= 17 px, support text >= 15 px, no grey below the body text */
:root{--soft:#d6d1c6;--g-mute:#c2c8c0}
.prose p,.prose li,.qa p,.rows dd,.lines li,.ticks li,.ticks1 li,.sp-main p,.faqs p,.cw-own .lead,.sj-side .lead,.g-row .lead{font-size:max(17px,1em)}
.small,small{font-size:max(15px,.85em)}
.wall3{align-items:start}
main>.g-roomo:first-child{margin-top:-88px;padding-top:160px}
.g-roomo-in{padding-bottom:104px}
/* desk g9a: Landing Page = one full page hung tall like a scroll; on hover it scrolls slowly (still with reduced motion) */
.wall3:has(.wp-scroll){grid-template-columns:.62fr 1fr 1fr}
.wp-scroll .wp-f{aspect-ratio:1/1.3}
.wp-scroll .wp-f img{position:absolute;top:0;left:0;width:100%;height:auto;transition:transform 7s cubic-bezier(.4,0,.2,1)}
.wp-scroll .wp-a:hover .wp-f img,.wp-scroll .wp-a:focus-visible .wp-f img{transform:translateY(calc(-100% + 100cqh))}
.wp-scroll .wp-f{container-type:size}
.wp-scroll .wp-f::after{background:linear-gradient(to bottom,rgba(255,250,240,.08),transparent 28%,transparent 78%,rgba(0,0,0,.35))}
@media (prefers-reduced-motion:reduce){.wp-scroll .wp-f img{transition:none}.wp-scroll .wp-a:hover .wp-f img{transform:none}}
.g-roomo-wide .g-roomo-in{gap:36px}
main>.g-roomo-wide:first-child{padding-top:140px}
/* g9: marks as prints */
.wallm{display:grid;grid-template-columns:7fr 5fr;gap:36px;align-items:start}
.wallm-s{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.wp-logo{display:grid;place-items:center;aspect-ratio:8/5}
.wp-logo img{max-width:55%;max-height:50%;width:auto;height:auto}
.wp-mark-big .wp-logo img{max-width:46%}
.wp-mark .wl b{font-size:19px}.wp-mark .wl{font-size:15px;margin-top:10px}
.wp-mark-big .wl b{font-size:22px}
/* g9: phone prints, the 404 frame, rooms without an exhibit */
.wp-phone{max-width:260px;justify-self:center}
.wp-phone .wp-f img{border-radius:0}
.wp-404 .wp-f{aspect-ratio:8/5;background:radial-gradient(ellipse at 50% 30%,#1a2621,#0f1916)}
.g-roomo-plain .g-roomo-x:empty{display:none}
.g-roomo-plain .g-roomo-in{padding-bottom:72px}
/* g9: sector pages open in the room; the trade's example hangs above the owner's message */
.g-roomo-sj{padding-top:0}
.g-roomo-sj .sj{position:relative;z-index:1;padding-bottom:96px}
.g-roomo-sj .wp-sj{margin-bottom:28px}
/* g9: cases: the demo stands in the same light */
.cw{position:relative}
body.inner main>.cw:first-child{background:radial-gradient(ellipse 880px 520px at 74% -10%,rgba(208,228,210,.08),transparent 70%)}
/* g9: one wall-label look for the home hang, the voorbeelden rows and the team */
.g-piece figcaption b,.g-row-t h2,.g-person b{font-family:Newsreader,Georgia,serif}
.g-piece figcaption span,.g-person .lab{font-size:16px}
.g-piece figcaption em{font-size:16px;color:var(--soft)}
/* g9 review: sector exhibit fills its wall; the owner's message hangs beside the caption, not under it */
.g-roomo-sj .sj{grid-template-columns:5fr 7fr;column-gap:72px}
.g-roomo-sj .sj-demo{width:100%;max-width:none;display:grid;grid-template-columns:1fr 340px;column-gap:40px;align-items:start}
.g-roomo-sj .wp-sj{grid-column:1 / -1;width:100%}
.g-roomo-sj .sj-slip{grid-column:2;grid-row:2;margin:0}
.g-roomo-sj .sj-demo>.btn,.g-roomo-sj .sj-demo>.sj-alt{grid-column:1;grid-row:2;align-self:start;justify-self:start}
/* g9 review: gratis ontwerp exhibit sits up with the text */
.g-roomo-in{align-items:center}

/* ---------------- g10 · every page to 8 (judge g9.1 + desk, brief-g10-desktop) ---------------- */
/* item 2: utility openings: smaller titles, content starts sooner */
.g-roomo-compact{padding-top:48px}
main>.g-roomo-compact:first-child{padding-top:136px}
.g-roomo-compact .g-roomo-in{padding-bottom:56px;align-items:start}
.g-roomo-compact .g-roomo-t h1{font-size:60px;line-height:1.05}
.wp-small{max-width:420px;justify-self:end}
.g-roomo-contact .art-tool{margin-top:26px;background:none;border:0;padding:0}
.g-roomo-contact .ct-o{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;margin:12px 0 18px}
.g-roomo-contact .ct-o label{font-size:16px;color:var(--txt)}
.g-roomo-contact .addr{display:inline-flex;gap:10px;margin-left:18px;font-size:15px;color:var(--soft)}
.g-roomo-contact .ct-n{margin-top:12px;font-size:16px}
.g-fig-print{background:#f6f1e7;color:#1d1d1b;padding:22px 26px;box-shadow:0 0 0 1px rgba(0,0,0,.55),0 40px 60px -26px rgba(0,0,0,.9)}
.g-fig-print .fig{margin:0}.g-fig-print table{width:100%;font-size:16px}
.g-fig-print th,.g-fig-print td{color:#1d1d1b;padding:8px 10px;border-bottom:1px solid #d9cfbd;text-align:left}
.g-fig-print figcaption{color:#4a463e;font-size:14px;margin-top:10px}
/* item 3: home labels trade first; one label over the row */
.gx-cp span{order:0}.gx-cp i{font-style:normal;color:#8fae9f}.gx-cp b{order:2}
.gx-vlab{position:absolute;left:80px;top:470px;z-index:3;margin:0;font-size:15px;letter-spacing:.02em;color:#a6dcc1}
/* item 4: interface states in the configurator */
.g-ui{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin-top:12px;padding:16px 0;border-top:1px solid var(--rule)}
.ui{background:#f6f1e7;color:#1d1d1b;padding:14px 16px;box-shadow:0 0 0 1px rgba(0,0,0,.5),0 20px 30px -18px rgba(0,0,0,.9);font-size:15px}
.ui.recv{background:#fff;border-top:3px solid #2c6a50}
.ui-t{font-weight:600;margin-bottom:8px;color:#1d1d1b}
.ui-dl div{display:flex;justify-content:space-between;gap:14px;padding:5px 0;border-top:1px solid #e3dccd}
.ui-dl dt{color:#4a463e}.ui-dl dd{text-align:right;color:#1d1d1b}
.ui-arr{font-size:22px;color:var(--mint)}
.ui-btn{display:inline-block;margin-top:8px;background:#1e4fa0;color:#fff;font-weight:600;padding:6px 12px;font-size:14px}
.ui-cal p{font-weight:600;margin-bottom:6px}.ui-cal div{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.ui-cal span{display:grid;place-items:center;height:24px;font-size:13px;background:#efe9dc;color:#1d1d1b}
.ui-cal span.b{background:#c9c1b1;color:#6a655b;text-decoration:line-through}.ui-cal span.c{background:#2c6a50;color:#fff}
.ui-cal.own span{background:#e6f0ea;cursor:pointer}.ui-cal.own span.b{background:#1d1d1b;color:#fff;text-decoration:none}
.ui-n{margin-top:8px;font-size:14px;color:#4a463e}
.ui-lang b{font-weight:700}.ui img{width:100%;height:auto;display:block}
.ui-src{font-size:14px;color:var(--g-mute);margin-top:6px}
/* item 5: notice + identity + scope in one band */
.awd-bar{flex-wrap:wrap}
.g-scope.g-inband{flex-basis:100%;order:3;background:transparent!important;border:0;padding:6px 0 0;font-size:14px;line-height:20px;color:inherit;opacity:.9}
.g-scope.g-inband a{color:inherit}
/* item 6: readable components on /voorbeelden/; the hotel flow on its sector page */
.g-comp img{width:100%;height:auto}
.sj-flow .fd{margin-bottom:24px}
/* item 7: Merkidentiteit tiers with their outputs */
.mk-tier{display:grid;grid-template-columns:4fr 8fr;gap:56px;padding:56px 0;border-top:1px solid var(--rule);align-items:start}
.mk-tier h2{font-size:40px;line-height:1.1;margin-top:8px}.mk-p{font-size:34px;margin:8px 0 14px;color:var(--txt)}
.mk-logo{display:grid;grid-template-columns:repeat(3,1fr) .55fr;gap:16px;align-items:stretch}
.mk-logo span{display:grid;place-items:center;aspect-ratio:4/3;padding:18px;box-shadow:0 20px 30px -18px rgba(0,0,0,.9)}
.mk-logo img{max-width:80%;height:auto}.mk-logo .sm img{max-width:60%}
.mk-stat{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:18px;align-items:start}
.mk-stat>div{box-shadow:0 20px 30px -18px rgba(0,0,0,.9)}
.mk-full{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}
.mk-spread{display:grid;grid-template-columns:1fr 1fr;background:#fff;color:#1d1d1b;box-shadow:0 30px 40px -20px rgba(0,0,0,.9)}
.mk-spread .pg{padding:20px}.mk-spread .pg.l{border-right:1px solid #e8e1d3}.mk-spread .k{font-size:13px;color:#6a655b;margin-bottom:10px}
.mk-spread span{display:grid;place-items:center;aspect-ratio:4/3;margin-bottom:10px}.mk-spread img{max-width:70%}.mk-spread p{font-size:14px;line-height:1.45}
.mk-sw{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mk-sw span{aspect-ratio:1;display:flex;align-items:flex-end;padding:6px}.mk-sw i{font-style:normal;font-size:12px;background:rgba(255,255,255,.85);color:#1d1d1b;padding:1px 4px}
.mk-sign{position:relative;display:grid;place-items:center;align-content:center;gap:10px;padding:40px 20px 24px;box-shadow:0 30px 40px -20px rgba(0,0,0,.9)}
.mk-sign .awn{position:absolute;left:0;right:0;top:0;height:22px}.mk-sign img{max-width:80%}.mk-sign p{color:#fff3dc;font-size:14px}
/* item 8: werkwijze milestones with what you get */
.stages .dl{display:block;margin-top:4px;font-style:normal;color:#a6dcc1;font-size:16px}
/* g10 review */
.g-roomo-compact+.faqs,.g-roomo-compact+section.wrap.faqs{padding-top:40px;margin-top:0}
body.inner .g-roomo-compact+.faqs .grp:first-child{padding-top:0;margin-top:0}
.g-roomo-sj .sj-demo.sj-flow{display:block}
.g-roomo-sj .sj-flow .fd{width:100%}
.g-roomo-sj .sj-flow .sj-slip{margin-top:24px;max-width:420px}
.g-fig-print .art-tool{background:none;border:0;padding:0;margin:0;color:#1d1d1b}
.g-fig-print .lab{color:#2c6a50}.g-fig-print .asof{color:#4a463e;font-size:14px}
.g-fig-print .tbl{overflow:visible}
.gx-vlab{top:458px}
.g-fig-print th{color:#1d1d1b!important;font-weight:600}

/* ---------------- g11 · edit round (judge g10.1, brief-g11-edit) ---------------- */
/* BUG: every image keeps its intrinsic ratio (width-constrained, height auto) */
main img{height:auto}
.mk-spread img,.mk-sign img,.mk-logo img,.wp-logo img{width:auto;height:auto;max-height:70%;object-fit:contain}
.mk-sign img{max-width:70%;max-height:none}
/* item 1: home: three contrasting prints, trade links */
.wall3-home{margin-top:56px}
.wall3-home .wp-f{transform:none!important}
.g-trades{display:flex;flex-wrap:wrap;gap:12px 36px;margin-top:48px;padding-top:24px;border-top:1px solid var(--rule)}
.g-trades a{font-size:18px;color:var(--txt);border-bottom:1px solid transparent}
.g-trades a span{color:var(--mint);margin-right:6px}
.g-trades a:hover{border-bottom-color:var(--line)}
/* item 2: package rows with their own small print */
.pk-row{position:relative}
.pk-img{grid-column:4;grid-row:1 / span 2;width:120px;height:76px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.5),0 12px 20px -10px rgba(0,0,0,.9);align-self:center}
.pk-img img{width:100%;height:100%!important;object-fit:cover;object-position:top}
.g-free2{margin-top:12px;font-size:16px;color:#d9e9df}
/* item 3: six short rows */
.g-rows2{display:flex;flex-direction:column;gap:56px;margin-top:48px}
.g-row2{display:grid;grid-template-columns:560px 1fr;gap:56px;align-items:center}
.g-row2 h2{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:32px;line-height:1.15;margin:8px 0 10px}
.g-row2 p{color:#ddd8cd}
.g-pk2{margin-top:10px;font-size:16px;color:#a6dcc1!important}
.g-row2 .acts{margin-top:12px}
/* item 4 */
.g-scope543{margin:6px 0 10px;font-size:16px;line-height:1.45;color:#d9e9df}
/* item 5: the short invitation */
.g-invite{margin-top:120px;padding:56px 0 64px;border-top:1px solid var(--rule)}
.g-invite .serif{font-size:34px;line-height:1.15;color:var(--txt)}
.g-invite p+p{margin-top:12px;font-size:17px;color:var(--soft)}
.g-invite .copy{background:none;border:0;padding:0 0 1px;margin-left:12px;color:var(--txt);font:inherit;font-size:15px;border-bottom:1px solid rgba(243,238,228,.45);cursor:pointer}
.gf .addr{display:inline-flex;gap:10px;margin-top:6px;font-size:15px;color:var(--soft)}
.gf .addr .copy{background:none;border:0;padding:0 0 1px;color:var(--txt);font:inherit;font-size:15px;border-bottom:1px solid rgba(243,238,228,.45);cursor:pointer}
/* item 7: over ons proposal with notes */
.g-prop{display:grid;grid-template-columns:7fr 5fr;gap:48px;align-items:start}
.g-notes p{padding:16px 0;border-top:1px solid var(--rule);font-size:17px;line-height:1.5;color:#ddd8cd}
.g-notes b{color:var(--txt)}
/* g11 item 3: /voorbeelden/ toward ~5,000 px */
.g-shows{gap:88px;margin-top:56px}
.g-show>a{display:block;max-width:1000px}
.g-anker-i{grid-template-columns:1fr;max-width:1000px}
.g-row2{grid-template-columns:440px 1fr;gap:48px}
.g-rows2{gap:44px}
/* g11: package rows get a fifth column for their own print (desktop) */
@media (min-width:1101px){.pk-row{grid-template-columns:28px 128px minmax(0,3fr) minmax(0,5fr) auto}
.pk-img{grid-column:2;grid-row:1 / span 2}.pk-n{grid-column:3}.pk-f{grid-column:4}.pk-s{grid-column:4}.pk-p{grid-column:5}}
@media (min-width:1101px){.pk-row{grid-template-columns:28px 128px minmax(170px,2.2fr) minmax(0,4fr) auto}.pk-n{font-size:30px;line-height:34px}}
/* g11 item 4: a case's own section puts its artifact beside the explanation */
.cw-own{display:grid;grid-template-columns:5fr 7fr;gap:72px;align-items:center}
.cw-own .cw-own-t{max-width:none}
.cw-own .cw-own-i{justify-self:center}
.cw-own .cw-one{margin:0}
/* g11b: the Logo row fits the content width */
.mk-tier{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
.mk-o{min-width:0}
.mk-logo{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,.6fr)}
.mk-logo span{min-width:0}
.mk-stat,.mk-full{min-width:0}.mk-stat{grid-template-columns:repeat(3,minmax(0,1fr))}.mk-full{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
/* g11b: compact team strip on the home */
.g-team2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center}
.g-team2 .wall2{grid-template-columns:repeat(2,220px);gap:32px}
.g-team2 .wp-person .pt{aspect-ratio:4/5}
.g-team2 .g-h2{font-size:48px}
.mk-logo{align-items:start}.mk-logo .sm{aspect-ratio:1/1}

/* ---------------- g12 · judge g11.1 (brief-g12) ---------------- */
/* item 1: three wide package rows: print | name + scope | price block + Kies */
@media (min-width:1101px){
.pk{display:block}
.pk-row{grid-template-columns:28px 340px minmax(0,1fr) 250px;grid-template-rows:auto auto 1fr;column-gap:40px;row-gap:8px;padding:32px 16px;align-items:start}
.pk-img{grid-column:2;grid-row:1 / span 3;width:340px;height:212px}
.pk-n{grid-column:3;grid-row:1;font-size:34px;line-height:1.1}
.pk-f{grid-column:3;grid-row:2;font-size:18px;line-height:1.5}
.pk-s{grid-column:3;grid-row:3;font-size:16px}
.pk-p{grid-column:4;grid-row:1 / span 2;font-size:36px;line-height:1.1;text-align:right;align-self:start}
.pk-p .g-was{font-size:20px;vertical-align:.2em}
.pk-ch{grid-column:4;grid-row:3;justify-self:end;align-self:end;font-size:15px;font-weight:600;color:#08140f;background:var(--g-mint);padding:10px 16px}
.pk-row:has(input:checked) .pk-ch{background:transparent;color:var(--g-mint);box-shadow:inset 0 0 0 1px var(--g-mint)}
.pk-sum{position:static;margin-top:56px;max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:48px;align-items:start}
.pk-sum>.lab{grid-column:1 / -1}
}
/* item 2: article visuals */
.art-v{display:block;background:#f6f1e7;color:#1d1d1b;padding:28px}
.art-addr .bar{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #d9cfbd;border-radius:22px;padding:10px 16px;margin:10px 0}
.art-addr .bar i{width:12px;height:12px;border-radius:50%;border:2px solid #2c6a50}
.art-addr b{font-size:22px;font-weight:600}.art-addr em{margin-left:auto;font-style:normal;font-size:14px;color:#4a463e}
.art-mail .k{display:block;font-size:13px;color:#6a655b;margin-bottom:8px}.art-mail b{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:24px;margin-bottom:10px}
.art-mail .l{display:block;padding:7px 0;border-top:1px solid #e3dccd;font-size:15px}
/* item 4: no flat separator bands: the room light carries the change of section */
.g-floor{display:none}
.g-roomo{padding-bottom:0}
.gx-home .gx-hall::after{background:linear-gradient(to bottom,transparent,rgba(10,19,16,.6))}
.g-close{background:radial-gradient(ellipse 900px 420px at 78% 10%,rgba(208,228,210,.06),transparent 72%)}
.sec.close,.g-invite{border-top:0}
/* item 6 */
.wp-xs{max-width:300px}
.g-roomo-contact+.sp,.g-roomo-contact+div .sp{margin-top:24px}
.g-handover{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start;margin-top:40px}
.g-ho-mail{background:#fff;color:#1d1d1b;padding:28px 32px;box-shadow:0 30px 40px -20px rgba(0,0,0,.9)}
.g-ho-mail .k{font-size:13px;color:#6a655b}.g-ho-mail .s{font-weight:600;margin:6px 0 14px;padding-bottom:12px;border-bottom:1px solid #e3dccd}
.g-ho-mail p{font-size:16px;line-height:1.55;margin-top:8px;color:#1d1d1b}.g-ho-mail .lnk{color:#2c6a50;text-decoration:underline;font-weight:600}
.g-ho-next li{list-style:none;padding:16px 0;border-top:1px solid var(--rule);font-size:17px;color:#ddd8cd}.g-ho-next b{color:var(--txt)}
/* item 5: finished Mopé applications */
.mk-stat{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr) minmax(0,.9fr)}
.mk-letter{background:#fff;color:#1d1d1b;aspect-ratio:1/1.414;padding:9% 10% 7%;display:flex;flex-direction:column;box-shadow:0 30px 40px -20px rgba(0,0,0,.9);font-size:11px;line-height:1.55}
.mk-letter .lh-top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:10px;border-bottom:1px solid #173F22}
.mk-letter .lh-top img{width:42%;height:auto}.mk-letter .lh-from{text-align:right;font-size:9px;color:#173F22;letter-spacing:.04em}
.mk-letter .lh-date{margin-top:22px;font-size:10px;color:#6a655b}.mk-letter .lh-sal{margin-top:14px;font-weight:600}
.mk-letter .lh-body{margin-top:8px}.mk-letter .lh-sig{margin-top:18px;font-weight:600}.mk-letter .lh-sig span{font-weight:400;color:#6a655b}
.mk-letter .lh-foot{margin-top:auto;padding-top:8px;border-top:1px solid #e3dccd;font-size:8.5px;color:#6a655b;letter-spacing:.04em}
.mk-spread2{display:grid;grid-template-columns:1fr 1fr;background:#fffdf8;color:#1d1d1b;box-shadow:0 30px 40px -20px rgba(0,0,0,.9)}
.mk-spread2 .pg{padding:22px 22px 26px;aspect-ratio:1/1.3}.mk-spread2 .pg+.pg{border-left:1px solid #e8e1d3}
.mk-spread2 .k{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#6a655b;margin-bottom:14px}
.mk-spread2 .cs{background:#FFF8EC;padding:22px;display:grid;place-items:center}
.mk-spread2 .cs-box{display:block;outline:1px dashed #E2671A;outline-offset:14px;width:70%}.mk-spread2 .cs-box img{width:100%;height:auto;display:block}
.mk-spread2 .rule{font-size:12.5px;line-height:1.5;margin-top:12px}.mk-spread2 .rule b{color:#173F22}
.mk-spread2 .sw2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mk-spread2 .sw2 span{display:grid;grid-template-columns:28px 1fr;column-gap:8px;align-items:center;font-size:12px}
.mk-spread2 .sw2 i{grid-row:1 / span 2;width:28px;height:28px;border:1px solid #e3dccd}.mk-spread2 .sw2 em{font-style:normal;color:#6a655b;font-size:11px}
.mk-spread2 .sw2{grid-template-columns:1fr;gap:8px}.mk-spread2 .pg{min-width:0}

/* ---------------- g13 · judge g12.1 (brief-g13) ---------------- */
/* item 1: article-specific lead prints (cream sheets, scale with the print width) */
.wp-f:has(> .art-g13){container-type:inline-size}
.wp-f:has(> .art-g13)::after{opacity:.3}
.art-g13{font-family:Manrope,sans-serif;padding:5cqw 6cqw}
.wp-lead .art-g13,.wp-lead .wp-sketch{aspect-ratio:8/5;overflow:hidden}
.art-g13 .k{display:block;font-size:max(12px,2.9cqw);color:#4a463e;margin-bottom:2.6cqw}
.art-tbl .r{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:3cqw;padding:2.2cqw 0;border-top:1px solid #d9cfbd;font-size:max(12px,3.3cqw);line-height:1.3}
.art-tbl .r:has(> :nth-child(2):last-child){grid-template-columns:1.6fr 1fr}
.art-tbl .r.h b{font-weight:600;color:#2c6a50}.art-tbl .r i{font-style:normal}
.art-tbl .r i:first-child{font-weight:600}
.art-tl .line{display:block;position:relative;border-left:2px solid #2c6a50;margin-left:1cqw;padding-left:4cqw}
.art-tl .s{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:3cqw;position:relative;padding:1.05cqw 0;font-size:max(12px,3.1cqw);line-height:1.25}
.art-tl .s i{position:absolute;left:calc(-4cqw - 6px);top:calc(1.05cqw + .35em);width:10px;height:10px;border-radius:50%;background:#f6f1e7;border:2px solid #2c6a50}
.art-tl .s:last-child i{background:#2c6a50}
.art-tl b{font-weight:600}.art-tl em{font-style:normal;color:#4a463e}
.art-form .f{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:3cqw;padding:2cqw 2.4cqw;margin-top:1.4cqw;background:#fff;border:1px solid #d9cfbd;font-size:max(12px,3.1cqw);line-height:1.3}
.art-form .f b{font-weight:600}.art-form .f em{font-style:normal;color:#4a463e}
.art-form .f.us{background:none;border-style:dashed;border-color:#2c6a50}.art-form .f.us em{color:#2c6a50;font-weight:600}
/* item 2: Vragen: ~56 px title, no print, answers right below */
.g-roomo-q .g-roomo-t h1{font-size:56px;line-height:1.05}
.g-roomo-q .g-roomo-in{padding-bottom:28px}
/* item 4: /websites/: the running total sticky in a right column while choosing */
@media (min-width:1101px){
.pk.pk-side{display:grid;grid-template-columns:minmax(0,1fr) 340px;column-gap:48px;align-items:start}
.pk-side .pk-sum{position:sticky;top:96px;margin-top:0;display:block;grid-column:2;grid-row:1 / span 9;background:var(--deep)!important;box-shadow:0 0 0 1px var(--line)!important;border-radius:8px!important;padding:24px!important}
.pk-side .pk-main{grid-column:1;min-width:0}
.pk-side .pk-bar{display:none!important}
.pk-side .pk-row{grid-template-columns:28px 240px minmax(0,1fr) 190px;column-gap:28px;padding:28px 12px}
.pk-side .pk-img{width:240px;height:150px}
.pk-side .pk-n{font-size:30px}
.pk-side .pk-p{font-size:30px}
.pk-side .pk-sum .pk-yrs{display:block}
.pk-side .pk-sum .pk-yrs div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:14px}
}
/* item 6: Stilwater case: tighter supporting sections */
.g-tight.sec{padding-top:88px}
.g-scope-side{display:grid;grid-template-columns:minmax(0,1fr) 300px;column-gap:64px;align-items:start}
.g-ss-main{min-width:0}
.g-ss-phone{padding-top:12px}
.g-ss-phone .cw-one{margin:0}.g-ss-phone .phone{display:block;width:260px}.g-ss-phone .phone img{width:100%;height:auto;display:block}
.g-ss-phone figcaption{font-size:14px;color:var(--soft);margin-top:10px;max-width:260px}
.g-ss-t{margin-top:22px}.g-ss-t .h2{font-size:28px;line-height:1.15}.g-ss-t .lead{font-size:16px;margin-top:8px}
.cw-scope.g-tight{padding-top:96px}
/* item 7: Over ons: the proposal at about half size beside the notes */
.g-prop.g-prop-half{grid-template-columns:420px minmax(0,1fr);gap:56px}
.g-prop-half .sheet{font-size:14px;padding:26px 28px!important}
.g-prop-half .sheet h3,.g-prop-half .sheet .serif{font-size:20px!important}
.g-prop-half .sheet dt .serif{font-size:17px!important}
.g-prop-half .sheet dd{font-size:14px!important}
.g-prop-half .sheet dl>div{padding:9px 0!important;grid-template-columns:100px 1fr!important}
/* item 7: Contact: facts beside the topic tool */
.g-cfacts{max-width:520px;margin-left:auto}
.g-cfacts .cf-people{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:14px 0 18px}
.cf-p{display:flex;gap:14px;align-items:center}
.cf-p .pt{flex:0 0 72px;width:72px;height:90px;overflow:hidden;display:block}
.cf-p .pt img{width:100%;height:100%;object-fit:cover;display:block}
.cf-p p{font-size:15px;line-height:1.35}.cf-p b{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:22px}
.cf-p span{display:block;color:var(--soft);font-size:14px}.cf-p .link{font-size:14px}
.g-cfacts .ct-d>div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:12px 0;border-top:1px solid var(--rule);font-size:16px}
.g-cfacts .ct-d dt{font-weight:600}
.wp-lead .art-g13{padding:4cqw 5cqw}.wp-lead .art-g13 .k{margin-bottom:1.6cqw}
.wp-lead .art-tbl .r{padding:1.6cqw 0;font-size:max(11px,3cqw)}.wp-lead .art-tl .s{padding:.5cqw 0;font-size:max(11px,2.9cqw)}

/* ---------------- g14 · judge g13.1 (brief-g14) ---------------- */
/* item 2: cost table with a note under each row */
.g-fig-print table.c14{font-size:15px}
.g-fig-print .c14 td:first-child{font-weight:600}
.g-fig-print .c14 tr:not(.c14-n) td{border-bottom:0;padding-bottom:4px}
.g-fig-print .c14 tr.c14-n td{font-size:13px;color:#4a463e;padding-top:0}
/* item 3: Mopé applications + guideline spread */
.mk-full14{display:grid;gap:28px}
.mk-scene{display:block;width:100%;height:auto;box-shadow:0 30px 40px -20px rgba(0,0,0,.9)}
.mk-spread3{display:grid;grid-template-columns:1fr 1fr;background:#fffdf8;color:#1d1d1b;box-shadow:0 30px 40px -20px rgba(0,0,0,.9)}
.mk-spread3 .pg{padding:26px 28px 30px}.mk-spread3 .pg+.pg{border-left:1px solid #e8e1d3}
.mk-spread3 .k{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#6a655b;margin-bottom:14px}.mk-spread3 .k2{margin-top:22px}
.mk-spread3 .cs{display:grid;place-items:center;background:#FFF8EC;padding:22px}.mk-spread3 .cs-box{display:block;width:62%;outline:1px dashed #E2671A;outline-offset:14px}
.mk-spread3 .cs-box img,.mk-spread3 .mb img{display:block;width:100%;height:auto}
.mk-spread3 .rule{font-size:14px;line-height:1.45;margin-top:12px;color:#2d2b27}
.mk-spread3 .mis{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mk-spread3 .mis figure{margin:0}.mk-spread3 .mb{display:grid;place-items:center;aspect-ratio:16/10;background:#FFF8EC;overflow:hidden;padding:0 18%}
.mk-spread3 .mx-str{transform:scaleX(1.45)}
.mk-spread3 .mis figcaption{font-size:13px;margin-top:8px;line-height:1.35}.mk-spread3 .mis b{color:#b3261e;margin-right:4px}
.mk-spread3 .bar{display:flex;height:96px;gap:0}
.mk-spread3 .bar span{display:flex;flex-direction:column;min-width:0}.mk-spread3 .bar i{flex:1;display:block;border:1px solid #e8e1d3}
.mk-spread3 .bar b{font-size:12px;margin-top:6px;white-space:nowrap}.mk-spread3 .bar em{font-style:normal;font-size:11px;color:#6a655b}
.mk-spread3 .ty p{color:#173F22;border-top:1px solid #e8e1d3;padding:8px 0}.mk-spread3 .ty span{display:block;font:500 11px/1.4 Manrope,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#6a655b}
.mk-spread3 .t1{font:700 34px/1.1 Newsreader,Georgia,serif}.mk-spread3 .t2{font:600 19px/1.3 Manrope,sans-serif}.mk-spread3 .t3{font:400 14px/1.5 Manrope,sans-serif;color:#2d2b27!important}
/* item 4: summary without the box; ruled rows on the package rows' rule; one-time and yearly apart; larger add-on demos */
@media (min-width:1101px){
.pk-side .pk-sum{background:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;border-top:1px solid var(--rule)}
.pk-side .pk-sum>.lab:first-child{padding-top:14px}
.pk-side .pk-sum .pk-tot{border-bottom:1px solid var(--rule);padding-bottom:12px}
.pk-side .pk-sum .pk-l2{margin-top:22px}
.pk-side .pk-sum .pk-yrs{border-top:1px solid var(--rule)}
.pk-side .pk-sum .pk-yrs div{border-bottom:1px solid var(--rule);padding:9px 0;font-size:15px}
.pk-side .g-ui{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;padding:22px 0}
.pk-side .g-ui .ui{font-size:17px;padding:20px 22px}
.pk-side .g-ui .ui-t{font-size:15px;font-weight:600;margin-bottom:8px}
.pk-side .g-ui .ui-cal span{height:34px;font-size:15px}
}
/* item 5: two enlarged components with one explanation beside */
.g-row2.g-row2-big{grid-template-columns:780px minmax(0,1fr);gap:56px}
.g-row2-big .g-why{font-size:19px;line-height:1.5;color:var(--txt)}
/* item 6: blog leads with fewer, larger elements */
.art-tl14 .line{display:grid;grid-template-columns:repeat(4,1fr);gap:3cqw;position:relative;margin-top:8cqw;border-top:2px solid #2c6a50}
.art-tl14 .s{position:relative;padding-top:4.5cqw;display:block}
.art-tl14 .s i{position:absolute;left:0;top:-1.6cqw;width:3cqw;height:3cqw;border-radius:50%;background:#f6f1e7;border:2px solid #2c6a50}
.art-tl14 .s:last-child i{background:#2c6a50}
.art-tl14 b{display:block;font-size:max(14px,4.6cqw);line-height:1.15;font-weight:700;color:#1d1d1b}
.art-tl14 em{display:block;font-style:normal;font-size:max(12px,3.1cqw);color:#4a463e;margin-top:1.4cqw}
.art-tl14 .k,.art-c14 .k{font-size:max(12px,3.4cqw)}
.art-c14 .r{display:flex;justify-content:space-between;align-items:baseline;padding:2.6cqw 0;border-top:1px solid #d9cfbd}
.art-c14 .r i{font-style:normal;font-size:max(14px,4.6cqw);font-weight:600}.art-c14 .r b{font-size:max(16px,6cqw);font-weight:700;color:#2c6a50}
.wp-lead .art-tl14{padding:6cqw 6cqw}.wp-lead .art-tl14 .line{margin-top:10cqw}
/* item 7: Werkwijze one statement; Over ons annotations on their proposal rows */
.g-prop14{max-width:1100px}
.pp-row{display:grid;grid-template-columns:520px minmax(0,1fr);column-gap:48px}
.pp-paper{background:#fff;color:#1d1d1b;padding:0 34px}
.pp-head .pp-paper{padding-top:30px;padding-bottom:14px}.pp-head .lab{color:#2c6a50;font-size:13px}.pp-head .sh{font-size:26px;margin-top:4px}
.pp-row:not(.pp-head):not(.pp-end) .pp-paper{display:grid;grid-template-columns:120px 1fr;gap:16px;padding-top:16px;padding-bottom:16px;border-top:1px solid #e3dccd;font-size:15px;line-height:1.5}
.pp-row .pp-paper .serif{font-size:20px}
.pp-end .pp-paper{height:28px;box-shadow:0 30px 40px -24px rgba(0,0,0,.9)}
.pp-row .ann{align-self:center;font-size:16px;line-height:1.5;color:#ddd8cd;border-left:2px solid var(--g-mint);padding-left:18px}
.pp-row .ann:empty{border:0}.pp-row .ann b{color:var(--txt);margin-right:4px}
/* item 8: gratis ontwerp: the reassurance beside the handover e-mail, then one action */
.g-ho-side .acts{margin-top:26px;display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.g-ho-side .addr{font-size:15px;color:var(--soft);display:inline-flex;gap:10px}
.g-ho-side .copy{background:none;border:0;padding:0 0 1px;color:var(--txt);font:inherit;font-size:15px;border-bottom:1px solid rgba(243,238,228,.45);cursor:pointer}
.mk-full.mk-full14{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.mk-spread3>.pg{min-width:0}
.mk-spread3 .bar b{white-space:normal}.mk-spread3 .bar span{overflow:hidden}
.mk-spread3 .mb svg{display:block;width:100%;height:auto}
.mk-spread3 .bar{height:64px}
.mk-spread3 .lgd{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.mk-spread3 .lgd i{display:inline-block;width:10px;height:10px;border:1px solid #d9cfbd;margin-right:6px;vertical-align:0}
.mk-spread3 .lgd b{font-size:12px}.mk-spread3 .lgd em{display:block;font-style:normal;font-size:11px;color:#6a655b}
.wp-lead .art-tl14 em{display:none}
.wp-lead .art-tl14 b{font-size:max(13px,4cqw)}
.g-ho-side .acts{display:block}

/* ---------------------------------------------------------------- g15 (brief-g15.md) */
:root{--g-pop:var(--g-mint);--g-pop2:var(--g-mint2);--g-pop-ink:#06120d;--g-days:#a6dcc1;
  --g-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 14' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 7h19.5'/%3E%3Cpath d='M14.2 1.6c1.6 2.5 3.9 4.3 7.1 5.4-3.2 1.1-5.5 2.9-7.1 5.4'/%3E%3C/svg%3E");
  --g-ease:cubic-bezier(.2,.7,.2,1)}
/* item 3: the accent test, one token, off by default (html.g-accent or ?accent=1) */
html.g-accent{--g-pop:#f2b33d;--g-pop2:#f6c25e;--g-pop-ink:#1b1306;--g-days:#f2b33d}

/* item 4 + 5: one light for the whole page. The hall's top light and shaft moved into one fixed layer that drifts like a northern light;
   sections are transparent, so nothing cuts the light at a section line */
html{background:var(--g-wall)}
body,body.inner{background:transparent}
.g-sky{position:fixed;left:0;right:0;top:0;height:1100px;z-index:0;pointer-events:none;overflow:hidden;transform:translate3d(0,calc(var(--sy,0) * -.035px),0)}
.g-sky i{position:absolute;display:block;will-change:transform,opacity}
.g-sky-a{left:calc(74% - 880px);top:-650px;width:1760px;height:1120px;background:radial-gradient(ellipse 880px 560px at 50% 50%,rgba(208,228,210,.13),transparent 70%);animation:g-aur-a 30s var(--g-ease) infinite alternate}
.g-sky-b{right:40px;top:-260px;width:420px;height:1500px;transform-origin:top right;transform:rotate(36deg);background:linear-gradient(to bottom,rgba(228,240,226,.15),rgba(228,240,226,.05) 50%,transparent 80%);filter:blur(38px);animation:g-aur-b 24s ease-in-out infinite alternate}
@keyframes g-aur-a{0%{transform:translate3d(0,0,0) scale(1);opacity:1}50%{transform:translate3d(-70px,22px,0) scale(1.05);opacity:.8}100%{transform:translate3d(24px,-8px,0) scale(.985);opacity:.96}}
@keyframes g-aur-b{0%{transform:rotate(36deg) translateX(0);opacity:1}55%{transform:rotate(39.5deg) translateX(-40px);opacity:.7}100%{transform:rotate(34.6deg) translateX(14px);opacity:.92}}
main,footer.gf{position:relative;z-index:1}
header.gh{z-index:3}
header.gh.gh-over{position:absolute;z-index:5}
.gx-home .gx-hall{background:linear-gradient(116deg,transparent 57%,rgba(214,232,214,.035) 63%,transparent 69%),linear-gradient(116deg,transparent 69%,rgba(214,232,214,.028) 73%,transparent 78%),radial-gradient(ellipse 1000px 260px at 50% 560px,rgba(232,240,230,.06),transparent 75%)}
.gx-home .gx-hall::before{display:none}
.gx-home .gx-hall::after{background:linear-gradient(to bottom,transparent,rgba(10,19,16,.42) 55%,transparent)}
.gx-home .gx-room,.g-sec,.sec:not(.close),.g-close,.g-roomo,body.inner main>.cw:first-child{background:transparent}
.g-roomo::before,.g-floor{display:none}
.gf{background:linear-gradient(to bottom,transparent,rgba(10,18,15,.85) 220px);border-top:0}
.gf::before{content:"";position:absolute;left:80px;right:80px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--rule) 18%,var(--rule) 82%,transparent)}
.gf-office{margin-top:10px;font-size:15px;color:var(--soft)}
.gf-office b{font-weight:600;color:var(--txt);margin-right:6px}

/* item 1: first screen, headline + gallery and only one sub line, one action pair, one quiet offer line */
.gx-home .gx-line{margin-top:20px}
.gx-home .gx-intro-txt .gx-acts{margin-top:34px}
.gx-home .gx-g-mail{display:inline-flex}

/* item 2: the intro offer as an editorial wall label */
.g-iv{color:#d6e3da}
.g-iv-k{display:inline-flex;align-items:center;gap:12px;font-size:12px;line-height:20px;font-weight:650;letter-spacing:.17em;text-transform:uppercase;color:var(--g-mint)}
.g-iv-k::before{content:"";width:30px;height:1px;background:currentColor;opacity:.8}
.g-iv em{font-family:Newsreader,Georgia,serif;font-style:italic;color:var(--g-days)}
.g-iv-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 0;margin-top:28px;font-size:15px;line-height:22px}
.g-iv-line .g-iv-t{margin-left:16px;font-family:Newsreader,Georgia,serif;font-size:20px;color:var(--txt)}
.g-iv-line .g-iv-s{margin-left:16px;padding-left:16px;border-left:1px solid rgba(243,238,228,.22);color:#b7c4bb;font-size:14.5px}
.gx-home .gx-intro-txt .g-iv-line{margin-top:30px}
.g-iv-mini{display:flex;flex-direction:column;gap:2px;margin:14px 0 18px}
.g-iv-mini .g-iv-t{font-family:Newsreader,Georgia,serif;font-size:19px;line-height:1.3;color:var(--txt)}
.g-iv-block{display:grid;grid-template-columns:260px minmax(0,1fr);column-gap:48px;align-items:baseline;margin-top:64px;padding-top:26px;border-top:1px solid var(--rule)}
.g-iv-block .g-iv-k{grid-row:1 / span 2}
.g-iv-block .g-iv-h{font-family:Newsreader,Georgia,serif;font-size:34px;line-height:1.15;letter-spacing:-.01em;color:var(--txt)}
.g-iv-block .g-iv-s{grid-column:2;margin-top:8px;font-size:16px;color:#b7c4bb}
.g-iv-block+.gx-rail{margin-top:34px}
.gx-home .gx-intro{margin:-2px 0 14px;padding-left:12px;border-left:1px solid rgba(116,214,166,.5);font-size:14.5px;line-height:21px;color:#b7c4bb}
.gx-home .gx-intro b{color:var(--txt);font-weight:600}

/* item 3: our buttons. Primary = a lit wall label with its own arrow cell; secondary = the same shape in outline; text link = a line that fills */
.btn,.gx-home .gx-btn{display:inline-flex;align-items:center;height:58px;padding:0 0 0 28px;border-radius:3px;background:linear-gradient(rgba(6,18,13,.2),rgba(6,18,13,.2)) no-repeat right 58px center/1px 24px,var(--g-pop);
  color:var(--g-pop-ink);font:650 17px/1 Manrope,system-ui,sans-serif;letter-spacing:.003em;white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(0,0,0,.12),0 14px 28px -18px rgba(0,0,0,.9);
  transition:background-color .25s,box-shadow .25s,transform .12s}
.btn::after,.gx-home .gx-btn::after{content:"";flex:none;width:58px;height:58px;margin-left:22px;background:currentColor;-webkit-mask:var(--g-arrow) no-repeat center/22px 13px;mask:var(--g-arrow) no-repeat center/22px 13px;transition:transform .4s var(--g-ease)}
.btn:hover,.gx-home .gx-btn:hover{background-color:var(--g-pop2);background-image:linear-gradient(rgba(6,18,13,.2),rgba(6,18,13,.2))}
.btn:hover::after,.gx-home .gx-btn:hover::after,.btn:focus-visible::after{transform:translateX(5px)}
.btn:active,.gx-home .gx-btn:active{transform:translateY(1px);box-shadow:inset 0 2px 7px rgba(0,0,0,.22),0 8px 16px -14px rgba(0,0,0,.9)}
.btn:focus-visible,.gx-home .gx-btn:focus-visible{outline:2px solid var(--g-ink);outline-offset:4px}
.btn.ghost,.g-btn2{background:linear-gradient(rgba(243,238,228,.24),rgba(243,238,228,.24)) no-repeat right 58px center/1px 24px,transparent;color:var(--txt);box-shadow:inset 0 0 0 1px rgba(243,238,228,.4)}
.btn.ghost:hover,.g-btn2:hover{background-color:rgba(243,238,228,.06);box-shadow:inset 0 0 0 1px rgba(243,238,228,.75)}
.gx-home .gx-lnk,.g-tl,.g-bb-more,.sj-alt,a.nextlink{display:inline-flex;align-items:center;gap:12px;padding:0 0 7px;border-bottom:0;color:var(--txt);font-weight:550;
  background:linear-gradient(var(--g-ink),var(--g-ink)) no-repeat 0 100%/0 1px,linear-gradient(rgba(243,238,228,.42),rgba(243,238,228,.42)) no-repeat 0 100%/100% 1px;transition:background-size .5s var(--g-ease)}
.gx-home .gx-lnk::after,.g-tl::after,.g-bb-more::after,.sj-alt::after,a.nextlink::after{content:"";flex:none;width:18px;height:11px;background:currentColor;-webkit-mask:var(--g-arrow) no-repeat center/contain;mask:var(--g-arrow) no-repeat center/contain;transition:transform .4s var(--g-ease)}
.gx-home .gx-lnk:hover,.g-tl:hover,.g-bb-more:hover,.sj-alt:hover,a.nextlink:hover{background-size:100% 1px,100% 1px}
.gx-home .gx-lnk:hover::after,.g-tl:hover::after,.g-bb-more:hover::after,.sj-alt:hover::after,a.nextlink:hover::after{transform:translateX(4px)}
.link{border-bottom:0;background:linear-gradient(var(--g-ink),var(--g-ink)) no-repeat 0 100%/0 1px,linear-gradient(rgba(243,238,228,.45),rgba(243,238,228,.45)) no-repeat 0 100%/100% 1px;padding-bottom:2px;transition:background-size .45s var(--g-ease)}
.link:hover{background-size:100% 1px,100% 1px}
.copy,.gx-copy{transition:color .2s,border-color .2s}.copy:hover,.gx-copy:hover{color:var(--g-mint);border-bottom-color:var(--g-mint)}

/* item 6: the prints settle onto the wall once, on load */
@media (prefers-reduced-motion:no-preference){
  .gx-home .gx-print{animation:g-hang 1.5s var(--g-ease) both;animation-delay:calc(.15s + var(--i) * .11s)}
  .gx-home .gx-print .gx-frame{animation:g-settle 1.7s var(--g-ease) both;animation-delay:calc(.15s + var(--i) * .11s)}
  .gx-home .gx-cp{animation:g-hang 1.2s var(--g-ease) both;animation-delay:1.05s}
}
@keyframes g-hang{from{opacity:0}to{opacity:1}}
@keyframes g-settle{from{transform:translateY(-26px)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.g-sky i{animation:none}.g-sky{transform:none}}

/* item 10: Mopé brand world */
.mw{margin:0}
.mw-f{position:relative;display:block;overflow:hidden;background:#111;box-shadow:0 0 0 1px rgba(0,0,0,.55),0 40px 60px -26px rgba(0,0,0,.9),0 14px 26px -14px rgba(0,0,0,.7)}
.mw-f::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(255,252,244,.4);z-index:1}
.mw-f img{display:block;width:100%;height:100%;object-fit:cover}
.mw figcaption{margin-top:12px;font-size:15px;line-height:1.4;color:var(--soft)}
.mw figcaption b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:19px;color:var(--txt);margin-right:8px}
.wp-hf .wp-f{aspect-ratio:1600/1063}.wp-hf .wp-f img{width:100%;height:100%;object-fit:cover}
.mk-stat.mk-stat15{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;align-items:start}
.mk-stat15 .mw-wide .mw-f{aspect-ratio:1600/1063}.mk-stat15 .mw-sq .mw-f{aspect-ratio:1}
.mk-full15{display:block}
.mk-world{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 24px;margin-bottom:56px}
.mk-world .w-a{grid-column:1 / span 4}.mk-world .w-a .mw-f{aspect-ratio:1600/1063}
.mk-world .w-b{grid-column:5 / span 2;align-self:end}.mk-world .w-b .mw-f{aspect-ratio:4/5}
.mk-world .w-c,.mk-world .w-d{grid-column:span 1}.mk-world .w-c .mw-f,.mk-world .w-d .mw-f{aspect-ratio:4/5}
.mk-world .w-c{grid-column:1 / span 2}.mk-world .w-d{grid-column:3 / span 2}
.mk-world .w-e{grid-column:5 / span 2}.mk-world .w-e .mw-f{aspect-ratio:4/5}
.mk-world .w-f{grid-column:1 / span 6}.mk-world .w-f .mw-f{aspect-ratio:21/9}
.mk-world-n{grid-column:1 / span 6;max-width:760px;font-size:16px;color:var(--soft)}
.mk-get-h{margin-top:22px;font-size:12px;font-weight:650;letter-spacing:.16em;text-transform:uppercase;color:var(--g-mint)}
.mk-get{list-style:none;margin-top:10px;border-top:1px solid var(--rule)}
.mk-get li{position:relative;padding:10px 0 10px 26px;border-bottom:1px solid var(--rule);font-size:16px;line-height:1.4;color:var(--txt)}
.mk-get li::before{content:"";position:absolute;left:2px;top:17px;width:12px;height:7px;border-left:1.6px solid var(--g-mint);border-bottom:1.6px solid var(--g-mint);transform:rotate(-45deg)}
.mk-get li:first-child{color:var(--soft)}
.mk-tier:last-of-type .mk-get li{font-size:17px}

/* home: Merkidentiteit */
.g-hmerk{padding:140px 0 40px}
.g-hm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,.85fr);gap:48px;align-items:end}
.g-hm-t p{margin-top:16px;font-size:18px;color:var(--soft)}.g-hm-t .g-h2{margin-top:10px;font-size:52px}
.g-hm-a .mw-f{aspect-ratio:1600/1063}.g-hm-b{margin-bottom:64px}.g-hm-b .mw-f{aspect-ratio:4/5}

/* item 8: Vacatures */
.g-vac-o .g-roomo-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:72px;align-items:end;padding-bottom:40px}
.g-vac-o h1{font-size:72px;line-height:1.02;letter-spacing:-.022em;margin-top:10px}
.g-vac-o .lead{margin-top:20px;font-size:20px;color:var(--soft);max-width:560px}
.vac-jump{display:flex;gap:36px;margin-top:30px}
.vac-team{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.vac-team .pt img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.55),0 40px 60px -26px rgba(0,0,0,.9)}
.vac-tc{grid-column:1 / span 2;font-size:15px;color:var(--soft)}
.vac-p{margin:0}
.vac-j{padding:72px 0 80px;border-top:1px solid var(--rule)}
.vac-j h2{font-size:56px;line-height:1.05;margin-top:8px}
.vac-m{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 32px;margin-top:28px;border-top:1px solid var(--rule)}
.vac-m div{padding:14px 0;border-bottom:1px solid var(--rule)}
.vac-m dt{font-size:12px;font-weight:650;letter-spacing:.16em;text-transform:uppercase;color:var(--g-mint)}
.vac-m dd{margin-top:4px;font-size:17px;color:var(--txt)}
.vac-lead{margin-top:28px;max-width:760px;font-family:Newsreader,Georgia,serif;font-size:26px;line-height:1.35;color:var(--txt)}
.vac-b{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:44px}
.vac-l h3{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:24px}
.vac-l ul{list-style:none;margin-top:12px;border-top:1px solid var(--rule)}
.vac-l li{padding:10px 0;border-bottom:1px solid var(--rule);font-size:16px;line-height:1.45;color:var(--soft)}
.vac-a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:center;margin-top:48px;padding:28px 0 0;border-top:1px solid var(--rule)}
.vac-a p{font-size:16px;color:var(--soft);max-width:640px}
.vac-a .acts{max-width:none;display:flex}
.vac-a .g-mail{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.g-vac-inv{padding:80px 0 20px}.g-vac-inv .serif{font-size:36px;line-height:1.15}.g-vac-inv p+p{margin-top:12px;color:var(--soft);display:flex;gap:24px;align-items:baseline;flex-wrap:wrap}

/* item 7: planner on one grid, our own controls */
.pl-in.pl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px;align-items:start;max-width:none}
.pl-f{display:grid;grid-template-rows:auto 52px auto;row-gap:8px;min-width:0}
.pl-l{font-size:12px;line-height:20px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--g-mint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-h{font-size:14px;line-height:20px;color:var(--g-mute)}
.art-tool .pl-out{max-width:none}
.pl-grid~.pl-out li{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:28px;align-items:baseline}
.pl-grid~.pl-out li b{grid-column:1 / span 2;font-weight:550}
.pl-grid~.pl-out li span{grid-column:3 / span 2;text-align:left;font-variant-numeric:tabular-nums;color:var(--txt)}
.g-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none;overflow:hidden}
.g-ctl{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:52px;padding:0 14px 0 16px;border:0;border-radius:3px;background:rgba(243,238,228,.045);
  box-shadow:inset 0 0 0 1px rgba(243,238,228,.2),inset 0 1px 0 rgba(255,255,255,.04);color:var(--txt);font:500 16px/1 Manrope,system-ui,sans-serif;text-align:left;cursor:pointer;transition:box-shadow .2s,background-color .2s}
.g-ctl:hover{box-shadow:inset 0 0 0 1px rgba(243,238,228,.45);background-color:rgba(243,238,228,.07)}
.g-ctl[aria-expanded=true]{box-shadow:inset 0 0 0 1px var(--g-mint)}
.g-ctl:focus-visible{outline:2px solid var(--g-mint);outline-offset:3px}
.g-ctl svg{flex:none;width:18px;height:18px;color:var(--g-mint)}
.g-ctl span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g-sel,.g-date{position:relative}
.g-pop{position:absolute;z-index:20;top:calc(100% + 8px);left:0;background:#13211c;border-radius:4px;box-shadow:0 0 0 1px rgba(243,238,228,.16),0 30px 50px -20px rgba(0,0,0,.95)}
.g-pop[hidden]{display:none}
.g-sel-l{list-style:none;min-width:100%;padding:6px;outline:none}
.g-sel-l li{position:relative;padding:11px 12px 11px 34px;font-size:15.5px;line-height:1.2;border-radius:2px;cursor:pointer;white-space:nowrap}
.g-sel-l li.on{background:rgba(116,214,166,.12)}
.g-sel-l li[aria-selected=true]::before{content:"";position:absolute;left:12px;top:15px;width:10px;height:5px;border-left:1.6px solid var(--g-mint);border-bottom:1.6px solid var(--g-mint);transform:rotate(-45deg)}
.g-cal{width:316px;padding:14px 14px 10px}
.g-cal-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.g-cal-t{font-family:Newsreader,Georgia,serif;font-size:20px}
.g-cal-n{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:3px;background:none;color:var(--txt);cursor:pointer}
.g-cal-n:hover{background:rgba(243,238,228,.08)}.g-cal-n svg{width:16px;height:16px}
.g-cal-g{width:100%;border-collapse:collapse;table-layout:fixed}
.g-cal-g th{padding:4px 0 6px;font-size:11px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--g-mute)}
.g-cal-g td{padding:1px}
.g-cal-g button{display:block;width:100%;height:36px;border:0;border-radius:3px;background:none;color:var(--txt);font:500 14.5px/1 Manrope,system-ui,sans-serif;font-variant-numeric:tabular-nums;cursor:pointer}
.g-cal-g button:hover{background:rgba(243,238,228,.08)}
.g-cal-g button.w{color:var(--g-mute)}.g-cal-g button.o{opacity:.4}
.g-cal-g button.t{box-shadow:inset 0 0 0 1px rgba(243,238,228,.3)}
.g-cal-g button.s{background:var(--g-mint);color:#06120d;font-weight:650}
.g-cal-g button[aria-disabled=true]{opacity:.25;cursor:default}
.g-cal-g button:focus-visible{outline:2px solid var(--g-mint);outline-offset:-2px}
.g-cal-f{margin-top:8px;font-size:12.5px;color:var(--g-mute)}
.g-step{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;height:52px;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(243,238,228,.2);background:rgba(243,238,228,.045)}
.g-step:focus-within{box-shadow:inset 0 0 0 1px var(--g-mint)}
.g-step input[type=number]{width:100%!important;height:52px!important;border:0!important;background:none!important;color:var(--txt);text-align:center;font:600 18px/1 Manrope,system-ui,sans-serif;font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield;padding:0!important;border-radius:0!important}
.g-step input::-webkit-outer-spin-button,.g-step input::-webkit-inner-spin-button,.art-tool input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.g-step input:focus{outline:none}
.g-step-b{display:grid;place-items:center;border:0;background:none;color:var(--g-mint);cursor:pointer;border-radius:3px}
.g-step-b:hover{background:rgba(243,238,228,.07)}.g-step-b:disabled{color:var(--g-mute);opacity:.45;cursor:default}
.g-step-b svg{width:16px;height:16px}
.g-step-b:focus-visible{outline:2px solid var(--g-mint);outline-offset:-2px}
.art-tool input[type=range]{-webkit-appearance:none;appearance:none;height:28px;background:none;accent-color:var(--g-mint)}
.art-tool input[type=range]::-webkit-slider-runnable-track{height:2px;background:rgba(243,238,228,.3)}
.art-tool input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-9px;border-radius:50%;background:var(--g-mint);box-shadow:0 0 0 4px rgba(116,214,166,.18)}
.g-dn::after{transform:rotate(90deg)}.g-dn:hover::after,.btn.g-dn:hover::after{transform:rotate(90deg) translateX(4px)}
.art-tool .g-cal-g th,.art-tool .g-cal-g td{border:0;padding:1px;vertical-align:middle;text-align:center}
.art-tool .g-cal-g th{padding:4px 0 6px}
/* item 7: our own radio and check boxes in the site's tools (configurator, contact topic, blog checklists, domain helper) */
:is(.pk,[data-tool]) input[type=radio],:is(.pk,[data-tool]) input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:none;width:20px;height:20px;margin:0;border:0;background:transparent;box-shadow:inset 0 0 0 1.5px rgba(243,238,228,.5);cursor:pointer;transition:box-shadow .2s,background-color .2s;vertical-align:middle}
:is(.pk,[data-tool]) input[type=radio]{border-radius:50%}
:is(.pk,[data-tool]) input[type=checkbox]{border-radius:3px}
:is(.pk,[data-tool]) input[type=radio]:hover,:is(.pk,[data-tool]) input[type=checkbox]:hover{box-shadow:inset 0 0 0 1.5px var(--g-ink)}
:is(.pk,[data-tool]) input[type=radio]:checked{box-shadow:inset 0 0 0 1.5px var(--g-mint),inset 0 0 0 5.5px var(--g-wall),inset 0 0 0 10px var(--g-mint)}
:is(.pk,[data-tool]) input[type=checkbox]:checked{background:var(--g-mint) no-repeat center/12px 9px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 9' fill='none' stroke='%2306120d' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.2 4.6 4.4 7.6 10.8 1.3'/%3E%3C/svg%3E");box-shadow:none}
:is(.pk,[data-tool]) input[type=radio]:focus-visible,:is(.pk,[data-tool]) input[type=checkbox]:focus-visible{outline:2px solid var(--g-mint);outline-offset:3px}
.pk-ch{border-radius:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
/* g15b item 3: the cups photo in its own 3:2 frame, all three cups whole */
.g-hm-b.g-hm-b15{margin-bottom:0}.g-hm-b.g-hm-b15 .mw-f{aspect-ratio:1600/1063}
.g-hm.g-hm{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr) minmax(0,1fr)}

/* ---------------------------------------------------------------- g15b · judge g15.1 fixes */
/* fix 3: additions groups close into one line */
.pk-gx{border:0;padding:0;margin:0}
.pk-gd{border-top:1px solid var(--rule)}
.pk-gs{display:grid;grid-template-columns:minmax(0,1fr) auto auto 22px;align-items:baseline;gap:20px;padding:22px 0;cursor:pointer;list-style:none}
.pk-gs::-webkit-details-marker{display:none}
.pk-gs::after{content:"";width:14px;height:14px;align-self:center;background:var(--g-mint);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6.2c1.4 1.5 2.7 2.7 4 3.6 1.3-.9 2.6-2.1 4-3.6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6.2c1.4 1.5 2.7 2.7 4 3.6 1.3-.9 2.6-2.1 4-3.6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain;transition:transform .3s var(--g-ease)}
.pk-gd[open]>.pk-gs::after{transform:rotate(180deg)}
.pk-gn{font-size:28px;line-height:1.1;color:var(--txt)}
.pk-gsel{font-size:15px;color:var(--g-mute)}
.pk-gd.has .pk-gsel{color:var(--txt)}
.pk-gc{font-size:16px;font-weight:600;color:var(--g-mint);min-width:90px;text-align:right;font-variant-numeric:tabular-nums}
.pk-gs:hover .pk-gn{color:var(--g-mint2)}
.pk-gs:focus-visible{outline:2px solid var(--g-mint);outline-offset:4px}
.pk-gd>:not(summary):last-child{margin-bottom:22px}

/* fix 4: the six trades on one structure: same image column, same text column, top-aligned; wide captures enlarged, forms at reading scale */
.g-rows2 .g-row2,.g-rows2 .g-row2.g-row2-big{grid-template-columns:680px minmax(0,1fr);gap:64px;align-items:start}
.g-rows2 .g-row2>a{display:block}
.g-rows2 .g-row2 .g-print{display:block;width:100%}
.g-rows2 .g-row2 .g-print img{display:block;width:100%;height:auto}
.g-rows2 #overstek .g-print,.g-rows2 #ondoro .g-print{aspect-ratio:16/9}
.g-rows2 #overstek .g-print img,.g-rows2 #ondoro .g-print img{height:100%;object-fit:cover;object-position:left top}
.g-rows2 #bruinhart .g-print,.g-rows2 #libi .g-print,.g-rows2 #oever .g-print{width:540px}
.g-rows2 .g-row-t{padding-top:6px}
.g-rows2 .g-row2-big .g-why{font-size:17px;line-height:1.55;color:#ddd8cd}

/* fix 5: Over ons, a smaller proposal with each note beside its own field */
.g-prop14{max-width:1000px}
.pp-row{grid-template-columns:440px minmax(0,1fr);column-gap:0}
.pp-row:not(.pp-head):not(.pp-end) .pp-paper{grid-template-columns:96px 1fr;font-size:14px;padding:14px 28px}
.pp-row .pp-paper .serif{font-size:18px}
.pp-head .pp-paper{padding:24px 28px 12px}
.pp-row .ann{align-self:start;position:relative;margin:14px 0 0;padding-left:84px;border-left:0}
.pp-row .ann:not(:empty)::before{content:"";position:absolute;left:0;top:11px;width:68px;height:1px;background:var(--g-mint)}
.pp-row .ann:not(:empty)::after{content:"";position:absolute;left:-3px;top:8px;width:7px;height:7px;border-radius:50%;background:var(--g-mint)}

/* fix 6: blog opening, one lead story and two ruled entries */
.bl-lead3{display:grid!important;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:auto auto;gap:0 56px;align-items:start}
.bl-lead3>.wp:first-child{grid-row:1 / span 2}
.bl-lead3>.wp:first-child .wl b{font-size:34px;line-height:1.15}
.bl-lead3>.wp:not(:first-child){display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:start;padding:24px 0;border-top:1px solid var(--rule);margin:0}
.bl-lead3>.wp:nth-child(3){border-bottom:1px solid var(--rule)}
.bl-lead3>.wp:not(:first-child) .wl{margin-top:0}
.bl-lead3>.wp:not(:first-child) .wl b{font-size:22px}
.bl-dek{margin-top:8px;font-size:15.5px;line-height:1.5;color:var(--soft)}
.bl-lead3>.wp:first-child .bl-dek{font-size:18px;max-width:640px}

/* fix 7: Mopé, the package boundary beside the price, and the guide at reading size */
.mk-incl{display:inline-block;margin:-4px 0 14px;padding:4px 0;border-top:1px solid var(--g-mint);border-bottom:1px solid var(--g-mint);font-size:13px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--g-mint)}
.mw-ch{display:inline-block;margin-right:10px;padding:1px 7px;border:1px solid rgba(116,214,166,.6);border-radius:2px;font-size:11px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--g-mint);vertical-align:2px}
.mk-tier .mk-guide15{grid-column:1 / -1;margin-top:8px}
.mk-guide15 .mk-spread3{zoom:1.5;margin-top:10px}
.bl-lead3{grid-template-rows:auto auto 1fr}
.bl-lead3>.wp:first-child{grid-row:1 / span 3}
.bl-lead3>.wp:first-child .wp-f{aspect-ratio:16/9}
.bl-lead3>.wp:not(:first-child){grid-template-columns:260px minmax(0,1fr)}
.bl-lead3>.wp:nth-child(2){padding-top:0;border-top:0}
.mk-world .w-b .mw-f{aspect-ratio:1600/1063}

/* ---------------------------------------------------------------- g15c · judge g15b.1 */
/* fix 1: /websites/, a short head and compact package rows: all three names and prices inside 1440x900 */
.g-roomo-pk{padding-top:40px}
.g-roomo-pk .g-roomo-in{padding-bottom:8px}
.g-roomo-pk h1{font-size:60px;line-height:1.05}
.g-roomo-pk .lead{margin-top:12px}
.g-roomo-pk .g-iv-line{margin-top:16px}
.g-roomo-pk~.pk{margin-top:24px}
.pk-side .pk-row{grid-template-columns:28px 168px minmax(0,1fr) 210px;column-gap:28px;padding:18px 12px;row-gap:4px}
.pk-side .pk-img{aspect-ratio:16/10;overflow:hidden}
.pk-side .pk-img img{width:100%;height:100%;object-fit:cover;object-position:top}
.pk-side .pk-n{font-size:28px}
.pk-side .pk-p{font-size:30px}
.pk-side .pk-s{font-size:14.5px;line-height:1.45}
.pk-side .pk-ch{grid-column:4;grid-row:3;justify-self:end}

/* fix 4: hotel request action under the recommendation */
.sj-act{margin-top:18px}
.sj-act .g-mail{display:flex;flex-direction:column;align-items:flex-start;gap:10px}

/* fix 5: Vragen, four buying questions first */
.kq{padding:24px 0 64px}
.kq-h{font-size:40px;line-height:1.1}
.kq-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;margin-top:28px;border-top:1px solid var(--rule)}
.kq-i{padding:24px 0 28px;border-bottom:1px solid var(--rule)}
.kq-i h3{font-size:26px;line-height:1.2;margin-bottom:10px}
.kq-i p{font-size:17px;line-height:1.55;color:#ddd8cd}
.kq-p{list-style:none;margin:4px 0 12px}
.kq-p li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:baseline;padding:8px 0;border-top:1px solid var(--rule)}
.kq-p li:first-child{border-top:0}
.kq-p b{font-weight:600;color:var(--txt)}
.kq-p span{font-family:Newsreader,Georgia,serif;font-size:22px;color:var(--txt)}
.kq-p small{display:block;font-family:Manrope,sans-serif;font-size:14px;color:var(--g-mute)}

/* fix 8: Gratis ontwerp, the handover mail in the opening */
.g-ho-open{align-self:center}
.g-ho-open .g-ho-mail{max-width:520px;margin-left:auto}
.g-ho-mail .s b{font-weight:650;margin-right:8px}

/* fix 3: Werkwijze, the planner as the centre */
.wall3-sm{max-width:760px;margin-left:auto}
.wall3-sm .wl{font-size:14px}.wall3-sm .wl b{font-size:18px}
.stages.stages15{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 18px;margin:20px 0 36px;padding:0;counter-reset:none}
.stages15 li{display:flex;flex-direction:column;gap:6px;padding:16px 0 0;border-top:2px solid rgba(116,214,166,.5);border-bottom:0;min-width:0}
.stages15 li:last-child{border-top-color:var(--g-mint)}
.stages15 .ico{width:28px;height:28px;color:var(--g-mint)}
.stages15 b{font-size:19px;line-height:1.2}
.stages15 span{font-size:14px;line-height:1.4;color:var(--soft)}
.pl-grid~.pl-out li b{font-size:14px;font-weight:550;color:var(--soft)}
.pl-grid~.pl-out li span{font-family:Newsreader,Georgia,serif;font-size:24px;line-height:1.15;color:var(--txt)}
.pl-grid~.pl-out li:last-child span{color:var(--g-mint)}

/* fix 2: /voorbeelden/, Stilwater and Ankerweg as spreads */
.g-show.g-spread{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:56px;align-items:center}
.g-show.g-spread>a,.g-show.g-spread>.g-anker-i{max-width:none;min-width:0}
.g-spread .g-show-t{display:block;margin-top:0}
.g-spread .g-show-t>div+div{margin-top:18px}
.g-spread .g-show-t h2{font-size:52px}
.g-spread .acts{flex-wrap:wrap;gap:16px 28px}

/* fix 6: Merkidentiteit, plain package links, one-height logo row, the extended gallery after process + request */
.mk-jump{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:22px}
.mk-jump a{color:var(--txt);font-weight:550;padding-bottom:4px;border-bottom:1px solid rgba(243,238,228,.42)}
.mk-jump a:hover{border-bottom-color:var(--g-ink)}
#mk-logo .mk-logo{align-items:stretch}
#mk-logo .mk-logo span,#mk-logo .mk-logo .sm{aspect-ratio:auto;height:168px}
#mk-logo .mk-get-o{margin-top:28px}
#mk-logo .mk-get{columns:2;column-gap:40px}
#mk-logo .mk-get li{break-inside:avoid}
.mk-world.mk-world2{grid-template-columns:repeat(6,minmax(0,1fr))}
.mk-world2 .w-a{grid-column:1 / span 4}.mk-world2 .w-b{grid-column:5 / span 2}
.mk-proc-act{margin-top:36px}
.mk-more .lead{margin-top:14px;max-width:640px;color:var(--soft)}
.mk-more-g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 24px;margin-top:36px}
.mk-more-g .w-c{grid-column:1 / span 2}.mk-more-g .w-d{grid-column:3 / span 2}.mk-more-g .w-e{grid-column:5 / span 2}.mk-more-g .w-f{grid-column:1 / span 6}
.mk-more-g .w-c .mw-f,.mk-more-g .w-d .mw-f,.mk-more-g .w-e .mw-f{aspect-ratio:4/5}.mk-more-g .w-f .mw-f{aspect-ratio:21/9}

/* fix 7: blog lead artwork, balanced rows and a small bottom inset */
.art-c15{display:flex!important;flex-direction:column;height:100%;padding:5cqw 6cqw 3.4cqw}
.art-c15 .k{padding-bottom:2cqw}
.art-c15 .r{flex:1;align-items:center!important;padding:0!important}
.art-c15 .r:last-child{border-bottom:1px solid #d9cfbd}
.pk-side .pk-row .pk-img{width:168px!important;max-width:168px;height:auto}
.g-roomo-pk .g-roomo-in{padding-bottom:0!important;min-height:0!important}
.g-roomo.g-roomo-pk{padding-bottom:0!important;min-height:0!important}
.g-roomo-pk~.pk.pk-side{margin-top:20px!important;padding-top:0!important}
.sj-act .addr{margin-left:0!important;padding-left:0}
.sj-rec{margin-bottom:36px}
.g-roomo:has(.wall3-sm) .g-roomo-in{display:grid;grid-template-columns:minmax(0,1fr) 700px;gap:56px;align-items:end}
.g-roomo:has(.wall3-sm) .g-roomo-x{margin-top:0}
.wall3-sm{max-width:700px}
#mk-logo .mk-get-o{grid-column:2;margin-top:-28px}
#mk-logo{row-gap:0}
.g-roomo:has(.wall3-sm) .g-roomo-in{grid-template-columns:minmax(0,1fr) 640px}
.g-roomo:has(.wall3-sm) h1{font-size:60px;line-height:1.06}
.wall3-sm{max-width:640px}
.art-c15{width:100%;box-sizing:border-box}

/* ---------------------------------------------------------------- g15d · judge g15c.1 + page notes */
/* fix 1: the six trades, Ondoro whole */
.g-rows2 #ondoro .g-print{aspect-ratio:auto}
.g-rows2 #ondoro .g-print img{height:auto;object-fit:fill}
/* fix 2: Vragen, one column of buying questions, the rail beside */
.kq-col{border-top:1px solid var(--rule);margin-bottom:56px}
.kq-col .kq-i{padding:26px 0 30px}
.kq-col .kq-i h3{font-size:28px}
/* fix 3: the home decision passage tighter */
.gx-home .gx-room.gx-room15{min-height:0;padding-bottom:24px}
.gx-room15 .gx-rail{margin-top:56px}
.gx-room15+.g-try,.gx-room15~.g-try{padding-top:104px}
/* fix 4: Werkwijze, the calculator first */
.pl-h2{font-size:40px;line-height:1.1;margin:0 0 6px}
.pl-sub{font-size:16px;color:var(--soft);margin-bottom:22px}
.pl-steps{margin-top:64px}
.pl-steps h2{font-size:32px}
/* fix 5: package rows, one target each */
.pk15 .pk-row{cursor:pointer}
.pk15 .pk-ch{background:none!important;box-shadow:none!important;color:var(--soft);padding:6px 0;font-size:15px;font-weight:550;border-bottom:1px solid rgba(243,238,228,.35);border-radius:0}
.pk15 .pk-row:hover .pk-ch{color:var(--txt);border-bottom-color:var(--txt)}
.pk15 .pk-row.on .pk-ch{color:var(--g-mint);border-bottom-color:transparent;padding-left:20px;position:relative}
.pk15 .pk-row.on .pk-ch::before{content:"";position:absolute;left:2px;top:12px;width:10px;height:5px;border-left:1.7px solid var(--g-mint);border-bottom:1.7px solid var(--g-mint);transform:rotate(-45deg)}
.pk-side .pk-sum .btn{white-space:nowrap}
/* fix 6: Stilwater, included and optional side by side, the phone after */
.g-scope15{display:block}
.g-scope15 .cw-cols{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.g-scope15 .cw-buy{padding:28px 40px 32px 0}
.g-scope15 .cw-opt{padding-left:40px;border-left:1px solid var(--rule)}
.g-scope15 .g-ss-phone{display:grid;grid-template-columns:260px minmax(0,1fr);gap:56px;align-items:center;margin-top:72px;padding-top:0}
.g-scope15 .g-ss-t{margin-top:0}.g-scope15 .g-ss-t .h2{font-size:36px}
/* fix 6: hotel scope under the recommendation */
.sj-inc-h{margin-top:20px}
.sj-inc{margin-top:8px}.sj-inc li{font-size:15.5px}
/* fix 7: Mopé flat views */
.mk-flat15{grid-column:1 / -1;margin-top:40px}
.mk-flat-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr) minmax(0,1fr);gap:32px;align-items:start;margin-top:14px}
.fl{margin:0}
.fl figcaption{margin-top:12px;font-size:15px;color:var(--soft)}
.fl figcaption b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:19px;color:var(--txt);margin-right:6px}
.fl-cards{display:grid;gap:18px}
.fl-card{aspect-ratio:85/55;box-shadow:0 0 0 1px rgba(0,0,0,.4),0 26px 36px -20px rgba(0,0,0,.9);position:relative;overflow:hidden}
.fl-front{background:#1E4A2A;display:grid;place-items:center}
.fl-front img{width:58%;height:auto}
.fl-back{background:#FFF8EC;color:#173F22;padding:7% 8%;display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto}
.fl-back>img{width:34px;height:auto;justify-self:end}
.fb-n{font:600 22px/1.1 Newsreader,Georgia,serif}
.fb-r{font:500 12px/1.4 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#E2671A;margin-top:4px}
.fb-c{grid-column:1 / -1;align-self:end;font:400 13px/1.55 Manrope,sans-serif;border-top:1px solid #F2A30F;padding-top:10px}
.fl-a4 .mk-letter{font-size:12.5px;line-height:1.6}
.fl-a4 .mk-letter .lh-from{font-size:10px}.fl-a4 .mk-letter .lh-date{font-size:11.5px}.fl-a4 .mk-letter .lh-foot{font-size:9.5px}
.fl-post{position:relative;aspect-ratio:1;background:#1E4A2A;padding:9%;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.4),0 26px 36px -20px rgba(0,0,0,.9)}
.fl-post>img{width:38%;height:auto}
.fp-h{margin-top:16%;font:400 44px/1.04 Newsreader,Georgia,serif;letter-spacing:-.01em;color:#FFF3DC}
.fp-s{margin-top:14px;font:600 15px/1.4 Manrope,sans-serif;color:#F6B21E}
.fp-m{position:absolute;right:-12%;bottom:-12%;width:46%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 50%,#F6B21E 0 48%,#EE8A25 49% 100%)}
/* fix 8: blog lead, entry price + scope + source */
.art-c15d .r{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:3cqw;row-gap:.6cqw;align-items:baseline!important;padding:1.6cqw 0!important}
.art-c15d .r i{font-size:max(13px,3.8cqw)!important}
.art-c15d .r b{font-size:max(14px,4.6cqw)!important}
.art-c15d .r em{grid-column:1 / -1;font-style:normal;font-size:max(11px,2.5cqw);line-height:1.35;color:#5b574f}
.art-c15d .src{margin-top:1.6cqw;font-size:max(10px,2.2cqw);color:#6a655b}
.art-c15d .r:last-of-type{border-bottom:1px solid #d9cfbd}
/* page notes */
.pp-line{display:block;margin:10px 0 8px;font-family:Newsreader,Georgia,serif;font-style:italic;font-size:18px;line-height:1.4;color:var(--txt)}
.g-who{padding:72px 0 24px}
.who15{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 18px;margin-top:24px}
.who15 li{display:flex;flex-direction:column;gap:6px;padding-top:14px;border-top:2px solid rgba(116,214,166,.5)}
.who15 span{font-size:15px;color:var(--soft)}.who15 b{font-weight:400;font-size:24px;color:var(--txt)}
.vac-week{padding:24px 0 64px}
.vw-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:28px;border-top:1px solid var(--rule)}
.vw-i{padding-top:22px}.vw-i p{font-size:16.5px;line-height:1.6;color:#ddd8cd;margin-top:10px}.vw-i b{color:var(--txt)}
.ct-which{display:block;margin-top:6px;font-size:14.5px;line-height:1.5;color:var(--soft)}
.g-deliv{display:grid;grid-template-columns:minmax(0,760px) minmax(0,1fr);gap:56px;align-items:center;margin-top:32px}
.g-deliv-n{list-style:none;border-top:1px solid var(--rule)}
.g-deliv-n li{padding:16px 0;border-bottom:1px solid var(--rule);font-size:16.5px;color:#ddd8cd}
.g-deliv-n b{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:22px;color:var(--txt);margin-bottom:2px}
.g-handover15{margin-top:48px}
.g-roomo:has(.wall3-sm){padding-top:48px}
.g-roomo:has(.wall3-sm) .g-roomo-in{padding-bottom:32px}
.g-roomo:has(.wall3-sm)+.sp{margin-top:8px}
.pl-h2{font-size:36px}
.pl-grid~.pl-out li{padding:9px 0}
.bl-lead3>.wp:first-child .wp-f:has(.art-c15d){aspect-ratio:auto}
.art-c15d{height:auto!important}
.art-c15d .r{flex:none!important}
.sj-rec .g-mail .addr{margin:0!important;padding:0!important;text-indent:0}

/* ---------------------------------------------------------------- g16 · judge g15d.1 + page notes */
/* fix 3: new captures */
.g-rows2 #kaneelhuis .g-print{width:560px}
/* fix 2 */
.pl-note{margin:14px 0 0;padding-left:12px;border-left:2px solid var(--g-mint);font-size:15px;color:var(--txt)}
/* fix 4: Mopé flats as photographed */
.fl-back16{background:#FFF8EC;color:#173F22;padding:8% 8% 7%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto}
.fb-list{font:600 13px/1.75 Newsreader,Georgia,serif;letter-spacing:.2em;text-transform:uppercase}
.fb-logo{justify-self:end}.fb-logo img{width:150px;height:auto}
.fb-loc,.fb-soc{align-self:end;display:flex;align-items:center;gap:6px;font:500 11.5px/1 Manrope,sans-serif}
.fb-soc{justify-self:end}
.m-ic{width:13px;height:13px;flex:none}
.fl-lh16{position:relative;overflow:hidden;aspect-ratio:1/1.414;background:#FFF8EC;color:#173F22;padding:12% 11% 9%;display:flex;flex-direction:column;box-shadow:0 0 0 1px rgba(0,0,0,.4),0 26px 36px -20px rgba(0,0,0,.9)}
.lh-logo{align-self:center}.lh-logo img{width:190px;height:auto}
.lh-txt{margin-top:16%;font:400 12.5px/1.6 Manrope,sans-serif;color:#2d2b27;max-width:84%}
.lh-txt p+p{margin-top:9px}
.lh-ft{margin-top:auto;display:flex;align-items:center;gap:10px;font:600 11px/1 Newsreader,Georgia,serif;letter-spacing:.22em;text-transform:uppercase;position:relative;z-index:1}
.lh-ft i{font-style:normal;color:#F2A30F}
.m-drop{width:11px;height:15px}
.lh-city{margin-top:8px;padding-left:21px;font:400 11.5px/1 Newsreader,Georgia,serif;position:relative;z-index:1}
.m-mango{position:absolute;right:-6%;bottom:-8%;width:46%;height:auto;z-index:0}
/* fix 5: Gratis ontwerp leads with the homepage */
.g-ho-lead .g-deliv16{display:block;margin:0}
.g-deliv16 .g-deliv-n{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;margin-top:18px}
.g-deliv16 .g-deliv-n li{padding:12px 0;font-size:14.5px}
.g-deliv16 .g-deliv-n b{font-size:18px}
.g-handover15{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:56px;align-items:start}
.g-handover15>.g-ho-mail{max-width:none}
/* fix 6: vacancies */
.vac-wk{margin-top:16px;max-width:760px;font-size:17px;line-height:1.6;color:#ddd8cd}
.vac-wk b{color:var(--txt);margin-right:4px}
/* fix 7: Stilwater demo, shorter rows */
.fd[data-k=stilwater] .fd-opts.lay-wide .fd-o{display:grid!important;grid-template-columns:168px minmax(0,1fr) auto!important;align-items:center!important;gap:0 22px!important;padding:0 18px 0 0!important}
.fd[data-k=stilwater] .fd-opts.lay-wide .fd-o img{grid-column:1!important;grid-row:1!important;width:168px!important;height:104px!important;aspect-ratio:auto!important;border-radius:0!important}
.fd[data-k=stilwater] .fd-opts.lay-wide .fd-o .t{grid-column:2!important;grid-row:1!important;padding:0!important}
.fd[data-k=stilwater] .fd-opts.lay-wide .fd-o .pr{grid-column:3!important;grid-row:1!important;align-self:center!important}
.fd[data-k=stilwater] .fd-opts.lay-wide .fd-sp>span:nth-child(3){display:none}
.fd[data-k=stilwater] .fd-opts.lay-wide{gap:10px!important}
.fd[data-k=stilwater] .fd-foot{margin-top:12px}
/* fix 8: price hint in closed groups */
.pk-gc.hint{color:var(--g-mute);font-weight:500;font-size:14.5px}
/* page note /vragen/: categories as quiet labels, questions as the reading line */
.faqs .grp h2{font-family:Manrope,system-ui,sans-serif!important;font-size:12.5px!important;line-height:20px!important;font-weight:650;letter-spacing:.16em;text-transform:uppercase;color:var(--g-mint);padding-bottom:10px;border-bottom:1px solid var(--rule);margin-bottom:6px}
.faqs .grp h2 .ico{width:18px;height:18px}
.faqs .qa h3{font-size:24px;line-height:1.25}
/* page note /blog/: one lead per subject, then compact entries; the single-story group as a wide callout */
.bgrp .post:first-child .t{font-size:34px;line-height:1.15}
.bgrp .post:first-child .d{font-size:17px;line-height:1.55;color:#ddd8cd}
.bgrp .post:not(:first-child){padding:14px 0}
.bgrp .post:not(:first-child) .t{font-size:21px;line-height:1.3}
.bgrp .post:not(:first-child) .d{display:none}
.bgrp .posts:has(.post:only-child) .post{padding:28px 0}
.bgrp .posts:has(.post:only-child) .t{font-size:40px;line-height:1.1}
.fd[data-k=stilwater] .fd-opts.lay-wide .fd-o{display:flex!important;align-items:center!important}
.fd[data-k=stilwater] .fd-opts.lay-wide .fd-o .t{flex:1;min-width:0}
.fd[data-k=stilwater] .fd-opts.lay-wide .fd-o .pr{padding:0!important}
.fd[data-k=stilwater] .fd-opts.lay-wide .fd-sp>span:nth-child(2)::after{content:none}
.fd[data-k=stilwater] .fd-opts.lay-wide .fd-o .t{align-self:center!important}

/* ---------------------------------------------------------------- g17 · judge g16.1 + page notes */
/* fix 1 */
.g-rows2 #libi .g-print{width:560px}.g-rows2 #kaneelhuis .g-print{width:600px}
/* fix 2 */
.g-feat-pk{margin-top:14px;font-size:15px;line-height:1.5;color:var(--g-mint)!important;max-width:520px}
/* fix 3: one compact decision section under the approved opening */
.gx-room15{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:80px;align-items:start;padding-top:96px!important}
.gx-room15 .gx-offer{display:block;grid-column:1;grid-row:1 / span 2}
.gx-room15 .gx-offer h2{font-size:56px}
.gx-room15 .gx-otxt{max-width:520px;padding-top:24px}
.gx-room15 .gx-rail{grid-column:2;grid-row:1;margin-top:0!important;grid-template-columns:1fr;border-top:1px solid var(--rule)}
.gx-room15 .gx-label{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:24px;padding:22px 0!important;border-left:0!important;border-bottom:1px solid var(--rule)}
.gx-room15 .gx-label .gx-spot{display:none}
.gx-room15 .gx-label h3{grid-column:1;grid-row:1;font-size:28px}
.gx-room15 .gx-label .gx-was{grid-column:2;grid-row:1;margin:0;font-size:18px;text-align:right;align-self:start}
.gx-room15 .gx-label .gx-price{grid-column:2;grid-row:1 / span 2;margin:22px 0 0;font-size:40px;text-align:right}
.gx-room15 .gx-label>p:not(.gx-was):not(.gx-price){grid-column:1;font-size:15px;margin:2px 0 0}
.gx-room15 .gx-terms{grid-column:2;grid-row:2;margin-top:18px!important;font-size:14px}
/* fix 8: team captions, role under the name */
.g-people17 .wl{flex-direction:column;align-items:flex-start;gap:2px}
/* fix 4: the pricing page ending */
.pk-end{padding:96px 0 120px}
.pk-end-in{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:80px;align-items:start}
.pk-end .sub{margin-top:16px;font-size:18px;color:var(--soft);max-width:560px}
.pk-echo .pk-sum-echo{position:static!important;padding:24px 28px!important;border-top:0!important;box-shadow:inset 0 0 0 1px var(--rule)!important}
.pk-echo .btn{white-space:nowrap}
/* fix 5: the planner's answer */
.pl-key{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:22px 0 4px;padding:18px 0;border-top:1px solid var(--g-mint);border-bottom:1px solid var(--rule)}
.pl-key span{display:block;font-size:12.5px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--g-mint)}
.pl-key b{display:block;margin-top:6px;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:30px;line-height:1.15;color:var(--txt)}
/* fix 6 */
.mk-stat15 .fl-beside{margin:0}
.mk-stat15 .fl-beside .fp-h{font-size:30px}
.mk-flat-g{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}
.mk-more-g .w-f{grid-column:1 / span 4}.mk-more-g .mw-soc{grid-column:5 / span 2;align-self:start}.mk-more-g .mw-soc .mw-f{aspect-ratio:1}
/* fix 7: the blog lead headline before its graphic */
.bl-lead17>.wp:first-child{display:flex;flex-direction:column}
.bl-lead17>.wp:first-child figcaption{order:-1;margin-bottom:22px}
.bl-lead17>.wp:first-child .wl{margin-top:0}
/* fix 8: spacing by relationship */
.g-q17{margin-top:48px!important;padding-top:0!important}
.g-in17{padding-top:56px!important}
/* page notes */
.g-who17{padding:40px 0 8px}
.vac-paper{background:#f6f1e7;color:#1d1d1b;padding:56px 56px 48px;margin-bottom:48px;border-top:0}
.vac-paper h2,.vac-paper .vac-lead,.vac-paper .vac-l h3,.vac-paper .vac-m dd,.vac-paper .vac-wk b{color:#1d1d1b}
.vac-paper .vac-wk,.vac-paper .vac-l li,.vac-paper .vac-a p{color:#3b3a35}
.vac-paper .vac-m dt,.vac-paper .lab{color:#2c6a50}
.vac-paper .vac-m,.vac-paper .vac-m div,.vac-paper .vac-l ul,.vac-paper .vac-l li,.vac-paper .vac-a{border-color:#d9cfbd}
.vac-paper .addr,.vac-paper .copy{color:#1d1d1b}
#verkoper.vac-j h2{font-size:72px}
#verkoper .vac-b{grid-template-columns:repeat(2,minmax(0,1fr))}
#verkoper .vac-l:last-child{grid-column:1 / -1}
#verkoper .vac-l:last-child ul{columns:2;column-gap:40px}
.pk-echo.pk-side .pk-sum{position:static!important;top:auto}
.g-rows2 #overstek .g-print{aspect-ratio:auto}
.g-rows2 #overstek .g-print img{height:auto;object-fit:fill}

/* ---------------------------------------------------------------- g18 · judge g17.1 + page notes */
/* fix 3: hotel, the plan is the choice; the list on request; the receipt beside the recommendation */
.sj-rooms18:not(.rooms-open) .fd-opts.lay-rows{display:none}
.rooms-tg{display:inline-flex;align-items:center;gap:8px;margin:14px 0 4px;padding:0 0 4px;border:0;border-bottom:1px solid currentColor;background:none;color:var(--ink,#43392f);font:600 14px/1.3 inherit;cursor:pointer}
.sj-slip18{margin:28px 0 0}.sj-slip18 img{width:100%;height:auto;box-shadow:0 0 0 1px rgba(0,0,0,.5),0 24px 34px -20px rgba(0,0,0,.9)}
.sj-slip18 figcaption{margin-top:10px;font-size:14.5px;color:var(--soft)}.sj-slip18 figcaption b{color:var(--txt)}
/* fix 4: planner, two choices first */
.pl-in.pl-grid.pl-grid2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pl-cav{margin-top:8px;color:var(--soft)}
.pl-more{margin-top:18px;border-top:1px solid var(--rule)}
.pl-more summary{cursor:pointer;padding:14px 0;font-weight:600;color:var(--txt);list-style:none}
.pl-more summary::-webkit-details-marker{display:none}
.pl-more summary::after{content:" +";color:var(--g-mint)}.pl-more[open] summary::after{content:" −"}
.pl-more .pl-grid{margin-bottom:12px}
.pl-tbl-h{margin-top:22px;font-size:12.5px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--g-mint)}
.pl-tbl-h+.pl-out{margin-top:8px}
/* fix 5: identity, compare first */
.mk-see{margin-top:16px}
.mk-proof .lead{margin-top:12px;color:var(--soft)}
.mk-proof #mk-flats{margin-top:28px}.mk-proof #mk-gids{margin-top:56px}
.mk-guide18 .mk-spread3{zoom:1.5}
/* fix 6: about, the specimen behind a disclosure */
.pp-disc{margin-top:8px}
.pp-disc>summary{cursor:pointer;display:inline-flex;gap:10px;align-items:center;padding:0 0 6px;border-bottom:1px solid rgba(243,238,228,.42);font-weight:550;color:var(--txt);list-style:none}
.pp-disc>summary::-webkit-details-marker{display:none}
.pp-disc>summary::after{content:"+";color:var(--g-mint);font-weight:700}.pp-disc[open]>summary::after{content:"−"}
.pp-disc .g-prop14{margin-top:28px}
/* fix 7: contact, the selector and the mail action carry the page */
.cf-how{margin:18px 0 0;font-size:15.5px;line-height:1.55;color:var(--soft)}
[data-tool=contact] .lab{font-size:15px}
[data-tool=contact] .btn{min-height:62px;font-size:18px}
/* fix 8: gratis, notes beside the exhibit with mint leaders */
.g-ann18{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 196px;column-gap:0;align-items:start}
.g-ann18 .wp{margin:0}
.g-ann-n{position:relative;list-style:none;height:100%}
.g-ann-n li{position:absolute;left:44px;right:0;top:var(--y);transform:translateY(-10px);font-size:13.5px;line-height:1.45;color:var(--soft)}
.g-ann-n li b{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:18px;color:var(--txt)}
.g-ann-n li::before{content:"";position:absolute;left:-44px;top:10px;width:36px;height:1px;background:var(--g-mint)}
.g-ann-n li::after{content:"";position:absolute;left:-47px;top:7px;width:7px;height:7px;border-radius:50%;background:var(--g-mint)}
.g-ann18 .wp .wp-f{align-self:start}
/* page notes */
.vac-more summary{cursor:pointer;margin-top:8px;font-size:14.5px;font-weight:600;color:var(--g-mint);list-style:none}
.vac-more summary::-webkit-details-marker{display:none}
.vac-paper .vac-more summary{color:#2c6a50}
.faq18{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;align-items:start}
.faq18>.kq-col{grid-column:1 / -1}
.faq18>.grp{margin-top:0;padding-top:8px;margin-bottom:40px}
.bl-lead18{grid-template-columns:minmax(0,6fr) minmax(0,6fr)!important}
.bl-lead18>.wp:first-child .wp-f{max-width:560px}
.bl-lead18>.wp:not(:first-child) .wl b{font-size:24px}

/* ---------------------------------------------------------------- g19 · judge g18.1 + vragen regression */
/* regression: no FAQ grid. Full-width editorial rows */
.faq-main.faq19{display:block}
.vr-row{display:grid;grid-template-columns:240px minmax(0,1fr);column-gap:48px;padding:28px 0;border-top:1px solid var(--rule)}
.vr-row:last-child{border-bottom:1px solid var(--rule)}
.vr-h{font-size:24px;line-height:1.2;color:var(--txt)}
.vr-q+.vr-q{margin-top:20px}
.vr-q h3{font-size:20px;line-height:1.3;margin-bottom:6px}
.vr-q p{font-size:16.5px;line-height:1.55;color:#ddd8cd}
/* fix 1 */
.ct-elig{margin-top:14px;font-size:15px;font-weight:600;color:var(--g-mint)}
.ct-elig[hidden]{display:none}
/* fix 2 */
.g-anker-i .ank-pkg{margin:0}
.g-anker-i .ank-pkg .g-print img{width:100%;height:auto}
.g-anker-i .ank-mw{margin:28px 0 0;width:62%}
.g-anker-i figcaption{margin-top:10px;font-size:14.5px;color:var(--soft)}.g-anker-i figcaption b{color:var(--txt)}
/* fix 3 */
.sj19 .sj-slip19{margin:24px 0 0}
.sj19 .sj-slip19 img{width:100%;height:auto;box-shadow:0 0 0 1px rgba(0,0,0,.5),0 24px 34px -20px rgba(0,0,0,.9)}
.sj19 .sj-slip19 figcaption{margin-top:10px;font-size:14.5px;color:var(--soft)}.sj19 .sj-slip19 figcaption b{color:var(--txt)}
/* fix 5 */
.mk-insp{margin-top:28px;border-top:1px solid var(--rule)}
.mk-insp>summary{cursor:pointer;padding:18px 0;font-family:Newsreader,Georgia,serif;font-size:22px;color:var(--txt);list-style:none;display:flex;justify-content:space-between}
.mk-insp>summary::-webkit-details-marker{display:none}
.mk-insp>summary::after{content:"+";color:var(--g-mint);font-family:Manrope,sans-serif}.mk-insp[open]>summary::after{content:"−"}
.mk-insp .mk-flat15{margin-top:8px}
/* fix 6 */
.g-ann18.g-ann19{grid-template-columns:minmax(0,1fr) 250px}
.g-ann19 .g-ann-n li{left:52px}
.g-ann19 .g-ann-n li::before{left:-52px;width:44px}.g-ann19 .g-ann-n li::after{left:-55px}
/* fix 7 */
.pl-ass{margin-top:12px;font-size:15px;color:var(--txt)}
.pl-ass a{color:var(--g-mint);border-bottom:1px solid currentColor;margin-left:6px}
.sj19>.sj-slip19{grid-column:2;align-self:start;max-width:520px}

/* ---------------------------------------------------------------- g20 · judge g19.1 */
/* fix 2: the prepared message */
.g-msg{margin-top:12px;max-width:520px}
.g-msg>summary{cursor:pointer;display:inline-block;font-size:14.5px;font-weight:600;color:var(--g-mint);border-bottom:1px solid currentColor;list-style:none}
.g-msg>summary::-webkit-details-marker{display:none}
.g-msg-b{margin-top:12px;padding:16px 18px;background:rgba(243,238,228,.05);box-shadow:inset 0 0 0 1px var(--rule);border-radius:3px}
.g-msg-r{display:flex;gap:12px;font-size:14px;color:var(--soft)}.g-msg-r b{min-width:76px;color:var(--txt);font-weight:600}
.g-msg pre{margin-top:10px;white-space:pre-wrap;font:400 14px/1.55 Manrope,system-ui,sans-serif;color:var(--txt)}
.g-msg-c{margin-top:12px;background:none;border:0;padding:0 0 2px;border-bottom:1px solid rgba(243,238,228,.5);color:var(--txt);font:600 14px Manrope,sans-serif;cursor:pointer}
.pk-sum .g-msg{max-width:none}
/* fix 3 */
.g-rows20 .g-row2,.g-rows20 .g-row2.g-row2-big{grid-template-columns:820px minmax(0,1fr);gap:56px}
.g-rows20 #bruinhart .g-print,.g-rows20 #libi .g-print,.g-rows20 #oever .g-print,.g-rows20 #kaneelhuis .g-print{width:680px}
.g-rows20 #ondoro .g-print,.g-rows20 #overstek .g-print{width:820px}
/* fix 4 */
.g-demo20{font-size:12.5px}
.cw-scope20{margin-top:14px;font-size:14.5px;line-height:1.55;color:var(--soft)}
.cw-scope20 a{color:var(--txt);border-bottom:1px solid rgba(243,238,228,.45)}
/* fix 5 */
.pk-vak{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 20px;margin:18px 0 8px;font-size:14.5px}
.pk-vak span{font-weight:650;letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:var(--g-mint)}
.pk-vak a{color:var(--soft);border-bottom:1px solid rgba(243,238,228,.3)}.pk-vak a:hover{color:var(--txt)}
/* fix 6 */
.bl-lead20{align-items:stretch}
.bl-lead20>.wp:first-child .wp-f{max-width:520px}
.bl-lead20+*,.bl-lead20~*{margin-top:0}
.bgrp{margin-top:64px}
/* fix 7 */
.g-invite20{padding-top:40px!important;padding-bottom:8px!important}
.g-invite20+section{padding-top:0!important;margin-top:0!important}
.g-vac-aside{padding:32px 0 24px!important}
.g-vac-aside .wrap{border-top:1px solid var(--rule);padding-top:24px}
.g-vac-aside .serif{font-size:24px!important}
/* fix 8 */
.pl-out li b small{display:block;margin-top:2px;font-size:13.5px;font-weight:400;color:var(--g-mute)}

/* ---------------------------------------------------------------- g21 · judge g20.1 */
/* fix 3 */
.ct .ct-elig{margin-top:12px}.ct .ct-n{margin:4px 0 16px}
.gx-room .g-msg{margin-top:10px}
/* fix 4 */
.g-rows21{gap:64px!important}
.g-rows21 .g-row2{gap:40px!important;align-items:center!important}
.g-rows21 .g-row-t h2{font-size:28px;line-height:1.2}
.ank-mw21{margin-top:18px}
.ank-mw21>summary{cursor:pointer;display:inline-block;font-size:14.5px;font-weight:600;color:var(--g-mint);border-bottom:1px solid currentColor;list-style:none}
.ank-mw21>summary::-webkit-details-marker{display:none}
.ank-mw21 .ank-mw{margin-top:14px!important}
/* fix 5 */
.art-c21{display:flex!important;flex-direction:column;height:100%;padding:5cqw 6cqw 4cqw}
.art-c21 .k{font-size:max(12px,3.4cqw)}
.c21{display:grid;grid-template-columns:1fr 1fr;gap:4cqw;margin:4cqw 0 3cqw;flex:1}
.c21>span{display:flex;flex-direction:column;justify-content:flex-end;padding:4cqw;border-top:3px solid #2c6a50;background:#fff}
.c21-b{border-top-color:#F2A30F!important}
.c21 i{font-style:normal;font-size:max(11px,2.6cqw);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#2c6a50}
.c21-b i{color:#b4740a}
.c21 b{display:block;margin-top:1.4cqw;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:max(16px,5.4cqw);line-height:1.1;color:#1d1d1b}
.c21 em{display:block;margin-top:1cqw;font-style:normal;font-size:max(11px,2.6cqw);color:#5b574f}
.art-c21 .src{font-size:max(10px,2.3cqw);color:#6a655b}
.bl-lead20>.wp:first-child .wp-f:has(.art-c21){aspect-ratio:16/10}
/* fix 6 */
.g-chk ol{list-style:none;margin-top:12px;border-top:1px solid var(--rule)}
.g-chk li{padding:14px 0;border-bottom:1px solid var(--rule);font-size:16px;color:#ddd8cd}
.g-chk li b{display:block;font-weight:400;font-size:22px;color:var(--txt);margin-bottom:2px}
.g-chk-end{margin-top:16px;font-size:16px;color:var(--txt)}
/* fix 7 */
.pk-host21{padding-top:40px!important;padding-bottom:0!important;margin-top:0!important}
.pk-end21{padding:56px 0 96px}
.pk-end21 .g-h2{font-size:36px}
.pk-end21 .pk-end-in{grid-template-columns:minmax(0,1fr) 380px;gap:56px}
.pk-end21 .pk-sum-echo{padding:18px 22px!important}
/* fix 8 */
.vac-cmp{padding:24px 0 48px}
.vac-t{width:100%;border-collapse:collapse}
.vac-t th,.vac-t td{text-align:left;padding:14px 18px 14px 0;border-bottom:1px solid var(--rule);font-size:16px;vertical-align:top}
.vac-t thead th{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:26px}
.vac-t thead a{color:var(--txt);border-bottom:1px solid rgba(243,238,228,.4)}
.vac-t tbody th{width:160px;font-size:12.5px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--g-mint)}
.vac-t td{color:#ddd8cd}
.vac-how{margin-top:18px;max-width:760px;font-size:16px;color:var(--soft)}
.bl-lead20>.wp:first-child .wp-f:has(.art-c21){aspect-ratio:2/1}
.reach>.g-msg,.g-acts>.g-msg{flex-basis:100%}
/* g21b (desk): the blog lead illustration fills its 2:1 frame; both cards and the source line fit inside */
.wp-f>.art-c21{width:100%!important;height:100%!important;aspect-ratio:auto!important;box-sizing:border-box;padding:3.6cqw 5cqw 3cqw}
.art-c21 .c21{margin:2.4cqw 0 2.2cqw;min-height:0;gap:3cqw}
.art-c21 .c21>span{padding:2.6cqw 3.2cqw}
.art-c21 .c21 b{font-size:max(16px,4.2cqw);margin-top:.8cqw}
.art-c21 .c21 em{margin-top:.6cqw}

/* ================================================================ g22 stage A · home first screen (brief-g22 items 1-5) */
/* item 1: the first screen is exactly one window */
.gx-home .gx-hall.g22-hall{height:100svh;min-height:0;max-height:none;overflow:hidden;position:relative}
.g22-hall .g22-head{position:relative;z-index:4;padding:118px 80px 0}
/* layout A (default, ?h=a): the heading large across the top, the side line centred under it */
.g22-h1{font-family:Newsreader,Georgia,serif;font-weight:400;letter-spacing:-.028em;font-variation-settings:"opsz" 72;color:var(--txt)}
html:root .g22-head{text-align:center}
html:root .g22-h1{font-size:92px;line-height:.98}
html:root .g22-side{display:flex;flex-direction:column;align-items:center;margin-top:18px}
html:root .g22-line{font-size:21px;color:#d9d4c9}
html:root .g22-acts{display:flex;align-items:center;gap:36px;margin-top:22px}
/* layout B (?h=b): a compact block, heading left, line and actions right, on one baseline */
.g22-acts .gx-g-mail{display:inline-flex}
/* item 3: the five prints, biggest in the centre, smaller with distance */
.g22-wall{position:absolute;inset:0;z-index:2;perspective:1400px;perspective-origin:50% 62%;pointer-events:none}
.g22-wall .g22-p{position:absolute;left:50%;top:var(--y);width:var(--w);height:calc(var(--w) * .625);margin-left:calc(var(--w) / -2);pointer-events:auto;transform-style:preserve-3d;
  transform:translateX(var(--x)) translateZ(var(--z)) rotateY(var(--a))}
.g22-p0{--w:340px;--x:-700px;--z:-260px;--a:36deg;--y:var(--yo);z-index:1}
.g22-p1{--w:430px;--x:-415px;--z:-80px;--a:28deg;--y:var(--ym);z-index:2}
.g22-p2{--w:540px;--x:0px;--z:60px;--a:0deg;--y:var(--yc);z-index:3}
.g22-p3{--w:430px;--x:415px;--z:-80px;--a:-28deg;--y:var(--ym);z-index:2}
.g22-p4{--w:340px;--x:700px;--z:-260px;--a:-36deg;--y:var(--yo);z-index:1}
html:root .g22-wall{--yc:430px;--ym:452px;--yo:470px}
.g22-p .gx-frame{display:block;width:100%;height:100%;overflow:hidden;background:#111}
.g22-p .gx-frame img,.g22-p .gx-frame video{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.g22-p .gx-refl{position:absolute;left:0;right:0;top:calc(100% + 2px);height:100%;overflow:hidden;opacity:.14;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 20%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 20%)}
.g22-p .gx-refl img{width:100%;height:100%;object-fit:cover;object-position:top;transform:scaleY(-1);filter:blur(2.6px)}
/* quiet labels under the prints */
.g22-cap{position:absolute;left:0;top:calc(100% + 14px);font-size:12.5px;line-height:1.3;color:rgba(205,200,189,.7);white-space:nowrap;letter-spacing:.01em}
.g22-cap b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:15px;color:rgba(243,238,228,.88);margin-right:6px}
.gx-home .gx-hall .gx-caps,.gx-home .gx-hall .gx-vlab{display:none}
/* item 5: real motion (off under prefers-reduced-motion) */
@media (prefers-reduced-motion:no-preference){
  .gx-home .g22-wall .g22-p{animation:g22-in 1.7s cubic-bezier(.16,.8,.24,1) both,g22-drift 11s ease-in-out infinite alternate;animation-delay:calc(.25s + var(--i) * .14s),calc(var(--i) * -2.2s)}
  .gx-home .g22-wall .g22-p .gx-frame{animation:none}
  .g22-head>*{animation:g22-up 1.2s cubic-bezier(.16,.8,.24,1) both}.g22-head>*:nth-child(2){animation-delay:.18s}
  .g22-wall{translate:0 calc(var(--py,0) * 1px)}
  [data-rv]>*{transition:opacity 1s cubic-bezier(.16,.8,.24,1),translate 1s cubic-bezier(.16,.8,.24,1)}
  [data-rv]:not(.rv-in)>*{opacity:0;translate:0 48px}
}
@keyframes g22-in{from{opacity:0;translate:0 90px;scale:.94}to{opacity:1;translate:0 0;scale:1}}
@keyframes g22-drift{from{translate:0 -7px}to{translate:0 7px}}
@keyframes g22-up{from{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}
/* stage A tuning: the fan fits 1440 (centre > inner > outer), raised under the heading */
.g22-p0{--w:340px;--x:-660px;--z:-280px;--a:38deg}
.g22-p1{--w:420px;--x:-400px;--z:-100px;--a:30deg}
.g22-p2{--w:500px;--x:0px;--z:40px;--a:0deg}
.g22-p3{--w:420px;--x:400px;--z:-100px;--a:-30deg}
.g22-p4{--w:340px;--x:660px;--z:-280px;--a:-38deg}
html:root .g22-wall{--yc:372px;--ym:398px;--yo:420px}
html:root .g22-h1{font-size:84px}
html:root .g22-head{padding-top:108px}
.g22-p0{--x:-720px}.g22-p4{--x:720px}
.g22-p1{--w:380px;--x:-430px}.g22-p3{--w:380px;--x:430px}
/* fan fitted from measured boxes: centre 475 > inner 323 > outer 265 projected px, all inside 1440 */
.g22-p2{--w:460px}
.g22-p1{--w:340px;--x:-398px}.g22-p3{--w:340px;--x:398px}
.g22-p0{--w:300px;--x:-675px}.g22-p4{--w:300px;--x:675px}
.g22-p3 .g22-cap,.g22-p4 .g22-cap{left:auto;right:0;text-align:right}
.g22-p3 .g22-cap b,.g22-p4 .g22-cap b{margin:0 0 0 6px}
.g22-acts .gx-lnk{margin-left:0}

/* ================================================================ g22 item 6 · nav and buttons */
.g22-nav{display:flex;align-items:center;gap:6px}
.g22-n{position:relative;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:0;background:none;color:#e7e2d8;font:500 16px/1 Manrope,system-ui,sans-serif;cursor:pointer;border-radius:999px;transition:color .25s,background-color .25s}
.g22-n::after{content:"";position:absolute;left:16px;right:16px;bottom:4px;height:1px;background:var(--g-mint);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--g-ease)}
.g22-n:hover{color:var(--g-ink)}.g22-n:hover::after{transform:scaleX(1)}
.g22-n[aria-current=page],.g22-dd.is-cur>.g22-n{color:var(--g-ink)}
.g22-n[aria-current=page]::before,.g22-dd.is-cur>.g22-n::before{content:"";position:absolute;left:50%;bottom:-4px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--g-mint)}
.g22-n:focus-visible{outline:2px solid var(--g-mint);outline-offset:2px}
.g22-dd-b svg{width:14px;height:14px;color:var(--g-mint);transition:transform .3s var(--g-ease)}
.g22-dd.open .g22-dd-b svg{transform:rotate(180deg)}
.g22-dd{position:relative}
.g22-dd-m{position:absolute;top:calc(100% + 10px);left:50%;translate:-50% 0;min-width:280px;list-style:none;padding:8px;background:rgba(14,26,21,.96);backdrop-filter:blur(10px);border-radius:6px;box-shadow:0 0 0 1px rgba(243,238,228,.12),0 30px 50px -20px rgba(0,0,0,.95);z-index:30}
.g22-dd-m[hidden]{display:none}
.g22-dd-m a{display:block;padding:12px 14px;border-radius:4px;transition:background-color .2s}
.g22-dd-m a b{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:19px;color:var(--txt)}
.g22-dd-m a span{display:block;margin-top:2px;font-size:13.5px;color:var(--g-mute)}
.g22-dd-m a:hover,.g22-dd-m a:focus-visible{background:rgba(116,214,166,.1);outline:none}
.g22-dd-m a[aria-current=page] b{color:var(--g-mint)}
.g22-n-cta{margin-left:10px;box-shadow:inset 0 0 0 1px rgba(116,214,166,.55);color:var(--g-ink)}
.g22-n-cta::after{display:none}
.g22-n-cta:hover{background:var(--g-mint);color:#06120d;box-shadow:none}
/* the button set, again: a mint slab with a round arrow seal that turns on hover; outline twin; a text link whose line draws */
.btn,.gx-home .gx-btn{height:auto;min-height:56px;padding:0 8px 0 26px;border-radius:999px;background:var(--g-pop)!important;color:var(--g-pop-ink);gap:18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 18px 34px -20px rgba(116,214,166,.55),0 10px 20px -16px rgba(0,0,0,.9);transition:background-color .3s,box-shadow .3s,translate .15s}
.btn::after,.gx-home .gx-btn::after{width:40px;height:40px;min-height:0;margin-left:0;align-self:center;border-radius:50%;background:#06120d;-webkit-mask:none;mask:none;
  background-image:var(--g-arrow-w);background-repeat:no-repeat;background-position:center;background-size:18px 11px;transition:transform .45s var(--g-ease),background-color .3s}
:root{--g-arrow-w:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 14' fill='none' stroke='%2374d6a6' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 7h19.5'/%3E%3Cpath d='M14.2 1.6c1.6 2.5 3.9 4.3 7.1 5.4-3.2 1.1-5.5 2.9-7.1 5.4'/%3E%3C/svg%3E")}
.btn:hover,.gx-home .gx-btn:hover{background-image:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 22px 40px -18px rgba(116,214,166,.75),0 10px 20px -16px rgba(0,0,0,.9)}
.btn:hover::after,.gx-home .gx-btn:hover::after{transform:rotate(-45deg)}
.g-dn::after,.btn.g-dn::after{transform:rotate(90deg)}.btn.g-dn:hover::after{transform:rotate(90deg) translateX(3px)}
.btn:active,.gx-home .gx-btn:active{translate:0 1px}
.btn.ghost,.g-btn2{background:transparent!important;color:var(--txt);box-shadow:inset 0 0 0 1px rgba(243,238,228,.45)}
.btn.ghost::after,.g-btn2::after{background-color:rgba(243,238,228,.1)}
.gx-home .gx-lnk,.g-tl,a.nextlink,.sj-alt{padding-bottom:6px;background:linear-gradient(var(--g-mint),var(--g-mint)) no-repeat 0 100%/0 2px,linear-gradient(rgba(243,238,228,.35),rgba(243,238,228,.35)) no-repeat 0 100%/100% 1px}
.gx-home .gx-lnk:hover,.g-tl:hover,a.nextlink:hover,.sj-alt:hover{background-size:100% 2px,100% 1px}
.gh .g22-nav a,.gh .g22-nav button{margin:0!important;border-bottom:0!important;text-decoration:none}
.gh .g22-nav a.g22-n,.gh .g22-nav button.g22-n{padding:10px 16px!important}
.gh .g22-dd-m a{padding:12px 14px!important}
.g22-n:focus-visible{outline-offset:0}
/* g22-home r2 (desk): labels start at their own print's left edge; right-hand prints sit above their left neighbour so overlaps fall on image areas only; bigger and lower */
.g22-p3 .g22-cap,.g22-p4 .g22-cap{left:0;right:auto;text-align:left}
.g22-p3 .g22-cap b,.g22-p4 .g22-cap b{margin:0 6px 0 0}
.g22-p0{z-index:1}.g22-p1{z-index:2}.g22-p2{z-index:3}.g22-p3{z-index:4}.g22-p4{z-index:5}
.g22-p2{--w:500px}
.g22-p1{--w:370px;--x:-432px}.g22-p3{--w:370px;--x:432px}
.g22-p0{--w:330px;--x:-690px}.g22-p4{--w:330px;--x:690px}
html:root .g22-wall{--yc:430px;--ym:456px;--yo:478px}
.g22-p .gx-refl{opacity:.1}
.g22-p0{--w:320px;--x:-672px}.g22-p4{--w:320px;--x:672px}
html:root .g22-wall{--yc:410px;--ym:436px;--yo:494px}
.g22-p .gx-shadow{display:none}
.g22-p0 .g22-cap,.g22-p4 .g22-cap{top:calc(100% + 40px)}
.g22-p .gx-refl{opacity:.16;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 7%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 7%)}
html:root .g22-wall{--yc:392px;--ym:418px;--yo:476px}
.g22-p2{--w:470px}
.g22-p1{--w:340px;--x:-424px}.g22-p3{--w:340px;--x:424px}
.g22-p0{--w:280px;--x:-693px}.g22-p4{--w:280px;--x:693px}
html:root .g22-wall{--yc:432px;--ym:458px;--yo:516px}

/* ================================================================ g22 item 7 · the light, smooth at any zoom */
/* no filter:blur on a transformed layer (it was rasterised low and stepped); the shaft is a wide soft gradient instead */
.g-sky-b{filter:none!important;background:linear-gradient(to bottom,rgba(228,240,226,.13),rgba(228,240,226,.05) 45%,rgba(228,240,226,0) 85%)!important;
  -webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 30%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 30%,transparent 100%);width:620px!important}
.g-sky-a{background:radial-gradient(ellipse 880px 560px at 50% 50%,rgba(208,228,210,.13),rgba(208,228,210,.07) 35%,rgba(208,228,210,.025) 60%,transparent 75%)!important}
/* a fine grain dithers the 8-bit steps of the dim gradients; drawn once in g15.js at devicePixelRatio >= 2 */
.g-sky-grain{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.55;mix-blend-mode:soft-light;background-size:256px 256px}
.g22-p0 .g22-cap,.g22-p4 .g22-cap{top:calc(100% + 58px)}
.g-who22{padding:40px 0 8px}.g-who22-t{font-size:30px;line-height:1.25;max-width:760px}.g-who22 p+p{margin-top:10px;color:var(--soft);max-width:680px}
/* g22 item 10: Op maat */
.g22-om{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:center;margin-top:48px;padding-top:40px;border-top:1px solid var(--rule)}
.g22-om-i{display:block;box-shadow:0 0 0 1px rgba(0,0,0,.55),0 40px 60px -26px rgba(0,0,0,.9)}.g22-om-i img{display:block;width:100%;height:auto}
.g22-om h3{font-size:40px;line-height:1.1;margin-top:8px}.g22-om h3 span{display:block;font-size:26px;color:var(--g-mint);margin-top:6px}
.g22-om p{margin-top:12px;color:#ddd8cd;font-size:17px;line-height:1.55;max-width:520px}
.g22-om-ex{font-size:15px!important}
.gx-room15 .g22-om-home{grid-column:1 / -1}
.g22-om-note{margin-bottom:14px;padding:12px 14px;border-left:2px solid var(--g-mint);font-size:14.5px;line-height:1.5;color:var(--txt)}
/* g22 item 11 */
.ww22{padding:24px 0 56px}
.ww22-l{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:32px}
.ww22-f{display:block;aspect-ratio:16/10;overflow:hidden;background:#f4ece0;box-shadow:0 0 0 1px rgba(0,0,0,.5),0 30px 44px -24px rgba(0,0,0,.9)}
.ww22-f img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.ww22-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:6px;color:#5b574f;background:repeating-linear-gradient(135deg,#f4ece0 0 14px,#efe6d6 14px 28px)}
.ww22-ph b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:22px;color:#1d1d1b}.ww22-ph i{font-style:normal;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.ww22-s h3{margin-top:16px;font-size:24px}.ww22-s p{margin-top:6px;color:var(--soft);font-size:16px;line-height:1.55}
/* g22 item 12 */
.d22{padding:72px 0 40px}
.d22-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:28px}
.d22-f{margin:0}.d22-p{display:block;aspect-ratio:16/10;overflow:hidden;background:#111;box-shadow:0 0 0 1px rgba(0,0,0,.55),0 40px 60px -26px rgba(0,0,0,.9)}
.d22-p img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.d22-f figcaption{margin-top:12px;font-size:14.5px;color:var(--soft)}.d22-f figcaption b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:18px;color:var(--txt);margin-right:8px}
.d22-row{margin-top:56px;padding-top:24px;border-top:1px solid var(--rule)}
.d22-n{display:flex;align-items:baseline;gap:16px}.d22-n .g-tl{font-family:Newsreader,Georgia,serif;font-size:26px}.d22-n span{color:var(--g-mute);font-size:15px}
.d22-row .d22-pair{margin-top:16px}

/* ================================================================ g22 item 13 · prices page, more craft (copy unchanged) */
.g-roomo-pk h1{font-size:72px;letter-spacing:-.025em}
.g-roomo-pk .lead{font-size:20px;color:#d9d4c9}
.pk15 .pk-rows{border-top:0}
.pk15 .pk-row{border-radius:6px;border-bottom:0!important;margin-bottom:10px;box-shadow:inset 0 0 0 1px rgba(243,238,228,.1);transition:box-shadow .3s,background-color .3s}
.pk15 .pk-row:hover{box-shadow:inset 0 0 0 1px rgba(243,238,228,.25);background:rgba(243,238,228,.025)}
.pk15 .pk-row.on{box-shadow:inset 0 0 0 1px rgba(116,214,166,.6),inset 4px 0 0 var(--g-mint);background:rgba(116,214,166,.06)}
.pk15 .pk-n{font-size:32px;letter-spacing:-.01em}
.pk15 .pk-f{font-size:15px;color:var(--g-mint);font-weight:550}
.pk15 .pk-s{color:var(--soft)}
.pk15 .pk-p{font-family:Newsreader,Georgia,serif;font-size:38px;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.01em}
.pk15 .pk-p .g-was{font-size:17px;color:var(--g-mute)}
.pk15 .pk-img{border-radius:3px;overflow:hidden}
.pk-gs .pk-gn{font-size:26px}
.pk-side .pk-sum{padding:22px 24px!important;border-radius:8px!important;background:rgba(10,18,15,.6)!important;box-shadow:inset 0 0 0 1px rgba(243,238,228,.12)!important}
.pk-side .pk-sum .pk-tot b{font-family:Newsreader,Georgia,serif;font-size:40px}
.pk-host21 h2{font-size:40px}
.g-roomo-pk h1{font-size:60px}.g-roomo-pk .lead{font-size:18px}
.pk15 .pk-row{padding:14px 14px!important;margin-bottom:8px;row-gap:2px!important}
.pk15 .pk-n{font-size:28px}.pk15 .pk-p{font-size:32px}.pk15 .pk-f{font-size:14px}.pk15 .pk-s{font-size:14px;line-height:1.4}
.pk15 .pk-img{height:96px!important}
/* g22 item 14 */
.c22{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;align-items:start}
.c22-pic{margin:0;box-shadow:0 0 0 1px rgba(0,0,0,.55),0 40px 60px -26px rgba(0,0,0,.9)}.c22-pic img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.c22-n{font-size:40px;line-height:1.05;margin-top:6px}.c22-r{color:var(--g-mint);font-weight:550}
.c22-d{margin-top:12px;color:#ddd8cd;font-size:16px;line-height:1.55}
.c22-dl{margin-top:16px}.c22-dl>div{grid-template-columns:96px 1fr}
/* g22 item 15: blog audiences */
.b22-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:56px;padding-top:24px;border-top:1px solid var(--rule)}
.b22-lab{font-size:12.5px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--g-mint);margin-right:6px}
.b22-chip{padding:9px 16px;border:0;border-radius:999px;background:rgba(243,238,228,.05);box-shadow:inset 0 0 0 1px rgba(243,238,228,.22);color:var(--txt);font:500 15px Manrope,sans-serif;cursor:pointer;transition:background-color .2s,box-shadow .2s}
.b22-chip:hover{box-shadow:inset 0 0 0 1px rgba(243,238,228,.5)}
.b22-chip[aria-pressed=true]{background:var(--g-mint);color:#06120d;box-shadow:none}
.b22-note{margin-top:12px;font-size:16px;color:var(--soft)}
.b22-new{margin-top:40px}
[hidden]{display:none!important}
/* g22 item 16: vacancies, a calmer and clearer layout */
.vac-t thead th{font-size:30px}
.vac-t td{font-size:17px;color:var(--txt)}
.vac-t tbody tr:nth-child(2) td{font-family:Newsreader,Georgia,serif;font-size:22px;color:var(--g-mint)}
.vac-j h2{letter-spacing:-.02em}
.vac-l h3{font-size:22px}
.fd-plan,.rooms-tg{display:none!important}
/* g22 · judge g21b.2 notes */
.g-roomo:has(.g-ann19) .g-roomo-in{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important;gap:48px}
.g-ann18.g-ann19{grid-template-columns:minmax(0,1fr) 210px}
[data-tool=contact] .ct-o{margin-bottom:0}.ct .ct-n{margin-bottom:10px}[data-tool=contact] .btn{margin-top:4px}
/* g22b (desk) · Op maat in the package list, the top tier */
.pk15 .pk-row.pk-om22{position:relative;cursor:default;box-shadow:inset 0 0 0 1px rgba(242,179,61,.55);background:linear-gradient(100deg,rgba(242,179,61,.07),rgba(242,179,61,0) 60%)}
.pk15 .pk-row.pk-om22:hover{box-shadow:inset 0 0 0 1px rgba(242,179,61,.85)}
.pk-om-tag{position:absolute;top:-10px;left:184px;padding:2px 10px;border-radius:999px;background:#f2b33d;color:#1b1306;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.pk-om22 .pk-n{grid-column:3}
.pk-om22 .pk-p{font-size:26px!important;color:#f2c46a}
.pk15 .pk-om22 .pk-om-a{color:#f2c46a;border-bottom-color:rgba(242,179,61,.55)}
.pk15 .pk-om22 .pk-om-a:hover{color:#f6d58f}
.pk-om22 .pk-s .g-tl{font-size:14px;margin-left:6px}
.pk15 .pk-row{padding:12px 14px!important}
/* g22b (desk) · nav: one state at a time */
.g22-n:focus{outline:none}
.g22-n:focus-visible{outline:2px solid var(--g-mint);outline-offset:2px}
.g22-dd.open>.g22-n::after,.g22-dd.open>.g22-n::before{display:none}
.g22-dd.open>.g22-dd-b{color:var(--g-ink)}
.pk-om-tag{left:70px;top:-11px}
.gh .g22-nav .g22-dd{border:0!important}

/* ================================================================ g23 item 1 · prices as rows on shared hairlines, aligned columns */
.pk15 .pk-rows{border-top:1px solid var(--rule)!important}
.pk15 .pk-row,.pk15 .pk-row.on,.pk15 .pk-row:hover,.pk15 .pk-row.pk-om22,.pk15 .pk-row.pk-om22:hover{border-radius:0!important;margin:0!important;background:none;box-shadow:none!important;border-bottom:1px solid var(--rule)!important}
.pk-side .pk15 .pk-row,.pk15 .pk-row{display:grid!important;grid-template-columns:30px minmax(0,190px) minmax(0,1fr) 168px 150px!important;grid-template-rows:auto auto!important;column-gap:22px!important;row-gap:2px!important;padding:20px 12px 20px 10px!important;align-items:start!important}
.pk15 .pk-row>input{grid-column:1;grid-row:1 / span 2;align-self:center!important}
.pk15 .pk-row .pk-img{display:none!important}
.pk15 .pk-row .pk-n{grid-column:2;grid-row:1;font-size:28px!important;line-height:1.1}
.pk15 .pk-row .pk-f{grid-column:2;grid-row:2;font-size:13.5px!important;line-height:1.35}
.pk15 .pk-row .pk-s{grid-column:3;grid-row:1 / span 2;font-size:14.5px!important;line-height:1.5;align-self:center}
.pk15 .pk-row .pk-p{grid-column:4;grid-row:1 / span 2;text-align:right;font-size:30px!important;align-self:center}
.pk15 .pk-row .pk-ch{grid-column:5;grid-row:1 / span 2;justify-self:end;align-self:center!important}
.pk15 .pk-row.on{background:linear-gradient(90deg,rgba(116,214,166,.08),rgba(116,214,166,0) 70%)!important;box-shadow:inset 3px 0 0 var(--g-mint)!important}
.pk15 .pk-row.pk-om22 .pk-om-tag{position:static;display:inline-block;margin:6px 0 0;grid-column:2;grid-row:2;justify-self:start;background:none;color:#f2c46a;padding:0;font-size:11px;letter-spacing:.14em}
.pk15 .pk-row.pk-om22 .pk-f{display:none}
.pk15 .pk-row.pk-om22{background:linear-gradient(90deg,rgba(242,179,61,.06),rgba(242,179,61,0) 60%)}
/* one running summary, no box */
.pk-side .pk-sum{background:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;border-top:1px solid var(--rule)!important}
.pk15 .pk-om22 .pk-p small{display:block;font-family:Manrope,sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#f2c46a}
.pk15 .pk-om22 .pk-p{white-space:nowrap}
/* g23 item 2 */
.g23-sw{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--rule);font-size:14.5px;max-width:520px}
.g23-sw span{color:var(--soft)}.g23-sw b{font-weight:600;color:var(--txt);text-align:right}
.g23-sw:first-of-type b{color:#f2c46a}
.g23-sw-case{max-width:none}
/* g23 item 3 */
.g23-design{grid-column:1 / -1;display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:start;margin-top:18px}
.g-show .g23-design{grid-column:1 / -1}
.g23-home{margin:0}.g23-home figcaption{margin-top:8px;font-size:13.5px;color:var(--soft)}
.g23-more>summary{cursor:pointer;display:inline-block;font-size:14.5px;font-weight:600;color:var(--g-mint);border-bottom:1px solid currentColor;list-style:none}
.g23-more>summary::-webkit-details-marker{display:none}
.g23-more[open]>summary{margin-bottom:12px}
.g23-tbar{position:fixed;top:0;left:0;right:0;z-index:25;display:flex;gap:6px 22px;flex-wrap:wrap;justify-content:center;padding:12px 24px;background:rgba(10,18,15,.92);backdrop-filter:blur(8px);box-shadow:0 1px 0 var(--rule);translate:0 -100%;transition:translate .35s var(--g-ease)}
.g23-tbar.on{translate:0 0}
.g23-tbar a{font-size:14.5px;color:var(--soft)}.g23-tbar a:hover{color:var(--txt)}
/* g23 item 5: Mopé flats, one system (8% margin, wordmark + sub line top-left, one text column, mango bottom-right) */
.m23-set{grid-column:2;margin-top:4px}
.m23-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr) minmax(0,1fr);gap:22px;align-items:start;margin-top:12px}
.m23-f{margin:0}.m23-f figcaption{margin-top:10px;font-size:13.5px;color:var(--soft)}.m23-f figcaption b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:17px;color:var(--txt);margin-right:6px}
.m23-cards{display:grid;gap:14px}
.m23-card,.m23-a4,.m23-post{position:relative;overflow:hidden;container-type:inline-size;box-shadow:0 0 0 1px rgba(0,0,0,.4),0 22px 32px -20px rgba(0,0,0,.9)}
.m23-card{aspect-ratio:85/55;padding:8%}.m23-a4{aspect-ratio:1/1.414;padding:9% 9% 8%;background:#FFF8EC;color:#173F22}.m23-post{aspect-ratio:1;padding:9%;background:#1E4A2A;color:#FFF3DC}
.m23-cf{background:#1E4A2A}.m23-cb{background:#FFF8EC;color:#173F22}
.m23-lock{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2.2cqw}
.m23-lock img{width:42cqw;height:auto;display:block}
.m23-dark img{filter:brightness(0) saturate(100%) invert(95%) sepia(9%) saturate(500%) hue-rotate(330deg)}
.m23-sub{font:500 3.1cqw/1 Newsreader,Georgia,serif;letter-spacing:.38em;text-transform:uppercase;color:#E2671A;padding-left:.1em}
.m23-dark .m23-sub{color:#F6B21E}
.m23-fruit{position:absolute;right:7%;bottom:7%;width:16cqw;height:auto}
.m23-a4 .m23-fruit{width:12cqw}
.m23-h{font:400 6.4cqw/1.1 Newsreader,Georgia,serif}.m23-k{margin-top:1.5cqw;font:600 3.2cqw/1 Manrope,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#E2671A}
.m23-cb .m23-t{position:absolute;left:8%;bottom:8%;right:30%}
.m23-t{font:400 3.6cqw/1.55 Manrope,sans-serif;color:#2d2b27}
.m23-a4 .m23-t{font-size:3.2cqw;max-width:78%}.m23-date{margin-top:10cqw}.m23-sal{margin-top:5cqw;font-size:4.6cqw}.m23-a4 .m23-sal+.m23-t{margin-top:3cqw}.m23-sig{margin-top:5cqw}
.m23-foot{position:absolute;left:9%;bottom:7%;font:500 2.5cqw/1 Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#173F22}
.m23-ph{margin-top:14cqw;font:400 9.5cqw/1.03 Newsreader,Georgia,serif;letter-spacing:-.01em}.m23-ps{margin-top:3cqw;font:600 3.6cqw/1.3 Manrope,sans-serif;color:#F6B21E}
.m23-rule{margin-top:14px;font-size:14px;color:var(--soft);max-width:640px}
#mk-huisstijl .mk-o{display:none}
#mk-huisstijl{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
#mk-huisstijl .mk-o{display:block!important}.m23-set{grid-column:auto}

/* g23 item 6: gratis ontwerp, wider exhibit, notes under it, each pinned to its feature */
.g23-gr .g-roomo-in{grid-template-columns:430px minmax(0,1fr);gap:60px;align-items:center}
.g23-ex{margin:0}
.g23-ex-f{position:relative;display:block;box-shadow:0 0 0 1px rgba(0,0,0,.45),0 34px 48px -30px rgba(0,0,0,.95)}
.g23-ex-f img{display:block;width:100%;height:auto}
.g23-pins{position:absolute;inset:0;pointer-events:none}
.g23-pin{position:absolute;left:var(--x);top:var(--y);bottom:-26px;width:1px;background:linear-gradient(rgba(127,214,170,.95),rgba(127,214,170,.55))}
.g23-pin::before{content:"";position:absolute;left:-5px;top:-5px;width:11px;height:11px;border-radius:50%;background:rgba(8,16,13,.6);border:2px solid var(--g-mint);box-sizing:border-box;box-shadow:0 0 12px 1px rgba(127,214,170,.5)}
.g23-notes{position:relative;list-style:none;height:94px;margin:26px 0 0;padding:0}
.g23-notes li{position:absolute;top:0;width:27%;font-size:13.5px;line-height:1.45;color:var(--soft)}
.g23-notes li b{display:block;margin-bottom:2px;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:18px;line-height:1.2;color:var(--txt)}
.g23-n-l{left:var(--x);padding-left:14px;border-left:1px solid rgba(127,214,170,.55)}
.g23-n-r{right:calc(100% - var(--x));padding-right:14px;text-align:right;border-right:1px solid rgba(127,214,170,.55)}
.g23-ex figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-top:18px;padding-top:14px;border-top:1px solid var(--rule)}
.g23-ex figcaption .wl{margin:0}
.g23-full{font-size:14.5px;font-weight:600;white-space:nowrap}
.g23-full::after{content:" →"}

/* g23 item 7: Stilwater nav + headline inside the film print (sizes are the real site's at 1440, in frame-width units) */
.g22-p2 .gx-frame{container-type:inline-size}
.g23-ov{position:absolute;inset:0;pointer-events:none;color:#f3eee4;background:linear-gradient(rgba(8,12,10,.42),transparent 16%,transparent 50%,rgba(8,12,10,.6));font-family:Manrope,sans-serif}
.g23-ov i,.g23-ov em,.g23-ov small{font-style:normal}
.g23-ov-nav{position:absolute;left:5cqw;right:5cqw;top:2.4cqw;display:flex;align-items:center;justify-content:space-between}
.g23-ov-l,.g23-ov-r{display:flex;align-items:center;gap:2.6cqw;font-size:1.05cqw;font-weight:500;letter-spacing:.16em;text-transform:uppercase}
.g23-ov-m{position:absolute;left:50%;top:-.6cqw;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:.5cqw}
.g23-ov-m b{font:300 2.5cqw/1 Newsreader,Georgia,serif;letter-spacing:.3em;text-transform:uppercase;padding-left:.3em}
.g23-ov-m small{font-size:.75cqw;letter-spacing:.28em;text-transform:uppercase;opacity:.85}
.g23-ov-r em{padding:1cqw 1.6cqw;border:1px solid rgba(243,238,228,.7)}
.g23-ov-h{position:absolute;left:5cqw;bottom:13cqw;display:flex;flex-direction:column;gap:1.1cqw}
.g23-ov-h small{font-size:.8cqw;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.g23-ov-h b{font:400 4.5cqw/1.02 Newsreader,Georgia,serif;letter-spacing:-.02em}

/* g24 item 1-2, locked in g27 (Moreno picked B): a nav only SuriWeb has, "letter" (type switch + drawn line). No dot, no pill. */
.g22-n::before,.g22-n::after,.g22-n[aria-current=page]::before,.g22-dd.is-cur>.g22-n::before{content:none;display:none}
.g22-n,.g22-n-cta{border-radius:0;box-shadow:none;background:none}
.g22-n-cta:hover{background:none;box-shadow:none}
.g22-n{isolation:isolate}


/* B · letter: the active item switches to the serif italic; hover draws a hand line under the word; Contact is the serif italic with its line always drawn */
:root .g22-n{background-image:var(--g24-line);background-repeat:no-repeat;background-position:16px calc(100% - 3px);background-size:0 7px;transition:color .25s,background-size .55s var(--g-ease)}
:root .g22-n:hover,:root .g22-dd.open>.g22-n{background-size:calc(100% - 32px) 7px}
:root .g22-n[aria-current=page],:root .g22-dd.is-cur>.g22-n{font:italic 400 19px/1 Newsreader,Georgia,serif;letter-spacing:.005em;color:#fff}
:root .g22-n-cta{margin-left:10px;font:italic 400 19px/1 Newsreader,Georgia,serif;color:var(--g-mint);background-size:calc(100% - 32px) 7px}
:root .g22-n-cta:hover{color:#bff0d6}
:root{--g24-line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 7' preserveAspectRatio='none'%3E%3Cpath d='M1 4.6C14 2.4 27 2.2 41 3.6S72 6 99 2.6' fill='none' stroke='%2374d6a6' stroke-width='1.4' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}

/* the dropdown: a designed panel, not a box with rows */
.g22-dd-m{min-width:340px;padding:18px 10px 12px;border-radius:2px;background:linear-gradient(rgba(18,34,27,.97),rgba(11,21,17,.97));box-shadow:0 0 0 1px rgba(243,238,228,.08),0 40px 70px -28px rgba(0,0,0,.95);overflow:hidden}
.g22-dd-m::before{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(116,214,166,.85),transparent)}
.g22-dd-m::after{content:"";position:absolute;left:15%;right:15%;top:-60px;height:110px;background:radial-gradient(50% 50% at 50% 50%,rgba(116,214,166,.16),transparent 70%);pointer-events:none}
.g22-dd-m:not([hidden]){animation:g24-open .42s var(--g-ease) both}
@keyframes g24-open{from{opacity:0;clip-path:inset(0 0 100% 0);translate:-50% -6px}to{opacity:1;clip-path:inset(0 0 0 0);translate:-50% 0}}
.g22-dd-m li{position:relative}
.g22-dd-m li+li:not(:nth-child(2))::before{content:"";position:absolute;left:16px;right:16px;top:0;height:1px;background:rgba(243,238,228,.07)}
.g22-dd-m a{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:16px;padding:14px 16px;border-radius:0;background:none!important;z-index:1}
.g22-dd-m a b{grid-column:1;font-size:21px;transition:translate .4s var(--g-ease),color .25s}
.g22-dd-m a span{grid-column:1}
.g22-dd-m a::after{content:"";grid-column:2;grid-row:1 / span 2;width:18px;height:1px;background:var(--g-mint);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--g-ease)}
.g22-dd-m a:hover b,.g22-dd-m a:focus-visible b{translate:4px 0;color:#fff}
.g22-dd-m a:hover::after,.g22-dd-m a:focus-visible::after{transform:none}
.g22-dd-m a:focus-visible{outline:1px solid rgba(116,214,166,.6);outline-offset:-1px}
.g22-dd-m .g24-ml{position:absolute;left:8px;right:8px;top:var(--ly,0);height:var(--lh,0);opacity:0;pointer-events:none;transition:top .35s var(--g-ease),height .35s var(--g-ease),opacity .3s}
.g22-dd-m.lit .g24-ml{opacity:1}
:root .g24-ml{background:linear-gradient(90deg,rgba(116,214,166,.08),transparent 70%);box-shadow:inset 2px 0 0 var(--g-mint)}
:root .g22-dd-m a b{font-style:italic}
.g22-dd-m .g24-mf{position:relative;z-index:1;margin:8px 16px 4px;padding-top:12px;border-top:1px solid rgba(243,238,228,.07);font-size:13.5px;color:var(--g-mute)}
.g22-dd-m .g24-mf a{display:inline;padding:0;color:var(--g-mint);font-weight:600}
.g22-dd-m .g24-mf a::after{content:none}
@media (prefers-reduced-motion:reduce){.g22-dd-m:not([hidden]){animation:none}.g24-ml,.g22-n>.g24-lt{transition:none}}

/* g24 item 3: one set of details on every page, from the same idea as the nav (a mint light, a drawn hairline). Restrained, no new colours. */
/* labels: a short lit hairline leads every section label */
.lab{display:inline-flex;align-items:center;gap:10px;letter-spacing:.02em}
.lab::before{content:"";flex:none;width:18px;height:1px;background:linear-gradient(90deg,rgba(116,214,166,.2),var(--g-mint));box-shadow:0 0 8px rgba(116,214,166,.6)}
/* the main button: on hover a band of light passes once across the slab, the seal gets a lit ring */
.btn,.gx-home .gx-btn{position:relative;overflow:hidden;isolation:isolate}
.btn::before,.gx-home .gx-btn::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.38) 48%,transparent 66%);translate:-110% 0;pointer-events:none}
.btn:hover::before,.gx-home .gx-btn:hover::before,.btn:focus-visible::before{translate:110% 0;transition:translate .9s var(--g-ease)}
.btn::after,.gx-home .gx-btn::after{box-shadow:0 0 0 1px rgba(116,214,166,.35) inset}
.btn.ghost::before,.g-btn2::before{background:linear-gradient(105deg,transparent 30%,rgba(116,214,166,.16) 48%,transparent 66%)}
/* copy buttons: a quiet tool, a small copy mark before the word, the line lights mint on hover */
.copy{display:inline-flex;align-items:center;gap:7px;transition:color .25s,border-color .25s}
.copy::before{content:"";width:12px;height:12px;flex:none;background:currentColor;opacity:.7;-webkit-mask:var(--g24-copy) no-repeat center/contain;mask:var(--g24-copy) no-repeat center/contain}
.copy:hover{color:#fff;border-bottom-color:var(--g-mint)!important}
:root{--g24-copy:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.2'%3E%3Crect x='3.6' y='3.6' width='7.4' height='7.4' rx='1'/%3E%3Cpath d='M8.4 1H1.9a.9.9 0 0 0-.9.9v6.5'/%3E%3C/svg%3E")}
/* wall labels: a short hairline between the name and the line after it */
.wl b+span::before,.g22-cap b+*::before{content:none}
.wl>b{display:inline-flex;align-items:baseline;gap:12px}
.wl>b::after{content:"";width:14px;height:1px;align-self:center;background:rgba(116,214,166,.6)}
/* hairlines fade at their ends where they run free */
.g23-ex figcaption,.g24-fade{border-top:0;background:linear-gradient(90deg,transparent,var(--rule) 12%,var(--rule) 88%,transparent) no-repeat top/100% 1px}
/* footer: a horizon light on its top edge, links that draw their line, the address line lit */
.gf{position:relative}
.gf::before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(116,214,166,.55),transparent)}
.gf::after{content:"";position:absolute;left:25%;right:25%;top:-50px;height:100px;background:radial-gradient(50% 50% at 50% 50%,rgba(116,214,166,.07),transparent 70%);pointer-events:none}
.gf nav a{border-bottom:0!important;padding-bottom:4px;background:linear-gradient(var(--g-mint),var(--g-mint)) no-repeat 0 100%/0 1px;transition:background-size .45s var(--g-ease),color .25s}
.gf nav a:hover{color:#fff;background-size:100% 1px}
.gf .legal-line{padding-top:20px!important;background:linear-gradient(90deg,var(--rule),transparent 70%) no-repeat top/100% 1px}
@media (prefers-reduced-motion:reduce){.btn:hover::before,.gx-home .gx-btn:hover::before{transition:none;translate:-110% 0}}

/* g24 add-on (judge g23.1) */
.faq19 .kq-i h3,.faq19 .vr-q h3{font-size:24px;line-height:1.25}
.faq19 h2.vr-h{font:600 15px/21px Manrope,sans-serif;letter-spacing:.02em;color:var(--mint);display:flex;align-items:center;gap:10px}
.faq19 h2.vr-h::before{content:"";width:18px;height:1px;background:linear-gradient(90deg,rgba(116,214,166,.2),var(--g-mint));box-shadow:0 0 8px rgba(116,214,166,.6)}
.ct-top{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:4px 0 30px}
.ct-top .btn{margin:0}

/* g25 1: every trade block in one frame size; the homepage swaps into the same frame */
.g25-fr{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#0b1410}
.g25-fr>img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;object-position:top center;transition:opacity .5s var(--g-ease)}
.g25-fr>.g25-home{opacity:0}
.g25-h .g25-fr>.g25-home{opacity:1}.g25-h .g25-fr>.g25-fn{opacity:0}
.g25-tg{background:none;border:0;padding:0 0 3px;margin-right:22px;font:600 15px/1.4 Manrope,sans-serif;color:var(--g-mint);border-bottom:1px solid currentColor;cursor:pointer}
.g25-tg:hover{color:#bff0d6}.g25-tg:focus-visible{outline:2px solid var(--g-mint);outline-offset:3px}
.g-rows21 .g-row2,.g-show.g-spread{align-items:center}
.g-anker-i .ank-pkg{margin:0}
/* g25 2: the buyer's block leads; the guest demo is labelled and second */
.g25-buy{position:relative;padding:18px 20px 18px 22px;background:linear-gradient(90deg,rgba(116,214,166,.09),rgba(116,214,166,.02));box-shadow:inset 2px 0 0 var(--g-mint)}
.g25-buy dl{margin-top:10px}
.g25-buy dl>div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--rule);font-size:15px}
.g25-buy dt{color:var(--soft)}.g25-buy dd{color:var(--txt);text-align:right}
.g25-buy .g25-tot dd{font:400 30px/1 Newsreader,Georgia,serif;color:#fff}
.g25-buy-n{margin-top:8px;font-size:13.5px;color:var(--g-mute)}
.g25-cw .cw-buybox.g25-buy{margin:18px 0 22px}
.g25-cw .cw-buybox.g25-buy .g23-sw{max-width:none}
.g25-guest-l{margin-bottom:10px;font-size:13.5px;letter-spacing:.02em;color:var(--g-mute)}
.g25-guest-l::before{content:"";display:inline-block;width:18px;height:1px;margin-right:10px;vertical-align:middle;background:rgba(243,238,228,.35)}
.g25-cw.cw{grid-template-columns:460px minmax(0,1fr)!important}
.sj-rec .g25-buy{margin:14px 0 18px}
/* g25 3: werkwijze, a shorter opening */
.g25-wwo .g-roomo-in{padding-bottom:28px!important}
.g25-wwo h1{font-size:60px!important;max-width:none!important}
.g25-wwo .lead{max-width:none!important;margin-top:12px!important}
.g25-ww{padding-top:8px!important}
.g25-ww .ww22-l{margin-top:18px}
/* g25 4: over ons, smaller portraits, the proposal open */
.g25-team{display:flex!important;gap:28px;justify-content:flex-end}
.g25-team .wp{width:230px!important;flex:none}
.g25-team .wl-d{font-size:14.5px}
.g25-prop .g-prop14{margin-top:24px}
/* g25 5: flats open at reading size */
.g25-zoom{cursor:zoom-in}
.g25-zoom:focus-visible{outline:2px solid var(--g-mint);outline-offset:6px}
.g25-dlg{border:0;padding:28px;max-width:min(1000px,92vw);max-height:92vh;overflow:auto;background:#101c17;color:var(--txt);box-shadow:0 0 0 1px rgba(243,238,228,.12),0 40px 80px -30px #000}
.g25-dlg::backdrop{background:rgba(5,10,8,.82)}
.g25-dlg .g25-dlg-in{width:900px;max-width:100%}
.g25-dlg .g25-dlg-in>*{width:100%}
.g25-dlg .m23-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.g25-dlg .m23-a4{width:640px;margin:0 auto}
.g25-dlg .m23-post{width:640px;margin:0 auto}
.g25-dlg-x{position:sticky;top:0;float:right;margin:-8px -8px 8px 16px;background:none;border:0;border-bottom:1px solid currentColor;color:var(--g-mint);font:600 15px Manrope,sans-serif;cursor:pointer}
/* g25 6: one column structure for both vacancies */
.g25-vac .vac-b{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0 40px!important}
.g25-vac .vac-l{grid-column:auto!important;width:auto!important}
.g25-vac .vac-l ul{columns:1!important;display:block!important}
.g25-vac .vac-l ul li{width:auto!important}
/* g25 7: vragen, tighter groups */
.g25-vr .vr-row{grid-template-columns:1fr!important;padding:20px 0 22px!important;max-width:760px}
.g25-vr .vr-row h2.vr-h{margin-bottom:10px}
.g25-vr .vr-row+.vr-row{border-top:1px solid var(--rule)}
.g25-vr .vr-q+.vr-q{margin-top:16px}
/* g25 8: blog, a mark per audience */
.g25-al{display:inline-flex;align-items:center;gap:8px}
.g25-al::before{content:none!important}
.g25-aud{width:22px;height:22px;flex:none;fill:none;stroke:var(--g-mint);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
/* g25 10: the price, enlarged on the exhibit */
.g25-loupe{position:absolute;left:21%;top:67%;z-index:2;width:44%;padding:3px;background:rgba(8,16,13,.85);box-shadow:0 0 0 1px rgba(116,214,166,.75),0 18px 30px -14px #000}
.g25-loupe img{display:block;width:100%;height:auto}
.g-print.g25-fr{width:773px!important;max-width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/10!important;padding:0!important}
.g25-adv{margin-top:14px;font-size:14.5px;color:var(--soft)}
.g25-oo .g-roomo-in{padding-bottom:36px!important;align-items:center!important}
.g25-oo{padding-top:56px!important}
.g25-prop{padding-top:28px!important}
a.post:has(.g25-al){grid-template-columns:150px minmax(0,1fr)!important}
.g25-al{font-size:13px!important;line-height:1.3!important}
.g25-dlg{margin:auto!important;inset:0}
.g25-fr>img.g25-wide{inset:auto 0;top:50%;height:auto!important;translate:0 -50%;object-fit:fill}
/* g25b: over-ons portraits start level with the headline block, clear of the nav; one caption shape for both */
.g25-oo .g-roomo-in{align-items:start!important}
.g25-team .wp{width:210px!important}
.g25-team .wl{display:block!important;margin-top:12px}
.g25-team .wl>b{display:block!important}
.g25-team .wl>b::after{content:none!important;display:none!important}
.g25-team .wl>span{display:block!important;margin-top:2px}
.g25-team .wl>.wl-d{margin-top:6px}
.g25-team .wl>.link{display:inline-block;margin-top:6px}
.g25-oo{padding-top:128px!important}
.g25-oo .g-roomo-in{padding-bottom:24px!important}
.g25-prop{padding-top:12px!important}
.g25-prop .g-prop14{margin-top:16px!important}
/* g25c: home people captions, the same stacked shape as over-ons (no dangling dash) */
.g-people17 .wl{display:block!important}
.g-people17 .wl>b{display:block!important}
.g-people17 .wl>b::after{content:none!important;display:none!important}
.g-people17 .wl>span{display:block!important;margin-top:2px}
/* g26 1: the Stilwater demo disclaimer keeps to the space left of the centred wordmark (never text over text) */
.fd[data-k=stilwater] .fd-site{max-width:calc(50% - 170px);white-space:normal;font-size:11.5px;line-height:1.35}
.fd[data-k=stilwater] .fd-site .g-demo{white-space:normal}
/* g26 2: wide exhibits in a frame of their own proportion */
.g-print.g25-fr.g25-frw{aspect-ratio:var(--ar)!important;transition:aspect-ratio .5s var(--g-ease)}
.g25-h .g-print.g25-fr.g25-frw{aspect-ratio:16/10!important}
.g25-frw>.g25-home{height:auto!important;bottom:auto!important}

/* g26 3: Hosting and Plus */
.g26-hp{margin-top:10px}
.g26-hp>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:16px;padding:10px 0;border-top:1px solid var(--rule)}
.g26-hp dt{font-family:Newsreader,Georgia,serif;font-size:19px;color:var(--txt)}
.g26-hp dd{font-size:16px;line-height:1.55;color:#ddd8cd}.g26-hp dd b{color:var(--txt);font-weight:600}
/* g26 4: the prepared subject beside Mail ons */
.g26-subj{font-size:14px;color:var(--g-mute)}.g26-subj b{display:block;font-weight:600;color:var(--txt)}
/* g26 5: the price, quoted in its note */
.g26-q{display:block;margin:2px 0 4px;font:italic 400 17px/1.35 Newsreader,Georgia,serif;color:#f3eee4;quotes:"“" "”"}
.g23-notes{height:118px!important}
.g26-cut>.g25-fn{height:auto!important;bottom:auto!important}

/* g27 Mopé lockup: A's sub line (serif, wide spacing, no divider) in the wordmark's own ink, under C's mark */
.m23-sub{font:500 2.7cqw/1 Newsreader,Georgia,serif;letter-spacing:.42em;color:#173F22;padding-left:.42em}
.m23-dark .m23-sub{color:#FFF3DC}
/* g27 the real Mopé photos, all 3:2: Compleet merk shows six, the gallery below two; no frame crops them */
.g27-world{grid-template-columns:repeat(6,minmax(0,1fr));align-items:start}
.g27-mw .mw-f{aspect-ratio:1600/1062!important}
.g27-world .g27-a{grid-column:1 / span 4}.g27-world .g27-b{grid-column:5 / span 2;align-self:end}
.g27-world .g27-c{grid-column:span 2}
.g27-world .g27-d{grid-column:1 / span 3}.g27-world .g27-wn{grid-column:4 / span 3;align-self:center;margin:0;max-width:440px}
.g27-more .g27-e{grid-column:span 3}
.g-hm .mw .mw-f{aspect-ratio:1600/1062}
/* g27 Kasimir, the Landing Page example */
.g27-lx{margin-top:12px}
.pk-ex{display:block;margin-top:8px;font-size:14px;color:var(--soft)}.pk-ex a{color:var(--g-mint);text-decoration:none;border-bottom:1px solid currentColor}.pk-ex a::after{content:" ↗"}
/* g29 judge g27.1 fixes */
html:root .g29-free{margin-top:8px;font-size:15px;color:#bfb9ad}
.g29-wl{position:relative;z-index:2;text-align:center;margin:0 0 -6px;color:#d9d4c9}
.g22-cap{color:rgba(232,228,219,.92)}.g22-cap b{color:#fff;font-family:Manrope,sans-serif;font-weight:600;font-size:13px;letter-spacing:.02em}
.pk-host-n{margin-top:10px;font-size:13.5px;color:var(--g-mute)}.pk-host-n .g-tl{display:inline-block;margin-top:4px}
.pk-conf{align-self:center}.pk-conf-t{font-size:16px;color:var(--soft)}
.pl-grid4{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px 22px!important}
.pl-vp{margin-top:26px}
.g29-hs{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}
.g29-gids{margin-top:36px}

/* g30 item 7: the text link, redrawn. No ruler underline: a short hand-drawn line (the nav's own line) under the start of the word, which draws out under the whole link on hover; a small arrow that steps forward */
html:root .gx-lnk,html:root .g-tl,html:root a.nextlink,html:root .sj-alt,html:root .g-bb-more{gap:10px;padding:0 0 9px;border:0;color:var(--txt);font-weight:600;text-decoration:none;
  background:var(--g24-line) no-repeat 0 100%/22px 7px;transition:background-size .55s var(--g-ease),color .25s}
html:root .gx-lnk:hover,html:root .g-tl:hover,html:root a.nextlink:hover,html:root .sj-alt:hover,html:root .g-bb-more:hover,
html:root .gx-lnk:focus-visible,html:root .g-tl:focus-visible,html:root a.nextlink:focus-visible{background-size:100% 7px;color:#fff}
html:root .gx-lnk::after,html:root .g-tl::after,html:root a.nextlink::after,html:root .sj-alt::after,html:root .g-bb-more::after{width:14px;height:9px;opacity:.75;transition:transform .45s var(--g-ease),opacity .3s}
html:root .gx-lnk:hover::after,html:root .g-tl:hover::after,html:root a.nextlink:hover::after{transform:translateX(5px);opacity:1}
/* g30 item 4: home packages with the intro prices, Op maat as the fourth */
.gx-rail .g30-pr{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.gx-rail .g30-pr .g-was{font-size:17px;color:var(--g-mute)}
.gx-rail .g30-pr .g-save{flex-basis:100%;font:600 13.5px/1.3 Manrope,sans-serif;color:var(--g-mint)}
.gx-rail .g30-from{font:400 15px/1 Manrope,sans-serif;color:var(--g-mute);margin-right:4px}
.g30-addr{color:var(--soft);text-decoration:none;border-bottom:1px solid rgba(243,238,228,.2)}.g30-addr:hover{color:var(--txt)}
/* g30 items 1 and 3: Stilwater a bit bigger in the middle; the right side sits behind its neighbour like the left */
html:root .g22-p2{--w:592px;z-index:6}
html:root .g22-p1,html:root .g22-p3{z-index:4}
html:root .g22-p0,html:root .g22-p4{z-index:2}
html:root .g22-p2{--w:572px}
html:root .g22-p1{--x:-450px}html:root .g22-p3{--x:450px}
html:root .g22-p0{--x:-735px}html:root .g22-p4{--x:735px}
html:root .g29-wl{display:flex;justify-content:center;width:100%}
html:root .g22-p1{--x:-440px}html:root .g22-p3{--x:440px}
html:root .g22-p0{--x:-705px}html:root .g22-p4{--x:705px}
html:root .g22-p3 .g22-cap{left:auto;right:0;text-align:right}
html:root .g29-wl{margin:92px 0 -92px}
/* g30 item 11: what we made, the home large and one complex part */
.g30-show .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:28px 48px;align-items:start}
.g30-show .lab{grid-column:1 / -1}
.g30-home{grid-column:1 / -1;margin:0}
.g30-sol{grid-column:1 / span 1;margin:0}
.g30-show figure .g-print{display:block}
.g30-show figure img{display:block;width:100%;height:auto}
.g30-cut{overflow:hidden}.g30-cut img{width:100%;height:auto}
.g30-show figcaption{margin-top:14px;font-size:15px;color:var(--soft)}.g30-show figcaption b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:19px;color:var(--txt);margin-right:6px}
.g30-sol{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0 48px;align-items:end}
.g30-sol figcaption{margin:0 0 6px;font-size:16px;line-height:1.55;max-width:420px}.g30-sol figcaption b{display:block;font-size:26px;margin:0 0 8px}
.g30-wf{display:block;width:100%;height:auto}
/* g30 item 17: a visual blog */
.b30-img{display:block;margin:-2px 0 18px;overflow:hidden;box-shadow:0 0 0 1px rgba(243,238,228,.08)}
.b30-img img{display:block;width:100%;height:auto;transition:transform .8s var(--g-ease)}
a.post:hover .b30-img img{transform:scale(1.025)}
.b30-feat{margin-top:8px;margin-bottom:64px}
.b30-fa{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center;text-decoration:none;color:inherit}
.b30-fi{display:block;overflow:hidden}.b30-fi img{display:block;width:100%;height:auto;transition:transform .9s var(--g-ease)}
.b30-fa:hover .b30-fi img{transform:scale(1.02)}
.b30-ft{display:flex;flex-direction:column;gap:14px}
.b30-fh{font-size:40px;line-height:1.08;color:var(--txt)}.b30-fd{font-size:17px;color:var(--soft)}
.b30-ft .g-tl{align-self:flex-start;margin-top:6px}
.b30-lead{margin:0 auto 56px}.b30-lead img{display:block;width:100%;height:auto;box-shadow:0 30px 60px -34px #000}
a.post{display:grid!important;grid-template-columns:260px minmax(0,1fr);column-gap:28px;align-items:start}
a.post>.b30-img{grid-column:1;grid-row:1 / span 4;margin:4px 0 0}
a.post>:not(.b30-img){grid-column:2}
.b30-lead{max-width:1100px}

/* g31 */
/* item 2: an example beside Start and Groei, base price and addition apart */
.g31-ep{display:block;margin-top:4px;font-size:15px;line-height:1.45;color:var(--soft)}
.g31-pb{color:var(--txt)}
.g31-pa{display:block}
.pk-ex a.g31-in::after{content:none}
/* item 3: the trade bar marks the exhibit in view; headings stay clear of the bar after a jump */
.g-shows>article[id],.g-rows2>article[id]{scroll-margin-top:88px}
.g23-tbar a{padding-bottom:3px;border-bottom:1px solid transparent}
.g23-tbar a.g31-cur,.topics a.g31-cur{color:var(--txt);border-bottom-color:var(--g-mint)}
/* item 4: Ook los te maken and Van brief tot bestanden as two open columns */
.g31-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 88px;align-items:start}
.g31-pair+.sec.close{margin-top:110px}
/* item 5: the home's buying information at reading size */
html .gx-rail .gx-label p:not(.gx-price){font-size:17px;line-height:1.55}
html .gx-rail .gx-label .gx-t{font-size:16px;line-height:1.5}
html .gx-rail .g22-om-ex{font-size:16px!important;line-height:1.5}
html .gx-rail .g31-ep{font-size:16px}
html .gx-rail .gx-label .gx-price{margin-bottom:22px}
html .g22-hall .g22-cap{font-size:16px;line-height:1.4}
html .g22-hall .g22-cap b{font-size:16px}
/* item 7: every blog entry shows its summary; photos framed alike */
.bgrp .post:not(:first-child) .d{display:block;font-size:16px;line-height:1.55;color:var(--soft);margin-top:6px}
.b31-ph img{aspect-ratio:16/10;object-fit:cover}
.bgrp a.post>.lab{grid-column:2;grid-row:auto}
a.post:has(.b30-img){grid-template-columns:200px minmax(0,1fr)!important}
/* item 9 (desk): on the sector pages the request button stays in its own column, clear of the message card */
html .g-roomo-sj .sj-demo:not(.sj-flow)>.btn{max-width:100%;white-space:normal;text-align:left;line-height:1.35;box-sizing:border-box}
html .g31-pair .g31-col>.h2{font-size:48px;line-height:1.1;white-space:nowrap}
html .g22-hall .g22-p0 .g22-cap,html .g22-hall .g22-p4 .g22-cap{top:calc(100% + 84px)}
html .gx-room15 .gx-rail .gx-label>p:not(.gx-was):not(.gx-price){grid-column:1 / -1;font-size:17px;line-height:1.55;max-width:560px}
html .gx-room15 .gx-rail .gx-label>p.gx-t{font-size:16px}
html .gx-room15 .gx-rail .gx-label>p.g22-om-ex{font-size:16px!important}
html .gx-room15 .gx-rail .gx-label{padding:28px 0!important}
html .gx-room15 .gx-rail .g30-pr{justify-content:flex-end;text-align:right}
html .g-roomo-sj .sj-demo:not(.sj-flow)>.btn+.sj-alt{margin-top:100px}

/* g32 */
/* item 1: the Stilwater caption names its package; the hall clips sideways only, so the caption under the bigger print shows */
html:root .gx-home .gx-hall.g22-hall{overflow:clip visible}
html .g22-hall .g22-p2 .g22-cap{top:calc(100% + 10px)}
.g32-cp{margin-left:14px;padding-left:14px;border-left:1px solid rgba(243,238,228,.28);color:#a6dcc1}
/* item 1: Libi Zorg at the Start price, under the introduction */
.g32-libi{display:block;margin-top:72px;max-width:520px;color:inherit;text-decoration:none}
.g32-lf{display:block;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.55),0 40px 60px -26px rgba(0,0,0,.9),0 14px 26px -14px rgba(0,0,0,.7)}
.g32-lf img{display:block;width:100%;height:auto;transition:transform .9s var(--g-ease)}
.g32-libi:hover .g32-lf img{transform:scale(1.02)}
.g32-lc{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:16px;font-size:16px;line-height:1.4;color:var(--soft)}
.g32-lc b{font-weight:600;color:var(--txt);margin-right:6px}
.g32-lp{font-family:Newsreader,Georgia,serif;font-size:22px;color:var(--txt)}
/* item 2: Ankerweg right after the Kaneelhuis demo */
.g32-ank{display:grid;grid-template-columns:421px minmax(0,1fr);column-gap:48px;align-items:center;margin-top:16px;padding-top:48px;border-top:1px solid var(--rule)}
.g32-ank h3{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:32px;line-height:1.15;margin:8px 0 14px}
.g32-ank-p{font-size:16px;line-height:1.5;color:var(--soft)}
.g32-ank-p .g31-pb{color:var(--txt)}
.g32-ank .acts{display:flex;align-items:center;gap:24px;margin-top:20px}
html .g32-ank .g32-ui{margin:0;padding:0;border-top:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px}
html .g32-ank .g32-ui .ui{font-size:16px;padding:20px 22px}
html .g32-ank .g32-ui .ui:first-child .ui-dl div{flex-direction:column;gap:2px}
html .g32-ank .g32-ui .ui:first-child .ui-dl dd{text-align:left}
/* item 3: an example outline beside Start and Groei */
.g32-ol{display:block;margin-top:8px;color:var(--txt)}
.g32-olh{color:var(--soft)}
.g32-more{max-width:720px;margin:20px 0 4px;font-size:16px;line-height:1.55;color:var(--soft)}
/* item 4: Kaneelhuis and Libi text first; Ondoro's structure full width, its text beneath */
html body .g-rows2 .g-row2.g32-flip{grid-template-columns:minmax(0,1fr) 820px}
html body .g-row2.g32-flip>a{grid-column:2;grid-row:1}
html body .g-row2.g32-flip>.g-row-t{grid-column:1;grid-row:1}
html body .g-rows2 .g-row2.g32-wide{grid-template-columns:minmax(0,1fr);row-gap:28px}
html body .g-rows2 .g-row2.g32-wide .g-print{width:100%!important}
html body .g-row2.g32-wide>.g-row-t{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:56px;align-items:end;padding-top:0}
html body .g-row2.g32-wide>.g-row-t>*{grid-column:1}
html body .g-row2.g32-wide>.g-row-t>.g-pk2,html body .g-row2.g32-wide>.g-row-t>.acts{grid-column:2;text-align:right;justify-content:flex-end}
html body .g-row2.g32-wide>.g-row-t>.g-pk2{grid-row:1;align-self:end;margin:0}
html body .g-row2.g32-wide>.g-row-t>.acts{grid-row:2;align-self:end;margin:0 0 6px}
/* item 5: the audience controls under the introduction */
.b32-aud{margin-top:32px}
.b32-aud .b22-note{margin-top:12px}
.b30-fa.b32-on .b30-fi img{aspect-ratio:16/10;object-fit:cover}
/* the filter hides posts with [hidden]; the g30/g31 grid rules (display:grid!important) had overruled it */
html a.post[hidden],html figure.wp-lead[hidden]{display:none!important}
/* item 6: the planning action right under the schedule */
.g32-plm{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 20px;margin-top:24px;padding-top:20px;border-top:1px solid var(--rule)}
.g32-plm span{font-size:16px;color:var(--soft)}
/* item 7: the identity package's limit before the photographs */
.g32-kies{margin:0 0 20px;font-size:17px;line-height:1.5;color:var(--txt)}
/* item 8: one section interval to the contact passage; the vacancy notice a quieter aside */
html .g25-prop+.g-invite20{margin-top:56px}
html body .g-sec.g-vac-inv.g-vac-aside{margin-top:0;padding-top:40px!important}
html .g-vac-aside .serif{font-size:20px!important;color:var(--soft)}
html .g-vac-aside p:not(.serif){font-size:15px;color:var(--g-mute)}
/* contact note: the choice rows a little tighter, so Mail ons sits higher in the first screen */
html .art-tool.ct .ct-o>label{padding-top:10px;padding-bottom:10px}
html .art-tool.ct{margin-top:18px}

/* g33 */
/* item 3: home price rows about 160-180 px, the price on the right beside the text, no second price line */
html .gx-room15 .gx-rail .gx-label{padding:18px 0!important;row-gap:0;align-items:start}
html .gx-room15 .gx-rail .gx-label .gx-price{grid-column:2;grid-row:1 / span 4;margin:4px 0 0!important;align-self:start}
html .gx-room15 .gx-rail .gx-label>p:not(.gx-was):not(.gx-price){grid-column:1!important}
html .gx-room15 .gx-rail .gx-label h3{margin:0 0 4px}
html .gx-rail .g31-ep{display:inline;margin:0 0 0 6px}
/* item 1: the Start cut beside the full Libi example */
.g33-sv{margin:10px 0 0;font-size:15px;line-height:1.5;color:var(--soft);max-width:520px}
.g33-sv .g-tl{margin-left:4px}
/* item 2: the Boeking Live option as a link target */
#boeking-live:target{outline:1px solid var(--g-mint);outline-offset:6px}
/* item 6: contact, Mail ons inside the first screen */
html .g-roomo-contact .art-tool{margin-top:16px}
html .g-roomo-contact .ct-o{margin:8px 0 6px;gap:6px 24px}
html .art-tool.ct .ct-o>label{padding-top:6px;padding-bottom:6px;line-height:1.3;min-height:48px}
html .g-roomo-contact .ct-elig{margin-top:8px}
html .g-roomo-contact .ct .ct-n{margin:2px 0 4px;line-height:1.45}
html .g-roomo-contact .ct-top{margin-top:8px}
/* item 7: blog, the feature closer to the controls and 360 px tall, Nieuw starts in the first screen */
html .g-roomo:has(.b32-aud){padding-bottom:20px}
html .b32-aud{margin-top:24px}
html .b30-feat{margin-top:0;margin-bottom:28px}
html .b30-feat .b30-fi img{height:360px;object-fit:cover}
html .b22-new{margin-top:20px}
/* item 8: a quiet request under each identity package */
.g33-mkr{margin:14px 0 0;font-size:15px}
html .gx-room15 .gx-rail .gx-label .gx-price{grid-row:1}
html .gx-room15 .gx-rail .gx-label>p:not(.gx-was):not(.gx-price){grid-column:1 / -1!important}
html .gx-rail .g30-pr{flex-wrap:nowrap}
html .gx-rail .g30-pr .g-save{flex-basis:auto;order:-1;margin-right:6px}
html .g-roomo:has(.b32-aud) .g-roomo-in{padding-bottom:24px}
html .g-roomo:has(.b32-aud) .b22-bar{padding-top:16px}
html .b32-aud{margin-top:16px}
html .b30-feat{margin-bottom:16px}
html .g-roomo-contact .art-tool{margin-top:8px}
html .g-roomo-contact .art-tool>.lab{margin-bottom:0}
html .g-roomo-contact .ct-top{margin-top:4px}
html .gx-rail .g31-pa,html .pk-row .g31-pa{display:inline}
#boeking-live{scroll-margin-top:220px}

/* g34 */
.g22-hall .g34-cap .g32-cp{display:block;margin:4px 0 0;padding:0;border:0}
.g34-vs{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.g34-v{padding:9px 16px;border:1px solid rgba(166,220,193,.45);border-radius:999px;background:none;font:600 15px/1.3 Manrope,sans-serif;color:var(--txt);cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.g34-v:hover{border-color:var(--g-mint)}
.g34-v[aria-pressed=true]{background:var(--g-mint);border-color:var(--g-mint);color:#0b1410}
.g34-v:focus-visible{outline:2px solid var(--g-mint);outline-offset:3px}
.g34-vn{margin:10px 0 0;font-size:15px;line-height:1.5;color:var(--soft)}
.g25-fr>.g34-st{opacity:0;height:auto!important;bottom:auto!important}
.g34-s .g25-fr>.g34-st{opacity:1}
.g34-s .g25-fr>.g25-fn,.g34-s .g25-fr>.g25-home{opacity:0}
.g34-s .g-print.g25-fr.g25-frw{aspect-ratio:16/10!important}
.g34-s .g25-tg{display:none}
.g34-olb{display:table;margin-top:8px;padding:0 0 2px;background:none;border:0;border-bottom:1px solid currentColor;font:inherit;font-size:15px;color:var(--g-mint);cursor:pointer}
.g34-olb[aria-expanded=true]{color:var(--txt)}
.g34-olb:focus-visible{outline:2px solid var(--g-mint);outline-offset:3px}
.g34-ol{margin-top:6px}
.ww22-s .g34-wwp{margin-top:10px;font-size:15px;line-height:1.5;color:var(--soft)}
.ww22-s .g34-wwp b{font-weight:600;color:#a6dcc1;white-space:nowrap}
.ww22-s .g34-wwp .g-tl{margin-left:6px;white-space:nowrap}
.g34-mkd{margin:0 0 14px;font-size:15px;line-height:1.5;color:var(--soft);max-width:420px}
html .g-roomo-contact .g-roomo-in{grid-template-columns:600px minmax(0,1fr)}
html .g-roomo-contact .c22{grid-template-columns:200px minmax(0,1fr)}

/* g35 */
/* item 1: the approved h1 stays; the prices line under the offer line reads larger */
html:root .g22-head .g29-free{font-size:17px;color:#d9d4c9}
/* item 2: the four-page Start preview sits between the headline and the paragraph */
.gx-offer>h2+.g32-libi{margin:32px 0 8px;max-width:520px}
.gx-offer>h2+.g32-libi .g32-lp{font-size:20px}
/* item 4: four columns, the row is the target, descriptions at 16px */
.g35-pk .pk-row{grid-template-columns:30px minmax(0,200px) minmax(0,1fr) 190px!important}
.g35-pk .pk-row .pk-f{font-size:16px!important;line-height:1.4}
.g35-pk .pk-row .pk-s{font-size:16px!important;line-height:1.5}
.g35-pk .pk-row .g34-olb,.g35-pk .pk-row .pk-ex{font-size:16px}
/* item 5: the assumptions under their own disclosure, one sentence above the result */
.g35-more{margin-top:14px}
.g35-ass{margin:18px 0 6px;font-size:16px;line-height:1.5;color:var(--soft)}
/* item 6: the full package price beside the annotation */
.g35-kp{white-space:nowrap;font-weight:600}
/* item 7: the purchasing boundary under the package links */
.g35-mkx{margin:14px 0 22px;max-width:520px;font-size:16px;line-height:1.5;color:var(--soft)}

/* g36 */
/* item 1: the offer line under the approved h1 at ~30px, the prices right under it, less space before the gallery */
html:root .g36-head .g22-side{margin-top:14px}
html:root .g36-head .g22-line{font-size:30px;line-height:1.25;color:#efeae0;letter-spacing:-.01em}
html:root .g36-head .g29-free{margin-top:6px}
html:root .g36-head .g22-acts{margin-top:22px}
html:root .g36-head+.g29-wl{margin:40px 0 -92px}
html:root .g36-head~.g22-wall{top:28px;bottom:40px}
/* item 2: package title with its suitability as one block; description and current price share the top line */
.g36-pk .pk-row{grid-template-rows:auto 1fr!important;row-gap:8px!important}
.g36-pk .pk-row .pk-n{align-self:start}
.g36-pk .pk-row .pk-f{align-self:start}
.g36-pk .pk-row .pk-s{align-self:start!important;padding-top:3px}
.g36-pk .pk-row .pk-p{align-self:start!important;display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}
.g36-pk .pk-row .pk-p .g-now{order:1}
.g36-pk .pk-row .pk-p .g-was{order:2;margin-top:4px}
.g36-pk .pk-row .pk-p .g-save{order:3}
.g36-pk .pk-row.pk-om22 .pk-p{flex-direction:row;align-items:baseline;justify-content:flex-end;gap:8px}
/* item 3: package and price beside the two affordable trades */
.topics a.g36-tp{display:inline-flex;align-items:baseline;gap:10px;color:var(--txt)}
.g36-tpp{font-size:14px;color:var(--g-mint);white-space:nowrap}
/* item 5: the free homepage date is the first planning result */
.pl-key.g36-key{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,1fr)}
.pl-key.g36-key b{font-size:28px}
.pl-key.g36-key .g36-hp b{color:var(--g-mint)}
/* item 8: one title size and one meta size in the collection; the featured story keeps its larger title */
html:root .g36-blog .posts a.post .t{font-size:26px!important;line-height:1.2!important}
html:root .g36-blog .posts a.post .g25-al{font-size:16px!important;gap:0}

/* g37 A (chunk A: items 1-5, 12-14) */
/* items 1-2: every print centres on Stilwater's centre line. The perspective origin sits on that line, so a print whose centre is on it
   projects onto it whatever its depth or turn; sizes, order and depth stay. The drift moves the whole wall, so the prints never drift apart. */
html:root .g22-hall .g22-wall{--g37cy:613px;perspective-origin:50% var(--g37cy)}
html:root .g22-hall .g22-wall .g22-p{top:calc(var(--g37cy) - var(--w) * .3125)}
@property --g37dr{syntax:'<length>';inherits:false;initial-value:0px}
@media (prefers-reduced-motion:no-preference){
  html:root .gx-home .g22-wall .g22-p{animation:g22-in 1.7s cubic-bezier(.16,.8,.24,1) both;animation-delay:calc(.25s + var(--i) * .14s)}
  html:root .gx-home .g22-wall{translate:0 calc(var(--py,0) * 1px + var(--g37dr));animation:g37-drift 11s ease-in-out infinite alternate}
}
@keyframes g37-drift{from{--g37dr:-7px}to{--g37dr:7px}}
/* item 4: the offer is the h1, one line under it */
html:root .g22-head .g37-h1{font-size:68px;letter-spacing:-.022em;white-space:nowrap}
html:root .g36-head .g37-line{max-width:none;white-space:nowrap;margin:0 auto;font-size:22px;line-height:1.45;color:#e4dfd5;letter-spacing:0}
html:root .g36-head .g22-acts{margin-top:26px}
/* item 5: one light for every page, pre-rendered at 3120 px with dithered alpha (img/g37-light.webp, docs/g37/A/light.py): no blur filter,
   no blobs, no section that starts or ends it. The fixed sky never lifts its bottom edge into view. */
html:root .g-sky-a,html:root .g-sky-b{display:none!important}
html:root .g-sky::before{content:"";position:absolute;left:-60px;right:-60px;top:-60px;height:1220px;background:url(img/g37-light.webp) 0 0/100% 100% no-repeat;pointer-events:none}
html:root .gx-home .gx-hall.g22-hall{background:none}
html:root .gx-home .gx-hall.g22-hall::after{display:none}
/* the light holds still (no drift, no parallax), so the nav bar can carry the very same light and never shows an edge */
html:root .g-sky{transform:none}
/* item 12: the nav hides on the way down and slides back in on the way up (g37.js); near the top it is always there */
html:root header.gh{position:fixed!important;top:0;left:0;right:0;z-index:30;transition:translate .45s var(--g-ease),background-color .35s,box-shadow .35s}
/* solid state: the page light itself (same image, same place on the screen) on the wall colour, plus the same grain; only a faint hairline marks the bar */
html:root header.gh.g37-solid{background:url(img/g37-light.webp) -60px -60px/1560px 1220px no-repeat,var(--g-wall);box-shadow:0 1px 0 rgba(243,238,228,.07)}
html:root header.gh::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;mix-blend-mode:soft-light;background-image:var(--g37-grain,none);background-size:256px 256px}
html:root header.gh.g37-solid::after{opacity:.55}
html:root header.gh{isolation:isolate}
html:root header.gh.g37-hide{translate:0 -100%}
html:root .gh:not(.gh-over)~main{padding-top:88px}
html.g37-nav-in .g23-tbar{top:88px}
.g23-tbar{transition:translate .35s var(--g-ease),top .45s var(--g-ease)}
@media (prefers-reduced-motion:reduce){html:root header.gh,.g23-tbar{transition:none}}
/* item 13: the current page is no longer the serif italic; its hand-drawn line stays drawn (also under a dropdown whose child page is open) */
:root .g22-n[aria-current=page]:not(.g22-n-cta),:root .g22-dd.is-cur>.g22-n{font:500 16px/1 Manrope,system-ui,sans-serif;letter-spacing:0;color:#fff;background-size:calc(100% - 32px) 7px}


/* g37 B (chunk B: items 6, 7, 15) · the request form page, the contact page and the shared form component (g37.js) */
html:root .g37-open{padding:72px 0 0}
.g37-open-in{display:grid;grid-template-columns:minmax(0,1fr) 600px;gap:80px;align-items:start;padding-bottom:120px}
.g37-open-t{padding-top:8px}
.g37-open-t .lab{font-size:15px;margin-bottom:18px}
.g37-open h1{font-size:64px;line-height:1.04;letter-spacing:-.022em;font-variation-settings:"opsz" 60;color:var(--txt);max-width:620px}
.g37-open .lead{margin-top:24px;font-size:20px;line-height:1.55;color:#e4dfd5;max-width:560px}
/* the example print beside the form: a real homepage, like the prints on the home wall */
.g37-print{margin-top:44px;max-width:560px}
.g37-print .g37-pf{display:block;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px rgba(243,238,228,.1),0 34px 60px -28px rgba(0,0,0,.75),0 10px 24px -12px rgba(0,0,0,.5)}
.g37-print img{display:block;width:100%;height:auto}
.g37-print figcaption{margin-top:16px;font-size:15px;line-height:1.5;color:var(--g-mute)}
/* the form card */
.g37-card{position:relative;padding:36px 40px 40px;border-radius:6px;background:linear-gradient(180deg,rgba(26,52,44,.62),rgba(10,20,16,.78));
  box-shadow:inset 0 0 0 1px rgba(243,238,228,.11),inset 0 1px 0 rgba(243,238,228,.08),0 44px 80px -36px rgba(0,0,0,.7)}
.g37-fhd{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:24px}
.g37-fh{font-size:30px;line-height:1.1;color:var(--txt);padding:0}
.g37-pk{font-size:15px;color:var(--mint)}
.g37-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px}
.g37-wide{grid-column:1/-1}
.g37-fld{min-width:0;border:0;margin:0;padding:0}
.g37-fld>label,.g37-fld>legend{display:block;padding:0;margin-bottom:8px;font-size:15px;line-height:20px;font-weight:600;color:#ebe6dc}
.g37-opt{font-weight:400;color:var(--g-mute)}
.g37-in{display:block;width:100%;height:52px;padding:0 16px;border:0;border-radius:3px;background:rgba(5,12,9,.55);color:var(--txt);font:400 17px/1.4 Manrope,system-ui,sans-serif;
  box-shadow:inset 0 0 0 1px rgba(243,238,228,.2);transition:box-shadow .2s,background-color .2s;-webkit-appearance:none;appearance:none}
textarea.g37-in{height:104px;padding:13px 16px;resize:vertical;line-height:1.5}
.g37-in::placeholder{color:rgba(205,200,189,.42)}
.g37-in:hover{box-shadow:inset 0 0 0 1px rgba(243,238,228,.34)}
.g37-in:focus{outline:none;background:rgba(5,12,9,.7);box-shadow:inset 0 0 0 1px var(--g-mint),0 0 0 3px rgba(116,214,166,.18)}
.g37-fld.is-bad .g37-in{box-shadow:inset 0 0 0 1px #e9a98a,0 0 0 3px rgba(233,169,138,.12)}
.g37-err{display:flex;gap:8px;align-items:flex-start;margin-top:8px;font-size:15px;line-height:1.4;color:#f2bea4}
.g37-err::before{content:"";flex:none;width:6px;height:6px;margin-top:7px;border-radius:50%;background:currentColor}
.g37-send{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}
button.btn.g37-go{font:650 17px/1 Manrope,system-ui,sans-serif;cursor:pointer}
.g37-fine{font-size:14px;line-height:1.45;color:var(--g-mute);max-width:220px}
/* choice pills (contact topics, the way to answer) */
.g37-topics{border:0;margin:0 0 26px;padding:0}
.g37-topics>legend{margin-bottom:18px}
.g37-topics .g37-pills{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.g37-topics .g37-pill span{display:flex;width:100%}
.g37-pills{display:flex;flex-wrap:wrap;gap:10px}
.g37-pill{position:relative;cursor:pointer}
.g37-pill input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.g37-pill span{display:inline-flex;align-items:center;height:42px;padding:0 18px;border-radius:21px;font-size:15px;font-weight:550;color:#e7e2d8;
  box-shadow:inset 0 0 0 1px rgba(243,238,228,.24);transition:box-shadow .2s,background-color .2s,color .2s}
.g37-pill:hover span{box-shadow:inset 0 0 0 1px rgba(243,238,228,.45)}
.g37-pill input:checked+span{background:rgba(116,214,166,.16);color:#fff;box-shadow:inset 0 0 0 1px var(--g-mint)}
.g37-pill input:focus-visible+span{outline:2px solid var(--g-mint);outline-offset:3px}
.g37-route .serif{font-size:28px;line-height:1.15;color:var(--txt)}
.g37-route p+p{margin:12px 0 26px;font-size:17px;line-height:1.55;color:var(--soft)}
/* the success state, in place of the fields */
.g37-ok{padding:28px 0 8px;outline:none}
.g37-ok-m{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;color:var(--g-mint);box-shadow:inset 0 0 0 1.5px var(--g-mint)}
.g37-ok-m svg{width:28px;height:28px}
.g37-ok-h{margin-top:26px;font-size:44px;line-height:1.05;letter-spacing:-.018em;color:var(--txt)}
.g37-ok-t{margin-top:16px;font-size:18px;line-height:1.6;color:#ddd8cd;max-width:470px}
.g37-ok-x{margin-top:28px}
button.g-tl.g37-again{border:0;background-color:transparent;font:550 16px/1.4 Manrope,system-ui,sans-serif;cursor:pointer}
@media (prefers-reduced-motion:no-preference){.g37-ok:not([hidden]){animation:g37-ok .6s var(--g-ease) both}}
@keyframes g37-ok{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
/* gratis-homepage, below the opening: what you get and what follows (no step numbers) */
.g37-after{padding:16px 0 120px}
.g37-after-in{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--rule);padding-top:72px}
.g37-after h2{font-size:44px;line-height:1.05;letter-spacing:-.02em;color:var(--txt);margin-bottom:28px}
.g37-ticks{list-style:none;display:grid;gap:16px}
.g37-ticks li,.g37-open .g37-ticks li{display:flex;gap:14px;align-items:flex-start;font-size:18px;line-height:1.5;color:#e4dfd5}
.g37-ticks svg{flex:none;width:22px;height:22px;margin-top:2px;color:var(--g-mint)}
.g37-steps{list-style:none;display:grid}
.g37-steps li{display:grid;gap:6px;padding:20px 0;border-top:1px solid var(--rule)}
.g37-steps li:first-child{border-top:0;padding-top:0}
.g37-steps b{font-size:26px;line-height:1.2;font-weight:400;color:var(--txt)}
.g37-steps span{font-size:17px;line-height:1.55;color:var(--soft)}
/* contact: the two portraits and the details, once */
.g37-team{display:flex;gap:28px;margin-top:40px}
.g37-pp{width:176px}
.g37-pp .g37-pf{display:block;aspect-ratio:4/5;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px rgba(243,238,228,.1),0 24px 40px -22px rgba(0,0,0,.7)}
.g37-pp img{display:block;width:100%;height:100%;object-fit:cover}
.g37-pp figcaption{display:grid;margin-top:14px;font-size:15px;line-height:1.45}
.g37-pp b{font-size:18px;font-weight:600;color:var(--txt)}
.g37-pp span{color:var(--mint)}
.g37-pp .g37-pd{color:var(--g-mute)}
.g37-dl{margin-top:36px;max-width:560px;border-top:1px solid var(--rule)}
.g37-dl>div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid var(--rule);font-size:16px;line-height:1.5}
.g37-dl dt{font-weight:600;color:#ebe6dc}
.g37-dl dd{color:var(--soft)}
.g37-card-ct{margin-top:4px}

/* g37 C (chunk C: items 8-11). Every example opens with its homepage first screen, then its one feature, then one action */
.g37-ex .g37-ex-hd{margin-bottom:44px}
.g37-ex-row{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.g37-exf{display:block}
.g37-exc-t{margin-top:24px}
.g37-exc-t .lab{margin-bottom:8px}
.g37-exc-t h3{font-size:32px;line-height:1.12;letter-spacing:-.012em;color:var(--txt);margin:0 0 14px;max-width:520px}
.g37-try{display:grid;grid-template-columns:360px minmax(0,1fr);gap:64px;margin-top:112px;padding-top:56px;border-top:1px solid var(--rule);align-items:start}
.g37-try-t h3{font-size:36px;line-height:1.1;letter-spacing:-.015em;color:var(--txt);margin:0 0 16px}
.g37-try-t p:not(.lab){color:var(--soft);font-size:18px;line-height:1.55;max-width:340px}
.g37-ex-all{margin-top:56px}
.g37-ch{padding:40px 0 0}
.g37-ch-t{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:28px}
.g37-ch-t h1{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:60px;line-height:1.04;letter-spacing:-.022em;font-variation-settings:"opsz" 60;color:var(--txt);margin:12px 0 0}
.g37-ch-l{padding-bottom:10px;white-space:nowrap}
.g37-ch-f{display:block}
.cw-side h2.g37-feat{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:40px;line-height:1.08;letter-spacing:-.015em;color:var(--txt);margin:12px 0 24px}
.g37-ch + .cw{padding-top:104px}
.g37-vh{padding:44px 0 8px}
.g37-vh-t{display:flex;justify-content:space-between;align-items:flex-end;gap:48px}
.g37-vh-t h1{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:64px;line-height:1.02;letter-spacing:-.024em;font-variation-settings:"opsz" 60;color:var(--txt);margin-top:12px}
.g37-vh-t .lead{max-width:520px;color:var(--soft);font-size:18px;line-height:1.55;padding-bottom:6px}
.g37-vg{list-style:none;padding:0;margin:36px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 36px}
.g37-vt{display:block;color:inherit;text-decoration:none}
.g37-vt .g-print{transition:transform .35s ease}
.g37-vt:hover .g-print,.g37-vt:focus-visible .g-print{transform:translateY(-4px)}
.g37-vt-c{display:flex;align-items:baseline;gap:12px;margin-top:16px}
.g37-vt-c b{font-weight:400;font-size:22px;color:var(--txt)}
.g37-vt-c span{color:var(--soft);font-size:15px}
.g37-vh + .g-roomo .g-roomo-t h2{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:44px;line-height:1.06;letter-spacing:-.018em;color:var(--txt)}
@media (prefers-reduced-motion:reduce){.g37-vt .g-print{transition:none}.g37-vt:hover .g-print{transform:none}}
@media (max-width:1100px){.g37-ex-row,.g37-try{grid-template-columns:1fr;gap:40px}.g37-vg{grid-template-columns:1fr 1fr}.g37-ch-t,.g37-vh-t{flex-direction:column;align-items:flex-start}}

/* g38 · the fixes from judge g37.1 (brief-g38.md). Desktop 1440. */
/* item 2: the opening offer beside the primary action (home) and before the form (/gratis-homepage/) */
html:root .g38-offer{margin:14px 0 0;font-size:16px;line-height:1.5;color:var(--soft);letter-spacing:0}
html:root .g36-head .g38-offer{text-align:center}
html:root .g38-offer-f{margin:0 0 22px;padding:0 0 18px;border-bottom:1px solid var(--rule);color:var(--txt);font-size:16px}
/* item 3: the price at the demos */
.g38-dp{margin:0 0 14px;font-size:16px;line-height:1.45;color:var(--mint)}
.g37-try-t .g38-dp{color:var(--mint);font-size:17px;margin:-6px 0 14px;max-width:none}
.g38-ep{display:block;margin-top:6px;font-size:15px;line-height:1.45;color:var(--soft)}
.g38-ep b{display:block;font-weight:600;color:var(--txt)}
.g38-ep span{display:block}
html .gx-rail .g38-ep,html .pk-row .g38-ep{font-size:15px}
.g38-dp .g38-ep{margin:0}
.g38-dp .g38-ep b{color:var(--mint);font-weight:500}
/* item 1: the summary card at the top of the request form */
.g38-sel{margin:0 0 26px;padding:20px 22px;border:1px solid rgba(166,220,193,.35);border-radius:4px;background:rgba(10,20,16,.45)}
.g38-sel-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.g38-sel-hd .lab{margin:0 0 2px}
.g38-sel-h{font-size:26px;line-height:1.15;margin:0;color:var(--txt)}
.g38-sel-hd .g-tl{font-size:14px;white-space:nowrap;margin-top:4px}
.g38-sel-l{list-style:none;margin:14px 0 0;padding:0}
.g38-sel-l li{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-top:1px solid var(--rule);font-size:15px;color:var(--soft)}
.g38-sel-l b{font-weight:500;color:var(--txt);white-space:nowrap}
.g38-sel-t{margin:10px 0 0;display:grid;gap:4px}
.g38-sel-t>div{display:flex;justify-content:space-between;gap:16px;font-size:15px;color:var(--soft)}
.g38-sel-t dt{color:var(--soft)}
.g38-sel-t dd{margin:0;text-align:right;color:var(--txt)}
.g38-sel-t>div:nth-child(2){padding-top:8px;border-top:1px solid var(--line);font-size:17px}
.g38-sel-t>div:nth-child(2) dd{font-weight:600}
/* item 4: /voorbeelden/ captions carry trade and package price; two working demos below the index */
.g38-vp{display:block;margin-top:2px;color:var(--mint);font-size:14px}
.g38-demos .g38-dh{max-width:760px;margin-bottom:48px}
.g38-demos .g38-dh .lead{color:var(--soft);font-size:19px;line-height:1.55;margin-top:14px}
.g38-demo{display:grid;grid-template-columns:300px minmax(0,1fr);gap:56px;align-items:start;padding:56px 0;border-top:1px solid var(--rule)}
.g38-demo-t h3{font-size:32px;line-height:1.12;letter-spacing:-.015em;color:var(--txt);margin:6px 0 16px}
.g38-demo-t .g38-dn{font-size:15px;line-height:1.5;color:var(--soft);margin:0 0 16px}
.g38-demo-a{margin:0}
.g38-demo-d{min-width:0}
/* item 5: the proposal as a SuriWeb document */
.g38-doc .pp-head .pp-paper{padding-top:26px}
.g38-dochd{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;margin-bottom:16px;border-bottom:2px solid #1d1d1b}
.g38-dochd img{display:block;width:116px;height:auto}
.g38-dochd span{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#1d1d1b;font-weight:600}
.g38-docto{margin:0;font-size:13px;line-height:1.45;color:#5d5a52}
.g38-doc .pp-head .sh{font-size:26px;margin-top:6px;color:#1d1d1b}
.g38-doc .g38-k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#2c6a50;font-weight:600;padding-top:3px}
.g38-doc .g38-tot .pp-paper{border-top:2px solid #1d1d1b!important;align-items:baseline}
.g38-doc .g38-tot .pp-paper .serif{font-size:30px;line-height:1.1;color:#1d1d1b}
/* item 6: /werkwijze/ the dated steps fold away under the summary */
.g38-all{margin-top:28px;border-top:1px solid var(--rule)}
.g38-all>summary{cursor:pointer;list-style:none;padding:16px 0;font-size:17px;color:var(--txt)}
.g38-all>summary::-webkit-details-marker{display:none}
.g38-all>summary::after{content:"";display:inline-block;width:8px;height:8px;margin-left:12px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-3px) rotate(45deg)}
.g38-all[open]>summary::after{transform:translateY(1px) rotate(-135deg)}
.g38-all .pl-tbl-h{margin-top:4px}
[data-tool=plan] .pl-key+.g32-plm{margin:18px 0 26px}
/* item 7: blog left column about 280 px, the width goes to the articles */
@media (min-width:761px){html:root .bgrp{grid-template-columns:280px minmax(0,1fr)}}
.g38-intro{display:block;font-size:14px;color:var(--soft);margin-top:2px}
.g38-offer-f .g38-intro{display:block;margin:4px 0 0}
.g37-vt-c:has(.g38-vp){display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:4px;align-items:baseline}
.g37-vt-c:has(.g38-vp)>span:not(.g38-vp){text-align:right;white-space:nowrap}
.g37-vt-c .g38-vp{grid-column:1/-1;margin:0;color:var(--mint);font-size:15px}

/* g39 · the fixes from judge g38.1 (brief-g39.md). Desktop 1440. */
/* item 1: the configurator stays hidden for the moment the returned choice is restored (inline script on /websites/) */
html.g39-rs #pk{visibility:hidden}
/* item 2: home packages, details at 16 px or more, the catalogue example on its own line, a larger hosting note */
.gx-label .g39-cat{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--rule)}
.gx-label .g39-ep{margin:0;font-size:16px;line-height:1.5}
.gx-label .g39-ep b{font-size:16px}
html:root .gx-terms.g39-terms{font-size:18px;line-height:1.55;color:var(--soft)}
/* item 3: Mopé artwork */
.g39-art{display:block;box-shadow:0 0 0 1px rgba(0,0,0,.35),0 22px 32px -20px rgba(0,0,0,.9)}
.g39-art img{display:block;width:100%;height:auto}
/* item 5: the planner explains a weekend start beside the date */
.pl-h.g39-adj{color:var(--mint)}
/* item 7: the proposal paper at 520 px, 16 px body, connectors on the row keys, no empty paper under the total */
.g39-doc{max-width:1120px}
.g39-doc .pp-row{grid-template-columns:520px minmax(0,1fr)}
.g39-doc .pp-head .pp-paper{padding:30px 36px 18px}
.g39-doc .pp-row:not(.pp-head):not(.pp-end) .pp-paper{grid-template-columns:112px 1fr;align-items:start;font-size:16px;line-height:1.5;padding:18px 36px}
.g39-doc .g38-k{line-height:24px;padding-top:0}
.g39-doc .pp-row .ann{margin-top:19px}
.g39-doc .pp-row.g38-tot{align-items:start}
.g39-doc .pp-row.g38-tot .pp-paper{align-items:center;padding-bottom:24px;box-shadow:0 30px 40px -24px rgba(0,0,0,.9)}
.g39-doc .pp-end{display:none}
/* item 8: blog "Nieuw", heading above a full-width list */
@media (min-width:761px){html:root .bgrp.g39-new{display:block}}
.g39-new .bgrp-a{display:flex;align-items:baseline;gap:20px;margin-bottom:12px}
.g39-new .bgrp-a .small{margin:0}
.g39-new .post .d{max-width:68ch}
.gx-label .g39-ep span{font-size:16px;line-height:1.5}
.g25-dlg .g25-dlg-in:has(>.g39-art-card-front){display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}

/* g40 · the fixes from judge g39.1 (brief-g40.md). Desktop 1440. */
/* item 2: the reply preference as quieter radio choices (both forms) */
.g40-rq legend{font-size:15px;font-weight:600;color:var(--txt);margin-bottom:10px}
.g40-rq .g37-pills{gap:28px}
.g40-rq .g37-pill span{height:auto;padding:0 0 0 28px;border-radius:0;background:none!important;box-shadow:none!important;font-weight:500;color:var(--soft)}
.g40-rq .g37-pill span::before{content:"";position:absolute;left:0;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(243,238,228,.55)}
.g40-rq .g37-pill input:checked+span{color:var(--txt)}
.g40-rq .g37-pill input:checked+span::before{box-shadow:inset 0 0 0 1.5px var(--g-mint),inset 0 0 0 5px #0d1814;background:var(--g-mint)}
.g40-rq .g37-pill:hover span::before{box-shadow:inset 0 0 0 1.5px rgba(243,238,228,.85)}
.g40-rq .g37-pill input:focus-visible+span{outline:2px solid var(--g-mint);outline-offset:4px}
/* item 3: /websites/ package rows, scope + outline, delivery, then the example block */
.g40-s{display:block}
.g40-sc{display:block}
.g40-sc .g34-olb{margin-left:6px}
.g40-dv{display:block;margin-top:2px;color:var(--soft)}
.g40-s .g32-ol{display:block;margin-top:6px}
.g40-exb{display:block;margin-top:14px;padding-top:12px;border-top:1px solid var(--rule)}
.g40-exb .pk-ex{display:block;margin:0}
.g40-exb .g38-ep{display:block;margin-top:4px;font-size:15px}
.g40-exb .g38-ep b{color:var(--txt)}
/* item 4: home, Stilwater as one exhibit (preview, text and booking demo), Ankerweg preview with its action beside it */
.g40-ex{display:grid;gap:56px;align-items:start}
.g40-sw{grid-template-columns:380px minmax(0,1fr);margin-top:8px}
.g40-sw .g40-pv{display:block;margin-bottom:24px}
.g40-ex .lab{margin-bottom:8px}
.g40-ex h3{font-size:32px;line-height:1.12;letter-spacing:-.012em;color:var(--txt);margin:0 0 12px}
.g40-ex .g38-dp{margin:0 0 14px}
.g40-ex-p{color:var(--soft);font-size:17px;line-height:1.55;margin:0 0 18px}
.g40-ak{grid-template-columns:minmax(0,1fr) 380px;align-items:center;margin-top:88px;padding-top:56px;border-top:1px solid var(--rule)}
/* item 6: werkwijze triptych opens larger */
.g40-zf{margin:0;cursor:zoom-in;position:relative}
.g40-zf:focus-visible{outline:2px solid var(--g-mint);outline-offset:4px}
.g40-bg{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-size:15px;font-weight:600;color:var(--txt);border-bottom:1.5px solid var(--g-mint);padding-bottom:2px}
.g40-bg::after{content:"";width:9px;height:9px;border-top:1.6px solid currentColor;border-right:1.6px solid currentColor}
.g40-zf:hover .g40-bg{color:var(--g-mint)}
.g25-dlg:has(.ww22-f){max-width:min(1360px,95vw)}
.g25-dlg:has(.ww22-f) .g25-dlg-in{width:1300px}
.g25-dlg .ww22-f{box-shadow:none}
/* item 7: blog featured image, designed with live text */
html .b30-feat .g40-fv{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:center;height:380px;padding:30px 34px;
  background:linear-gradient(140deg,#1b3a31,#0f211b);box-shadow:0 0 0 1px rgba(243,238,228,.1),0 30px 44px -24px rgba(0,0,0,.9);overflow:hidden}
html .b30-feat .g40-fv img{height:auto;object-fit:initial}
.g40-fv-s{display:block}
.g40-fv-s .g-print{display:block;box-shadow:0 0 0 1px rgba(0,0,0,.4),0 24px 36px -18px rgba(0,0,0,.9)}
.g40-fv-s img{display:block;width:100%}
.g40-fv-c{display:block;margin-top:10px;font-size:13px;color:var(--soft)}
.g40-fv-p{display:flex;flex-direction:column}
.g40-fv-k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--g-mint)}
.g40-fv-n{font-size:54px;line-height:1;color:var(--txt);margin-top:8px;letter-spacing:-.01em}
.g40-fv-n small{font-size:20px;color:var(--soft);margin-left:4px}
.g40-fv-o{font-size:14px;line-height:1.45;color:var(--soft);margin-top:8px}
.g40-fv-g{display:grid;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--rule)}
.g40-fv-h{display:block;font-size:13px;font-weight:700;color:var(--txt);margin-bottom:4px}
.g40-fv-i,.g40-fv-e{list-style:none;margin:0;padding:0;font-size:13.5px;line-height:1.5;color:var(--soft)}
.g40-fv-i{display:grid;grid-template-columns:1fr 1fr;column-gap:10px}
.g40-fv-i li::before{content:"";display:inline-block;width:8px;height:4px;margin:0 7px 3px 0;border-left:1.5px solid var(--g-mint);border-bottom:1.5px solid var(--g-mint);transform:rotate(-45deg)}
.g40-fv-e li{display:flex;justify-content:space-between;gap:10px}
.g40-fv-e b{font-weight:600;color:var(--txt);white-space:nowrap}
/* item 8: /voorbeelden/ captions, trade + package + price first, name secondary */
.g37-vt-c.g40-vc{display:block;margin-top:16px}
.g40-vc .g40-tr{display:block;font-size:22px;line-height:1.2;color:var(--txt)}
.g40-vc .g40-pp{display:block;margin-top:4px;font-size:17px;font-weight:600;color:var(--mint)}
.g40-vc .g40-nm{display:block;margin-top:4px;font-size:14px;color:var(--soft)}
.g40-s .g40-sc{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:18px;align-items:baseline}
.g40-s .g40-sc .g34-olb{margin:0;white-space:nowrap}
.g40-s .g40-sc .g32-ol{grid-column:1/-1}
.g40-ak{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px}
html .b30-feat .g40-fv{height:auto;min-height:400px;grid-template-columns:minmax(0,1fr) 400px;padding:34px 36px}
.g40-fv-g{grid-template-columns:1fr 1fr;column-gap:22px}
.g40-fv-i{grid-template-columns:1fr}
.g40-fv-e li{display:block}
.g40-fv-e b{display:block;font-weight:600}
html .b30-feat .g40-fv{grid-template-columns:minmax(0,1fr) 330px;gap:30px;padding:34px 30px 34px 34px}
.g40-fv-n{font-size:50px}
.g40-fv-g{column-gap:16px}
.g40-fv-i,.g40-fv-e{font-size:13px}
.g40-bg::after{content:"\2197";width:auto;height:auto;border:0;font-weight:500}

/* g41 · the fixes from judge g40.1 (brief-g41.md). Desktop 1440. */
/* item 3: /gratis-homepage/ shorter, the optional fields fold away; the button in the first screen */
.g41-more{grid-column:1/-1;border-top:1px solid var(--rule);padding-top:4px}
.g41-more>summary{cursor:pointer;list-style:none;padding:12px 0 6px;font-size:15px;font-weight:600;color:var(--txt)}
.g41-more>summary::-webkit-details-marker{display:none}
.g41-more>summary::after{content:"";display:inline-block;width:7px;height:7px;margin-left:10px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-3px) rotate(45deg)}
.g41-more[open]>summary::after{transform:translateY(1px) rotate(-135deg)}
.g41-more-in{display:grid;grid-template-columns:1fr;gap:18px;padding-top:10px}
.g37-gh .g37-card{padding-top:28px;padding-bottom:28px}
.g37-gh .g38-offer-f{margin-bottom:14px;padding-bottom:12px}
.g37-gh .g37-fhd{margin-bottom:14px}
.g37-gh .g37-grid{row-gap:14px}
/* item 4: /websites/ extras link and edit links in the summary */
.g41-xl{margin:10px 0 0}
.g41-xl .g-tl{font-size:15px}
#pk-lines li .g41-ed{margin:0 12px 0 auto;font-size:13px;color:var(--mint);text-decoration:underline;text-underline-offset:3px;white-space:nowrap;align-self:baseline}
/* item 5: readable purchasing text, 16 px; the featured image grows instead of clipping */
html .b30-feat .g40-fv{grid-template-columns:minmax(0,1fr) 360px;align-items:start}
.g40-fv-o{font-size:16px}
.g40-fv-g{grid-template-columns:1fr;row-gap:14px}
.g40-fv-h{font-size:16px}
.g40-fv-i,.g40-fv-e{font-size:16px;line-height:1.5}
.g40-fv-i{grid-template-columns:1fr 1fr;column-gap:12px}
.g40-fv-e li{display:flex;justify-content:space-between;gap:12px}
.g40-fv-e b{display:inline;white-space:nowrap}
.g40-fv-s{align-self:center}
/* item 6: home, one quiet intro line beside the savings */
.gx-label .g41-iv{margin:6px 0 0;font-size:16px;line-height:1.45;color:var(--soft);text-align:right}
/* item 8: Merk compleet, one application large, the others as choices */
.g41-world{display:block}
.g41-inc{margin:0 0 12px}
.g41-big{margin:0}
.g41-big .mw-f img{width:100%;height:auto}
.g41-oth{margin:40px 0 16px;font-size:18px;font-weight:600;color:var(--txt)}
.g41-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.g41-grid .g41-mf{margin:0}
.g41-grid .mw-f img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.g41-world .mk-world-n{margin-top:24px}
html .gx-room15 .gx-rail .gx-label>p.g41-iv{grid-column:1 / -1!important;grid-row:2;max-width:none;text-align:right;font-size:16px;line-height:1.45;margin:-2px 0 8px;color:var(--soft)}
html .gx-room15 .gx-rail .gx-label>p.g41-iv{justify-self:end;width:max-content;max-width:100%}
.g40-fv-i{grid-template-columns:1fr}
#extra,#pk details.pk-gd{scroll-margin-top:100px}

/* g42 · the fixes from judge g41.1 (brief-g42.md). Desktop 1440. */
/* item 1: the exhibit's editorial type belongs to its text column only; the booking demo keeps its own dark headings */
.g40-ex h3{font-size:inherit;line-height:inherit;letter-spacing:normal;color:inherit;margin:0}
.g40-ex .lab{margin-bottom:0}
.g40-ex .g38-dp{margin:0}
.g40-ex-t .lab{margin-bottom:8px}
.g40-ex-t h3{font-size:32px;line-height:1.12;letter-spacing:-.012em;color:var(--txt);margin:0 0 12px}
.g40-ex-t .g38-dp{margin:0 0 14px}
.g40-ex .awd h3.awd-h{color:var(--ink);margin:0 0 14px}
/* contrast gate fixes, shared demo styles (all demos, home, /voorbeelden/, case pages) */
.fd .awd-tabs [role=tab]:disabled{opacity:.66}
.fd[data-k=stilwater] .fd-foot .awd-ghost{color:#f1ede4;border-color:rgba(241,237,228,.6)}
.awd .awd-btn:disabled{background:#5d6878;color:#fff}
.awd .awd-flag2{color:#141414}
html .cw-buy .g-ilab{color:#a6dcc1}
.ui-cal span.b{color:#47433c}
/* item 3: /websites/ Ankerweg catalogue line */
.g40-exb .g42-ep{display:block;margin-top:4px;font-size:15px;color:var(--txt)}
/* item 4: Contact, the free homepage as a link beside the topics */
.g37-topics .g42-hpl{display:inline-flex;gap:8px;margin-top:16px;font-size:16px;font-weight:600;color:var(--txt);border-bottom:1.5px solid var(--g-mint);padding-bottom:2px;text-decoration:none}
.g37-topics .g42-hpl:hover{color:var(--g-mint)}
/* item 5: werkwijze, four steps beside their dates */
html:root .pl-key.g36-key{grid-template-columns:repeat(4,minmax(0,1fr))}
.pl-key .g42-bd{display:block;margin-top:6px;font-size:14px;line-height:1.4;color:var(--soft)}
/* item 7: /voorbeelden/ capability phrase */
.g40-vc .g42-cap{display:block;margin-top:2px;font-size:15px;color:var(--soft)}
/* item 8: designed review invitation (blog) */
.g42-rv{position:relative;display:flex;flex-direction:column;justify-content:center;gap:12px;width:100%;height:100%;min-height:200px;padding:18px 20px;background:linear-gradient(150deg,#1b3a31,#0f211b);box-shadow:inset 0 0 0 1px rgba(243,238,228,.08)}
.g42-rv-lab{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--g-mint)}
.g42-rv-ph{display:block;max-width:440px;background:#efe9df;border-radius:10px;overflow:hidden;color:#1d1d1b;box-shadow:0 18px 30px -18px rgba(0,0,0,.8)}
.g42-rv-top{display:flex;justify-content:space-between;align-items:baseline;padding:8px 12px;background:#173f30;color:#f3eee4;font-size:13px}
.g42-rv-top small{font-size:11px;color:#cfe6d9}
.g42-rv-msg{position:relative;display:block;margin:10px 12px 12px;padding:10px 12px 18px;background:#fff;border-radius:8px;font-size:14px;line-height:1.45}
.g42-rv-link{display:block;margin-top:6px;color:#1d5e8a;text-decoration:underline}
.g42-rv-t{position:absolute;right:10px;bottom:4px;font-size:11px;color:#5b5b5b}
.g42-rv-note{font-size:14px;color:var(--soft)}
.g42-rv-big{min-height:460px;padding:44px 48px;gap:18px;align-items:flex-start}
.g42-rv-big .g42-rv-ph{max-width:560px;width:100%}
.g42-rv-big .g42-rv-msg{font-size:17px;padding:14px 16px 24px}
.g42-rv-big .g42-rv-top{font-size:15px;padding:12px 16px}
.g42-rv-big .g42-rv-note{font-size:16px}
.fd:is([data-k=kaneelhuis],[data-k=libi],[data-k=ondoro],[data-k=overstek]) .awd-tabs [role=tab]:disabled{opacity:1;color:var(--ink2)}
html .g41-big .mw-f{aspect-ratio:1138/637!important;height:auto!important}
.g41-big .mw-f img{height:100%!important}
.g42-rv:not(.g42-rv-big){aspect-ratio:4/3;min-height:0;height:auto;padding:12px 14px;gap:8px;justify-content:flex-start;overflow:hidden}
.g42-rv:not(.g42-rv-big) .g42-rv-lab{font-size:10px;letter-spacing:.12em}
.g42-rv:not(.g42-rv-big) .g42-rv-top{padding:5px 9px;font-size:11px}
.g42-rv:not(.g42-rv-big) .g42-rv-top small{display:none}
.g42-rv:not(.g42-rv-big) .g42-rv-msg{margin:6px 8px 8px;padding:7px 9px;font-size:11.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.g42-rv:not(.g42-rv-big) .g42-rv-link,.g42-rv:not(.g42-rv-big) .g42-rv-t,.g42-rv:not(.g42-rv-big) .g42-rv-note{display:none}
.g42-rv:not(.g42-rv-big){padding:10px 12px;gap:6px}
.g42-rv:not(.g42-rv-big) .g42-rv-msg{display:block;-webkit-line-clamp:unset;margin:5px 7px 7px;padding:6px 8px}
/* ===== g43 (brief-g43.md, Moreno's own review of g42) ===== */
/* item 1: the gallery sits about 40 px lower in the first screen (Stilwater print stays inside 1440x900, proven in docs/g43) */
html:root .g22-hall .g22-wall{--g37cy:653px}
/* item 8: the primary button, a deeper and less neon green (ink on it 5.5:1, on the page ground 5.2:1) with about half the glow; one token, every primary button follows */
:root{--g-pop:#3a9a70;--g-pop2:#44a77b}
.btn,.gx-home .gx-btn{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 16px 30px -22px rgba(58,154,112,.5),0 10px 20px -16px rgba(0,0,0,.9)}
.btn:hover,.gx-home .gx-btn:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 18px 34px -20px rgba(58,154,112,.6),0 10px 20px -16px rgba(0,0,0,.9)}
.btn::before,.gx-home .gx-btn::before{background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.18) 48%,transparent 66%)}
.btn::after,.gx-home .gx-btn::after{box-shadow:0 0 0 1px rgba(58,154,112,.3) inset}
/* item 6: no underline on any button or action link (no hand-drawn line, no draw-on); links inside running text keep a plain underline */
html:root .gx-lnk,html:root .g-tl,html:root a.nextlink,html:root .sj-alt,html:root .g-bb-more,html:root .g42-hpl,html:root .g41-ed{background-image:none!important;text-decoration:none!important}
html:root .gx-lnk:hover,html:root .g-tl:hover,html:root a.nextlink:hover,html:root .sj-alt:hover,html:root .g-bb-more:hover,
html:root .gx-lnk:focus-visible,html:root .g-tl:focus-visible,html:root a.nextlink:focus-visible{background-image:none!important}
:root .g22-n,:root .g22-n:hover,:root .g22-dd.open>.g22-n,:root .g22-n[aria-current=page],:root .g22-dd.is-cur>.g22-n,:root .g22-n-cta,:root .g22-n[aria-current=page]:not(.g22-n-cta){background-image:none!important}
main p a:not([class]),main li a:not([class]),main dd a:not([class]),main td a:not([class]),.legal-line a,main a.link,main a.lnk{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
/* item 11: no small tick lines before eyebrows or in headings */
html:root .lab::before,html:root .g-iv-k::before,html:root .faq19 h2.vr-h::before{content:none!important;display:none!important}
/* item 7: a touch-screen feel. Buttons, action links and menu items grow a little on hover with a soft spring and press in when pressed; menu items get a soft rounded surface
   behind them. Scale and opacity only, so nothing around them moves. Reduced motion: no scale. */
:root{--g43-spring:cubic-bezier(.34,1.56,.64,1)}
.btn,.gx-home .gx-btn,.gx-lnk,.g-tl,a.nextlink,.sj-alt,.g-bb-more,.g42-hpl,.g37-pill,.g43-chip,.g22-n,.g22-dd-m a,.g43-tap{transition-property:scale,color,background-color,box-shadow,opacity!important;transition-duration:.45s,.25s,.3s,.3s,.3s!important;transition-timing-function:var(--g43-spring),ease,ease,ease,ease!important}
.g22-n,.g22-dd-m a{position:relative;isolation:isolate}
html:root .gh .g22-nav .g22-n::before,html:root .gh .g22-dd-m a::before{content:"";display:block;position:absolute;z-index:-1;inset:4px 2px;border-radius:14px;background:rgba(243,238,228,.09);
  box-shadow:inset 0 0 0 1px rgba(243,238,228,.07);opacity:0;scale:.92;transition:opacity .3s ease,scale .45s var(--g43-spring);pointer-events:none}
html:root .gh .g22-dd-m a::before{inset:2px -8px}
html:root .gh .g22-nav .g22-n:hover::before,html:root .gh .g22-nav .g22-dd.open>.g22-n::before,html:root .gh .g22-dd-m a:hover::before,html:root .gh .g22-dd-m a:focus-visible::before{opacity:1;scale:1}
html:root .gh .g22-nav .g22-n[aria-current=page]::before,html:root .gh .g22-nav .g22-dd.is-cur>.g22-n::before{opacity:.55;scale:1}
html:root .gh .g22-nav .g22-n-cta::before{opacity:.0;background:rgba(58,154,112,.22);box-shadow:inset 0 0 0 1px rgba(116,214,166,.4)}
html:root .gh .g22-nav .g22-n-cta{box-shadow:none}
html:root .gh .g22-nav .g22-n-cta::before{opacity:1;scale:1;inset:6px 4px}
html:root .gh .g22-nav .g22-n-cta:hover::before{background:rgba(58,154,112,.36)}
@media (prefers-reduced-motion:no-preference){
  .btn:hover,.gx-home .gx-btn:hover,.gx-lnk:hover,.g-tl:hover,a.nextlink:hover,.sj-alt:hover,.g-bb-more:hover,.g42-hpl:hover,.g37-pill:hover,.g43-chip:hover,.g43-tap:hover{scale:1.04}
  .g22-n:hover,.g22-dd.open>.g22-n{scale:1.06}
  .g22-dd-m a:hover{scale:1.03}
  .btn:active,.gx-home .gx-btn:active,.gx-lnk:active,.g-tl:active,a.nextlink:active,.sj-alt:active,.g-bb-more:active,.g42-hpl:active,.g37-pill:active,.g43-chip:active,.g43-tap:active,.g22-n:active,.g22-dd-m a:active{scale:.97;transition-duration:.12s!important}
}
@media (prefers-reduced-motion:reduce){.btn,.gx-lnk,.g-tl,.g22-n,.g22-dd-m a,.g37-pill,.g43-chip,.g43-tap{scale:none!important}}
.g22-n:focus-visible,.g22-dd-m a:focus-visible,.g-tl:focus-visible,.gx-lnk:focus-visible,.g43-chip:focus-visible,.g37-pill:focus-within{outline:2px solid #a6dcc1;outline-offset:3px;border-radius:12px}
/* item 5: "Actie", a quiet label beside a discounted price */
.g43-act{display:inline-flex;align-items:center;height:20px;padding:0 8px;margin-left:8px;border-radius:999px;font:700 11.5px/1 Manrope,system-ui,sans-serif;font-style:normal;letter-spacing:.06em;text-transform:uppercase;
  color:#bfe9d3;background:rgba(58,154,112,.16);box-shadow:inset 0 0 0 1px rgba(116,214,166,.32);vertical-align:.18em;white-space:nowrap}
.g30-pr .g43-act,.g-price .g43-act{align-self:center}
.sheet .g43-act,.mail .g43-act,.cw-buy .g43-act{color:#1f5e42;background:rgba(58,154,112,.12)}
.g38-offer .g43-act{margin:0 10px 0 0}
#pk-lines li .g43-act{margin-left:10px;align-self:center}
/* items 16 to 18: from conversation to live, in order and in plain sentences */
.g43-sec h2{margin-bottom:26px}
.g43-st{list-style:none;margin:0;padding:0;position:relative}
.g43-st::before{content:"";position:absolute;left:5px;top:12px;bottom:14px;width:1px;background:linear-gradient(rgba(116,214,166,.5),rgba(243,238,228,.12))}
.g43-st li{position:relative;padding:0 0 22px 34px}
.g43-st li::before{content:"";position:absolute;left:0;top:9px;width:11px;height:11px;border-radius:50%;background:#0d1814;box-shadow:inset 0 0 0 2px #74d6a6}
.g43-st li:last-child::before{background:#74d6a6}
.g43-st b{display:block;font-size:24px;line-height:1.2;font-weight:400;color:var(--txt)}
.g43-st p{margin-top:4px;font-size:17px;line-height:1.55;color:#ddd8cd;max-width:60ch}
.g43-plan{margin-top:10px;font-size:16px;line-height:1.6;color:var(--soft);max-width:64ch}
.g43-portal{margin-top:30px;padding:22px 26px;border-radius:14px;background:rgba(243,238,228,.05);box-shadow:inset 0 0 0 1px rgba(243,238,228,.1)}
.g43-portal p:last-child{margin-top:8px;font-size:18px;line-height:1.5;color:var(--txt)}
/* item 19: three payment stages side by side */
.g43-pay{list-style:none;margin:18px 0 6px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.g43-pay li{padding:16px 18px;border-radius:12px;background:rgba(243,238,228,.05);box-shadow:inset 0 0 0 1px rgba(243,238,228,.1)}
.g43-pay-k{display:block;font:600 12.5px/1 Manrope,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--g-mute)}
.g43-pay b{display:block;margin-top:8px;font-size:21px;font-weight:400;line-height:1.2;color:var(--txt)}
/* item 14: the article keeps a short planning note instead of the calculator */
.g43-noplan p:not(.lab){margin-top:8px;font-size:17px;line-height:1.6}
/* item 20: the most-asked questions under the contact form */
.g43-ctq{padding-top:72px;padding-bottom:24px}
.g43-ctq .faq-main{max-width:none}
.g43-ctq-h{display:flex;align-items:baseline;gap:28px;flex-wrap:wrap;margin-bottom:22px}
.g43-ctq-h .lab{flex-basis:100%}
.g43-kq{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;border-top:0}
.g43-kq .kq-i{border-top:1px solid var(--rule);border-bottom:0}
/* item 24: the capability caption links to the working demo; the tile stays one link to the case */
.g43-vt{position:relative}
.g43-vt-a{position:absolute;inset:0;z-index:1;border-radius:6px}
.g43-vt-a:focus-visible{outline:2px solid #a6dcc1;outline-offset:4px}
.g43-vt:has(.g43-vt-a:hover) .g-print{transform:translateY(-3px)}
html .g40-vc a.g43-cap{position:relative;z-index:2;display:inline-flex;width:max-content;color:#a6dcc1;text-decoration:none;font-weight:600}
html .g40-vc a.g43-cap::after{content:"";width:13px;height:9px;margin:auto 0 auto 8px;background:currentColor;-webkit-mask:var(--g-arrow) no-repeat center/contain;mask:var(--g-arrow) no-repeat center/contain}
/* items 12 and 13: each package its own made-up brand; every Mopé photo says it is an example */
.g43-vm{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 14px;font-size:15px;color:var(--soft)}
.g43-vm b{font:400 20px/1.2 Newsreader,Georgia,serif;color:var(--txt)}
.g43-also{display:flex;align-items:center;gap:22px;margin-top:16px;padding:14px 18px;border-radius:10px;background:rgba(243,238,228,.05);box-shadow:inset 0 0 0 1px rgba(243,238,228,.1)}
.g43-also-f{display:grid;place-items:center;flex:none;width:250px;height:96px;padding:16px 22px;border-radius:6px;background:#f4f1ea}
.g43-also-f img{width:100%;height:auto}
.g43-also p{font-size:15px;line-height:1.45;color:var(--soft)}
.g43-also p b{display:block;color:var(--txt);font-weight:600}
.g43-ex{display:block;margin-bottom:3px;font:600 12.5px/1.3 Manrope,system-ui,sans-serif;letter-spacing:.02em;color:#e8c98a}
figcaption .g43-ex+b{display:inline}
.g43-exb{position:absolute;left:10px;bottom:10px;z-index:2;padding:4px 9px;border-radius:999px;background:rgba(8,16,12,.82);color:#f3eee4;font:600 12px/1.2 Manrope,system-ui,sans-serif;pointer-events:none}
.b30-img,.b30-fi,.g-print{position:relative}
/* item 21: the application page */
.g43-sol-o{padding-top:150px;padding-bottom:90px}
.g43-sol-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.g43-sol-t{position:sticky;top:110px}
.g43-sol-t .lead{margin:18px 0 22px;font-size:18px;line-height:1.55;color:var(--soft)}
.g43-form{display:grid;gap:22px}
.g43-grp{padding:0;margin:0;border:0}
.g43-grp legend{margin-bottom:10px;font-size:15px;font-weight:600;color:var(--txt)}
.g43-lang{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:12px;margin-bottom:10px}
.g43-lang>span{font-size:15.5px;color:var(--soft)}
.g43-lang .g37-pills{gap:8px}
.g43-cv>label:first-child{display:block;margin-bottom:8px;font-size:15px;font-weight:600}
.g43-drop{display:grid;gap:4px;place-items:center;text-align:center;padding:26px 20px;border-radius:12px;cursor:pointer;background:rgba(5,12,9,.4);box-shadow:inset 0 0 0 1px rgba(243,238,228,.22);
  transition:background-color .25s,box-shadow .25s,scale .45s var(--g43-spring)}
.g43-drop:hover,.g43-drop.g43-over{background:rgba(58,154,112,.12);box-shadow:inset 0 0 0 1px rgba(116,214,166,.6)}
.g43-file:focus-visible+.g43-cvf,.g43-cv:focus-within .g43-drop{outline:2px solid #a6dcc1;outline-offset:3px}
.g43-drop-t{font-size:16.5px;color:var(--txt)}.g43-drop-t b{color:#bfe9d3}
.g43-drop-s{font-size:14px;color:var(--soft)}
.g43-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.g43-cvf{display:flex;align-items:center;gap:14px;margin-top:10px;padding:12px 16px;border-radius:10px;background:rgba(243,238,228,.06)}
.g43-cvf[hidden]{display:none}
.g43-cvn{font-weight:600;color:var(--txt);overflow-wrap:anywhere}
.g43-cvs{color:var(--soft);font-size:14.5px}
.g43-cvx{margin-left:auto;padding:6px 14px;border:0;border-radius:999px;background:rgba(243,238,228,.1);color:var(--txt);font:600 14px/1 Manrope,system-ui,sans-serif;cursor:pointer}
.g43-cvx:hover{background:rgba(243,238,228,.18)}
.g43-cv[data-state=ok] .g43-cvf{box-shadow:inset 0 0 0 1px rgba(116,214,166,.55)}
.g43-cv[data-state=bad] .g43-cvf{box-shadow:inset 0 0 0 1px #e9a98a}
.g43-ck{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.5;color:var(--soft);cursor:pointer}
.g43-ck input{flex:none;width:20px;height:20px;margin-top:2px;accent-color:#3a9a70}
.g43-ck a{color:var(--txt);text-decoration:underline;text-underline-offset:3px}
.g43-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.g43-pv{color:#e8c98a}
/* item 24: the standalone example proposal */
.g43-vvp .g-sec{padding-top:150px}
.g43-vvp .lead{max-width:62ch;margin:14px 0 30px;color:var(--soft)}
.g43-vv-doc{max-width:760px;margin-bottom:28px;padding:44px 52px;border-radius:6px;background:#f6f2ea;color:#1d1d1b;box-shadow:0 30px 60px -30px rgba(0,0,0,.9)}
.g43-vv-r{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:16px 0;border-top:1px solid rgba(29,29,27,.14)}
.g43-vv-r:first-child{display:block;border-top:0;padding-top:0}
.g43-vv-r .g38-k{color:#5d5a52;font-weight:600}
.g43-vv-r .g38-docto{color:#4a473f}
/* items 22 to 24: blog topics and search, as touch-feel chips */
.g43-fb{display:grid;gap:16px;margin-top:28px}
.g43-chips{display:flex;flex-wrap:wrap;gap:8px}
.g43-chip{height:40px;padding:0 16px;border:0;border-radius:999px;background:rgba(243,238,228,.07);box-shadow:inset 0 0 0 1px rgba(243,238,228,.16);color:var(--txt);font:500 15px/1 Manrope,system-ui,sans-serif;cursor:pointer}
.g43-chip:hover{background:rgba(243,238,228,.12)}
.g43-chip[aria-pressed=true]{background:#3a9a70;box-shadow:none;color:#06120d;font-weight:650}
.g43-sf{display:flex;align-items:center;gap:16px}
.g43-zoek{width:360px;height:46px;padding:0 18px;border:0;border-radius:999px;background:rgba(5,12,9,.55);box-shadow:inset 0 0 0 1px rgba(243,238,228,.2);color:var(--txt);font:400 16px/1 Manrope,system-ui,sans-serif}
.g43-zoek::placeholder{color:#a9aea7}
.g43-zoek:focus-visible{outline:2px solid #a6dcc1;outline-offset:2px}
.g43-n{font-size:15px;color:var(--soft)}
.g43-bl{padding-top:24px;padding-bottom:40px}
.g43-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px}
.g43-posts .post[hidden]{display:none}
.g43-none{padding:48px 0 24px}
.g43-none .serif{font-size:28px;color:var(--txt)}
.g43-none p:not(.serif){margin:8px 0 14px;color:var(--soft)}
/* the designed visuals, live text on a light card (labelled Voorbeeld) */
.g43-pv{display:grid!important;place-items:center;aspect-ratio:16/10;background:linear-gradient(160deg,#1c3a31,#0f2019);overflow:hidden}
.g43-mph{width:100%;height:100%;object-fit:cover}
.g43-m{position:relative;display:grid;gap:8px;width:78%;padding:30px 20px 18px;border-radius:12px;background:#f6f2ea;color:#1d1d1b;font:400 13.5px/1.35 Manrope,system-ui,sans-serif;text-align:left;box-shadow:0 24px 40px -24px rgba(0,0,0,.9)}
.g43-m-lab{position:absolute;top:9px;right:12px;font:700 10.5px/1 Manrope,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#6b675e}
.g43-m-h{position:absolute;top:9px;left:20px;font:700 10.5px/1 Manrope,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#2c6a50}
.g43-m b{font-weight:700}.g43-m i{font-style:normal;color:#4a473f}.g43-m small{display:block;font-size:11.5px;color:#6b675e}
.g43-m-q{padding:7px 12px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(29,29,27,.2)}
.g43-m-r{display:grid;gap:2px}.g43-m-dim{opacity:.55}
.g43-m-row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid rgba(29,29,27,.1)}
.g43-m-tabs{display:flex;flex-wrap:wrap;gap:6px}.g43-m-tabs b{padding:4px 9px;border-radius:999px;background:rgba(58,154,112,.14);color:#1f5e42;font-size:12px}
.g43-m-b{display:block;max-width:85%;padding:8px 11px;border-radius:10px;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.08)}
.g43-m-out{justify-self:end;background:#dcf3e6}
.g43-m-btn{justify-self:start;padding:8px 14px;border-radius:999px;background:#3a9a70;color:#06120d;font-weight:700}
.g43-m-url{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:8px;background:#fff;font-size:15px}
.g43-m-url i{width:9px;height:11px;border-radius:2px;background:#3a9a70}.g43-m-url b{color:#2c6a50}
.g43-m-x s{color:#8a8579}.g43-m-v{font-weight:700;color:#1f5e42}
.g43-m-lg{display:flex;align-items:center;gap:14px}.g43-m-lg img{width:46%;height:auto}.g43-m-lg .sm{width:44px}.g43-m-lg .xs{width:22px}
.g43-m-big{width:min(560px,86%);padding:44px 34px 28px;font-size:16px;gap:12px}
.g43-lead{display:grid;place-items:center;min-height:480px;border-radius:6px;background:linear-gradient(160deg,#1c3a31,#0f2019)}
.g43-lead .g43-mph{max-height:640px;border-radius:6px}
/* item 6: page navigation lists (rails, tables of contents, footer) are not running text: no underline */
main nav a:not([class]),main .sp-toc a,main .ab-rail a{text-decoration:none!important}
/* g43 look fixes: the drop zone and the two agreements keep their own layout; contact topics on one row, link without a line, questions full width */
.g43-cv>label.g43-drop{display:grid;place-items:center;gap:4px;margin:0;padding:26px 20px;font-weight:400}
.g37-fld>label.g43-ck{display:flex;gap:12px;align-items:flex-start;margin:0;font-size:15.5px;line-height:1.5;font-weight:400;color:var(--soft)}
html .g37-topics .g37-pills{display:flex;flex-wrap:nowrap;gap:8px}
html .g37-topics .g37-pill{flex:1 1 auto}
html .g37-topics .g42-hpl{border-bottom:0;padding-bottom:0}
html .g43-ctq{display:block;grid-template-columns:none}
html .g43-ctq .faq-main{width:100%;max-width:none;grid-column:1/-1}
html .g43-ctq h2{max-width:none}
html .g43-posts .post{display:flex!important;flex-direction:column;gap:0;grid-template-columns:none!important;padding:0!important;border:0!important;min-width:0}
html .g43-posts .post .b30-img{display:block;width:100%!important;height:auto!important;aspect-ratio:16/10;margin:0 0 16px!important;border-radius:6px;overflow:hidden}
html .g43-posts .post .b30-img>img{width:100%;height:100%;object-fit:cover}
html .g43-posts .post .lab{margin-bottom:8px}
html .g43-posts .post .t{font-size:25px;line-height:1.2;margin-bottom:8px}
html .g43-posts .post .d{font-size:16px;line-height:1.55;color:var(--soft)}
.g43-also{margin-bottom:26px}
/* item 6: the package jump links in the merk opening are action links: chips without a line */
html .mk-jump a{border-bottom:0;padding:9px 16px;border-radius:999px;background:rgba(243,238,228,.07);box-shadow:inset 0 0 0 1px rgba(243,238,228,.16)}
html .mk-jump a:hover{background:rgba(243,238,228,.12)}
html .mk-jump{gap:8px}
@media (prefers-reduced-motion:no-preference){html .mk-jump a{transition:scale .45s var(--g43-spring),background-color .3s}html .mk-jump a:hover{scale:1.04}html .mk-jump a:active{scale:.97;transition-duration:.12s}}
/* g43 contrast fixes: the example visuals dim with colour, not opacity; the proposal link reads dark on the white paper */
.g43-m-dim{opacity:1}.g43-m-dim b{color:#4a473f}.g43-m-dim i,.g43-m-dim small,.g43-m small{color:#5d5a52}
.g43-m-x s{color:#625e55}
html .g43-vv .pp-paper a.g-tl{color:#1f5e42;font-weight:650}
html .g43-posts .b30-img:has(.g42-rv){display:grid!important;place-items:center;background:linear-gradient(160deg,#1c3a31,#0f2019)}
html .g43-posts .b30-img .g42-rv{width:82%;margin:0}
html .g43-lead{margin-top:28px}
html .g43-lead .g43-mph{object-fit:cover;object-position:50% 0}
/* item 6: an action link beside a button (closings, openings) is not running text */
html main .g-acts a.link,html main .gx-acts a.link,html main .g22-acts a.link{text-decoration:none!important}
@media (prefers-reduced-motion:no-preference){html main .g-acts a.link{display:inline-block;transition:scale .45s var(--g43-spring)}html main .g-acts a.link:hover{scale:1.04}html main .g-acts a.link:active{scale:.97}}
/* item 5 on the case pages: the price stack wraps, Actie sits under the price at the right, nothing runs past the column */
html .cw-bb-t>span{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;column-gap:10px;row-gap:4px;white-space:normal}
html .cw-bb-t>span>*{white-space:nowrap}
html .cw-bb-t .g43-act{flex-basis:auto;margin-left:auto}
html .cw-bb-t>span::after{content:"";flex-basis:100%;order:2}
html .cw-bb-t .g43-act{order:3}
html .g40-bg{border-bottom:0;padding-bottom:0}
/* item 6, from the computed underline audit (docs/g43/underline.out): these are action links, so no line under them */
html main .mk-jump a,html main .g37-ch-l a.link,html main .cw-open a.link{text-decoration:none!important}
html main .topics a,html main .vac-t th a,html main a.pk-exa,html main .g34-olb{border-bottom:0!important;text-decoration:none!important}
html .legal-line a{border-bottom:0!important}
html main .wl a.link{text-decoration:none!important}
html .g43-posts .b30-img:has(.g42-rv){display:block!important}
html .g43-posts .b30-img .g42-rv{width:100%!important;height:100%!important;justify-content:center!important;align-items:center;box-shadow:none}
html .g43-posts .b30-img .g42-rv .g42-rv-lab{position:absolute;top:14px;left:18px}
html .g43-posts .b30-img .g42-rv .g42-rv-ph{width:78%}
/* item 6: the old .link line was a 1 px gradient drawn as a background; it goes, sentence links keep their one plain underline */
html a.link{background-image:none!important}
/* item 6: the footer menu loses its drawn hover line too */
html .gf nav a{background-image:none!important}

/* g5 (approved 31 Oct), namespaced gx- by build_g.py; do not edit here, edit g5/g5.css */
/* SuriWeb g1 · direction Galerij (Moreno 31 Oct). 1440 desktop only until approved. Quiet gallery: deep green-black wall, soft top light, real prints. */
.gx-home{--gx-wall:#0d1814;--gx-floor:#0a120f;--gx-ink:#f3eee4;--gx-soft:#cdc8bd;--gx-mute:#8e9a91;--gx-mint:#74d6a6;--gx-mint-2:#8fe0b9;--gx-rule:rgba(243,238,228,.14)}
.gx-serif{font-family:Newsreader,Georgia,serif;font-weight:400;letter-spacing:-.018em}

/* header */
.gx-unused{position:absolute;top:0;left:0;right:0;z-index:10;height:88px;padding:0 80px;display:flex;align-items:center;justify-content:space-between}
.gx-wm img{width:150px;height:auto}
.gx-hd nav a{margin-left:56px;font-size:16px;font-weight:500;color:#e7e2d8;padding:6px 0;border-bottom:1px solid transparent}
.gx-hd nav a:hover{border-bottom-color:rgba(243,238,228,.5)}

/* first screen: the hall */
.gx-hall{position:relative;height:max(840px,100vh);overflow:hidden;
  background:
    radial-gradient(ellipse 880px 560px at 74% -10%,rgba(208,228,210,.13),transparent 70%),
    linear-gradient(116deg,transparent 57%,rgba(214,232,214,.035) 63%,transparent 69%),
    linear-gradient(116deg,transparent 69%,rgba(214,232,214,.028) 73%,transparent 78%),
    radial-gradient(ellipse 1000px 260px at 50% 560px,rgba(232,240,230,.06),transparent 75%),
    var(--gx-wall)}
/* g2: one soft diagonal light shaft from the top right (CSS light only) */
.gx-hall::before{content:"";position:absolute;top:-260px;right:40px;width:420px;height:1500px;transform:rotate(36deg);transform-origin:top right;z-index:0;pointer-events:none;
  background:linear-gradient(to bottom,rgba(228,240,226,.15),rgba(228,240,226,.05) 50%,transparent 80%);filter:blur(38px)}
/* g2: a glossy floor; the prints' reflections lie on it */
.gx-hall::after{content:"";position:absolute;left:0;right:0;top:640px;bottom:0;z-index:0;
  background:radial-gradient(ellipse 820px 110px at 50% 46px,rgba(226,238,228,.07),transparent 80%),radial-gradient(ellipse 1100px 200px at 62% 150px,rgba(214,232,214,.035),transparent 80%),linear-gradient(to bottom,#0c1714,#08110e 75%)}
.gx-intro-txt{position:relative;z-index:3;padding:126px 80px 0}
:where(.gx-hall) h1{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:80px;line-height:1;letter-spacing:-.024em;font-variation-settings:"opsz" 60}
.gx-line{margin-top:14px;font-size:25px;line-height:1.3;color:#e2ddd2;letter-spacing:.005em}
.gx-acts{display:flex;align-items:center;margin-top:28px}
.gx-btn{display:inline-block;background:var(--gx-mint);color:#08140f;font-weight:650;font-size:17px;line-height:1;padding:20px 36px;border-radius:2px;transition:background .2s}
.gx-btn:hover{background:var(--gx-mint-2)}
.gx-lnk{margin-left:44px;font-weight:500;padding-bottom:6px;border-bottom:1px solid rgba(243,238,228,.5)}
.gx-lnk:hover{border-bottom-color:var(--gx-ink)}
.gx-fine{margin-top:14px;font-size:13px;color:var(--gx-mute)}
.gx-acts .gx-fine{margin:0 0 0 44px}

/* g2 (desk review of g1): the wall with five prints. One first screen per print, real 3D depth, cast shadows, glossy floor. */
.gx-wall{position:absolute;inset:0;z-index:2;perspective:1300px;perspective-origin:50% 58%;pointer-events:none}
.gx-print{position:absolute;left:50%;top:var(--gx-y);width:var(--gx-w);height:calc(var(--gx-w) * .625);margin-left:calc(var(--gx-w) / -2);pointer-events:auto;transform-style:preserve-3d;
  transform:translateX(var(--gx-x)) translateZ(var(--gx-z)) rotateY(var(--gx-a))}
/* g3 (desk review of g2): gaps instead of overlaps so every headline reads in full; row raised to start ~70 px under the buttons */
.gx-p0{--gx-w:430px;--gx-x:-748px;--gx-z:-300px;--gx-a:-34deg;--gx-y:398px;z-index:1}
.gx-p1{--gx-w:388px;--gx-x:-410px;--gx-z:-140px;--gx-a:-30deg;--gx-y:430px;z-index:2}
.gx-p2{--gx-w:418px;--gx-x:0px;--gx-z:40px;--gx-a:0deg;--gx-y:420px;z-index:3}
.gx-p3{--gx-w:388px;--gx-x:410px;--gx-z:-140px;--gx-a:30deg;--gx-y:430px;z-index:2}
.gx-p4{--gx-w:430px;--gx-x:748px;--gx-z:-300px;--gx-a:34deg;--gx-y:398px;z-index:1}
.gx-frame{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:#111;
  box-shadow:0 0 0 1px rgba(0,0,0,.55),0 40px 60px -26px rgba(0,0,0,.9),0 14px 26px -14px rgba(0,0,0,.7);
  transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.gx-frame img{width:100%;height:100%;object-fit:cover;object-position:top}
/* soft top light falling off down the print, and a thin top highlight */
.gx-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,250,240,.10),transparent 30%,transparent 64%,rgba(0,0,0,.24));pointer-events:none}
.gx-frame::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(255,252,244,.42);z-index:1}
.gx-shadow{position:absolute;left:4%;right:4%;top:calc(100% - 6px);height:46px;background:radial-gradient(ellipse 50% 60% at 50% 0,rgba(0,0,0,.7),transparent 75%);pointer-events:none}
.gx-refl{position:absolute;left:0;right:0;top:calc(100% + 2px);height:100%;overflow:hidden;opacity:.34;pointer-events:none;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 30%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 30%);transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .5s}
.gx-refl img{width:100%;height:100%;object-fit:cover;object-position:top;transform:scaleY(-1);filter:blur(2.6px)}
.gx-cap{position:absolute;left:0;top:calc(100% + 18px);font-size:14px;color:var(--gx-soft);opacity:0;transform:translateY(-4px);transition:opacity .35s,transform .35s;white-space:nowrap}
.gx-cap b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:20px;color:var(--gx-ink);margin-right:8px}
.gx-print:hover,.gx-print:focus-visible{z-index:6}
.gx-print:hover .gx-frame,.gx-print:focus-visible .gx-frame{transform:translateY(-12px);box-shadow:0 0 0 1px rgba(0,0,0,.55),0 54px 70px -26px rgba(0,0,0,.95),0 18px 30px -14px rgba(0,0,0,.7)}
.gx-print:hover .gx-refl,.gx-print:focus-visible .gx-refl{transform:translateY(12px);opacity:.32}
.gx-print:hover .gx-cap,.gx-print:focus-visible .gx-cap{opacity:1;transform:none}
.gx-print:focus-visible{outline:none}.gx-print:focus-visible .gx-frame{outline:2px solid var(--gx-mint);outline-offset:4px}

/* second screen: the next room, the offer on wall labels */
.gx-room{position:relative;min-height:900px;padding:128px 80px 72px;
  background:radial-gradient(ellipse 900px 420px at 30% 0,rgba(208,228,210,.06),transparent 72%),linear-gradient(to bottom,var(--gx-floor),var(--gx-wall) 140px)}
.gx-offer{display:grid;grid-template-columns:600px 1fr;gap:80px;align-items:start}
:where(.gx-room) h2{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:64px;line-height:1.05;letter-spacing:-.022em;font-variation-settings:"opsz" 54}
.gx-otxt{max-width:540px;padding-top:12px}
.gx-otxt p{font-size:20px;line-height:1.55;color:#ddd8cd}
.gx-otxt .gx-acts{margin-top:30px}.gx-otxt .gx-fine{font-size:13px;color:var(--gx-mute)}
.gx-rail{display:grid;grid-template-columns:repeat(3,1fr);margin-top:100px;border-top:1px solid var(--gx-rule)}
.gx-label{position:relative;padding:40px 48px 0 0}
.gx-label+.gx-label{padding-left:48px;border-left:1px solid var(--gx-rule)}
.gx-spot{position:absolute;left:0;right:0;bottom:100%;height:120px;background:radial-gradient(ellipse 46% 100% at 40% 100%,rgba(232,240,230,.045),transparent);pointer-events:none}
.gx-label h3{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:30px;line-height:1.1}
.gx-label .gx-price{font-family:Newsreader,Georgia,serif;font-size:60px;line-height:1;color:var(--gx-ink);margin:14px 0 16px;font-variation-settings:"opsz" 48}
.gx-label .gx-intro{display:block;margin:-4px 0 14px;font-size:15px;color:#a6dcc1}
.gx-label p{font-size:17px;color:var(--gx-soft)}
.gx-label .gx-t{margin-top:4px;font-size:15px;color:var(--gx-mute)}
.gx-terms{margin-top:52px;font-size:15px;color:var(--gx-mute);max-width:820px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}

/* g4: the intro offer (Moreno 31 Oct). Quiet and premium: no red, no flashing, no seconds. */
.gx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.gx-chip{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:7px 16px 7px 13px;border:1px solid rgba(116,214,166,.32);border-radius:999px;
  background:rgba(116,214,166,.06);font-size:14px;line-height:20px;color:#dbe9e0;letter-spacing:.005em}
.gx-dot{width:6px;height:6px;border-radius:50%;background:var(--gx-mint)}
.gx-rail-h{margin-top:46px;font-size:16px;color:#cfe4d8}
.gx-rail-h b{font-weight:600;color:var(--gx-ink)}
.gx-rail-h+.gx-rail{margin-top:18px}
.gx-label .gx-was{margin:16px 0 -6px;font-size:24px;line-height:1;color:var(--gx-mute)}
.gx-label .gx-was s{text-decoration-thickness:1.5px;text-decoration-color:rgba(205,200,189,.7)}
.gx-label .gx-intro b{display:inline-block;margin-top:4px;font-weight:600;color:var(--gx-ink)}