@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root {
  --black:#11110f; --dark:#191916; --cream:#eee9de; --muted:#aaa69d;
  --orange:#d46a2e; --line:#393833; --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--black);font-family:Inter,Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:var(--black);color:#fff;position:sticky;top:0;z-index:10}
.logo,.footer-logo{font:800 2rem/1 'Barlow Condensed',sans-serif;letter-spacing:.08em}.logo span,.footer-logo span{color:var(--orange)}
.nav{display:flex;align-items:center;gap:2rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}
.nav a{opacity:.85}.nav a:hover{opacity:1;color:#fff}
.nav-cta{border:1px solid #777;padding:.65rem 1rem}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:1.5rem}
.hero{min-height:calc(100vh - 76px);background:linear-gradient(110deg,#171714 0%,#26231d 52%,#4b3829 100%);color:#fff;display:flex;align-items:center;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:-10%;bottom:-20%;width:60vw;height:100%;background:radial-gradient(ellipse,#7a573c22,transparent 65%);transform:rotate(-10deg)}
.hero-content{width:min(var(--max),90%);margin:auto;position:relative;z-index:2;padding:8rem 0}
.eyebrow{font-size:.72rem;letter-spacing:.2em;font-weight:700;color:var(--orange);text-transform:uppercase}
.hero h1{font:700 clamp(4rem,9vw,8.5rem)/.82 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:1rem 0 2rem;letter-spacing:-.025em}
.hero h1 em,.split-heading em,h2 em{font-style:normal;color:var(--orange)}
.hero-text{max-width:540px;color:#d5d1c8;font-size:1.05rem}
.hero-buttons{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}
.button{padding:1rem 1.5rem;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:700}
.button-primary{background:var(--orange);color:#fff}.button-primary:hover{background:#b95723}
.button-ghost{border:1px solid #777;color:#fff}
.hero-mark{position:absolute;right:4vw;bottom:3vw;font:800 clamp(4rem,12vw,11rem)/.72 'Barlow Condensed',sans-serif;color:#fff;opacity:.035;text-align:right;text-transform:uppercase;z-index:1}
.section{padding:7rem max(5vw,calc((100vw - var(--max))/2))}
.section-label{font-size:.7rem;letter-spacing:.2em;font-weight:700;color:var(--orange);margin-bottom:3rem}
.intro-grid,.services-grid,.about-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem}
h2{font:700 clamp(3rem,6vw,6rem)/.88 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0;letter-spacing:-.02em}
.intro-copy{font-size:1.05rem;max-width:550px}.intro-copy p{margin-top:0;margin-bottom:1.5rem}
.dark-section{background:var(--dark);color:var(--cream)}
.split-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:5rem;align-items:end;margin-bottom:4rem}
.split-heading p,.about-copy p,.contact-copy>p{color:var(--muted);max-width:470px}
.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.feature-card{padding:2.5rem;background:var(--dark);min-height:260px}.feature-card .number{font:600 1rem 'Barlow Condensed';color:var(--orange);margin-bottom:4rem}.feature-card h3{font:600 2.2rem 'Barlow Condensed';text-transform:uppercase;margin:0 0 .7rem}.feature-card p{color:var(--muted);font-size:.9rem;margin:0}
.projects-heading{display:flex;justify-content:space-between;gap:3rem;align-items:end;margin-bottom:3rem}.projects-heading p{max-width:330px;color:#666}
.gallery{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-auto-rows:270px;gap:12px}.gallery-item{background:#d8d1c3;overflow:hidden}.gallery-item.tall{grid-row:span 2}.gallery-item.wide{grid-column:2 / 4}
.placeholder{height:100%;display:grid;place-items:center;text-align:center;align-content:center;background:repeating-linear-gradient(135deg,#d9d2c4 0,#d9d2c4 12px,#d1c9ba 12px,#d1c9ba 24px);font:700 1.3rem/1 'Barlow Condensed';letter-spacing:.1em;color:#766f63}.placeholder small{font:500 .65rem Inter;letter-spacing:.05em;margin-top:.5rem}
.services{background:#ddd6c9}.service-list>div{border-top:1px solid #aaa294;padding:1.5rem 0;display:grid;grid-template-columns:50px 1fr;gap:.5rem}.service-list span{color:var(--orange);font:600 1rem 'Barlow Condensed'}.service-list strong{font:600 2rem 'Barlow Condensed';text-transform:uppercase}.service-list p{grid-column:2;margin:0;color:#5e5a52;font-size:.9rem}
.about-grid{align-items:center}.about-photo{aspect-ratio:4/5;background:#2b2a26}.about-copy h2{margin:1rem 0 2rem}.text-link{display:inline-block;margin-top:1rem;color:#fff;border-bottom:1px solid var(--orange);padding-bottom:.3rem;font-weight:600}
.contact{background:var(--orange);color:#fff}.contact .eyebrow{color:#20140d}.contact-copy>p{color:#f2d0bb}.contact-button{display:flex;justify-content:space-between;align-items:center;background:#fff;color:var(--black);padding:1.2rem 1.5rem;margin:2rem 0 1rem;max-width:430px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.contact-button span{font-size:1.3rem}.contact-note{font-size:.8rem}.contact-note strong{display:block;margin-top:.25rem}
footer{background:var(--black);color:#777;padding:3rem 5vw;display:flex;justify-content:space-between;gap:1rem;align-items:center;font-size:.72rem}.footer-logo{color:#fff}
@media(max-width:800px){
 .site-header{height:68px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--black);padding:1rem 5vw 1.5rem;flex-direction:column;align-items:flex-start;gap:1rem}.nav.open{display:flex}
 .hero{min-height:calc(100vh - 68px)}.hero-content{padding:6rem 0}.hero h1{font-size:clamp(4rem,18vw,7rem)}
 .section{padding:5rem 7vw}.intro-grid,.services-grid,.about-grid,.contact-grid,.split-heading{grid-template-columns:1fr;gap:2.5rem}
 .feature-cards{grid-template-columns:1fr}.feature-card{min-height:auto}.feature-card .number{margin-bottom:2rem}
 .projects-heading{display:block}.projects-heading p{margin-top:1.5rem}.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:220px}.gallery-item.tall{grid-row:span 2}.gallery-item.wide{grid-column:1 / 3}
 footer{flex-direction:column;align-items:flex-start}
}

/* EGT Houtwerk branding */
.logo{display:flex;align-items:baseline;gap:.5rem}
.logo-main{font:800 2rem/1 'Barlow Condensed',sans-serif;letter-spacing:.08em;color:#fff}
.logo-sub{font:600 .72rem/1 'Barlow Condensed',sans-serif;letter-spacing:.25em;color:var(--orange)}
.hero-logo{position:absolute;right:5vw;top:50%;transform:translateY(-50%);width:min(37vw,560px);max-height:70%;object-fit:contain;z-index:2;opacity:.95;mix-blend-mode:screen}
.footer-brand{display:flex;align-items:baseline;gap:.45rem;color:#fff}.footer-brand strong{font:800 2rem/1 'Barlow Condensed',sans-serif;letter-spacing:.08em}.footer-brand span{font:600 .65rem/1 'Barlow Condensed',sans-serif;letter-spacing:.2em;color:var(--orange)}
@media(max-width:1000px){.hero-logo{opacity:.22;width:70vw;right:-18vw}.hero-content{z-index:3}}
@media(max-width:800px){.logo-sub{display:none}.hero-logo{width:95vw;right:-36vw;opacity:.14}.hero-mark{display:none}}
.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.gallery-item:hover img{transform:scale(1.025)}
.contact-button-secondary{background:transparent;border:1px solid rgba(255,255,255,.65);color:#fff;margin-top:.75rem}
.contact-note a{text-decoration:underline;text-underline-offset:3px}

/* Eigen fotografie */
.hero-photo{background-image:linear-gradient(90deg,rgba(17,17,15,.94) 0%,rgba(17,17,15,.78) 42%,rgba(17,17,15,.20) 72%,rgba(17,17,15,.10) 100%),url('images/hero-carving.jpg');background-size:cover;background-position:center center}
.hero-photo:after{background:linear-gradient(0deg,rgba(17,17,15,.30),transparent 45%)}
.hero-photo .hero-logo{display:none}
.work-action{height:440px;margin:0 0 1rem;overflow:hidden;background:#222}
.work-action img{width:100%;height:100%;object-fit:cover;object-position:center 46%;display:block}
.about-photo{overflow:hidden}
.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
@media(max-width:800px){.hero-photo{background-position:58% center}.hero-photo:before{content:"";position:absolute;inset:0;background:rgba(17,17,15,.22)}.work-action{height:300px}}

/* Logo als beeldmerk */
.logo-image-link{display:flex;align-items:center;height:64px}
.logo-image-link img{display:block;height:58px;width:auto;max-width:210px;object-fit:contain}
.footer-logo-wrap img{display:block;width:190px;max-height:82px;object-fit:contain}
/* Ander houtwerk */
.other-work{background:#ddd6c9}
.other-work-copy{max-width:560px;font-size:1.02rem}
.other-work-copy p{margin:0 0 1.35rem;color:#514d46}
.other-work-gallery{margin-top:4rem;display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-auto-rows:310px;gap:12px}
.other-work-item{position:relative;margin:0;overflow:hidden;background:#c8c0b2}
.other-work-feature{grid-row:span 2}
.other-work-item:last-child{grid-column:2 / 4}
.other-work-item img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}
.other-work-item:hover img{transform:scale(1.025)}
.other-work-item figcaption{position:absolute;left:0;right:0;bottom:0;padding:2.2rem 1.2rem 1rem;background:linear-gradient(transparent,rgba(17,17,15,.78));color:#fff;font:600 .78rem/1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.12em}
@media(max-width:800px){.logo-image-link{height:58px}.logo-image-link img{height:50px;max-width:165px}.other-work-gallery{grid-template-columns:1fr 1fr;grid-auto-rows:230px;margin-top:2.5rem}.other-work-feature{grid-row:span 2}.other-work-item:last-child{grid-column:1 / 3}.footer-logo-wrap img{width:165px}}

/* Reviews */
.reviews{background:var(--cream)}
.reviews-heading{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:end;margin-bottom:3.5rem}
.reviews-heading p{max-width:500px;color:#666;margin:0}
.review-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.review-card{border:1px solid #c8c0b2;padding:2.2rem;min-height:250px;display:flex;flex-direction:column;justify-content:space-between;background:#e7e1d6}
.review-stars{color:var(--orange);font-size:1.1rem;letter-spacing:.15em}
.review-card p{font:500 1.25rem/1.5 Inter,sans-serif;margin:2rem 0;color:#34312d}
.review-card span{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#777066}
.review-placeholder{border-style:dashed}
@media(max-width:800px){.reviews-heading{grid-template-columns:1fr;gap:2rem}.review-cards{grid-template-columns:1fr}.review-card{min-height:210px}}


/* Locatie en socials */
.contact-location{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.35);max-width:430px}
.contact-location>span,.social-label{display:block;font:700 .68rem/1 Inter,sans-serif;letter-spacing:.16em;color:#2b1b12;margin-bottom:.55rem}
.contact-location strong{display:block;font:600 1.65rem/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase}
.contact-location p{margin:.65rem 0 0;color:#f2d0bb;font-size:.84rem;line-height:1.55}
.social-block{margin-top:2rem;max-width:430px}
.social-links{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.social-links a{display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.55);color:#fff;padding:.9rem .8rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;transition:.2s ease}
.social-links a:hover{background:#fff;color:var(--black)}
.social-links a span{font-size:1rem}
@media(max-width:800px){.social-links{grid-template-columns:1fr}.social-links a{padding:1rem}}

/* v8 - donkere, strakke EGT Houtwerk stijl */
:root{
  --black:#070706;
  --dark:#11100e;
  --dark-2:#171512;
  --cream:#f2eee5;
  --muted:#b8b0a4;
  --orange:#c8873d;
  --line:#43372b;
}
body{background:var(--black);color:var(--cream)}
.site-header{background:rgba(5,5,4,.97);border-bottom:1px solid #2d261f;min-height:84px;height:auto;padding-top:.45rem;padding-bottom:.45rem}
.logo-image-link{height:68px}
.logo-image-link img{height:64px;max-width:235px}
.nav{gap:1.45rem;font-family:'Barlow Condensed',Arial,sans-serif;font-size:.86rem;letter-spacing:.07em}
.nav a{position:relative;padding:.65rem .2rem .7rem;opacity:.9}
.nav a:hover{color:var(--orange)}
.nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.nav a:hover:after{transform:scaleX(1)}
.nav-cta{border:1px solid #65513d;padding:.65rem .85rem!important}
.hero{border-bottom:1px solid #2d261f}
.hero-photo{background-image:linear-gradient(90deg,rgba(5,5,4,.96) 0%,rgba(5,5,4,.80) 42%,rgba(5,5,4,.25) 70%,rgba(5,5,4,.10) 100%),url('images/hero-carving.jpg')}
.hero h1{color:#f4efe5;text-shadow:0 2px 20px rgba(0,0,0,.28)}
.hero-text{color:#d4cec3}.button-primary{background:var(--orange);color:#100c08}.button-primary:hover{background:#d99a50}.button-ghost{border-color:#746456}
.section{border-bottom:1px solid #2a241e}
.intro,.projects,.services,.reviews{background:var(--black);color:var(--cream)}
.dark-section,.about{background:var(--dark);color:var(--cream)}
.section-label{color:var(--orange);border-left:2px solid var(--orange);padding-left:.8rem}
h2{color:#f4efe5}h2 em,.hero h1 em,.split-heading em{color:var(--orange)}
.intro-copy p,.projects-heading p,.other-work-copy p,.reviews-heading p{color:var(--muted)}
.work-action{border:1px solid #3c3229;background:#0b0a09}
.feature-cards{background:#2d261f;border-color:#2d261f;gap:10px}
.feature-card{background:#151310;border:1px solid #332b24}
.feature-card p{color:var(--muted)}
.gallery,.other-work-gallery{gap:10px}
.gallery-item,.other-work-item{background:#12100e;border:1px solid #3c3229;box-shadow:0 12px 32px rgba(0,0,0,.22)}
.gallery-item img,.other-work-item img{filter:saturate(.92) contrast(1.02)}
.gallery-item:hover img,.other-work-item:hover img{transform:scale(1.025);filter:saturate(1) contrast(1.04)}
.other-work{background:#090908}
.other-work-copy{font-size:1rem}
.other-work-item figcaption{background:linear-gradient(transparent,rgba(0,0,0,.92));border-top:1px solid rgba(200,135,61,.25);color:#fff}
.about-photo{border:1px solid #3c3229;box-shadow:0 18px 45px rgba(0,0,0,.26)}
.reviews{background:#11100e}
.review-card{background:#1a1815;border:1px solid #4a3e32;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.review-card p{color:#e8e2d8}.review-card span{color:#9f9689}.review-stars{color:var(--orange)}
.review-placeholder{border-style:solid}
.contact{background:#080807;color:#fff;position:relative;overflow:hidden}
.contact:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 20%,rgba(200,135,61,.09),transparent 34%);pointer-events:none}
.contact .section-label,.contact .eyebrow{color:var(--orange)}
.contact-copy>p{color:#c8c0b5}
.contact-button{background:#151310;color:#fff;border:1px solid #4a3e32;max-width:470px;margin-top:1.1rem}
.contact-button:first-of-type{margin-top:2rem}
.contact-button:hover{background:#201b17;border-color:var(--orange)}
.contact-button-secondary{background:#151310;border-color:#4a3e32;color:#fff}
.contact-location{max-width:470px;border-top:1px solid #3b3128;background:#11100e;padding:1.3rem 1.35rem;margin-top:1.5rem;border:1px solid #3b3128;border-left:3px solid var(--orange)}
.contact-location>span,.social-label{color:var(--orange)}
.contact-location strong{color:#fff}.contact-location p{color:#aaa197}
.social-block{margin-top:1.2rem;max-width:720px;background:#050504;border:1px solid #3f342a;border-radius:8px;padding:1.25rem 1.25rem 1.35rem}
.social-label{margin-bottom:1rem;color:#f4efe5;text-align:left}
.social-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.social-links a{display:grid;grid-template-columns:42px 1fr;gap:.8rem;justify-content:start;align-items:center;background:#0d0c0b;border:1px solid #382f27;color:#fff;padding:.9rem;text-transform:none;letter-spacing:0;min-height:70px;border-radius:6px}
.social-links a:hover{background:#181512;color:#fff;border-color:var(--orange);transform:translateY(-1px)}
.social-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:8px;background:#17130f;color:#fff;border:1px solid #4b3d30}
.social-icon svg{width:25px;height:25px;fill:currentColor;stroke:currentColor;stroke-width:1.8}.social-icon svg rect,.social-icon svg circle{fill:none}.social-icon svg .social-dot{fill:currentColor;stroke:none}
.social-text{display:flex;flex-direction:column;min-width:0}.social-text strong{font:700 .8rem/1.1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.05em}.social-text small{font-size:.69rem;color:#a9a095;margin-top:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
footer{background:#050504;border-top:1px solid #352b23;color:#8d857a;padding-top:2.4rem;padding-bottom:2.4rem}.footer-logo-wrap img{width:205px}
@media(max-width:1050px){.nav{gap:.8rem;font-size:.76rem}.logo-image-link img{max-width:200px}}
@media(max-width:800px){
 .site-header{min-height:70px}.nav{background:#070706;border-bottom:1px solid #3a3027}.hero{min-height:78vh}.hero-photo{background-position:60% center}.hero-content{padding:5.5rem 0}
 .section{padding-top:4.5rem;padding-bottom:4.5rem}.social-links{grid-template-columns:1fr}.social-block{max-width:470px}.social-links a{min-height:66px}.footer-logo-wrap img{width:175px}
}

/* v9 - afwisselende vlakken + strak contactblok */
.intro{background:#15120f}.projects{background:#0a0908}.other-work{background:#211b16}.other-work-copy p{color:#d0c5b8}.about{background:#101311}.reviews{background:#29241f}.review-card{background:#151310}
.contact{background:#090807;padding-bottom:5.5rem}.contact-heading-row{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:end;margin-bottom:2.4rem;position:relative;z-index:1}.contact-intro{max-width:520px;color:#c8c0b5;margin:0 0 .5rem}
.contact-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;position:relative;z-index:1}.contact-card{min-height:112px;background:#151310;border:1px solid #4a3e32;display:grid;grid-template-columns:52px 1fr;gap:1rem;align-items:center;padding:1.35rem 1.5rem;color:#fff;transition:.2s}.contact-card:hover{background:#201b17;border-color:var(--orange);transform:translateY(-2px)}.contact-card-icon{width:48px;height:48px;display:grid;place-items:center;color:#d7a36a;font-size:1.85rem}.contact-card>span:last-child{display:flex;flex-direction:column;min-width:0}.contact-card strong{font:700 1.15rem/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.06em}.contact-card small{font-size:.8rem;color:#d0c8bd;margin-top:.4rem;overflow-wrap:anywhere}
.contact-bottom-grid{display:grid;grid-template-columns:.85fr 1.4fr;gap:14px;margin-top:14px;position:relative;z-index:1}.contact-location{max-width:none!important;margin:0!important;min-height:128px;background:#151310!important;border:1px solid #4a3e32!important;border-left:3px solid var(--orange)!important;padding:1.45rem 1.55rem!important}.social-block{max-width:none!important;margin:0!important;min-height:128px;padding:1.25rem 1.35rem!important}.social-label{text-align:center!important}.social-icon{border:0!important;color:#fff!important}.social-instagram .social-icon{background:linear-gradient(135deg,#833ab4,#fd1d1d 55%,#fcb045)}.social-facebook .social-icon{background:#1877f2}.social-linkedin .social-icon{background:#0a66c2}.social-icon svg{fill:#fff!important;stroke:#fff!important}.social-icon svg rect,.social-icon svg circle{fill:none!important}.social-icon svg .social-dot{fill:#fff!important;stroke:none!important}.social-facebook .social-icon svg path,.social-linkedin .social-icon svg path,.social-linkedin .social-icon svg rect,.social-linkedin .social-icon svg circle{fill:#fff!important;stroke:none!important}
@media(max-width:800px){.contact-heading-row{grid-template-columns:1fr;gap:1.5rem}.contact-cards,.contact-bottom-grid{grid-template-columns:1fr}.contact-card{min-height:92px}}


/* v10 - lichtere secties voor meer afwisseling */
.intro{background:#e8dfd2;color:#17130f}
.intro h2{color:#17130f}
.intro h2 span{color:#9b622d}
.intro .section-label{color:#8a5728;border-left-color:#a86d35}
.intro-copy p{color:#4f473e}
.projects{background:#f0e9dd;color:#17130f}
.projects h2{color:#17130f}
.projects h2 em{color:#9b622d}
.projects .section-label{color:#8a5728;border-left-color:#a86d35}
.projects-heading p{color:#554c42}
.other-work{background:#e3d6c4;color:#17130f}
.other-work h2{color:#17130f}
.other-work h2 em{color:#915a2a}
.other-work .section-label{color:#835124;border-left-color:#9f6530}
.other-work-copy p{color:#4e463d}

/* v11 project detail pages */
.other-work-item a{display:block;color:inherit;position:relative;height:100%}
.other-work-item a:after{content:'Bekijk project  →';position:absolute;right:14px;bottom:14px;background:#111;color:#fff;padding:.55rem .75rem;font:700 .78rem 'Barlow Condensed',sans-serif;letter-spacing:.06em;text-transform:uppercase}
.project-page{background:#eee7dc;color:#17130f;min-height:100vh}
.project-nav{padding:1.4rem clamp(1.2rem,5vw,5rem);background:#0b0a09}
.project-nav a{color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.project-hero{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:5rem clamp(1.2rem,7vw,7rem);align-items:center}
.project-kicker{font:700 .85rem 'Barlow Condensed',sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#9b5d2c}
.project-hero h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.86;margin:.7rem 0 1.5rem;text-transform:uppercase}
.project-hero p{max-width:620px;font-size:1.05rem;line-height:1.75}
.project-hero img{width:100%;max-height:680px;object-fit:cover;box-shadow:18px 18px 0 #1b1713}
.project-story{background:#17130f;color:#eee7dc;padding:4rem clamp(1.2rem,7vw,7rem);display:grid;grid-template-columns:.7fr 1.3fr;gap:4rem}
.project-story h2{font-size:clamp(2.2rem,4vw,4rem);margin:0;text-transform:uppercase}
.project-story p{color:#d5cbbf;line-height:1.8;margin-top:0}
.project-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}.project-tags span{border:1px solid #765b43;padding:.45rem .7rem;text-transform:uppercase;font-size:.75rem;letter-spacing:.08em}
.project-gallery{padding:4rem clamp(1.2rem,7vw,7rem);display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.project-gallery img{width:100%;height:460px;object-fit:cover}.project-gallery img:first-child{grid-column:1/-1;height:620px}
.project-note{padding:0 clamp(1.2rem,7vw,7rem) 5rem;color:#6d6258}
@media(max-width:800px){.project-hero,.project-story{grid-template-columns:1fr;gap:2rem}.project-gallery{grid-template-columns:1fr}.project-gallery img,.project-gallery img:first-child{grid-column:auto;height:auto}}

/* v12 - volledige projectgalerijen, originele fotoverhouding */
.project-hero img{height:auto;max-height:none;object-fit:contain;background:#16120f}
.project-gallery-natural{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.project-gallery-natural figure{margin:0;background:#d8cec0;border:1px solid #c8b9a7;padding:10px;display:flex;align-items:center;justify-content:center}
.project-gallery-natural img,.project-gallery-natural img:first-child{display:block;width:100%;height:auto!important;max-height:none!important;object-fit:contain!important;grid-column:auto!important;background:#eee7dc}
@media(max-width:800px){.project-gallery-natural{grid-template-columns:1fr}.project-gallery-natural figure{padding:6px}}

/* v13 - projecttegels volledig in beeld */
.other-work-grid{align-items:start}
.other-work-item{height:auto!important;min-height:0!important;background:#17130f}
.other-work-item a{display:block}
.other-work-item img{width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;background:#17130f}
.other-work-item figcaption{position:static;background:#17130f;color:#fff;padding:1rem 1.1rem;transform:none!important}
.other-work-item:hover img{transform:none}

/* v14 - volledige foto's op de voorpagina, zonder bijsnijden */
.gallery{
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:auto;
  align-items:start;
}
.gallery-item,.gallery-item.tall{
  grid-row:auto;
  height:auto;
  background:#17130f;
}
.gallery-item.wide{grid-column:1 / -1}
.gallery-item img{
  width:100%;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  display:block;
}

.other-work-gallery{
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:auto;
  align-items:start;
}
.other-work-item,.other-work-feature{
  grid-row:auto!important;
  height:auto;
  background:#17130f;
}
.other-work-item:last-child{grid-column:auto}
.other-work-item img{
  width:100%;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  display:block;
}
@media(max-width:800px){
  .gallery,.other-work-gallery{grid-template-columns:1fr;grid-auto-rows:auto}
  .gallery-item.wide,.other-work-item:last-child{grid-column:auto}
}

/* v15 - compactere voorpaginafoto's, volledig zichtbaar */
.gallery,.other-work-gallery{
  width:min(100%,1080px);
  margin-left:auto;
  margin-right:auto;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.gallery-item.wide,.other-work-item:last-child{grid-column:auto}
.gallery-item img,.other-work-item img{width:100%;height:auto!important;object-fit:contain!important}
@media(max-width:950px){
  .gallery,.other-work-gallery{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,820px)}
}
@media(max-width:620px){
  .gallery,.other-work-gallery{grid-template-columns:1fr;width:min(100%,520px)}
}


/* v16 - aanklikbare carvingprojecten */
.project-link-gallery .gallery-item{overflow:visible}
.project-link-gallery .gallery-item a{display:block;color:#fff;background:#17130f;border:1px solid #3c3229;height:100%}
.project-link-gallery .gallery-item a img{display:block;width:100%;height:auto!important;object-fit:contain!important}
.project-link-gallery .gallery-item a span{display:block;padding:.9rem 1rem;font:700 .78rem/1.2 Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#fff}
.project-link-gallery .gallery-item a:hover{border-color:var(--orange)}


/* v17 - gegroepeerde carvingprojecten */
.carving-project-grid{margin-top:3rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.carving-project-card{background:#17130f;border:1px solid #4a3d31;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.carving-project-card a{display:block;color:inherit}
.carving-project-image{background:#0e0c0a;display:flex;align-items:center;justify-content:center;padding:10px;min-height:250px}
.carving-project-image img{display:block;width:100%;height:auto;max-height:390px;object-fit:contain;transition:transform .25s ease}
.carving-project-card:hover .carving-project-image img{transform:scale(1.015)}
.carving-project-copy{padding:1.15rem 1.2rem 1.3rem}
.carving-project-copy h3{margin:0 0 .55rem;font:700 1.35rem/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.02em;color:#f4efe5}
.carving-project-copy p{font-size:.83rem;line-height:1.55;color:#cfc4b5;margin:0 0 .9rem}
.carving-project-copy span{font:700 .72rem/1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--orange)}
.project-page .project-hero-image img{width:100%;height:auto;max-height:78vh;object-fit:contain;background:#0d0b09}
@media(max-width:980px){.carving-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.carving-project-grid{grid-template-columns:1fr}.carving-project-image{min-height:0}.carving-project-image img{max-height:none}}

/* v21 - rustigere homepage, mogelijkheden, werkwijze en aanvraag */
.possibilities{background:#e8dfd2}.possibilities-heading,.request-cta-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:5rem;align-items:end}.possibilities-heading>p,.request-cta p{max-width:520px;color:#665f56}.possibility-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:3.5rem}.possibility-grid article{background:#f3ede4;border:1px solid #cfc1b0;padding:1.7rem}.possibility-grid h3,.process-grid h3{font:700 1.6rem/1 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:.2rem 0 .7rem}.possibility-grid p,.process-grid p{font-size:.88rem;margin:0;color:#625b52}.possibilities-note{max-width:760px;margin:2rem 0 0;font-weight:600}
.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:3rem}.process-grid article{background:var(--dark);padding:1.7rem;min-height:230px}.process-grid span{color:var(--orange);font:700 .8rem Inter,sans-serif}.process-grid p{color:var(--muted)}
.project-filters{display:flex;gap:.65rem;flex-wrap:wrap;margin:0 0 2rem}.project-filter{border:1px solid #9c8f80;background:transparent;padding:.7rem 1rem;font:700 .7rem Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.project-filter.active,.project-filter:hover{background:var(--orange);border-color:var(--orange);color:#fff}.more-work-row{text-align:center;margin-top:2.2rem}.more-work-button{border:0;background:var(--black);color:#fff;cursor:pointer}.more-projects[hidden]{display:none}.project-hidden{display:none!important}
.request-cta{background:#e3d6c4}.whatsapp-button{background:#17130f;color:#fff}.whatsapp-button:hover{background:#2a241f}
@media(max-width:980px){.possibility-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.possibilities-heading,.request-cta-inner{grid-template-columns:1fr;gap:2rem}}
@media(max-width:620px){.possibility-grid,.process-grid{grid-template-columns:1fr}.project-filters{gap:.4rem}.project-filter{width:100%}}

/* v22 - leesbaarheid mogelijkheden */
.possibilities-heading>p,.possibility-grid p,.possibilities-note{color:#111!important;}

/* V24 - technische polish: toegankelijkheid, focus en mobiel */
:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
button,a{-webkit-tap-highlight-color:transparent}
img{max-width:100%}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:620px){.hero-buttons .button,.request-cta .button{width:100%;text-align:center}.site-header{padding-left:1rem;padding-right:1rem}}