:root{
  --pinkbg-100:#fbecf5;
  --pinkbg-200:#f9dde7;
  --pinkbg-300:#f6c8de;
  --pinkbg-deep:#f4a7ca;
  --lilac:#e8e6f5;
  --lilac-x:#dbdef7;

  --card:#fffffd;
  --card-50:#fcf5f8;
  --card-x:#fdeaf0;

  --magenta:#ed4e94;
  --magenta-deep:#e02d7c;
  --warm:#f95b76;
  --warm-x:#fa4a62;
  --amber:#fd783a;
  --amber-x:#f36b26;
  --heart:#fe4e5c;
  --periwinkle:#c9cef3;
  --push-deep:linear-gradient(95deg,var(--amber),var(--warm) 55%,var(--magenta));

  --fg:#28242e;
  --fg-50:#6d6573;
  --muted:#9894a2;
  --edge:#f3dae3;

  --invert:#fffffd;
  --blank:#fffffd;
  --valid:#8ec8a8;
  --edge-50:rgba(255,255,253,.88);
  --card-wash:rgba(255,255,253,.94);
  --backdrop:rgba(40,36,46,.51);
  --footer-wash:#28242e;
  --footer:#d8d0dc;
  --footer-x:#fffffd;
  --footer-50:#aba1b0;
  --footer-edge:rgba(255,255,253,.11);

  --rad-sm:14px;
  --rad-md:20px;
  --rad-lg:28px;
  --rad-xl:36px;
  --rad-pill:999px;

  --elev-sm:0 6px 16px -8px rgba(237,78,148,.36);
  --elev-md:0 18px 38px -18px rgba(237,78,148,.4);
  --elev-lg:0 30px 60px -24px rgba(224,45,124,.41);

  --font-head:"Trebuchet MS","Segoe UI",system-ui,-apple-system,"Helvetica Neue",sans-serif;
  --font:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;

  --frame:1200px;
  --gap:10px;
  --block-y:clamp(56px,7vw,104px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--font);background:
    radial-gradient(1200px 700px at 85% -8%, var(--pinkbg-300) 0%, transparent 55%),
    radial-gradient(900px 600px at -10% 8%, var(--lilac) 0%, transparent 55%),
    linear-gradient(180deg, var(--pinkbg-100) 0%, var(--card-50) 40%, var(--pinkbg-100) 100%);margin:0;background-attachment:fixed;
  -webkit-font-smoothing:antialiased;
  line-height:1.6;color:var(--fg);
}
img{max-width:100%;display:block}

.actie{
  border:1.5px solid transparent;align-items:center;white-space:nowrap;padding:14px 26px;
  border-radius:var(--rad-pill);cursor:pointer;justify-content:center;font-weight:700;
  text-align:center;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease;font-size:1rem;gap:9px;
  display:inline-flex;
}
.actie svg{height:18px;width:18px}
.actie-small{padding:10px 18px;font-size:.9rem}
.actie-stretch{width:100%}
.actie-go{background:linear-gradient(95deg,var(--amber),var(--warm) 55%,var(--magenta));box-shadow:0 14px 26px -12px rgba(250,74,98,.77);color:var(--invert)}
.actie-go:hover{background:var(--push-deep);transform:translateY(-2px);box-shadow:0 20px 34px -12px rgba(250,74,98,.83);color:var(--invert)}
.actie-ghost{border-color:var(--edge);background:var(--card);color:var(--magenta)}
.actie-ghost:hover{background:var(--card-x);transform:translateY(-2px);color:var(--magenta-deep)}
.actie-white{background:var(--blank);color:var(--magenta-deep)}
.actie-white:hover{box-shadow:var(--elev-md);color:var(--magenta-deep);transform:translateY(-2px)}
p{margin:0}
figure{margin:0}
.aside-mobile{position:fixed;width:80%;background:var(--card);top:0;overflow-y:auto;padding:84px 22px 22px;height:100vh;transition:right .3s ease;box-shadow:-6px 0 30px rgba(40,36,46,.18);max-width:320px;right:-100%;z-index:1100;height:100dvh}
.aside-mobile.active{right:0}
.aside-mobile nav{flex-direction:column;display:flex}
.aside-mobile a:not(.actie){font-weight:600;border-bottom:1px solid var(--edge);padding:14px 2px;color:var(--fg);font-size:15px}
.aside-mobile a:not(.actie):hover{color:var(--magenta-deep)}
.aside-mobile a.actie{margin-top:22px}

