:root{--paper:#f1eadc;--paper2:#e8ddcc;--glass:rgba(238,228,212,.58);--ink:#4f3a31;--muted:#8a6b5a;--clay:#b9704d;--terracotta:#95533e;--teal:#319a96;--tealDark:#247a76;--sage:#8b9070;--cream:#fffaf0;--shadow:rgba(69,47,38,.16)}*{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.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-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:.25s;width:40px}.icon-btn:hover{background:var(--clay);transform:translateY(-2px) rotate(-4deg)}.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 .25s ease,transform .25s ease;width:44px;z-index:340}.hamburger:hover{background:#319a961f}.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(--teal);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)}.brand-name:after{color:var(--teal);content:"."}.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)}.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}.page-mascot{aspect-ratio:1;border:1px solid rgba(255,250,240,.55);border-radius:50% 50% 46% 54%;box-shadow:0 16px 42px #452f2629;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 36%;object-position:50% 36%;opacity:.52;pointer-events:none;position:absolute;width:clamp(70px,8vw,110px);z-index:0}.mascot-home{bottom:13vh;right:8vw;transform:rotate(4deg)}.mascot-portfolio{right:2rem;top:2rem;transform:rotate(5deg)}.mascot-workshops{bottom:1.5rem;right:2rem;transform:rotate(-4deg)}.mascot-feestjes{right:1.4rem;top:50%;transform:translateY(-50%) rotate(7deg)}.mascot-vrij-atelier{bottom:1.2rem;left:1.5rem;transform:rotate(-7deg)}.mascot-maatwerk{left:1.4rem;top:50%;transform:translateY(-50%) rotate(3deg)}.mascot-contact{left:50%;top:1rem;transform:translate(-50%) rotate(-5deg)}.page>:not(.page-mascot){position:relative;z-index:1}.brand-hero .page-mascot{z-index:1}.brand-hero>:not(.page-mascot){position:relative;z-index:2}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-radius:999px;display:inline-flex;font-weight:900;justify-content:center;padding:.95rem 1.45rem;text-decoration:none;transition:.25s}.btn.primary{background:var(--terracotta);color:#fff}.btn.secondary{background:#319a961f;border:1px solid rgba(49,154,150,.22);color:var(--tealDark)}.btn:hover{transform:translateY(-3px) rotate(-1deg)}.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-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}.category-card.open,.category-card:hover{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(--category-accent)}.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(--category-accent)}.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:.2s ease}.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;transform:translateY(-2px)}.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:.25s 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);transform:translateY(-6px)}.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-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}.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:.2s ease}.lightbox-close:hover,.lightbox-nav:hover{background:var(--teal);color:#fff;transform:translateY(-2px)}.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))}.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:auto auto;min-height:78px;overflow:visible;padding:1rem 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;max-height:100dvh;overflow-y:auto}.navbar.menu-open+.floating-brand{opacity:0;pointer-events:none;transform:translateY(-10px)}.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:start;grid-column:2;grid-row:1}.navbar.compact .brand-space{min-width:0}.floating-brand.compact{left:5vw;top:19px}.floating-brand.compact .brand-mark{width:39px}.floating-brand.compact .brand-name{font-size:.9rem}.brand-hero{min-height:90vh}.category-grid,.field-pair,.portfolio-grid{grid-template-columns:1fr}.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}.page-mascot{opacity:.46;width:58px}.mascot-home{bottom:8rem;right:1rem}.mascot-portfolio{right:1rem;top:1rem}.mascot-feestjes,.mascot-workshops{bottom:1rem;right:1rem}.mascot-feestjes{top:auto;transform:rotate(7deg)}.mascot-vrij-atelier{bottom:1rem;left:1rem}.mascot-maatwerk{left:1rem;top:1rem;transform:rotate(3deg)}.mascot-contact{left:auto;right:1rem;top:.75rem;transform:rotate(-5deg)}}