@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Montserrat:wght@400;500;600&display=swap');
:root{--ivory:#faf7f3;--paper:#fffdf9;--brown:#443327;--taupe:#948173;--taupe2:#b09d8e;--line:#d9cec2;--cream:#f3eee7;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Montserrat',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--ivory);color:var(--brown);font:400 14px/1.7 var(--sans);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #977b66;outline-offset:4px}.container{width:min(1240px,calc(100% - 110px));margin-inline:auto}.site-header{height:112px;position:relative;z-index:20;background:var(--ivory)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:100%;gap:30px}.brand{display:flex;align-items:center;gap:30px;white-space:nowrap}.monogram{font:400 51px/1 var(--serif);letter-spacing:-.11em;padding-right:8px}.brand-divider{height:45px;width:1px;background:#bdaea1}.brand-name{font:500 26px/1 var(--serif);letter-spacing:.16em}.main-nav{display:flex;align-items:center;gap:46px}.main-nav>a{font-size:12px;color:#4c4138}.main-nav>a:hover,.quiet-link:hover{color:#9a7560}.nav-contact{background:transparent;border:1px solid #a69787;padding:16px 24px;white-space:nowrap;font-size:10px;font-weight:600;letter-spacing:.12em;color:var(--brown)}.mobile-menu{display:none}.hero{min-height:735px;background:radial-gradient(ellipse at 78% 83%,#eee5da 0%,#faf6f1 47%,#fcf9f5 85%);overflow:hidden;position:relative}.hero-container{height:735px;position:relative;display:flex;align-items:center}.hero-copy{position:relative;z-index:2;margin-bottom:10px;max-width:780px}.hero-pretitle{font-size:10px;letter-spacing:.32em;color:#978476;margin-bottom:32px}.hero h1{font:400 clamp(66px,6.4vw,100px)/1.06 var(--serif);letter-spacing:.17em;white-space:nowrap;margin:0 0 40px}.hero-subtitle{font:italic 400 clamp(31px,3.4vw,50px)/1.17 var(--serif);color:#968477;margin:0}.hero-actions{display:flex;gap:22px;align-items:center;margin-top:59px}.btn{min-height:51px;border-radius:0;display:inline-flex;gap:30px;align-items:center;justify-content:center;padding:15px 24px;font-size:10px;font-weight:600;letter-spacing:.13em;border:1px solid #9c8d7e;white-space:nowrap;transition:background .2s,transform .2s;max-width:100%}.btn:hover{transform:translateY(-2px)}.btn span{font-size:17px;font-weight:400;letter-spacing:0}.btn-dark{background:#655042;color:#fffaf5;border-color:#655042}.btn-dark:hover{background:#45362d}.btn-outline{background:transparent;color:#443529}.btn-outline:hover{background:#eee5db}.hero-hydrangea{position:absolute;right:-45px;bottom:-10px;height:685px;width:auto;object-fit:contain;z-index:1;pointer-events:none;mix-blend-mode:multiply;opacity:.95}.intro{padding-top:108px;padding-bottom:110px;border-bottom:1px solid var(--line)}.section-label{font-size:10px;font-weight:600;letter-spacing:.28em;color:#8e7b6d}.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.intro-grid h2,.section-head h2,.contact-section h2{font:400 clamp(45px,5vw,67px)/1.05 var(--serif);margin:24px 0 0}.intro-grid h2 em,.section-head h2 em,.contact-section h2 em,.inquiry-dialog h2 em{font-weight:400;color:#988574}.intro-grid p{max-width:520px;line-height:2.2;color:#7a6d61;font-size:13px}.collection-section{padding:112px 0 126px;background:#fcfaf6}.section-head{margin-bottom:52px}.section-head.center{text-align:center}.section-head h2{margin:16px 0}.section-head p{color:#8e7c70;line-height:2;max-width:610px;margin:0 auto;font-size:13px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.collection-card{min-width:0}.collection-image{height:355px;display:block;overflow:hidden;background:#e5dad0;position:relative}.collection-image img{height:100%;width:100%;object-fit:cover;filter:saturate(.43) brightness(1.26) contrast(.88);transition:transform .5s}.collection-image:hover img{transform:scale(1.045)}.collection-index{position:absolute;top:15px;left:18px;background:#fdf9f4d9;padding:6px 9px;font-size:9px;letter-spacing:.13em}.collection-body{padding:25px 3px}.collection-meta{font-size:9px;letter-spacing:.2em;color:#a29184}.collection-body h3{font:400 43px/1.05 var(--serif);margin:12px 0}.collection-body p{font-size:12px;line-height:1.85;color:#8a786c;min-height:46px}.quiet-link{display:inline-flex;gap:18px;align-items:center;border-bottom:1px solid #b5a497;padding-bottom:4px;font-size:10px;letter-spacing:.14em;margin-top:15px}.quiet-link span{font-size:18px}.offer-section{padding-top:115px;padding-bottom:120px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.price-card{border:1px solid #dcd1c7;padding:38px 31px;display:flex;flex-direction:column;background:#fdfaf6}.price-card.featured{background:#f3ece4;border-color:#b6a08f}.price-label{font-size:9px;letter-spacing:.19em;color:#9d8b7d}.price-card h3{font:400 35px/1.05 var(--serif);margin:23px 0 18px}.price{font:400 40px/1 var(--serif);white-space:nowrap}.price>span{font:400 10px var(--sans);letter-spacing:.02em;color:#8c7b6f}.price small{font:600 9px var(--sans);letter-spacing:.09em;color:#8c7b6f}.price-card>p{font-size:12px;line-height:1.9;color:#857567;min-height:74px}.price-card ul{list-style:none;padding:22px 0 5px;margin:0;border-top:1px solid #ded2c5;min-height:212px}.price-card li{padding-left:17px;position:relative;font-size:11px;color:#6b5f55;line-height:1.75;margin-bottom:11px}.price-card li:before{content:'—';position:absolute;left:0;color:#a88d78}.price-card .terms{font-size:10px;line-height:1.7;color:#998778;margin-bottom:23px;min-height:51px}.price-card .btn{width:100%;margin-top:auto;padding-inline:12px;font-size:9px;gap:12px}.process-section{background:#f0e9e2;padding:110px 0 112px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:52px}.steps>div{border-top:1px solid #cdbfb3;padding-top:23px}.steps span{font:italic 400 37px var(--serif);color:#a58b78}.steps h3{font:400 29px var(--serif);margin:10px 0}.steps p{color:#8d7e70;font-size:12px;line-height:1.95}.contact-section{text-align:center;padding-top:115px;padding-bottom:115px}.contact-section h2{font-size:67px}.contact-section p{color:#89796e;margin:25px auto 35px;max-width:480px}.faq{padding-top:35px;padding-bottom:100px;max-width:840px}.faq .section-label{margin-bottom:20px;text-align:center}.faq details{padding:19px 5px;border-bottom:1px solid #ddd1c5}.faq summary{list-style:none;display:flex;justify-content:space-between;gap:15px;cursor:pointer;font-size:12px;font-weight:500}.faq summary:after{content:'+';font:400 22px var(--serif)}.faq details[open] summary:after{content:'−'}.faq p{color:#847467;font-size:12px;line-height:1.9}.footer{background:#f0e9e2;border-top:1px solid #ded1c5;padding-top:50px}.footer-top{display:flex;align-items:start;justify-content:space-between;gap:30px;padding-bottom:50px}.footer-brand{font:400 32px var(--serif);letter-spacing:-.07em}.footer-brand span{font-size:20px;letter-spacing:.13em;margin-left:19px}.footer-top p{font-size:12px;color:#857466}.footer-top nav{display:flex;gap:33px;font-size:12px}.footer-top nav button{padding:0;background:none;border:0;color:inherit}.footer-bottom{border-top:1px solid #ded1c5;display:flex;justify-content:space-between;gap:20px;padding:20px 0;color:#998a7e;font-size:10px}.inquiry-dialog{width:min(580px,calc(100% - 30px));max-height:90vh;overflow:auto;background:#fffcf7;padding:31px;border:1px solid #cdbfb1;color:var(--brown);box-shadow:0 20px 100px #382a2070}.inquiry-dialog::backdrop{background:#3328209e}.dialog-top{display:flex;align-items:center;justify-content:space-between}.dialog-close{background:transparent;border:0;font-size:31px}.inquiry-dialog h2{font:400 47px var(--serif);line-height:1.1;margin:20px 0}.dialog-intro{font-size:12px;color:#877569;line-height:1.8}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:23px}.form-grid label{display:grid;gap:7px;font-size:11px;color:#66594f}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #d6c8bc;border-radius:0;padding:12px;min-width:0;max-width:100%;font-size:12px;background:#fffefd;color:#443327}.form-grid textarea{resize:vertical}.form-feedback{min-height:23px;color:#79634f;font-size:11px}.tiny-note{font-size:10px;color:#a18e7e}.no-scroll{overflow:hidden}
@media(max-width:1110px){.container{width:min(1160px,calc(100% - 64px))}.brand{gap:17px}.brand-name{font-size:21px}.main-nav{gap:23px}.hero h1{font-size:74px}.hero-hydrangea{right:-95px;opacity:.85}.hero-copy{max-width:600px}.collection-image{height:300px}.price-card{padding:30px 20px}}
@media(max-width:790px){.container{width:calc(100% - 42px)}.site-header{height:77px}.brand{gap:14px}.monogram{font-size:38px}.brand-divider{height:30px}.brand-name{font-size:19px}.mobile-menu{display:flex;flex-direction:column;gap:6px;padding:12px;border:0;background:transparent}.mobile-menu span{width:25px;height:1px;background:#443327}.main-nav{display:none;position:absolute;top:77px;left:0;right:0;background:#fbf7f2;padding:24px;box-shadow:0 16px 25px #45312117;flex-direction:column;align-items:stretch;gap:21px}.main-nav.open{display:flex}.nav-contact{width:100%}.hero,.hero-container{height:auto;min-height:790px}.hero-container{align-items:flex-start}.hero-copy{padding-top:120px;max-width:100%}.hero-pretitle{margin-bottom:18px}.hero h1{font-size:clamp(47px,10vw,75px);white-space:normal;letter-spacing:.11em;margin-bottom:20px}.hero-subtitle{font-size:clamp(30px,6.3vw,43px)}.hero-actions{margin-top:33px;gap:12px;flex-wrap:wrap}.hero-hydrangea{height:430px;right:-20px;bottom:-16px;opacity:.84}.intro{padding:72px 0}.intro-grid{grid-template-columns:1fr;gap:12px}.intro-grid h2{font-size:50px}.intro-grid p{max-width:100%;margin:0}.collection-section,.offer-section{padding:78px 0}.collection-grid{grid-template-columns:repeat(2,1fr)}.collection-image{height:300px}.collection-card:last-child{max-width:calc(50% - 14px);grid-column:1/-1}.pricing-grid{grid-template-columns:1fr}.price-card{padding:30px}.price-card ul{min-height:0}.price-card>p{min-height:0}.price-card .terms{min-height:0}.steps{gap:23px}.contact-section{padding:78px 0}.contact-section h2{font-size:56px}}
@media(max-width:540px){.hero,.hero-container{min-height:700px}.hero-copy{padding-top:90px}.hero h1{font-size:clamp(45px,11vw,63px);letter-spacing:.075em}.hero-subtitle{font-size:34px;max-width:330px}.hero-pretitle{font-size:8px}.hero-hydrangea{height:355px;right:-35px;bottom:-14px;opacity:.78}.hero-actions{gap:10px}.btn{min-height:47px;gap:9px;padding:12px;font-size:9px;letter-spacing:.075em}.hero-actions .btn{font-size:9px}.intro-grid h2,.section-head h2{font-size:45px}.collection-grid{grid-template-columns:1fr;gap:25px}.collection-card:last-child{max-width:none;grid-column:auto}.collection-image{height:335px}.steps{grid-template-columns:1fr;gap:24px}.process-section{padding:76px 0}.contact-section h2{font-size:52px}.footer-top{display:block}.footer-top nav{margin-top:27px}.footer-bottom{display:grid;gap:10px}.form-grid{grid-template-columns:1fr}.inquiry-dialog{padding:20px}.inquiry-dialog h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Aparte, rustige aanbodweergave: pakketten verschijnen pas na BEKIJK AANBOD. */
.offer-section,.faq{display:none}
body.offer-view .hero,body.offer-view .intro,body.offer-view .collection-section,body.offer-view .process-section,body.offer-view .contact-section{display:none}
body.offer-view .offer-section,body.offer-view .faq{display:block}
body.offer-view .offer-section{min-height:62vh;padding-top:76px}
.back-home{display:inline-block;margin-bottom:42px;font-size:10px;letter-spacing:.17em;color:#8b7768;border-bottom:1px solid #d4c5b7;padding-bottom:8px}
.back-home:hover{color:#45362d}
body.offer-view .main-nav a[href="#aanbod"]{text-decoration:underline;text-underline-offset:7px}
@media(max-width:540px){body.offer-view .offer-section{padding-top:42px}.back-home{margin-bottom:24px}}

/* STUDIO-EDITIE: een rustige entree, met aanbod en portfolio als aparte weergaven. */
.skip-to{position:absolute;left:12px;top:-80px;z-index:120;background:#fff;color:#423228;padding:9px 12px}
.skip-to:focus{top:8px}
body.portfolio-view .hero,body.portfolio-view .intro,body.portfolio-view .editorial-quote,body.portfolio-view .process-section,body.portfolio-view .contact-section{display:none}
body.portfolio-view .collection-section{display:block;min-height:66vh;padding-top:76px}
body.portfolio-view .main-nav a[href="#portfolio"]{text-decoration:underline;text-underline-offset:7px}
body:not(.portfolio-view) .collection-section{display:none}
body.offer-view .editorial-quote{display:none}
.editorial-quote{background:#f8f3ed;padding:52px 0 56px;text-align:center;border-top:1px solid #e8ddd1;border-bottom:1px solid #e8ddd1}
.editorial-quote-inner{display:flex;flex-direction:column;align-items:center;gap:9px}
.quote-mark{font:italic 400 60px/.7 var(--serif);color:#bea99a;transform:translateY(8px)}
.editorial-quote p{margin:0;font:400 clamp(32px,4.5vw,55px)/1.2 var(--serif)}
.editorial-quote em{color:#9e8675;font-weight:400}
.quote-caption{font:500 9px/1.7 var(--sans);letter-spacing:.18em;color:#a08d7d;margin-top:8px}
.portfolio-cta{text-align:center;margin:46px auto 0;padding:34px 10px 8px;border-top:1px solid #e4d9cd}
.portfolio-cta p{font:400 29px/1.15 var(--serif);margin:0 0 20px}
.offer-intro-note{text-align:center;color:#9b887a;font-size:12px;margin:-24px auto 30px;max-width:550px;line-height:1.8}
body.offer-view .editorial-quote{display:none}
body.offer-view .collection-section{display:none}
@media(max-width:540px){body.portfolio-view .collection-section{padding-top:42px}.editorial-quote{padding:42px 0}.portfolio-cta{margin-top:19px}.offer-intro-note{margin-top:-13px}}

/* Atelier Joré — rustig besteltraject, zonder groene accenten. */
.order-dialog{width:min(1010px,calc(100% - 32px));max-width:1010px;max-height:min(93vh,1000px);border:1px solid #d3c4b7;padding:0;background:#fdfaf6;color:var(--brown);box-shadow:0 25px 100px #21170f66;overflow:auto}
.order-dialog::backdrop{background:#31271ec2;backdrop-filter:blur(4px)}
.order-shell{padding:36px clamp(24px,5vw,60px) 43px}
.order-top{display:flex;align-items:start;justify-content:space-between;gap:22px;border-bottom:1px solid #e2d8ce;padding-bottom:23px}
.order-wordmark{font:italic 400 31px/1.1 var(--serif);margin-top:9px}
.order-dialog .dialog-close{font:400 36px/1 var(--serif);color:#675547}
.order-steps{display:flex;align-items:center;gap:14px;color:#ac9a8a;font-size:10px;letter-spacing:.14em;margin:27px 0 32px}
.order-steps .active{color:#483528;font-weight:600}.order-steps i{height:1px;width:30px;background:#d4c4b7}
.order-heading h2{font:400 clamp(39px,5.5vw,63px)/1.03 var(--serif);margin:16px 0}.order-heading h2 em{color:#95806f;font-weight:400}
.order-heading p{font-size:12px;color:#857364;line-height:1.9;margin:0 0 28px}
.order-subheading{font-size:10px;font-weight:600;letter-spacing:.15em;margin:27px 0 13px;color:#7d6d61}
.order-option-grid,.order-design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.order-option{cursor:pointer;border:1px solid #daccc0;background:#fffdf9;display:flex;flex-direction:column;gap:9px;padding:19px 16px;min-height:181px;position:relative;transition:background .15s,border-color .15s}
.order-option:has(input:checked),.order-design:has(input:checked){border-color:#765744;background:#f2e9e0;box-shadow:inset 0 0 0 1px #765744}
.order-option input,.order-design input{position:absolute;top:13px;right:13px;accent-color:#6b5140;width:15px;height:15px;z-index:1}
.order-ordinal{font-size:9px;letter-spacing:.13em;color:#9d897a}.order-option strong{font:400 31px/1 var(--serif)}
.order-option>span:not(.order-ordinal){font-size:11px;line-height:1.6;color:#88776a}.order-option b{margin-top:auto;font:500 24px/1.05 var(--serif)}.order-option b small{font:400 10px var(--sans);color:#8b7869}
.order-design{display:block;cursor:pointer;position:relative;border:1px solid #daccc0;background:#fffdf9;padding:8px}
.order-design img{height:126px;object-fit:cover;width:100%;filter:saturate(.5) brightness(1.15)}
.order-design>span{display:flex;justify-content:space-between;align-items:center;gap:8px;font:400 26px var(--serif);padding:7px 2px 1px}
.order-design small{font:500 8px var(--sans);letter-spacing:.07em;color:#8d796a}
.order-undecided{display:flex;align-items:center;gap:10px;font-size:11px;color:#837165;margin-top:13px;cursor:pointer}.order-undecided input{accent-color:#6b5140}
.order-bottom{border-top:1px solid #e2d8ce;margin-top:30px;padding-top:23px;display:flex;justify-content:space-between;align-items:center;gap:15px}
.order-bottom>p{margin:0;font-size:11px;color:#907e70}.order-back{border:none;background:transparent;color:#786759;letter-spacing:.08em;font:500 10px var(--sans);padding:12px 0}
.order-consent{display:flex;align-items:start;gap:11px;font-size:11px;color:#806d5f;line-height:1.7;margin-top:22px}.order-consent input{margin-top:5px;accent-color:#6b5140}
.order-summary-card{background:#f4eee7;padding:26px;border:1px solid #ded0c4}.order-summary-lines{margin-top:16px}.order-summary-lines>div{display:flex;justify-content:space-between;gap:25px;padding:10px 0;border-bottom:1px solid #e0d3c6;font-size:12px}.order-summary-lines span{color:#918071}.order-summary-lines strong{font-weight:500;max-width:63%;text-align:right;overflow-wrap:anywhere}
.order-demo-box{border-left:2px solid #a89381;background:#f7f1ea;padding:15px 20px;margin-top:20px;color:#765f4e;font-size:12px;line-height:1.8}
.order-result{color:#715b4a;margin-top:14px;font-size:12px;line-height:1.8}.order-smallprint{font-size:10px;line-height:1.7;color:#9d8b7e}
.order-action-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.order-action-buttons .btn{min-height:45px}.order-dialog [hidden]{display:none!important}
@media(max-width:720px){.order-shell{padding:24px 19px 28px}.order-steps{font-size:9px;gap:7px;margin:22px 0 25px}.order-steps i{width:12px}.order-option-grid{grid-template-columns:1fr}.order-option{min-height:0;gap:7px;padding:15px}.order-design-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.order-design img{height:85px}.order-design>span{font-size:19px;display:block}.order-design small{display:block;font-size:7px}.order-design input{top:9px;right:9px}.order-bottom{align-items:stretch;flex-direction:column}.order-end{align-items:stretch}.order-action-buttons{display:grid;grid-template-columns:1fr}.order-action-buttons .btn{width:100%}.order-back{text-align:left}.order-dialog .form-grid{grid-template-columns:1fr}.order-bottom .btn{width:100%}.order-dialog{max-height:96vh}}