.tag-chip{letter-spacing:.06em;display:inline-flex;align-items:center;padding:8px 16px;background:var(--card);font-weight:700;border:1px solid var(--edge);border-radius:var(--rad-pill);color:var(--magenta);gap:8px;box-shadow:var(--elev-sm);font-size:.82rem}
.tag-chip svg{width:16px;height:16px;color:var(--warm)}
svg{display:block}
:focus-visible{outline:3px solid var(--magenta);outline-offset:2px;border-radius:6px}
.weg a:hover{color:var(--magenta-deep)}
button{font-family:inherit}
.em{color:transparent;background:linear-gradient(92deg,var(--magenta),var(--warm) 60%,var(--amber));-webkit-background-clip:text;background-clip:text}

.binnen{padding-inline:var(--gap);max-width:var(--frame);margin-inline:auto}
.blok{padding-block:var(--block-y)}
.blok-other{background:var(--card-x)}
.menu-link{padding:9px 14px;border-radius:var(--rad-pill);color:var(--fg);font-weight:600;transition:background .18s,color .18s;font-size:.96rem}
.menu-link:hover{color:var(--magenta-deep);background:var(--card-x)}
.menu-ster{gap:7px;font-weight:600;text-decoration:none;align-items:center;position:relative;border:none;transition:background .18s ease,color .18s ease;display:inline-flex;background:none;color:var(--fg);cursor:pointer;border-radius:var(--rad-pill);padding:9px 12px;font-size:.96rem}
.menu-ster:hover{color:var(--magenta-deep);background:var(--card-x)}
.menu-ster svg{height:20px;width:20px;color:var(--magenta)}
.menu-ster:hover svg{color:var(--magenta-deep)}
.menu-ster-txt{white-space:nowrap}
.menu-ster .inbox-tag{position:static;top:auto;right:auto}
.menu-ster-mobile{color:var(--fg);font-weight:600;display:flex;text-align:left;font-size:15px;border:none;align-items:center;background:none;border-bottom:1px solid var(--edge);padding:14px 2px;cursor:pointer;gap:9px;width:100%;text-decoration:none}
.menu-ster-mobile:hover{color:var(--magenta-deep)}
.menu-ster-mobile svg{color:var(--magenta);height:18px;width:18px}
::selection{background:rgba(237,78,148,.2)}
.ic-lit svg{fill:currentColor;stroke:none}
.label{letter-spacing:-.02em;font-family:var(--font-head);font-weight:800;display:flex;font-size:1.28rem;color:var(--fg);align-items:center;gap:11px}
.label:hover{color:var(--fg)}
.label-pic{border-radius:14px;align-items:center;background:linear-gradient(135deg,var(--magenta),var(--warm) 55%,var(--amber));flex-shrink:0;display:inline-flex;color:var(--invert);height:42px;width:42px;box-shadow:0 8px 18px -8px rgba(237,78,148,.8);justify-content:center}
.label-pic svg{height:22px;width:22px}
.ttl{font-size:clamp(1.9rem,3.6vw,3rem);font-weight:800}
.lokaas{color:var(--fg-50);margin-top:14px;font-size:1.06rem}

