.contact-page main{margin-top:22px}.contact-page .contact-layout{grid-template-columns:minmax(0,1fr) minmax(360px,480px);gap:clamp(32px,5vw,76px)}
.contact-page .page-intro{margin-bottom:32px}.contact-page .page-intro h1{font-size:clamp(38px,4.3vw,60px);line-height:1.12;margin:18px 0}.contact-page .page-intro p{max-width:42ch;line-height:1.65}
.contact-page .contact-methods{gap:8px 22px}.contact-page .contact-channel{border-top:1px solid #d2d1c9;padding:18px 0;display:grid;grid-template-columns:38px 1fr;gap:5px 12px;align-items:center;min-width:0}.contact-channel .contact-sketch{grid-row:1/3;width:34px;height:34px;transform:rotate(-5deg)}.contact-channel:nth-child(even) .contact-sketch{transform:rotate(4deg)}.contact-page .contact-channel strong{font-size:19px;font-weight:600}.contact-page .contact-channel>span{font-size:13px;overflow-wrap:anywhere;color:#65645d}.contact-channel.channel-pending{opacity:.7}.contact-page a.contact-channel:hover strong{text-decoration:underline;text-decoration-style:wavy;text-underline-offset:5px}
.contact-page .callback-form{padding:24px;border:1px solid #deddd5;background:#f0efe9}.contact-page .callback-form>.page-note{font-size:20px}.contact-page .callback-form h2{font-size:25px;line-height:1.25;margin:8px 0 10px}.contact-page .callback-form>p{font-size:14px;line-height:1.55}.contact-page .appointment-calendar{margin:16px 0;padding:12px}.contact-page .calendar-week{padding:8px 0 5px}.contact-page .calendar-days button{min-height:36px;padding:4px 0}.contact-page .calendar-explanation{font-size:12px;margin-top:8px}
.booking-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-page .callback-form label{margin-top:12px;font-size:13px}.contact-page .callback-form input,.contact-page .callback-form select,.contact-page .callback-form textarea{margin-top:5px;padding:10px;font-size:14px;min-height:42px}.contact-preferences{border:0;padding:0;margin:18px 0 0;min-width:0}.contact-preferences legend{font-size:13px;font-weight:600}.preference-options{display:flex;flex-wrap:wrap;gap:8px}.contact-page .preference-options label{display:flex;align-items:center;gap:7px;border:1px solid #cecec3;border-radius:8px;padding:8px 10px;cursor:pointer;background:#fffefa}.contact-page .preference-options label:has(input:checked){border-color:#345449;background:#e7efe8;color:#234939}.contact-page .preference-options input{appearance:auto;width:16px;height:16px;min-height:0;margin:0;accent-color:#345449}.contact-preferences p{font-size:12px;line-height:1.4;margin:8px 0 0;color:#56594d}.contact-page .callback-form button[type=submit]{width:100%;margin-top:16px;font-size:14px}.contact-page .callback-form .form-note{font-size:12px}
.opening .actions .button{display:inline-flex;align-items:center;justify-content:space-between;gap:12px}.opening .actions .button svg{width:20px;height:20px;flex:0 0 20px}.opening .small-promises{display:grid;font-size:16px;line-height:1.5;gap:9px;margin-top:24px;transform:none}.opening .small-promises li{gap:9px;white-space:normal}
.opening .actions{flex-wrap:wrap}
.quote-request-page .steps{grid-template-columns:1fr}.quote-request-page .steps li{border:0;padding:0}
.quote-request-page main{padding-top:22px}.quote-request-page #request{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);column-gap:54px;align-items:start}.quote-request-page .intro{grid-column:1;grid-row:1;margin-bottom:26px}.quote-request-page .layout{display:contents}.quote-request-page #requestForm{grid-column:1;grid-row:2}.quote-request-page #request aside{grid-column:2;grid-row:1/3;margin-top:0}.quote-request-page aside img{aspect-ratio:1.55}.quote-request-page .aside-copy{padding:24px}.quote-request-page .hand{font-size:24px;margin:4px 0 18px}.quote-request-page .steps{list-style:none;padding:16px 0 0;display:grid;gap:16px;letter-spacing:normal}.quote-request-page .steps li{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;font-size:14px;line-height:1.5;letter-spacing:normal}.quote-request-page .steps b{font:600 15px/1.5 "Avenir Next",Arial,sans-serif;color:#747766;font-variant-numeric:tabular-nums;letter-spacing:normal}.quote-request-page .section-title b{font-size:14px;letter-spacing:normal;min-width:36px;text-align:center;padding:6px}.quote-request-page h2{letter-spacing:-.3px}
.advice-page .page-intro{max-width:850px}.advice-page .advice-grid p{line-height:1.8}.advice-personal{margin-top:38px;padding:28px 32px;border-left:2px solid #8e947a;background:#f1f0e9;max-width:880px}.advice-personal h2{font-size:27px;margin:0 0 12px}.advice-personal p{line-height:1.75;color:#50524a;margin:0}
.faq-list{max-width:900px}.faq-list details{border-top:1px solid #cfcec6;padding:22px 0}.faq-list details:last-child{border-bottom:1px solid #cfcec6}.faq-list summary{font-size:21px;line-height:1.4;cursor:pointer;font-weight:500}.faq-list details p{max-width:65ch;margin:18px 0 0;color:#55584e;line-height:1.75}.faq-page .page-intro{margin-bottom:35px}.footer .footer-links{display:grid;gap:10px;font-size:14px}.footer .footer-links a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1050px){.contact-page .contact-layout{grid-template-columns:minmax(0,1fr) minmax(330px,1fr);gap:24px}.contact-page .contact-methods{grid-template-columns:1fr}.contact-page .callback-form{padding:18px}.quote-request-page #request{column-gap:28px}.quote-request-page h1{font-size:38px}}
@media(max-width:760px){.contact-page .contact-layout{display:flex;flex-direction:column;gap:28px}.contact-page .contact-overview,.contact-page .callback-form{width:100%}.contact-page .contact-methods{grid-template-columns:1fr 1fr;gap:8px 14px}.contact-page .calendar-days button{min-height:42px}.quote-request-page #request{display:block}.quote-request-page .layout{display:flex;flex-direction:column-reverse;gap:28px}.quote-request-page aside{width:100%}.quote-request-page aside img{aspect-ratio:2}.quote-request-page #requestForm{width:100%}.opening .actions .collection-cta{display:inline-flex}.opening .small-promises{font-size:15px}.advice-personal{padding:22px}.faq-list summary{font-size:18px}}
@media(max-width:380px){.booking-fields{grid-template-columns:1fr}.contact-page .contact-channel{grid-template-columns:28px 1fr;gap:5px 8px}.contact-channel .contact-sketch{width:27px;height:27px}.contact-page .contact-channel strong{font-size:17px}}
@media(max-width:760px){.contact-page .contact-overview{display:contents}.contact-page .contact-overview .page-intro{order:0;margin-bottom:0}.contact-page .callback-form{order:1}.contact-page .contact-methods{order:2;width:100%}.contact-page .contact-overview>.form-note{order:3}}
.quote-request-page main{max-width:1920px;width:100%;box-sizing:border-box;padding-left:var(--gutter,5vw);padding-right:var(--gutter,5vw)}
.quote-request-page #request{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);column-gap:24px}
.quote-request-page .intro h1{font-size:clamp(34px,3.4vw,48px);letter-spacing:-1.5px}
.quote-request-page .intro p{font-size:14px}
.quote-request-page #requestForm .room{padding:16px}
.quote-request-page #requestForm .room label{margin-bottom:12px}
.quote-request-page #requestForm .room input,.quote-request-page #requestForm .room select{min-height:40px;padding:9px 10px}
.quote-request-page #requestForm .section-title{margin-bottom:16px;font-size:20px}
@media(min-width:761px) and (max-width:1050px){.quote-request-page #request{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px}}
.quote-request-page #request aside.quote-inspiration{background:transparent;border:0;border-radius:0;overflow:visible;align-self:start}
.quote-request-page aside.quote-inspiration img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:0}
.quote-request-page aside.quote-inspiration img{mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect}
.quote-request-page .quote-step+.quote-step{margin-top:24px}
.quote-request-page #rooms{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;margin-bottom:12px}
.quote-request-page #requestForm #rooms .room{box-sizing:border-box;display:grid;grid-template-rows:auto 1fr 1fr auto;gap:8px;width:100%;max-width:270px;aspect-ratio:1;min-height:0;padding:12px;margin:0}
.quote-request-page #rooms .room h3{font-size:17px;font-weight:500;margin:0}
.quote-request-page #requestForm #rooms .room label{font-size:11px;margin:0}
.quote-request-page #rooms .room .fields{gap:8px}
.quote-request-page #requestForm #rooms .room input,.quote-request-page #requestForm #rooms .room select{font-size:12px;min-height:36px;padding:7px;margin-top:4px}
.quote-request-page #rooms .room .remove{justify-self:start;align-self:end;margin:0;min-height:32px;padding:5px 9px}
.quote-request-page #addRoom{border-style:dashed}
.quote-request-page #rooms .room .fields{align-content:center}
@media(max-width:760px){.quote-request-page .layout{flex-direction:column}.quote-request-page aside.quote-inspiration{order:0;width:min(100%,460px);margin:12px auto 0}.quote-request-page #requestForm{order:1}}
.reel-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:760px){.reel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1051px){
  #contact.contact{padding-top:24px;padding-bottom:24px;min-height:424px}
  #contact .contact-layout{grid-template-columns:minmax(0,calc(35vw - 32px)) minmax(0,1fr);gap:32px;align-items:start}
  #contact .contact-copy{padding-top:24px}
  #contact .instagram-reels{padding-top:10px}
  #contact .instagram-reels .reel-grid{margin-top:42px;height:300px;grid-template-columns:repeat(5,minmax(0,1fr))}
  #contact .reel-card{display:flex;flex-direction:column;min-width:0;height:300px}
  #contact .reel-card video{height:260px;min-height:0;flex:1;object-fit:cover}
  #contact .reel-card>a{min-height:40px;padding:8px;font-size:11px}
}
@media(min-width:1000px){
  #advies.advice{height:300px;min-height:300px;padding-top:20px;padding-bottom:20px}
  #advies .section-top{margin-bottom:0;gap:20px}
  #advies .section-top h2{font-size:clamp(26px,2.1vw,36px);line-height:1.15}
  #advies .advice-note{font-size:16px;margin-bottom:8px}
  #advies .steps{margin-top:18px;gap:28px}
  #advies .steps li{padding-top:8px}
  #advies .steps li>span{font-size:11px}
  #advies .steps h3{font-size:22px;margin:20px 0 6px}
  #advies .steps p{font-size:14px;line-height:1.45;margin:0;max-width:40ch}
  #advies .step-sketch{top:5px;height:30px;width:72px}
  #advies .step-ruler{width:104px}
  #advies .advice-signoff{font-size:15px;margin:12px 4px 0 auto}
}