/* home.css — voorpagina onder de hero: rustig, strak, editorial */
body.home{--hp:clamp(20px,5vw,80px)}
body.home main>section{padding-left:var(--hp);padding-right:var(--hp)}
.h-link{display:inline-flex;align-items:center;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink);padding-bottom:8px;border-bottom:1px solid var(--ink);transition:color .3s,border-color .3s}
.h-link:hover{color:var(--accent-d,#8a6d45);border-color:var(--accent)}

/* intro */
body.home .h-intro{padding-top:clamp(80px,11vw,170px);padding-bottom:clamp(70px,9vw,140px);background:var(--bg)}
.h-intro-in{max-width:980px;margin:auto;text-align:center}
.h-lead{font-family:var(--serif);font-weight:300;font-size:clamp(25px,3.2vw,46px);line-height:1.38;margin:34px 0 44px;letter-spacing:.005em}

/* collecties */
body.home .h-coll{background:var(--bg2);padding-top:clamp(64px,8vw,120px);padding-bottom:clamp(70px,9vw,130px)}
.h-head{max-width:1360px;margin:0 auto clamp(34px,4.5vw,64px);display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.h-head h2{font-size:clamp(34px,4.6vw,66px);font-weight:300;margin-top:10px;letter-spacing:.01em}
.h-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,30px);max-width:1360px;margin:auto}
.ht{display:block;position:relative}
.ht .slot{box-shadow:0 30px 60px -40px rgba(40,28,10,.55)}
.ht:nth-child(even){margin-top:clamp(28px,5vw,80px)}
.ht .slot::before{inset:14px}
.ht:hover .slot::before{inset:9px;border-color:rgba(255,255,255,.7)}
.ht:hover .slot.has img{transform:scale(1.04)}
@media (max-width:760px){.h-tiles{grid-template-columns:1fr 1fr}.ht:nth-child(even){margin-top:34px}}

/* atelier */
body.home .h-atelier{background:var(--bg);display:grid;grid-template-columns:5fr 4fr 3fr;gap:clamp(24px,5vw,90px);align-items:center;max-width:1500px;margin:auto;padding-top:clamp(80px,10vw,150px);padding-bottom:clamp(80px,10vw,150px)}
.h-atelier>.slot{box-shadow:0 30px 60px -40px rgba(40,28,10,.5)}
.h-atelier>.slot:last-child{margin-top:clamp(60px,12vw,200px);aspect-ratio:3/4}
.h-atxt h2{font-size:clamp(30px,3.6vw,54px);font-weight:300;line-height:1.12;margin:16px 0 20px}
.h-atxt p{color:var(--muted);margin:0 0 32px;max-width:36ch}
@media (max-width:900px){body.home .h-atelier{grid-template-columns:1fr 1fr}.h-atxt{grid-column:1/-1;order:-1;text-align:center}.h-atxt p{margin-left:auto;margin-right:auto}.h-atelier>.slot:last-child{margin-top:48px}}

/* reviews + afsluiter */
body.home .cta{padding-top:clamp(80px,10vw,150px);padding-bottom:clamp(80px,10vw,150px)}
body.home .testi{background:var(--bg2);padding-top:0;padding-bottom:clamp(60px,8vw,110px)}