.burger{flex-direction:column;gap:5px;background:none;z-index:1105;padding:6px;cursor:pointer;display:none;border:none}
.burger span{transition:transform .3s ease,opacity .3s ease;border-radius:2px;width:26px;display:block;background:var(--fg);height:3px}
.burger.active span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}
.burger.active span:nth-child(2){opacity:0}
.burger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}
.label,.menu-link,.aside-mobile a,.actie,.weg a,.site-einde a,.plekken-lijst a,.profiel-inbox{text-decoration:none}
.main-menu{margin-left:auto;align-items:center;display:flex;gap:8px}
.menu-screen{visibility:hidden;background:var(--backdrop);transition:opacity .3s ease;position:fixed;z-index:1090;opacity:0;inset:0}
.menu-screen.active{visibility:visible;opacity:1}
.eyebrow{text-transform:uppercase;color:var(--magenta);font-weight:800;margin-bottom:10px;font-size:.8rem;letter-spacing:.1em}
.section-head{max-width:640px;text-align:center;margin:0 auto 44px}
.section-head .actie{margin-top:24px}
.profiel-tile{border-radius:var(--rad-lg);position:relative;cursor:pointer;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease;overflow:hidden;background:var(--card);border:1px solid var(--edge-50)}
.profiel-tile:hover{transform:translateY(-8px) scale(1.02);z-index:3;box-shadow:var(--elev-lg)}
.profiel-avatar{aspect-ratio:3/4;background:linear-gradient(160deg,var(--pinkbg-200),var(--lilac-x));overflow:hidden;display:block;position:relative}
.profiel-avatar img{transition:transform .5s ease,filter .3s ease;height:100%;display:block;width:100%;object-fit:cover}
.profiel-tile:hover .profiel-avatar img{filter:brightness(.7);transform:scale(1.1)}
.profiel-tag{gap:6px;color:#ecf5ff;z-index:3;top:10px;background:linear-gradient(135deg,#0f2e49,#0a1b33);display:inline-flex;position:absolute;font-weight:800;align-items:center;right:10px;font-size:.68rem;padding:5px 9px;border:1px solid #5c9bd8;border-radius:var(--rad-pill);letter-spacing:.05em;box-shadow:0 2px 8px rgba(1,2,2,.2)}
.profiel-tag .dot{width:8px;font-size:0;position:relative;background:var(--valid);height:8px;box-shadow:0 0 6px rgba(142,200,168,.68);border-radius:50%;color:transparent}
.profiel-tag .dot::after{border-radius:50%;position:absolute;inset:0;background:var(--valid);animation:wave 1.8s ease-out infinite;content:""}
.profiel-in{background:linear-gradient(to top,rgba(1,2,2,.93),rgba(1,2,2,.68) 55%,rgba(1,2,2,0));left:0;text-align:left;position:absolute;z-index:2;padding:20px 15px 15px;right:0;bottom:0;transition:opacity .3s ease}
.profiel-tile:hover .profiel-in{opacity:0}
.profiel-deck{border-radius:var(--rad-pill);background:rgba(25,47,42,.94);align-items:center;box-shadow:0 2px 8px rgba(1,2,2,.2);border:1px solid rgba(74,120,109,.88);padding:4px 9px;color:#effef6;font-size:.68rem;display:inline-flex;gap:5px;letter-spacing:.02em;font-weight:700;margin-bottom:8px}
.profiel-deck svg{height:14px;color:#a8e7ce;width:14px}
.profiel-naam{color:#fffffd;font-family:var(--font-head);font-weight:800;line-height:1.2;font-size:1.32rem}
.profiel-naam span{font-weight:600;color:rgba(255,255,253,.83);font-size:.86rem}
.profiel-place{color:rgba(255,255,253,.88);font-size:.82rem;margin-top:3px;display:flex;align-items:center;gap:6px}
.profiel-place .pin svg{height:14px;width:14px;color:#fffffd}
.profiel-screen{padding:20px;align-items:flex-end;visibility:hidden;justify-content:center;background:linear-gradient(to bottom,rgba(1,2,2,.11),rgba(1,2,2,.88));opacity:0;inset:0;position:absolute;transition:opacity .3s ease,visibility .3s ease;z-index:4;display:flex}
.profiel-tile:hover .profiel-screen{visibility:visible;opacity:1}
.profiel-box{transition:transform .4s cubic-bezier(.175,.885,.32,1.275);transform:translateY(20px);text-align:center;width:100%}
.profiel-tile:hover .profiel-box{transform:translateY(0)}
.profiel-txt{line-height:1.4;color:#fffffd;-webkit-line-clamp:2;font-size:.85rem;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 4px rgba(1,2,2,.8);margin:0 0 12px;display:-webkit-box}
.profiel-inbox{width:50px;height:50px;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(1,2,2,.32);transition:transform .3s ease,box-shadow .3s ease;color:var(--invert);border-radius:50%;display:inline-flex;background:linear-gradient(135deg,var(--magenta),var(--warm))}
.profiel-inbox svg{width:22px;height:22px}
.profiel-inbox:hover{transform:scale(1.1);box-shadow:var(--elev-md)}
.profiel-ster{color:#fffffd;box-shadow:0 2px 8px rgba(1,2,2,.29);border-radius:50%;cursor:pointer;border:none;z-index:6;width:34px;transition:transform .2s ease,background .2s ease,color .2s ease;top:10px;background:rgba(1,2,2,.41);position:absolute;display:grid;place-items:center;left:10px;height:34px}
.profiel-ster svg{width:18px;height:18px}
.profiel-ster:hover{background:rgba(1,2,2,.59);transform:scale(1.1)}
.profiel-ster.lit{color:var(--invert);background:var(--warm)}
.profiel-ster.lit svg{fill:currentColor}



.profielen-row{grid-template-columns:repeat(4,1fr);display:grid;gap:5px}

.site-topbar{position:sticky;top:0;background:var(--card);z-index:60;border-bottom:1px solid var(--edge)}
.site-topbar-in{min-height:74px;padding-block:12px;gap:20px;align-items:center;justify-content:space-between;display:flex}
ul{list-style:none;margin:0;padding:0}
h1,h2,h3,h4{letter-spacing:-.01em;margin:0;color:var(--fg);font-family:var(--font-head);line-height:1.12}
@media(max-width:768px){.profiel-screen{opacity:1;visibility:visible;inset:auto 7px 8px auto;width:auto;height:auto;padding:0;background:none}.profiel-box{width:auto;transform:none}.profiel-txt{display:none}.profiel-inbox{width:34px;height:34px}.profiel-inbox svg{width:16px;height:16px}.profiel-ster{top:8px;left:8px;width:30px;height:30px}.profiel-ster svg{width:16px;height:16px}.profiel-tag{top:8px;right:8px;gap:4px;padding:3px 7px;font-size:9.5px;letter-spacing:.03em}.profiel-tag .dot{width:6px;height:6px}.profiel-tile .profiel-in{padding:10px 9px 9px}.profiel-deck{gap:3px;margin-bottom:5px;padding:3px 6px;font-size:9.5px}.profiel-deck svg{width:12px;height:12px}.profiel-naam{font-size:.92rem;line-height:1.2;padding-right:40px}.profiel-naam span{font-size:.72rem;white-space:nowrap}.profiel-place{font-size:.72rem;gap:4px;margin-top:2px;padding-right:40px}.profiel-place .pin svg{width:12px;height:12px}}
@keyframes wave{0%{opacity:.6;transform:scale(1)}100%{opacity:0;transform:scale(2.4)}}
.artikel-blok .weg{display:flex}.artikel-blok .weg li{padding-left:0}.artikel-blok .weg li::before{display:none}

.dot{line-height:1;color:var(--valid);font-size:.6rem}

.infos{grid-template-columns:1.2fr 1fr;display:grid;align-items:start;gap:clamp(28px,4vw,48px)}
.infos-facts{gap:16px;grid-template-columns:1fr 1fr;display:grid}
.waarden-items{display:grid;gap:10px;margin-top:14px}
.waarden-items li{padding-left:24px;position:relative;color:var(--fg)}
.waarden-items li::before{width:10px;height:10px;position:absolute;left:0;border-radius:50%;content:"";top:.5em;background:var(--warm)}
.credits{border-top:1px solid var(--footer-edge);padding-top:22px;font-size:.86rem;margin-top:34px;color:var(--footer-50)}

.site-einde{color:var(--footer);background:var(--footer-wash)}
.site-einde .binnen{padding-block:56px 22px}
.site-einde a{color:var(--footer)}
.site-einde a:hover{color:var(--footer-x)}
.artikel-blok .weg,.weg:has(+ .section-head){justify-content:center}

.inbox-tag{top:-3px;line-height:1;background:var(--heart);border-radius:var(--rad-pill);font-size:.72rem;box-shadow:var(--elev-sm);place-items:center;border:2px solid var(--card);font-weight:800;color:var(--invert);min-width:22px;right:-3px;padding:0 6px;height:22px;position:absolute;display:grid}
.inbox-tag[hidden]{display:none}
.opname-frame{display:block;width:100%;background:#010202;object-fit:cover;pointer-events:none;height:100%}
.opname-dot{font-size:.64rem;place-items:center;top:50%;pointer-events:none;line-height:1;width:28px;position:absolute;color:#fffffd;box-shadow:var(--elev-sm);display:grid;background:rgba(1,2,2,.55);padding-left:2px;border-radius:50%;left:50%;height:28px;transform:translate(-50%,-50%)}
.opname-tag{gap:4px;font-weight:700;border-radius:var(--rad-pill);z-index:2;bottom:12px;color:#fffffd;background:rgba(1,2,2,.6);align-items:center;display:inline-flex;position:absolute;font-size:.7rem;left:12px;box-shadow:var(--elev-sm);padding:5px 9px;letter-spacing:.02em}
.infos-cityhall{border-radius:var(--rad-lg);border:1px solid var(--edge-50);padding:24px;background:var(--card);box-shadow:var(--elev-md)}

.page-banner{padding-block:clamp(40px,6vw,80px) 20px}
.page-banner h1{font-size:clamp(2rem,4.4vw,3.4rem);font-weight:800}
.page-banner p{font-size:1.08rem;margin:16px auto 0;color:var(--fg-50)}

.artikel{gap:clamp(28px,4vw,56px);align-items:center;grid-template-columns:1fr 1fr;display:grid}
.artikel-txt>p:not(.eyebrow){font-size:1.04rem;margin-top:16px;color:var(--fg-50)}
.artikel-deck{font-family:var(--font-head);color:var(--magenta-deep);font-size:1.1rem;margin-top:22px;font-weight:800}
.cityhall-naam{font-family:var(--font-head);font-weight:800;margin-bottom:14px}
.cityhall-line{margin-top:10px;align-items:flex-start;gap:10px;color:var(--fg-50);font-size:.94rem;display:flex}
.cityhall-line .pin{flex:none;color:var(--magenta)}
.cityhall-line .pin svg{width:16px;height:16px}
.profiel-opname-start{height:78px;background:rgba(1,2,2,.51);padding-left:6px;top:50%;font-size:1.9rem;width:78px;transition:transform .15s ease,background .15s ease;position:absolute;line-height:1;z-index:3;display:grid;box-shadow:var(--elev-md);transform:translate(-50%,-50%);border-radius:50%;border:none;left:50%;place-items:center;color:#fffffd;cursor:pointer}
.profiel-opname-start:hover{transform:translate(-50%,-50%) scale(1.07);background:rgba(1,2,2,.68)}
.profiel-aside{top:96px;position:sticky}
.profiel-top{gap:12px;flex-wrap:wrap;margin-top:14px;align-items:center;display:flex}
.profiel-top .tag-chip{flex:none}
.profiel-lokaas{font-family:var(--font-head);line-height:1.1;font-weight:800;font-size:clamp(1.7rem,3.2vw,2.3rem)}
.profiel-lokaas span{font-weight:600;color:var(--muted);font-size:.62em}
.profiel-notitie{align-items:center;font-size:1.02rem;display:flex;margin-top:10px;color:var(--fg-50);gap:7px}
.profiel-notitie .pin svg{color:var(--magenta);width:18px;height:18px}
.profiel-notitie a{border-bottom:1px solid transparent;text-decoration:none;font-weight:600;transition:border-color .15s ease;color:var(--magenta-deep)}
.profiel-notitie a:hover{border-bottom-color:currentColor}
.profiel-facts{flex-wrap:wrap;margin-top:16px;display:flex;gap:8px}
.profiel-aside .lokaas{margin-top:18px}
.profiel-items{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.fact{background:var(--card);border-radius:var(--rad-md);display:flex;gap:12px;align-items:center;box-shadow:var(--elev-sm);padding:14px 16px;border:1px solid var(--edge-50)}
.fact-ic{width:40px;height:40px;color:var(--magenta);place-items:center;flex:none;background:var(--card-x);display:grid;border-radius:12px}
.fact-ic svg{height:18px;width:18px}
.fact-txt dt{font-size:.78rem;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}
.fact-txt dd{font-family:var(--font-head);margin:2px 0 0;font-weight:800;font-size:.98rem}
.contact-notitie{font-weight:700}
.contact-notitie-lit{color:var(--valid)}
.contact-notitie-shut{color:var(--magenta-deep)}
.zone-tile{overflow:hidden;position:relative;border-radius:var(--rad-lg);background:var(--lilac);border:1px solid var(--edge-50);aspect-ratio:4/3;box-shadow:var(--elev-md)}
.zone-tile.zone-later{cursor:pointer}
.zone-skeleton{background:linear-gradient(160deg,var(--lilac-x),var(--card-x));place-items:center;gap:10px;padding:20px;inset:0;display:grid;text-align:center;position:absolute}
.zone-skeleton p{font-weight:700;color:var(--fg)}
.zone-pin{color:var(--warm);filter:drop-shadow(0 10px 12px rgba(250,74,98,.51))}
.zone-pin svg{fill:currentColor;stroke:none;width:40px;height:40px}
.zone-tile iframe{inset:0;border:0;position:absolute;height:100%;width:100%}
.zone-tile.is-live .zone-skeleton{display:none}

.plekken{gap:32px;display:flex;flex-direction:column}
.plekken-group h2{font-size:1.15rem;margin-bottom:16px;font-weight:800;color:var(--fg)}
.plekken-lijst{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}
.plekken-lijst a{transition:transform .14s,box-shadow .14s,color .14s;border:1px solid var(--edge);font-size:.92rem;font-weight:600;display:flex;border-radius:var(--rad-md);padding:13px 16px;color:var(--fg);justify-content:space-between;background:var(--card);gap:10px;align-items:center;box-shadow:var(--elev-sm)}
.plekken-lijst a:hover{box-shadow:var(--elev-md);transform:translateY(-3px);color:var(--magenta-deep)}
.plekken-lijst a .pin{flex:none;place-items:center;color:var(--magenta);display:grid}
.plekken-lijst a .pin svg{height:16px;width:16px}

.contact-box{max-width:640px}
.contact-skeleton{overflow:hidden;height:1px;width:1px;left:-9999px;position:absolute}
.slot{justify-content:space-between;font-size:.9rem;display:flex;color:var(--fg-50);gap:12px}

.filter-contact{gap:12px;border-radius:var(--rad-pill);margin:0 auto;border:1px solid var(--edge-50);background:var(--card);padding:12px;display:flex;box-shadow:var(--elev-md)}
.filter-contact .veld{border:none;font-size:1.06rem;box-shadow:none;background:transparent}
.filter-contact .veld:focus{box-shadow:none}
.filter-contact+.plekken{margin-top:40px}
.artikel-txt .actie{margin-top:26px}
.veld-line{display:grid;gap:18px;grid-template-columns:1fr 1fr}
.veld{transition:border-color .16s,box-shadow .16s;background:var(--card-50);font-family:inherit;padding:13px 16px;width:100%;font-size:1rem;color:var(--fg);border-radius:var(--rad-sm);border:1.5px solid var(--edge)}
.veld:focus{border-color:var(--magenta);outline:none;box-shadow:0 0 0 3px rgba(237,78,148,.14)}
textarea.veld{min-height:140px;resize:vertical}

.artikel-blok h1{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800}
.artikel-blok h2{font-size:1.35rem;margin-top:34px;color:var(--magenta-deep);font-weight:800}
.artikel-blok p{font-size:1.04rem;color:var(--fg-50);margin-top:14px}
.artikel-blok p a{font-weight:600}
.artikel-blok ul{margin-top:14px;display:grid;gap:10px}
.artikel-blok li{padding-left:24px;position:relative;color:var(--fg-50)}
.artikel-blok li::before{content:"";position:absolute;background:var(--warm);width:10px;left:0;border-radius:50%;top:.5em;height:10px}

.skeleton{text-align:center;padding-block:clamp(60px,10vw,140px)}
.skeleton-rank{font-family:var(--font-head);font-weight:800;line-height:.9;font-size:clamp(6rem,20vw,13rem)}
.skeleton-group{margin-top:30px;justify-content:center;display:flex;flex-wrap:wrap;gap:14px}
.weg{flex-wrap:wrap;display:flex;justify-content:flex-start;gap:6px;font-size:.86rem;color:var(--muted);margin-bottom:14px}


.deal-zone{border-radius:var(--rad-xl);justify-content:space-between;position:relative;overflow:hidden;background:linear-gradient(100deg,var(--magenta-deep),var(--warm) 60%,var(--amber));align-items:center;flex-wrap:wrap;box-shadow:var(--elev-lg);display:flex;color:var(--invert);padding:clamp(38px,5vw,64px);gap:30px}
.deal-blob{right:-90px;top:-120px;width:320px;position:absolute;height:320px;background:rgba(255,255,253,.11);border-radius:50%}
.deal-txt{position:relative;z-index:2}
.deal-txt h2{max-width:16ch;color:var(--invert)}
.deal-txt p{margin-top:10px;color:rgba(255,255,253,.94);max-width:46ch}
.deal-zone .actie{z-index:2;position:relative}
.profiel-frame-ster{width:46px;top:14px;height:46px;right:14px}
.profiel-frame-ster svg{width:21px;height:21px}
.profiel-row{margin-top:22px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,52px);display:grid}
.profiel-part{min-width:0}
.profiel-frame{box-shadow:var(--elev-md);border-radius:var(--rad-lg);position:relative;background:linear-gradient(160deg,var(--pinkbg-200),var(--lilac-x));overflow:hidden;margin:0}
.profiel-frame img{object-fit:cover;display:block;height:auto;width:100%;aspect-ratio:4/5}
.profiel-nav{background:var(--card-wash);transition:transform .15s ease,background .15s ease;box-shadow:var(--elev-md);transform:translateY(-50%);place-items:center;color:var(--magenta-deep);top:50%;display:grid;position:absolute;cursor:pointer;height:44px;z-index:2;border-radius:50%;width:44px;border:none}
.profiel-nav:hover{transform:translateY(-50%) scale(1.07);background:var(--card-wash)}
.profiel-nav svg{height:22px;width:22px}
.profiel-back{left:12px}
.profiel-next{right:12px}
.profiel-rail{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}
.profiel-unit{transition:transform .15s ease,border-color .15s ease;background:var(--card-x);box-shadow:var(--elev-sm);flex:0 0 auto;width:72px;overflow:hidden;aspect-ratio:3/4;border:2px solid transparent;cursor:pointer;border-radius:var(--rad-sm);padding:0}
.profiel-unit img{object-fit:cover;height:100%;width:100%;display:block}
.profiel-unit:hover{transform:translateY(-2px)}
.profiel-unit.lit{border-color:var(--magenta)}
.profiel-part [hidden]{display:none!important}
.profiel-opname{max-height:70vh;object-fit:contain;display:block;width:100%;background:#010202;height:auto}
.profiel-unit-opname{position:relative}
.weg li:not(:last-child)::after{margin-left:6px;color:var(--muted);content:"\00203a"}
.weg a{color:var(--fg-50)}
.hours{margin-top:10px;display:grid;gap:4px}

.dock-tab{border-radius:50%;text-decoration:none;right:22px;color:var(--invert);border:none;align-items:center;display:flex;position:fixed;box-shadow:var(--elev-lg);cursor:pointer;bottom:22px;width:60px;height:60px;justify-content:center;background:linear-gradient(135deg,var(--magenta),var(--warm));z-index:80}
.dock-tab svg{fill:currentColor;stroke:none;width:26px;height:26px}
.dock-tab-txt{padding:13px 20px;width:auto;height:auto;font-family:var(--font-head);font-weight:800;gap:9px;font-size:.95rem;max-width:calc(100vw - 44px);border-radius:var(--rad-pill)}
.dock-tab-txt svg{height:20px;width:20px}
.dock-txt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.einde-row{display:grid;gap:40px;grid-template-columns:1.6fr 1fr 1fr}
.einde-label{font-family:var(--font-head);display:flex;font-weight:800;align-items:center;margin-bottom:12px;font-size:1.2rem;color:var(--footer-x);gap:10px}
.einde-part>p:not(.einde-naam){font-size:.94rem;color:var(--footer-50);max-width:34ch}
.einde-naam{font-size:1rem;font-weight:800;margin-bottom:14px;color:var(--footer-x)}
.einde-lijst{display:grid;font-size:.94rem;gap:10px}

.contact{background:var(--card);padding:clamp(24px,3vw,40px);border-radius:var(--rad-lg);border:1px solid var(--edge-50);box-shadow:var(--elev-md)}
.contact-unit{display:grid;margin-bottom:18px;gap:7px}
.contact-unit label{font-weight:700;font-size:.92rem}

@media (max-width:980px){
  .profielen-row{grid-template-columns:repeat(3,1fr)}
  .profiel-row{grid-template-columns:1fr}
  .profiel-frame{width:100%;max-width:380px;justify-self:start}
  .profiel-aside{position:static}
  .artikel,.infos{grid-template-columns:1fr}
  .einde-row{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .main-menu{display:none}
  .burger{display:flex;position:fixed;top:22px;right:18px}
}
@media (min-width:861px){
  .aside-mobile,.menu-screen{display:none}
}
@media (max-width:600px){
  :root{--block-y:clamp(30px,7vw,48px);--gap:8px}
  .einde-row,.veld-line{grid-template-columns:1fr}
  .profielen-row{grid-template-columns:repeat(2,1fr);gap:5px}
  .profiel-tile{border-radius:var(--rad-sm)}
  .profiel-in{padding:16px 10px}
  .deal-zone{flex-direction:column;align-items:stretch;padding:32px 24px}
  .deal-zone .actie{width:100%;white-space:normal}
  .filter-contact{flex-direction:column;border-radius:var(--rad-lg)}
  .filter-contact .actie{width:100%}
  .blok-profiel{padding-top:0}
  .profiel-frame img{aspect-ratio:1/1;max-height:46vh}
  .profiel-row{margin-top:0}
  .profiel-aside{display:flex;flex-direction:column;margin-top:14px}
  .profiel-top{order:1;margin-top:0}
  .profiel-notitie{order:2}
  .profiel-items{order:3;margin-top:16px;gap:10px}
  .profiel-items .actie{flex:1 1 auto}
  .profiel-rail{display:none}
  .profiel-facts{order:4}
  .profiel-aside .lokaas{order:5}
  .infos-facts{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  .fact{padding:11px 12px;gap:8px;flex-direction:column;align-items:flex-start}
  .fact-ic{width:34px;height:34px}
  .fact-txt{min-width:0}
  .fact-txt dd{font-size:.92rem;overflow-wrap:anywhere}
}