.demo-bar{min-height:42px;padding:10px 4vw;background:#b8915d;color:#111;display:flex;align-items:center;justify-content:center;gap:18px;font-size:.78rem;letter-spacing:.03em}.demo-bar a{color:#111;font-weight:800}.demo-hero{min-height:720px}.demo-hero .hero-content{max-width:690px}.section-note{max-width:360px;color:#6f746f}.feature-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.feature-pills span{border:1px solid #d6d0c5;border-radius:999px;padding:8px 12px;font-size:.82rem}.gallery-section{background:#eee9df}.demo-gallery{grid-template-columns:repeat(4,1fr)}.demo-gallery figure{min-height:360px}.booking-showcase{display:grid;grid-template-columns:minmax(0,.8fr) minmax(520px,1.2fr);gap:clamp(50px,8vw,130px);align-items:start;background:#f4f0e8}.booking-copy{position:sticky;top:120px}.booking-copy ol{padding-left:20px;line-height:2}.demo-booking{background:#fff;padding:clamp(24px,4vw,48px);border-radius:18px;box-shadow:0 24px 70px rgba(17,17,17,.09)}.demo-step-label{margin:20px 0 12px;color:#8b6840;font-weight:800;font-size:.75rem;letter-spacing:.14em}.demo-booking select,.demo-booking input{width:100%;margin-top:8px}.demo-privacy{font-size:.78rem;color:#6f746f}.demo-success{margin-top:22px;padding:22px;border-left:4px solid #b8915d;background:#eef3ed}.demo-success span{font-size:.68rem;letter-spacing:.14em;font-weight:800;color:#607063}.demo-success h3,.demo-success h2{margin:.4rem 0}.portal-callout{padding:clamp(50px,8vw,100px) max(5vw,calc((100vw - 1260px)/2));background:#18392b;color:#f4f0e8;display:flex;align-items:end;justify-content:space-between;gap:40px}.portal-callout h2{max-width:760px;margin:.5rem 0}.portal-callout p{max-width:670px}.portfolio-barbershop footer{margin-top:0}@media(max-width:900px){.demo-bar{align-items:flex-start;flex-direction:column;gap:2px}.demo-bar a{margin-top:4px}.demo-hero{min-height:660px}.demo-gallery{grid-template-columns:repeat(2,1fr)}.booking-showcase{grid-template-columns:1fr}.booking-copy{position:static}.portal-callout{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.demo-bar span{display:none}.demo-gallery{grid-template-columns:1fr}.demo-gallery figure{min-height:300px}.demo-booking{padding:20px}.booking-showcase{padding-left:18px;padding-right:18px}}

/* v39: rustigere portfolio-presentatie */
.gallery-section{padding-top:clamp(72px,7vw,112px);padding-bottom:clamp(72px,8vw,128px)}
.gallery-section .section-head{max-width:1400px;margin:0 auto clamp(34px,4vw,58px);align-items:flex-end;gap:40px}
.gallery-section .section-head h2{max-width:900px;font-size:clamp(2.7rem,5.2vw,5.4rem);line-height:.98}
.gallery-section .section-note{max-width:310px;padding:16px 18px;border-left:3px solid var(--gold);background:#f5f1e9;border-radius:0 10px 10px 0}
.demo-gallery{max-width:1400px;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.demo-gallery figure{min-height:0;aspect-ratio:16/10;border-radius:18px;box-shadow:0 14px 34px rgba(22,31,26,.10)}
.demo-gallery figcaption{left:18px;bottom:18px;padding:10px 14px;background:rgba(12,18,15,.84);backdrop-filter:blur(8px)}

.booking-showcase{grid-template-columns:minmax(320px,.82fr) minmax(520px,1.18fr);gap:clamp(48px,6vw,92px);padding-top:clamp(72px,7vw,110px);padding-bottom:clamp(72px,7vw,110px);align-items:center}
.booking-copy{position:static;max-width:560px}
.booking-copy h2{font-size:clamp(3rem,4.6vw,5rem);line-height:.98;margin-bottom:28px}
.booking-copy>p:not(.eyebrow){max-width:520px;font-size:1.05rem;color:#4e5651}
.booking-copy ol{display:grid;gap:10px;margin:30px 0 0;padding:0;list-style:none;counter-reset:booking-step}
.booking-copy li{position:relative;padding:14px 16px 14px 54px;border:1px solid #d8d3c9;border-radius:10px;background:#f9f7f2;line-height:1.35;counter-increment:booking-step}
.booking-copy li:before{content:counter(booking-step,decimal-leading-zero);position:absolute;left:16px;top:14px;color:#9b7345;font-size:.72rem;font-weight:900;letter-spacing:.08em}
.demo-booking{padding:clamp(30px,3.4vw,48px);border:1px solid #e1ddd5;box-shadow:0 20px 55px rgba(17,29,23,.10)}
.demo-step-label{display:flex;align-items:center;gap:10px;margin:26px 0 13px}
.demo-step-label:first-child{margin-top:0}
.demo-step-label:after{content:"";height:1px;flex:1;background:#e5e0d7}
.demo-booking label{gap:5px}
.demo-booking select,.demo-booking input{min-height:52px;margin-top:3px;background:#fbfaf7;border-color:#d5d0c7}
.demo-booking .btn{width:100%;min-height:56px;margin-top:24px;font-size:1rem}
.demo-privacy{text-align:center;margin:9px 0 0}

@media(max-width:900px){
 .gallery-section .section-head{display:grid;gap:18px}.gallery-section .section-note{max-width:520px}
 .booking-showcase{grid-template-columns:1fr;gap:38px}.booking-copy{max-width:680px}
}
@media(max-width:620px){
 .demo-gallery{grid-template-columns:1fr;gap:14px}.demo-gallery figure{aspect-ratio:4/3}
 .gallery-section .section-head h2{font-size:2.75rem}.gallery-section .section-note{font-size:.9rem}
 .booking-copy h2{font-size:2.85rem}.booking-copy li{padding-left:50px}
}