/*
Theme Name: JDD Interieurs
Theme URI: https://wordpress.org/
Author: JDD Interieurs
Description: Een rustig, persoonlijk blokthema voor het maatwerk van Jeannot Duterloo.
Version: 1.0.2
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: jdd-interieurs
*/

:root{--jdd-paper:#f6f4ef;--jdd-white:#fff;--jdd-ink:#262521;--jdd-muted:#68655f;--jdd-line:#dedbd4;--jdd-olive:#e5e0d7;--jdd-gutter:clamp(24px,5vw,88px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;background:var(--jdd-paper);color:var(--jdd-ink);font-family:Arial,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased}
a{text-underline-offset:5px;text-decoration-thickness:1px}
a:focus-visible,button:focus-visible{outline:3px solid #7c6547;outline-offset:5px}
img{display:block;max-width:100%}
.wp-site-blocks{padding:0}
.wp-site-blocks>*,.wp-block-template-part{margin-block-start:0!important}
.jdd-wrap{max-width:1480px;margin-inline:auto!important;padding-inline:var(--jdd-gutter)}
.jdd-header{min-height:113px;padding-block:24px;gap:28px;border-bottom:1px solid var(--jdd-line)}
.jdd-brand{gap:12px!important;flex-shrink:0}
.jdd-logo{margin:0!important;width:64px!important;height:64px;flex-shrink:0;border-radius:50%;overflow:hidden}.jdd-logo a{display:block;width:100%;height:100%}
.jdd-logo img{display:block;width:100%!important;height:100%!important;object-fit:contain;object-position:center}
.jdd-wordmark{font-size:20px;font-weight:600;letter-spacing:-.7px;line-height:1.2;margin:0!important}
.jdd-wordmark a,.jdd-header a{text-decoration:none}
.jdd-wordmark small{display:block;color:var(--jdd-muted);font-size:9px;font-weight:400;letter-spacing:2px;text-transform:uppercase;margin-top:6px}
.jdd-header .wp-block-navigation{font-size:14px;gap:32px;flex-grow:1;justify-content:flex-end}
.jdd-header .wp-block-navigation__container{gap:32px}
.jdd-header .wp-block-navigation-item__content:hover{text-decoration:underline}
.jdd-header-cta .wp-block-button__link{font-size:12px;padding:13px 20px!important;white-space:nowrap}
.wp-block-button__link{border-radius:0!important;background:var(--jdd-ink);color:var(--jdd-paper);font-size:14px;font-weight:400;line-height:1.4;padding:18px 27px;transition:background .18s,color .18s}
.wp-block-button__link:hover{background:#45423d;color:#fff}
.wp-block-button.is-style-outline>.wp-block-button__link{background:transparent;border:1px solid var(--jdd-ink);color:var(--jdd-ink)}
.wp-block-button.is-style-outline>.wp-block-button__link:hover{background:var(--jdd-ink);color:var(--jdd-paper)}
.jdd-kicker{font-size:10px!important;line-height:1.6!important;letter-spacing:2.2px!important;text-transform:uppercase;font-weight:500;margin:0!important}
.jdd-kicker::before{content:"";display:inline-block;width:6px;height:6px;background:currentColor;margin-right:12px;vertical-align:2px}
.jdd-hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,92px);padding-top:55px;padding-bottom:65px;align-items:center}
.jdd-hero>*{margin-block-start:0!important;min-width:0}
.jdd-hero-copy{padding-block:24px}
.jdd-hero h1{font-size:clamp(48px,5.9vw,86px);font-weight:400;line-height:1.04;letter-spacing:-4.2px;margin:28px 0 25px}
.jdd-lead{font-size:17px;line-height:1.75;max-width:390px;color:var(--jdd-muted);margin:0 0 28px}
.jdd-hero-actions{gap:22px!important;align-items:center}
.jdd-text-link{font-size:13px;margin:0!important}
.jdd-text-link a{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}
.jdd-region{font-size:11px;color:var(--jdd-muted);letter-spacing:.25px;margin-top:33px!important;line-height:1.7}
.jdd-hero-photo{margin:0!important}
.jdd-hero-photo img{width:100%;height:570px;object-fit:cover;object-position:center 45%}
.jdd-photo-label{font-size:10px;letter-spacing:.35px;color:var(--jdd-muted);display:flex;justify-content:space-between;padding-top:13px;margin:0!important}
.jdd-photo-label span:last-child{color:var(--jdd-ink)}
.jdd-divider{border:0;border-top:1px solid var(--jdd-line);margin:0 auto!important}
.jdd-section{padding-block:88px}
.jdd-section-heading{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;margin-bottom:40px!important;align-items:end}
.jdd-section-heading>*{margin:0!important}
.jdd-section h2{font-size:clamp(36px,4vw,55px);font-weight:400;line-height:1.12;letter-spacing:-2px;margin:19px 0 0}
.jdd-section-intro{font-size:15px;line-height:1.85;max-width:395px;color:var(--jdd-muted)}
.jdd-services{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;row-gap:0}
.jdd-service{display:grid;grid-template-columns:32px 1fr;gap:16px;border-top:1px solid var(--jdd-line);padding:27px 0;margin:0!important}
.jdd-service>*{margin:0!important}
.jdd-number{font-size:11px;color:var(--jdd-muted);padding-top:7px}
.jdd-service h3{font-size:21px;line-height:1.4;font-weight:400;letter-spacing:-.4px;margin:0 0 9px}
.jdd-service p:not(.jdd-number){font-size:14px;line-height:1.85;color:var(--jdd-muted);max-width:380px;margin:0}
.jdd-work{background:#efede8}
.jdd-work .jdd-section-heading{margin-bottom:38px!important}
.jdd-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 32px}
.jdd-projects>*{margin:0!important;min-width:0}
.jdd-project-image{margin:0!important}
.jdd-project-image img{width:100%;height:auto;object-fit:cover;aspect-ratio:1;object-position:50% 100%}
.jdd-project-secondary{padding-top:0}
.jdd-project-secondary .jdd-project-image img{object-position:50% 60%}
.jdd-project-caption{display:block;margin-top:20px!important}
.jdd-project-caption>*{margin:0!important}
.jdd-project-caption h3{font-size:19px;line-height:1.4;font-weight:400;letter-spacing:-.3px}
.jdd-project-caption p{font-size:11px;line-height:1.6;letter-spacing:.65px;text-transform:uppercase;color:var(--jdd-muted);margin-top:5px!important}
.jdd-project-description{font-size:14px;line-height:1.8;color:var(--jdd-muted);margin-top:8px!important;max-width:410px}
.jdd-project-small{max-width:100%}
.jdd-project-small .jdd-project-image img{object-position:50% 65%}
.jdd-project-detail{max-width:100%;padding-top:0}
.jdd-project-detail .jdd-project-image img{object-position:50% 39%}
.jdd-about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(42px,9vw,140px);align-items:center}
.jdd-about>*{margin:0!important;min-width:0}
.jdd-portrait{margin:0!important}
.jdd-portrait img{width:100%;height:650px;object-fit:cover;object-position:60% 50%}
.jdd-about-copy h2{margin:22px 0 27px}
.jdd-about-copy>p:not(.jdd-kicker):not(.jdd-signature){font-size:15px;line-height:1.9;color:var(--jdd-muted);margin:0 0 17px}
.jdd-about-copy .jdd-signature{font-size:15px;margin-top:29px!important}
.jdd-signature span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--jdd-muted);margin-top:5px}
.jdd-promise{background:var(--jdd-ink);color:var(--jdd-paper);padding-block:72px}
.jdd-promise-inner{display:grid;grid-template-columns:1fr 1.6fr;gap:75px;align-items:start}
.jdd-promise-inner>*{margin:0!important}
.jdd-promise .jdd-kicker{color:#d0cbc3;padding-top:8px}
.jdd-quote{font-size:clamp(26px,3.4vw,45px);line-height:1.25;letter-spacing:-1.3px;margin:0!important;font-weight:400}
.jdd-promise-sub{font-size:15px;line-height:1.9;color:#d4cfc7;max-width:590px;margin-top:25px!important}
.jdd-process-intro{max-width:480px}
.jdd-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:40px!important}
.jdd-step{border-top:1px solid var(--jdd-line);padding-top:20px;margin:0!important}
.jdd-step-number{font-size:11px;color:var(--jdd-muted);margin:0 0 25px}
.jdd-step h3{font-size:19px;font-weight:400;letter-spacing:-.5px;margin:0 0 12px}
.jdd-step p:not(.jdd-step-number){font-size:14px;line-height:1.9;color:var(--jdd-muted);margin:0}
.jdd-drawing-note{font-size:14px;color:var(--jdd-muted);line-height:1.8;margin-top:32px!important;padding-top:23px;border-top:1px solid var(--jdd-line);max-width:780px}
.jdd-contact{background:var(--jdd-olive);padding-block:83px}
.jdd-contact-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:75px;align-items:center}
.jdd-contact-inner>*{margin:0!important}
.jdd-contact h2{font-size:clamp(44px,5.6vw,78px);line-height:1.04;letter-spacing:-3.4px;font-weight:400;margin:23px 0 0}
.jdd-contact-copy>p{font-size:15px;line-height:1.85;max-width:390px;margin:0 0 26px}
.jdd-contact .wp-block-buttons{margin-top:0!important}
.jdd-contact-details{display:flex;flex-wrap:wrap;gap:14px 25px;margin-top:27px!important}
.jdd-contact-details p{font-size:14px;margin:0!important}
.jdd-contact-details a{word-break:break-word}
.jdd-footer{padding-block:36px}
.jdd-footer-top,.jdd-footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center}
.jdd-footer-top>*{margin:0!important}
.jdd-footer-name{font-size:21px;font-weight:600;letter-spacing:-.6px}
.jdd-footer-social{font-size:12px}
.jdd-footer-bottom{margin-top:24px!important;padding-top:20px;border-top:1px solid var(--jdd-line);align-items:flex-start}
.jdd-footer-bottom p{font-size:10px;line-height:1.8;color:var(--jdd-muted);margin:0!important}
.jdd-page{min-height:60vh;padding-block:70px;max-width:900px;margin-inline:auto!important;padding-inline:var(--jdd-gutter)}
.jdd-page h1{font-size:clamp(36px,5vw,64px);font-weight:400;letter-spacing:-2px}
.jdd-page .wp-block-post-content{font-size:16px;line-height:1.8}
.jdd-page .wp-block-post-content h2{font-weight:400;letter-spacing:-.5px;margin-top:40px}
.jdd-footer-privacy a{color:inherit}

