/* Homepage rebuild: project proof and quiet architectural hierarchy. */
.hero{position:relative;isolation:isolate;min-height:clamp(39rem,52vw,48rem);display:grid;align-items:end;overflow:hidden;padding:0!important;background:#25231f!important}.hero::before{content:"";position:absolute;z-index:-2;inset:0;background:url("/images/portfolio/project-three/kitchen/kitchen%20-%20ceiling%20down%20-%20before%202.jpeg") center/cover no-repeat;filter:saturate(.55) contrast(1.04)}.hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(30,29,26,.96),rgba(30,29,26,.7) 43%,rgba(30,29,26,.12)),linear-gradient(0deg,rgba(30,29,26,.7),transparent 50%)}.hero-grid{width:100%;grid-template-columns:minmax(0,46rem)!important;gap:0!important;padding-block:clamp(8rem,14vw,12rem) clamp(3rem,7vw,5.5rem)!important}.hero-title{max-width:11ch;margin-top:1.25rem!important;color:#f7f3eb!important}.hero-highlight{padding:0!important;border:0!important;background:transparent!important;color:#d7c4ae!important;font-size:.67rem!important;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hero-text{max-width:34rem;color:#ece5da!important;font-size:1.06rem;line-height:1.75}.hero-cta{margin-top:2.2rem!important;margin-bottom:3rem!important}.hero-cta .btn-outline{border-color:#f7f3eb!important;color:#f7f3eb!important}.hero-cta .whatsapp-btn{display:none!important}.hero-meta{gap:0!important;border-top:1px solid rgba(255,255,255,.36);max-width:41rem}.hero-meta>div{flex:1;padding:1rem 1.2rem 0 0;color:#d7d0c3!important}.hero-meta>div+div{padding-left:1.2rem;border-left:1px solid rgba(255,255,255,.36)}.hero-meta strong{color:#fff!important;font-size:.72rem!important;letter-spacing:.08em;text-transform:uppercase}.hero-card{display:none!important}#diensten{background:#e8e3da}#diensten .services-grid{margin-top:4rem}#projecten{border-top:0}#werkwijze{background:#f5f1e9}@media(max-width:899px){.hero{min-height:40rem}.hero::after{background:linear-gradient(0deg,rgba(30,29,26,.94),rgba(30,29,26,.4) 76%)}.hero-grid{padding-block:8rem 2.5rem!important}.hero-cta{display:grid}.hero-meta{display:grid;grid-template-columns:1fr}.hero-meta>div+div{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.36)}}
