:root{--color-bark: #3b2a1a;--color-cedar: #8b5e3c;--color-sand: #f2ebe0;--color-moss: #4a5240;--color-cream: #faf7f2;--color-text: #2c2318;--color-text-muted: #7a6555;--color-border: #d9cfc3;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Jost", "Gill Sans", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 7rem;--spacing-2xl: 11rem;--transition: .4s ease;--transition-slow: .8s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background-color:var(--color-cream);color:var(--color-text);line-height:1.7;font-weight:300;overflow-x:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;line-height:1.1;letter-spacing:-.01em;color:var(--color-bark)}h1{font-size:clamp(2.8rem,7vw,6rem);font-weight:400}h2{font-size:clamp(2rem,4vw,3.4rem);font-weight:400}h3{font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:500}.label{font-family:var(--font-body);font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--color-cedar)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-md)}.section-padding{padding:var(--spacing-xl) 0}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.divider{width:3rem;height:1px;background:var(--color-cedar);margin:var(--spacing-md) 0}.divider-center{margin-left:auto;margin-right:auto}.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.5rem var(--spacing-md);display:flex;align-items:center;justify-content:space-between;transition:background .5s ease,backdrop-filter .5s ease}.site-nav.scrolled{background:#faf7f2eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.nav-logo{display:flex;align-items:center;gap:.75rem}.nav-logo-text{display:flex;flex-direction:column;line-height:1.1}.nav-logo-text .brand{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--color-bark);letter-spacing:.03em}.nav-logo-text .sub{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-cedar);font-weight:500}.nav-links{display:flex;align-items:center;gap:2.5rem;list-style:none}.nav-links a{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--color-bark);transition:color var(--transition);position:relative}.nav-links a:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:1px;background:var(--color-cedar);transition:width var(--transition)}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:var(--color-cedar)}.nav-contact-link{border:1px solid var(--color-cedar)!important;padding:.5rem 1.2rem!important;color:var(--color-cedar)!important;transition:background var(--transition),color var(--transition)!important}.nav-contact-link:hover{background:var(--color-cedar)!important;color:var(--color-cream)!important}.nav-contact-link:after{display:none!important}.nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-hamburger span{display:block;width:24px;height:1px;background:var(--color-bark);transition:transform var(--transition)}@media(max-width:768px){.nav-links{display:none;position:fixed;inset:0;background:var(--color-cream);flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;z-index:99}.nav-links.open{display:flex}.nav-links a{font-size:1.4rem;letter-spacing:.1em}.nav-hamburger{display:flex;z-index:101}.nav-hamburger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}}.hero{position:relative;height:100svh;min-height:600px;overflow:hidden;display:flex;align-items:flex-end}.hero-image-wrapper{position:absolute;inset:0}.hero-image-wrapper img{width:100%;height:100%;object-fit:cover;object-position:center 40%;transform:scale(1.04);animation:heroZoom 12s ease forwards}@keyframes heroZoom{0%{transform:scale(1.08)}to{transform:scale(1)}}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,#2b1c0eb8,#2b1c0e4d 45%,#2b1c0e0d)}.hero-content{position:relative;z-index:2;padding:var(--spacing-lg) var(--spacing-md);padding-bottom:var(--spacing-xl);width:100%;max-width:1280px;margin:0 auto}.hero-eyebrow{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:#f2ebe0bf;font-weight:500;margin-bottom:1.2rem;font-family:var(--font-body);animation:fadeUp 1.2s ease .3s both}.hero h1{color:var(--color-sand);font-size:clamp(3rem,8vw,6.5rem);font-weight:300;font-style:italic;max-width:14ch;line-height:1.05;animation:fadeUp 1.2s ease .5s both}.hero h1 em{font-style:normal;font-weight:600;display:block}.hero-tagline{margin-top:var(--spacing-md);font-size:.9rem;color:#f2ebe0cc;font-family:var(--font-body);font-weight:300;letter-spacing:.05em;animation:fadeUp 1.2s ease .7s both}.hero-scroll{position:absolute;bottom:2.5rem;right:var(--spacing-md);display:flex;flex-direction:column;align-items:center;gap:.6rem;animation:fadeUp 1.2s ease 1.2s both;cursor:pointer}.hero-scroll span{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:#f2ebe099;font-weight:500;writing-mode:vertical-rl}.hero-scroll-line{width:1px;height:3rem;background:#f2ebe066;position:relative;overflow:hidden}.hero-scroll-line:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:var(--color-sand);animation:scrollLine 2s ease 1.5s infinite}@keyframes scrollLine{0%{top:-100%}to{top:100%}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.intro{background:var(--color-cream);padding:var(--spacing-xl) 0}.intro-inner{max-width:1280px;margin:0 auto;padding:0 var(--spacing-md);display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-lg);align-items:start}.intro-left{padding-top:.5rem}.intro-year{font-family:var(--font-display);font-size:7rem;font-weight:300;color:var(--color-border);line-height:1;margin-bottom:var(--spacing-xs)}.intro-right h2{margin-bottom:var(--spacing-md)}.intro-right p{font-size:1.05rem;line-height:1.85;color:var(--color-text);max-width:56ch;margin-bottom:var(--spacing-sm)}.intro-right p+p{color:var(--color-text-muted)}.intro-pillars{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.intro-pillar{flex:1}.intro-pillar strong{display:block;font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--color-bark);margin-bottom:.3rem}.intro-pillar span{font-size:.82rem;color:var(--color-text-muted);letter-spacing:.04em}@media(max-width:768px){.intro-inner{grid-template-columns:1fr;gap:var(--spacing-md)}.intro-year{font-size:5rem}.intro-pillars{flex-direction:column;gap:var(--spacing-md)}}.producten{background:var(--color-sand);padding:var(--spacing-xl) 0}.section-header{text-align:left;max-width:1280px;margin:0 auto;padding:0 var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-md)}.product-grid{max-width:1280px;margin:0 auto;padding:0 var(--spacing-md);display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem}.product-card{background:var(--color-cream);overflow:hidden;cursor:pointer;position:relative}.product-card:hover .product-card-img img{transform:scale(1.04)}.product-card-img{overflow:hidden;position:relative}.product-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.product-card-body{padding:1.25rem 1.5rem 1.5rem}.product-card-body .label{margin-bottom:.4rem}.product-card-body h3{font-size:1.2rem;margin-bottom:.3rem}.product-card-body p{font-size:.82rem;color:var(--color-text-muted);line-height:1.6;margin-top:.4rem}.product-card--featured{grid-column:span 7}.product-card--featured .product-card-img{height:480px}.product-card-group{grid-column:span 5;display:flex;flex-direction:column;gap:1.25rem}.product-card-group .product-card{display:flex;flex-direction:row;height:160px}.product-card-group .product-card .product-card-img{width:45%;flex-shrink:0}.product-card-group .product-card .product-card-body{padding:1rem 1.25rem}.product-card--hottub{grid-column:span 12;display:grid;grid-template-columns:55% 45%;height:380px;margin-top:0}.product-card--hottub .product-card-img{height:100%}.product-card--hottub .product-card-body{padding:2.5rem 3rem;display:flex;flex-direction:column;justify-content:center;background:var(--color-bark)}.product-card--hottub .product-card-body .label{color:var(--color-cedar)}.product-card--hottub .product-card-body h3{color:var(--color-sand);font-size:2rem}.product-card--hottub .product-card-body p{color:#f2ebe0a6;margin-top:1rem}@media(max-width:1024px){.product-card--featured{grid-column:span 12}.product-card-group{grid-column:span 12;flex-direction:row}.product-card-group .product-card{flex:1;flex-direction:column;height:auto}.product-card-group .product-card .product-card-img{width:100%;height:220px}.product-card--hottub{grid-template-columns:1fr;height:auto}.product-card--hottub .product-card-img{height:300px}.product-card--hottub .product-card-body{padding:2rem}}@media(max-width:640px){.product-card-group{flex-direction:column}.section-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.realisaties{background:var(--color-cream);padding:var(--spacing-xl) 0;overflow:hidden}.realisaties .section-header{margin-bottom:var(--spacing-lg)}.realisaties-grid{max-width:1280px;margin:0 auto;padding:0 var(--spacing-md);display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto;gap:1rem}.realisatie-item{overflow:hidden;position:relative}.realisatie-item img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.realisatie-item:hover img{transform:scale(1.05)}.realisatie-item:nth-child(1){grid-column:span 8;height:420px}.realisatie-item:nth-child(2){grid-column:span 4;height:420px}.realisatie-item:nth-child(3){grid-column:span 4;height:300px}.realisatie-item:nth-child(4){grid-column:span 4;height:300px}.realisatie-item:nth-child(5){grid-column:span 4;height:300px}.realisaties-count{max-width:1280px;margin:var(--spacing-md) auto 0;padding:0 var(--spacing-md);display:flex;align-items:center;gap:1rem}.realisaties-count .count-number{font-family:var(--font-display);font-size:2.5rem;font-weight:300;color:var(--color-bark)}.realisaties-count .count-label{font-size:.78rem;color:var(--color-text-muted);letter-spacing:.08em;max-width:20ch;line-height:1.5}@media(max-width:768px){.realisatie-item:nth-child(1){grid-column:span 12;height:280px}.realisatie-item:nth-child(2){grid-column:span 12;height:220px}.realisatie-item:nth-child(3){grid-column:span 6;height:200px}.realisatie-item:nth-child(4){grid-column:span 6;height:200px}.realisatie-item:nth-child(5){grid-column:span 12;height:200px}}.materialen-band{background:var(--color-bark);padding:var(--spacing-lg) 0;overflow:hidden}.materialen-marquee{display:flex;gap:var(--spacing-lg);animation:marquee 28s linear infinite;white-space:nowrap}.materialen-marquee span{font-family:var(--font-display);font-size:1.5rem;font-weight:400;color:#f2ebe040;letter-spacing:.04em;flex-shrink:0}.materialen-marquee span.highlight{color:var(--color-sand);font-style:italic}.materialen-marquee .sep{color:var(--color-cedar)!important;font-style:normal!important}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.atelier{background:var(--color-sand);padding:var(--spacing-xl) 0}.atelier-inner{max-width:1280px;margin:0 auto;padding:0 var(--spacing-md);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:start}.atelier-left h2{margin-bottom:var(--spacing-md)}.atelier-left p{font-size:1rem;color:var(--color-text-muted);max-width:44ch;line-height:1.85;margin-bottom:var(--spacing-md)}.atelier-card{background:var(--color-cream);border:1px solid var(--color-border);padding:2rem;margin-bottom:var(--spacing-sm)}.atelier-card .label{margin-bottom:1rem}.atelier-card address{font-style:normal;font-size:.95rem;line-height:1.9;color:var(--color-text)}.atelier-card address strong{font-weight:600;color:var(--color-bark)}.atelier-card address .schedule{display:inline-block;margin-top:.5rem;padding:.25rem .75rem;background:var(--color-bark);color:var(--color-sand);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-family:var(--font-body)}.atelier-contact{margin-top:var(--spacing-md);display:flex;flex-direction:column;gap:.75rem}.atelier-contact a{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:var(--color-text);transition:color var(--transition);font-weight:400}.atelier-contact a:hover{color:var(--color-cedar)}.atelier-contact a .contact-icon{width:2rem;height:2rem;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;transition:border-color var(--transition),background var(--transition)}.atelier-contact a:hover .contact-icon{border-color:var(--color-cedar);background:var(--color-cedar);color:#fff}.atelier-right{position:relative;height:100%}.atelier-image-stack{position:relative;height:500px}.atelier-image-stack img:nth-child(1){position:absolute;top:0;left:0;width:75%;height:380px;object-fit:cover}.atelier-image-stack img:nth-child(2){position:absolute;bottom:0;right:0;width:55%;height:260px;object-fit:cover;border:6px solid var(--color-sand)}.atelier-since{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-bark);color:var(--color-sand);padding:1.5rem 2rem;text-align:center;z-index:2}.atelier-since .since-year{font-family:var(--font-display);font-size:3rem;font-weight:300;line-height:1;display:block}.atelier-since .since-label{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:#f2ebe099;font-family:var(--font-body)}@media(max-width:900px){.atelier-inner{grid-template-columns:1fr}.atelier-image-stack{height:380px}.atelier-image-stack img:nth-child(1){height:300px}.atelier-image-stack img:nth-child(2){height:200px}}.site-footer{background:var(--color-bark);color:var(--color-sand);padding:var(--spacing-lg) 0 var(--spacing-md)}.footer-inner{max-width:1280px;margin:0 auto;padding:0 var(--spacing-md);display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1)}.footer-wordmark{display:flex;flex-direction:column;line-height:1.1;margin-bottom:var(--spacing-sm)}.footer-wordmark-main{font-family:var(--font-display);font-size:1.6rem;font-weight:500;color:var(--color-sand);letter-spacing:.02em}.footer-wordmark-sub{font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:var(--color-cedar);font-weight:500;font-family:var(--font-body)}.footer-brand p{font-size:.85rem;color:#f2ebe08c;max-width:30ch;line-height:1.8}.footer-col h4{color:var(--color-sand);font-family:var(--font-body);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;margin-bottom:1.2rem}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.6rem}.footer-col ul a{font-size:.85rem;color:#f2ebe099;transition:color var(--transition);font-weight:300}.footer-col ul a:hover{color:var(--color-sand)}.footer-col address{font-style:normal;font-size:.85rem;color:#f2ebe099;line-height:1.9;font-weight:300}.footer-bottom{max-width:1280px;margin:var(--spacing-md) auto 0;padding:0 var(--spacing-md);display:flex;align-items:center;justify-content:space-between;gap:1rem}.footer-bottom p{font-size:.72rem;color:#f2ebe04d;letter-spacing:.04em}.footer-social{display:flex;gap:1rem}.footer-social a{width:2rem;height:2rem;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#f2ebe080;transition:border-color var(--transition),color var(--transition)}.footer-social a:hover{border-color:var(--color-cedar);color:var(--color-cedar)}@media(max-width:768px){.footer-inner{grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.footer-brand{grid-column:span 2}.footer-bottom{flex-direction:column;align-items:flex-start;gap:.75rem}}@media(max-width:480px){.footer-inner{grid-template-columns:1fr}.footer-brand{grid-column:span 1}}