@media(min-width:1600px){.jdd-hero-photo img{height:650px}}
@media(max-width:1050px){.jdd-header .wp-block-navigation__container{gap:19px}.jdd-header .wp-block-navigation{font-size:14px}.jdd-header .wp-block-buttons.jdd-header-cta{display:none!important}.jdd-hero{gap:32px}.jdd-hero h1{letter-spacing:-2.8px}.jdd-hero-photo img{height:510px}.jdd-hero-actions{gap:20px!important}.jdd-hero-actions .wp-block-buttons{width:100%}.jdd-section-heading{gap:42px}.jdd-project-caption{display:block}.jdd-project-caption p{margin-top:3px!important}.jdd-about{gap:55px}.jdd-portrait img{height:600px}.jdd-promise-inner{grid-template-columns:.8fr 1.6fr;gap:35px}.jdd-contact-inner{gap:45px}}
@media(max-width:781px){.jdd-header{min-height:93px;padding-block:20px}.jdd-hero{padding-top:35px;padding-bottom:45px;gap:27px}.jdd-hero h1{font-size:49px;letter-spacing:-2.5px}.jdd-lead{font-size:14px}.jdd-kicker{font-size:9px!important;letter-spacing:1.5px!important}.jdd-hero-photo img{height:455px}.jdd-hero .wp-block-button__link{font-size:12px;padding:16px 19px}.jdd-photo-label{font-size:9px}.jdd-photo-label span:last-child{display:none}.jdd-section{padding-block:65px}.jdd-section-heading{grid-template-columns:1fr;gap:23px}.jdd-section-intro{max-width:520px}.jdd-services{column-gap:34px}.jdd-service{grid-template-columns:23px 1fr;gap:8px}.jdd-service h3{font-size:19px}.jdd-projects{gap:35px 23px}.jdd-project-secondary{padding-top:0}.jdd-project-small,.jdd-project-detail{max-width:100%;padding-top:0}.jdd-about{gap:35px;align-items:start}.jdd-portrait img{height:540px}.jdd-about-copy h2{font-size:36px}.jdd-about-copy>p:not(.jdd-kicker):not(.jdd-signature){font-size:15px}.jdd-promise{padding-block:55px}.jdd-promise-inner{grid-template-columns:1fr;gap:25px}.jdd-steps{grid-template-columns:1fr 1fr;gap:35px}.jdd-contact-inner{grid-template-columns:1fr;gap:35px}.jdd-contact h2{font-size:62px}.jdd-contact-copy>p{max-width:550px}.jdd-contact{padding-block:60px}.jdd-footer-bottom{flex-wrap:wrap}.jdd-section h2{letter-spacing:-1.5px}}
@media(max-width:700px){.jdd-header .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex}.jdd-header .wp-block-navigation__responsive-container:not(.is-menu-open){display:none}.jdd-header .wp-block-navigation__responsive-container-open,.jdd-header .wp-block-navigation__responsive-container-close{min-width:44px;min-height:44px;align-items:center;justify-content:center}.jdd-wordmark{font-size:18px}.jdd-wordmark small{font-size:8px}.jdd-logo{width:56px!important;height:56px}.jdd-header .wp-block-navigation__responsive-container.is-menu-open{background:var(--jdd-paper)!important;color:var(--jdd-ink)!important;padding:28px}.jdd-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{font-size:25px;gap:23px}.jdd-hero{grid-template-columns:1fr;gap:32px;padding-top:19px;padding-bottom:42px}.jdd-hero-copy{padding-top:15px;padding-bottom:0}.jdd-hero h1{font-size:58px;letter-spacing:-3px;margin-top:24px;margin-bottom:21px}.jdd-lead{font-size:15px;max-width:360px;margin-bottom:24px}.jdd-hero-actions .wp-block-buttons{width:auto}.jdd-hero-actions .wp-block-button__link{font-size:12px}.jdd-hero-actions .jdd-text-link{font-size:12px}.jdd-region{margin-top:23px!important;font-size:10px}.jdd-hero-photo img{height:405px;object-position:center 47%}.jdd-photo-label span:last-child{display:inline}.jdd-photo-label{font-size:9px}.jdd-section{padding-block:54px}.jdd-section h2{font-size:37px;line-height:1.13}.jdd-section-heading{gap:20px;margin-bottom:29px!important}.jdd-section-intro{font-size:14px;line-height:1.8}.jdd-services{grid-template-columns:1fr}.jdd-service{grid-template-columns:27px 1fr;gap:14px;padding-block:22px}.jdd-service h3{font-size:20px}.jdd-service p:not(.jdd-number){font-size:14px}.jdd-projects{grid-template-columns:1fr;gap:34px}.jdd-project-secondary{padding-top:0}.jdd-project-small{margin-top:0!important}.jdd-project-detail{margin-left:0!important}.jdd-project-image img{aspect-ratio:1}.jdd-project-caption{display:block;margin-top:16px!important}.jdd-project-caption h3{font-size:18px}.jdd-project-caption p{font-size:11px;margin-top:5px!important}.jdd-project-description{font-size:14px;margin-top:6px!important}.jdd-about{grid-template-columns:1fr;gap:35px}.jdd-portrait img{height:460px;object-position:center 50%}.jdd-about-copy h2{margin-top:18px;margin-bottom:22px}.jdd-about-copy>p:not(.jdd-kicker):not(.jdd-signature){font-size:15px}.jdd-promise{padding-block:45px}.jdd-promise-inner{gap:24px}.jdd-quote{font-size:32px;line-height:1.2;letter-spacing:-1px}.jdd-promise-sub{font-size:15px;margin-top:21px!important}.jdd-steps{column-gap:22px;row-gap:30px;margin-top:28px!important}.jdd-step-number{margin-bottom:19px}.jdd-step h3{font-size:18px;line-height:1.4}.jdd-step p:not(.jdd-step-number){font-size:14px;line-height:1.85}.jdd-drawing-note{font-size:14px;margin-top:29px!important}.jdd-contact h2{font-size:clamp(42px,12vw,56px);letter-spacing:-2.3px;margin-top:20px}.jdd-contact{padding-block:52px}.jdd-contact-inner{gap:29px}.jdd-contact-copy>p{font-size:14px;line-height:1.8}.jdd-contact-details{flex-direction:column;gap:12px}.jdd-footer{padding-block:28px}.jdd-footer-name{font-size:18px}.jdd-footer-social{font-size:11px}.jdd-footer-bottom{gap:12px;margin-top:20px!important;padding-top:17px}.jdd-footer-bottom p{font-size:9px}.jdd-page{padding-block:38px}}
@media(max-width:359px){.jdd-hero h1{font-size:49px}.jdd-contact h2{font-size:49px}.jdd-steps{grid-template-columns:1fr}.jdd-hero-actions{align-items:flex-start!important;flex-direction:column}.jdd-project-caption{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}