:root{--paper:#f1eadc;--paper2:#e8ddcc;--glass:rgba(238,228,212,.58);--mascot-orange:#b96335;--mascot-orange-dark:#9f4f29;--ink:#a6532c;--muted:#99664f;--clay:#c3764b;--terracotta:var(--mascot-orange);--teal:#319a96;--tealDark:#247a76;--sage:#319a96;--cream:#fffaf0;--shadow:rgba(69,47,38,.16);--rough-button-shape:polygon(3% 20%,6% 8%,14% 3%,29% 1%,48% 2%,66% 1%,84% 4%,95% 11%,99% 27%,98% 48%,99% 69%,94% 88%,84% 96%,66% 99%,47% 98%,29% 99%,13% 96%,5% 88%,1% 70%,2% 50%,1% 32%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-attachment:fixed;background-color:var(--paper);background-image:linear-gradient(#f1eadcc7,#f1eadcd6);background-size:auto,950px auto;color:var(--ink);font-family:Lato,Arial,sans-serif;margin:0;overflow-x:hidden}body:before{background-image:repeating-linear-gradient(8deg,rgba(67,49,40,.065) 0 1px,transparent 1px 7px),repeating-linear-gradient(92deg,hsla(0,0%,100%,.09) 0 1px,transparent 1px 9px),radial-gradient(rgba(49,154,150,.09) .8px,transparent .9px);background-size:100% 100%,100% 100%,18px 18px;top:0;right:0;bottom:0;left:0;mix-blend-mode:multiply;opacity:.95;z-index:-2}body:after,body:before{content:"";pointer-events:none;position:fixed}body:after{background:radial-gradient(circle at 12% 20%,rgba(177,112,77,.24),transparent 28%),radial-gradient(circle at 84% 12%,rgba(49,154,150,.16),transparent 32%),radial-gradient(circle at 70% 85%,rgba(139,144,112,.22),transparent 30%);top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-3}.navbar{align-items:center;background:transparent;border-bottom:2px solid transparent;display:grid;gap:1.3rem;grid-template-columns:1fr auto 1fr;inset:0 0 auto 0;min-height:86px;padding:0 6vw;position:fixed;transition:.45s cubic-bezier(.2,.8,.2,1);z-index:300}.navbar.contact-active,.navbar.scrolled{backdrop-filter:blur(16px) saturate(1.06);-webkit-backdrop-filter:blur(16px) saturate(1.06);background:var(--glass);border-bottom-color:#319a96d1;box-shadow:0 14px 45px #452f2614}.brand-space{min-width:0;transition:.6s cubic-bezier(.18,.86,.25,1)}.navbar.compact .brand-space{min-width:0}.navbar.page-compact .brand-space{transition:none}.main-nav{align-items:center;display:flex;gap:clamp(1.65rem,3vw,3rem);justify-self:center;position:relative;z-index:310}.main-nav a,.nav-trigger{color:var(--ink);font-size:.93rem;font-weight:900;letter-spacing:.02em;padding:.45rem 0;position:relative;text-decoration:none}.nav-trigger{background:transparent;border:0;cursor:pointer;font-family:inherit}.chevron{border-bottom:2px solid var(--tealDark);border-right:2px solid var(--tealDark);display:inline-block;height:.42rem;margin-left:.45rem;transform:rotate(45deg) translateY(-2px);width:.42rem}.category-menu.active .nav-trigger:after,.main-nav>a.active:after,.main-nav>a:hover:after,.nav-trigger:hover:after{background:var(--teal);border-radius:99px;bottom:-8px;content:"";height:2px;left:0;position:absolute;width:100%}.category-menu{position:relative}.category-dropdown{background:#fffaf0fa;border:1px solid rgba(49,154,150,.18);border-radius:18px;box-shadow:0 18px 45px #452f2621;left:50%;opacity:0;padding:.6rem;pointer-events:none;position:absolute;top:calc(100% + 1rem);transform:translate(-50%,-6px);transition:.22s ease;width:230px;z-index:330}.category-menu.open .category-dropdown{opacity:1;pointer-events:auto;transform:translate(-50%)}.category-menu.active .nav-trigger{color:var(--category-accent)}.category-menu.active .nav-trigger:after{background:var(--category-accent)}.category-dropdown a{align-items:center;border-radius:12px;display:flex;gap:.65rem;padding:.72rem .85rem;transition:background-color .2s ease,color .2s ease,transform .2s ease}.category-dropdown a.active,.category-dropdown a:hover{background:var(--category-pastel);color:var(--category-accent);transform:translate(3px)}.category-swatch{background:var(--category-accent);border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--category-pastel) 65%,transparent);flex:0 0 auto;height:.7rem;width:.7rem}.nav-actions{align-items:center;display:flex;gap:.7rem;justify-self:end;position:relative;z-index:320}.icon-btn{background:var(--teal);border:0;border-radius:50%;box-shadow:0 10px 25px #319a9638;color:var(--cream);display:grid;font-size:1rem;height:40px;place-items:center;text-decoration:none;transition:background-color .2s ease,box-shadow .2s ease,color .2s ease;width:40px}.icon-btn:hover{background:var(--mascot-orange);box-shadow:0 11px 27px #b9633540;clip-path:var(--rough-button-shape)}.hamburger{background:#fffaf094;border:0;border-radius:50%;box-shadow:inset 0 0 0 1px #4f3a311a;color:var(--ink);cursor:pointer;display:none;height:44px;padding:0;position:relative;transition:background-color .2s ease,box-shadow .2s ease,color .2s ease;width:44px;z-index:340}.hamburger:hover{background:#b9633524;box-shadow:inset 0 0 0 1px #b9633540;clip-path:var(--rough-button-shape)}.hamburger span{background:currentColor;border-radius:999px;height:2px;left:11px;position:absolute;transform-origin:center;transition:top .28s ease,transform .28s ease,opacity .18s ease;width:22px}.hamburger span:first-child{top:14px}.hamburger span:nth-child(2){top:21px}.hamburger span:nth-child(3){top:28px}.hamburger.open{background:var(--mascot-orange);color:#fff;transform:rotate(90deg)}.hamburger.open span:first-child{top:21px;transform:rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(.2)}.hamburger.open span:nth-child(3){top:21px;transform:rotate(-45deg)}.floating-brand{align-items:center;color:var(--ink);display:flex;flex-direction:column;gap:1.1rem;left:50%;pointer-events:auto;position:fixed;text-decoration:none;top:41vh;transform:translate(-50%,-50%);transition:.9s cubic-bezier(.18,.86,.22,1);will-change:top,left,transform;z-index:100}.brand-mark{aspect-ratio:1;display:grid;filter:drop-shadow(0 26px 50px rgba(49,154,150,.22));place-items:center;position:relative;transition:.9s cubic-bezier(.18,.86,.22,1);width:clamp(150px,18vw,235px)}.brand-mark:before{background:#319a961f;border-radius:50%;content:"";filter:blur(22px);top:14%;right:14%;bottom:14%;left:14%;position:absolute}.brand-mark img{height:100%;-o-object-fit:contain;object-fit:contain;position:relative;width:100%}.brand-name{color:var(--ink);font-size:clamp(2.5rem,7vw,5.4rem);font-weight:900;letter-spacing:.08em;line-height:.95;margin:0;text-shadow:0 9px 30px rgba(69,47,38,.12);text-transform:uppercase;transition:.9s cubic-bezier(.18,.86,.22,1);white-space:nowrap}.brand-name:after{color:var(--teal);content:"."}.brand-mascot-anchor{display:inline-block}.brand-subtitle{color:var(--muted);font-size:clamp(1.05rem,2.1vw,1.65rem);font-weight:900;letter-spacing:.32em;margin-top:-.55rem;text-transform:uppercase;transition:.9s cubic-bezier(.18,.86,.22,1)}.floating-brand.compact{flex-direction:row;gap:.7rem;left:6vw;top:20px;transform:translate(0);z-index:350}.floating-brand.compact .brand-mark{filter:drop-shadow(0 8px 14px rgba(49,154,150,.18));width:48px}.floating-brand.compact .brand-name{color:var(--ink);font-size:1.1rem;letter-spacing:.065em;text-shadow:none}.floating-brand.compact .brand-subtitle{display:none}.floating-brand.page-compact,.floating-brand.page-compact .brand-mark,.floating-brand.page-compact .brand-name,.floating-brand.page-compact .brand-subtitle{transition:none}.mascot-peek{--mascot-rotation:0deg;--mascot-entry-x:0;--mascot-entry-y:0;animation:mascot-peek-in .72s cubic-bezier(.16,.82,.28,1.12) both;background:transparent;border:0;color:var(--ink);cursor:pointer;filter:drop-shadow(0 14px 20px rgba(69,47,38,.2));font:inherit;padding:0;position:fixed;text-align:left;width:clamp(118px,10vw,158px);z-index:250}.mascot-peek img{animation:mascot-idle 3.8s ease-in-out .75s infinite;display:block;height:auto;transform:rotate(var(--mascot-rotation));transform-origin:center;width:100%}.mascot-peek-hero{--mascot-rotation:0deg;filter:drop-shadow(0 16px 24px rgba(185,99,53,.24));width:33px}.mascot-peek-hero img{animation:mascot-hero-wiggle 1.8s ease-in-out infinite}.mascot-peek-hero .mascot-speech{left:calc(100% + 12px);opacity:1;right:auto;top:-24px;transform:translate(0) scale(1);transform-origin:left center;visibility:visible;width:var(--hero-speech-width,230px)}.mascot-peek-hero .mascot-speech:before{border:0;border-bottom:1px solid rgba(79,58,49,.12);border-left:1px solid rgba(79,58,49,.12);left:-8px;right:auto;top:28px}.mascot-speech{border:1px solid rgba(79,58,49,.12);border-radius:18px;box-shadow:0 18px 42px #452f2626;color:var(--ink);font-size:.86rem;font-weight:900;left:calc(100% - 24px);line-height:1.45;opacity:0;padding:.8rem .95rem;pointer-events:none;top:12%;transform:translate(-8px) scale(.96);transform-origin:left center;transition:opacity .2s ease,transform .24s ease,visibility 0s linear .24s;visibility:hidden;width:min(220px,58vw);z-index:2}.mascot-speech,.mascot-speech:before{background:#fffaf0f5;position:absolute}.mascot-speech:before{border-bottom:1px solid rgba(79,58,49,.12);border-left:1px solid rgba(79,58,49,.12);content:"";height:16px;left:-8px;top:22px;transform:rotate(45deg);width:16px}.mascot-peek.message-open .mascot-speech,.mascot-peek:focus-visible .mascot-speech,.mascot-peek:hover .mascot-speech{opacity:1;transform:translate(0) scale(1);transition-delay:0s;visibility:visible}.mascot-peek:focus-visible{border-radius:28px;outline:3px solid rgba(49,154,150,.45);outline-offset:5px}.mascot-peek-beeldende-therapie .mascot-speech,.mascot-peek-home .mascot-speech,.mascot-peek-workshop .mascot-speech{left:auto;right:calc(100% - 24px);transform-origin:right center}.mascot-peek-beeldende-therapie .mascot-speech:before,.mascot-peek-home .mascot-speech:before,.mascot-peek-workshop .mascot-speech:before{border:0;border-right:1px solid rgba(79,58,49,.12);border-top:1px solid rgba(79,58,49,.12);left:auto;right:-8px}.mascot-peek-home{--mascot-rotation:-42deg;--mascot-entry-x:55%;right:-72px;top:61vh}.mascot-peek-over-mij{top:54vh}.mascot-peek-over-mij,.mascot-peek-portfolio{--mascot-rotation:42deg;--mascot-entry-x:-55%;left:-72px}.mascot-peek-portfolio{top:30vh}.mascot-peek-workshop{--mascot-rotation:-42deg;--mascot-entry-x:55%;right:-72px;top:34vh}.mascot-peek-kleifeestjes{--mascot-rotation:42deg;--mascot-entry-x:-55%;left:-72px;top:55vh}.mascot-peek-beeldende-therapie{--mascot-rotation:-42deg;--mascot-entry-x:55%;right:-72px;top:52vh}.mascot-peek-op-aanvraag{--mascot-rotation:42deg;--mascot-entry-x:-55%;bottom:8vh;left:-72px}.mascot-peek-contact{--mascot-rotation:180deg;--mascot-entry-y:-55%;filter:drop-shadow(0 10px 14px rgba(69,47,38,.18));left:calc(6vw + 12px);top:5px;width:clamp(112px,9vw,138px);z-index:290}.mascot-peek-contact .mascot-speech{left:calc(100% - 30px);top:55%;width:min(185px,48vw)}@keyframes mascot-peek-in{0%{opacity:0;transform:translate3d(var(--mascot-entry-x),var(--mascot-entry-y),0) scale(.88)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes mascot-idle{0%,to{transform:translateY(0) rotate(var(--mascot-rotation))}50%{transform:translateY(-4px) rotate(calc(var(--mascot-rotation) + 1.5deg))}}@keyframes mascot-hero-wiggle{0%,to{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(7deg) translateY(-5px)}}@media(prefers-reduced-motion:reduce){.mascot-peek,.mascot-peek img{animation:none}}main{padding-top:0}.brand-hero{display:grid;min-height:96vh;padding:0 6vw 8vh;place-items:end center;position:relative;text-align:center}.brand-hero p{color:var(--muted);font-size:1.06rem;line-height:1.8;max-width:660px}.section{margin:0 auto 7rem;width:min(1180px,88vw)}.split{align-items:center;display:grid;gap:clamp(2rem,6vw,5rem);grid-template-columns:.95fr 1.05fr}.photo-stack{position:relative}.photo-stack:before{background:var(--clay);border-radius:42% 58% 48% 52%;bottom:-9%;height:82%;left:-9%;opacity:.22;width:82%}.photo-stack:after,.photo-stack:before{content:"";position:absolute;z-index:-1}.photo-stack:after{border:2px solid rgba(49,154,150,.36);border-radius:41% 59% 60% 40%;height:110px;right:-4%;top:-5%;width:110px}.photo-stack img{border-radius:42% 58% 50% 50%/34% 42% 58% 66%;box-shadow:0 30px 80px var(--shadow);display:block;transform:rotate(-1.2deg);width:100%}.eyebrow{color:var(--tealDark);display:inline-block;font-size:.75rem;font-weight:900;letter-spacing:.18em;margin-bottom:.9rem;text-transform:uppercase}h1,h2,h3{margin-top:0}h1{font-size:clamp(2.7rem,7vw,5.8rem);line-height:.96;margin-bottom:1.2rem}h2{font-size:clamp(2.1rem,5vw,3.8rem);line-height:1.02;margin-bottom:.8rem}.intro p,.page li,.page p,.portfolio-text p,.section-heading p{color:var(--muted);font-size:1.05rem;line-height:1.85}.btn-row{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.5rem}.btn{align-items:center;border:0;border-radius:999px;display:inline-flex;font-weight:900;justify-content:center;line-height:1;padding:.95rem 1.45rem;text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,filter .2s ease}.btn.primary{background:var(--mascot-orange);box-shadow:0 10px 24px #b963352e;color:#fff}.btn.secondary{background:#319a961f;border:1px solid rgba(49,154,150,.26);color:var(--tealDark)}.btn:hover{box-shadow:0 11px 26px #b9633538;clip-path:var(--rough-button-shape);filter:saturate(1.07)}.btn:active{box-shadow:inset 0 0 0 2px #fffaf038,0 7px 18px #b963352e;filter:saturate(1.12)}.btn.secondary:active,.btn.secondary:focus-visible,.btn.secondary:hover{background:var(--teal);border-color:var(--teal);box-shadow:0 10px 24px #319a9638;color:#fff}.section-heading{margin:0 auto 2.8rem;max-width:720px;text-align:center}.category-grid{align-items:stretch;display:grid;gap:1.1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.category-card{background-position:50%;background-size:cover;border:2px solid transparent;border-radius:28px;box-shadow:0 22px 60px var(--shadow);cursor:pointer;height:100%;isolation:isolate;min-height:420px;overflow:hidden;position:relative;transform:none;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.category-card.open,.category-card:hover{border-color:var(--category-accent);box-shadow:0 28px 70px color-mix(in srgb,var(--category-accent) 24%,transparent);transform:translateY(-7px)}.category-card:before{background:linear-gradient(0deg,#2a1d18bf,#2a1d181a);content:"";top:0;right:0;bottom:0;left:0;position:absolute;transition:.35s;z-index:-1}.category-card.open:before,.category-card:hover:before{-webkit-backdrop-filter:blur(1px) saturate(.55) sepia(.12);backdrop-filter:blur(1px) saturate(.55) sepia(.12);background:color-mix(in srgb,var(--category-pastel) 88%,transparent)}.category-content{color:#fff;inset:auto 0 0;padding:1.55rem;position:absolute;transform:translateY(96px);transition:.35s}.category-card.open .category-content,.category-card:hover .category-content{color:var(--ink);transform:translateY(0)}.category-content h3{font-size:1.55rem;margin-bottom:.65rem}.category-card.open .category-content h3,.category-card:hover .category-content h3{color:var(--category-accent)}.category-card .btn.primary{background:var(--mascot-orange);box-shadow:0 12px 26px #b9633547}.category-content .btn,.category-content p{opacity:0;transition:.35s}.category-card.open .btn,.category-card.open p,.category-card:hover .btn,.category-card:hover p{opacity:1}.category-content p{line-height:1.65;margin:0 0 .4rem}.portfolio-teaser{background:#fffaf06b;border:1px solid rgba(49,154,150,.16);border-radius:42px;box-shadow:0 24px 65px #452f2617;display:grid;gap:2rem;grid-template-columns:1.15fr .85fr;overflow:hidden;padding:1.15rem;position:relative}.portfolio-teaser:before{background:#319a9629;border-radius:41% 59% 62% 38%;content:"";filter:blur(2px);height:230px;position:absolute;right:-70px;top:-80px;width:230px}.portfolio-teaser img{border-radius:32px;height:100%;min-height:390px;-o-object-fit:cover;object-fit:cover;width:100%}.portfolio-text{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.2rem,4vw,3rem);position:relative}.page{background:#fffaf073;border:1px solid rgba(49,154,150,.16);border-radius:38px;box-shadow:0 25px 65px #452f2617;display:none;margin:9rem auto 6rem;padding:clamp(1.5rem,4vw,3.2rem);position:relative;width:min(980px,88vw)}.page.active-page{display:block}.category-page{background:color-mix(in srgb,var(--category-pastel) 25%,rgba(255,250,240,.55));border-color:color-mix(in srgb,var(--category-accent) 28%,transparent)}.category-page .eyebrow,.category-page h1{color:var(--category-accent)}.category-page .btn.primary{background:var(--mascot-orange)}.category-page h2{color:var(--category-accent);font-size:clamp(1.45rem,3vw,2.2rem);margin-top:1.8rem}.category-story{display:grid;gap:clamp(1.5rem,4vw,2.6rem);margin:1.5rem 0 2rem}.story-row{align-items:center;display:grid;gap:clamp(1.35rem,4vw,2.7rem);grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr)}.story-row-reverse .story-copy{order:2}.story-row-reverse .story-photo{order:1}.story-copy>:first-child{margin-top:0}.story-copy>:last-child{margin-bottom:0}.story-photo{background:#fffaf099;border:1px solid color-mix(in srgb,var(--category-accent) 24%,transparent);border-radius:28px;box-shadow:0 22px 54px #452f261c;margin:0;padding:.55rem;position:relative;transform:rotate(1.2deg)}.story-row-reverse .story-photo{transform:rotate(-1.2deg)}.story-photo img{aspect-ratio:4/3;border-radius:21px;display:block;-o-object-fit:cover;object-fit:cover;width:100%}.story-photo-tall img{aspect-ratio:5/4}.story-photo figcaption{color:var(--category-accent);font-size:.76rem;font-weight:900;letter-spacing:.05em;line-height:1.45;padding:.75rem .65rem .3rem}.category-note{background:color-mix(in srgb,var(--category-pastel) 52%,rgba(255,250,240,.65));border:1px solid color-mix(in srgb,var(--category-accent) 35%,transparent);border-radius:18px;margin:1.4rem 0;max-width:760px;padding:1rem 1.15rem}.portfolio-page{width:min(1180px,88vw)}.portfolio-header{max-width:760px}.portfolio-tabs{display:flex;flex-wrap:wrap;gap:.7rem;margin:2rem 0 1.4rem}.portfolio-tabs button{background:color-mix(in srgb,var(--category-pastel) 42%,rgba(255,250,240,.72));border:1px solid color-mix(in srgb,var(--category-accent) 28%,transparent);border-radius:999px;color:var(--category-accent);cursor:pointer;font:inherit;font-weight:900;padding:.82rem 1.1rem;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.portfolio-tabs button:hover{clip-path:var(--rough-button-shape)}.portfolio-tabs button.active,.portfolio-tabs button:hover{background:var(--category-accent);border-color:transparent;box-shadow:0 14px 30px color-mix(in srgb,var(--category-accent) 24%,transparent);color:#fff}.portfolio-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-card{background:#fffaf085;border:1px solid color-mix(in srgb,var(--category-accent) 22%,transparent);border-radius:28px;box-shadow:0 18px 42px #452f2614;color:var(--ink);cursor:pointer;display:grid;font:inherit;gap:.7rem;padding:.75rem;text-align:left;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.portfolio-card:hover{background:color-mix(in srgb,var(--category-pastel) 38%,rgba(255,250,240,.7));border-color:var(--category-accent);box-shadow:0 24px 60px color-mix(in srgb,var(--category-accent) 20%,transparent)}.portfolio-card img{aspect-ratio:4/3;border-radius:22px;display:block;-o-object-fit:cover;object-fit:cover;width:100%}.portfolio-card span{color:var(--category-accent);font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.portfolio-card h3{font-size:1.18rem;line-height:1.2;margin:-.3rem 0 .35rem}.portfolio-card:hover h3{color:var(--category-accent)}.contact-grid{align-items:start;display:grid;gap:clamp(1.4rem,5vw,4rem);grid-template-columns:.85fr 1.15fr}.contact-actions{margin-top:0}.contact-intro{display:grid;gap:1.15rem}.contact-lead{margin:0}.contact-location{align-items:center;color:var(--ink);display:inline-flex;font-weight:900;gap:.7rem;line-height:1.5;text-decoration:none;transition:color .2s ease,transform .2s ease;width:-moz-fit-content;width:fit-content}.contact-location svg{fill:var(--terracotta);flex:0 0 auto;height:1.4rem;transition:transform .2s ease;width:1.4rem}.contact-location:focus-visible,.contact-location:hover{color:var(--terracotta);transform:translate(3px)}.contact-location:focus-visible svg,.contact-location:hover svg{transform:translateY(-2px)}.contact-form{border-radius:0}.contact-form,.contact-page{background:transparent;border:0;box-shadow:none;padding:0}.contact-page h1{margin-bottom:2rem}.field-pair{display:grid;gap:.9rem;grid-template-columns:1fr 1fr}.contact-form label{color:var(--ink);display:grid;font-size:.78rem;font-weight:900;gap:.45rem;letter-spacing:.12em;margin-bottom:.95rem;text-transform:uppercase}.contact-form input,.contact-form select,.contact-form textarea{background:#f1eadcb8;border:1px solid rgba(79,58,49,.14);border-radius:16px;color:var(--ink);font:inherit;font-weight:700;outline:none;padding:.9rem .95rem;transition:.2s ease;width:100%}.contact-form textarea{min-height:138px;resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#319a96b3;box-shadow:0 0 0 4px #319a961f}.contact-page.has-category .contact-form select[name=category]{background:color-mix(in srgb,var(--category-pastel) 55%,rgba(241,234,220,.72));border-color:var(--category-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--category-pastel) 55%,transparent);color:var(--category-accent)}.contact-page.has-category .contact-form select[name=category]:focus{border-color:var(--category-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--category-pastel) 70%,transparent)}.contact-form select:disabled{cursor:not-allowed;opacity:.58}.field-error,.field-help{font-size:.72rem;font-weight:700;letter-spacing:0;line-height:1.45;text-transform:none}.field-help{color:var(--muted)}.field-error{color:#8a5d20}.capacity-note{background:#ead2a28c;border:1px solid rgba(157,106,36,.3);border-radius:16px;color:var(--ink);font-size:.92rem;font-weight:700;line-height:1.6;margin:0 0 1rem;padding:.95rem 1rem}.form-status{color:var(--tealDark);font-weight:900;margin:1rem 0 0}.site-footer{background:#f1eadcb8;border-top:1px solid rgba(49,154,150,.18);padding:2.2rem 6vw}.footer-inner{align-items:center;display:grid;gap:clamp(1.5rem,4vw,3rem);grid-template-columns:1fr auto;margin:0 auto;width:min(1180px,100%)}.footer-brand strong{display:block;font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase}.footer-brand span{color:var(--teal)}.footer-brand p{color:var(--muted);margin:.45rem 0 0}.footer-contact{display:flex;flex-wrap:wrap;gap:.75rem}.footer-contact a{flex:0 0 auto}.lightbox{align-items:center;backdrop-filter:blur(18px) saturate(1.05);-webkit-backdrop-filter:blur(18px) saturate(1.05);background:#251915c7;display:grid;gap:clamp(.7rem,2vw,1.3rem);grid-template-columns:64px minmax(0,980px) 64px;top:0;right:0;bottom:0;left:0;justify-content:center;padding:clamp(1rem,4vw,3rem);position:fixed;z-index:500}.lightbox-figure{display:grid;gap:.85rem;grid-column:2;margin:0;width:min(100%,980px)}.lightbox-figure img{background:#f1eadcd1;border-radius:32px;box-shadow:0 36px 100px #00000057;display:block;max-height:min(76vh,760px);-o-object-fit:contain;object-fit:contain;width:100%}.lightbox-figure figcaption{background:#fffaf0f0;border-radius:999px;box-shadow:0 18px 46px #00000029;color:var(--ink);font-weight:900;justify-self:center;min-width:min(360px,100%);padding:.85rem 1.2rem;text-align:center}.lightbox-figure figcaption span{color:var(--category-accent);display:block;font-size:.62rem;letter-spacing:.16em;margin-bottom:.18rem;text-transform:uppercase}.lightbox-close,.lightbox-nav{background:#fffaf0eb;border:1px solid rgba(255,250,240,.28);border-radius:50%;box-shadow:0 18px 44px #0003;color:var(--ink);cursor:pointer;font:inherit;font-weight:900;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.lightbox-close:hover,.lightbox-nav:hover{background:var(--mascot-orange);box-shadow:0 20px 48px #b963353d;clip-path:var(--rough-button-shape);color:#fff}.lightbox-close{font-size:1.5rem;height:46px;line-height:1;position:absolute;right:clamp(1rem,3vw,2rem);top:clamp(1rem,3vw,2rem);width:46px}.lightbox-nav{font-size:2.1rem;height:58px;line-height:1;width:58px}.lightbox-prev{grid-column:1}.lightbox-next{grid-column:3}@media(max-width:1050px){.category-grid{grid-template-columns:repeat(2,1fr)}.contact-grid,.portfolio-teaser,.split{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-row{grid-template-columns:minmax(0,1fr) minmax(240px,.85fr)}.navbar.compact .brand-space{min-width:0}.footer-inner{align-items:start;grid-template-columns:1fr}}@media(max-width:780px){.navbar{grid-template-columns:1fr auto;grid-template-rows:44px auto;height:60px;min-height:60px;overflow:visible;padding:8px 5vw}.navbar.menu-open{backdrop-filter:blur(18px) saturate(1.05);-webkit-backdrop-filter:blur(18px) saturate(1.05);background:#f1eadcfa;border-bottom-color:#319a96d1;box-shadow:0 18px 48px #452f2629;height:auto;max-height:100dvh;min-height:60px;overflow-y:auto}.navbar.menu-open+.floating-brand{opacity:0;pointer-events:none;transform:translateY(-10px)}.navbar.menu-open~.mascot-peek{opacity:0;visibility:hidden}.hamburger{display:block}.brand-space{display:none}.main-nav{align-items:flex-start;display:flex;flex-direction:column;gap:.15rem;grid-column:1/-1;grid-row:2;max-height:0;opacity:0;overflow:hidden;padding:0;pointer-events:none;transform:translateY(-10px);transition:max-height .42s cubic-bezier(.2,.8,.2,1),padding .3s ease,opacity .24s ease,transform .32s ease,visibility 0s linear .42s;visibility:hidden;width:100%}.main-nav.open{max-height:calc(100dvh - 88px);opacity:1;padding:.85rem 0 .4rem;pointer-events:auto;transform:translateY(0);transition-delay:0s;visibility:visible}.main-nav>a,.nav-trigger{padding:.78rem .2rem;text-align:left;width:100%}.category-menu{width:100%}.category-dropdown{border-width:0;box-shadow:none;margin-top:0;max-height:0;opacity:0;overflow:hidden;padding:0;position:static;transform:none;transition:max-height .32s ease,padding .25s ease,opacity .2s ease,visibility 0s linear .32s;visibility:hidden;width:100%}.category-menu.open .category-dropdown{border-width:1px;margin-top:.2rem;max-height:320px;opacity:1;padding:.4rem;transform:none;transition-delay:0s;visibility:visible}.nav-actions{align-self:center;grid-column:2;grid-row:1}.navbar.compact .brand-space{min-width:0}.floating-brand.compact{left:5vw;top:10px}.floating-brand.compact .brand-mark{width:39px}.floating-brand.compact .brand-name{font-size:.9rem}.floating-brand:not(.compact) .brand-name{font-size:min(2.5rem,10vw);letter-spacing:.06em;max-width:94vw;white-space:nowrap}.brand-hero{min-height:90vh}.category-grid,.field-pair,.portfolio-grid,.story-row{grid-template-columns:1fr}.story-row .story-copy,.story-row .story-photo,.story-row-reverse .story-copy,.story-row-reverse .story-photo{order:0}.story-photo,.story-row-reverse .story-photo{transform:none}.category-card{min-height:350px}.category-content{transform:translateY(88px)}.page,.portfolio-page{margin-top:11.5rem;width:min(92vw,100%)}.portfolio-tabs button{flex:1 1 calc(50% - .7rem);padding-inline:.75rem}.lightbox{align-content:center;grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.lightbox-figure{grid-column:1/-1}.lightbox-figure img{border-radius:24px;max-height:68vh}.lightbox-prev{grid-column:1;justify-self:end}.lightbox-next{grid-column:2;justify-self:start}.site-footer{padding:2rem 5vw}.footer-contact{flex-direction:column;gap:.55rem}.mascot-peek{width:104px}.mascot-peek-hero{width:33px}.mascot-peek-hero .mascot-speech{font-size:.7rem;left:calc(100% + 10px);line-height:1.35;padding:.55rem .6rem;right:auto;top:-24px;transform-origin:left center;width:var(--hero-speech-width,72px)}.mascot-peek-hero .mascot-speech:before{border:0;border-bottom:1px solid rgba(79,58,49,.12);border-left:1px solid rgba(79,58,49,.12);left:-8px;right:auto;top:28px}.mascot-peek-beeldende-therapie,.mascot-peek-home,.mascot-peek-workshop{right:-58px}.mascot-peek-kleifeestjes,.mascot-peek-op-aanvraag,.mascot-peek-over-mij,.mascot-peek-portfolio{left:-58px}.mascot-peek-contact{left:calc(5vw + 16px);top:24px;width:104px}}