*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#363636;background:#fff;font-size:16px;line-height:1.65}a{color:#0873bd;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}.topbar{height:44px;background:#e9e7e7}.topbar .wrap{height:44px;display:flex;justify-content:flex-end;align-items:center;gap:24px;font-size:17px}.site-header{background:#fff;position:relative;z-index:20}.navrow{height:133px;position:relative}.label-logo{position:absolute;top:-44px;left:0;width:100px;height:335px;object-fit:contain;z-index:30}.brand-logo{position:absolute;left:130px;top:36px;width:405px}.nav{position:absolute;right:0;top:50px;display:flex;align-items:center;gap:34px;list-style:none;margin:0;padding:0}.nav>li{position:relative}.nav a{font-size:18px;font-weight:700;text-transform:uppercase;white-space:nowrap}.nav .has-sub>a:after{content:' ▾';font-size:12px}.submenu{display:none;position:absolute;left:0;top:100%;min-width:235px;background:#fff;padding:10px 0;list-style:none;box-shadow:0 8px 20px rgba(0,0,0,.16);border-top:3px solid #0873bd}.submenu li a{display:block;padding:8px 16px;font-size:14px;text-transform:none;font-weight:600}.submenu li a:hover{background:#f3f3f3}.has-sub:hover>.submenu{display:block}.hero{height:430px;background-position:center;background-size:cover;background-repeat:no-repeat}.hero-home{height:min(540px,38vw);min-height:360px;background-image:url('/assets/images/hero-home.jpg');background-position:center 48%}.hero-sub{height:360px;position:relative}.hero-sub:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(0,0,0,.05))}.hero-title{position:absolute;z-index:2;left:max(30px,calc((100vw - 1180px)/2));bottom:45px;color:#fff;font-size:46px;font-weight:300;text-shadow:0 2px 12px rgba(0,0,0,.45);margin:0}.section{padding:72px 0}.section-dark{background:#292929;color:#fff}.section-soft{background:#f5f5f5}.section h1,.section h2{font-weight:300;text-align:center;color:#0873bd;margin:0 0 28px}.section h1{font-size:40px}.section h2{font-size:34px}.lead{font-size:20px;max-width:1080px;margin:0 auto 32px}.center{text-align:center}.btn{display:inline-block;background:#0873bd;color:#fff;padding:13px 25px;border-radius:3px;font-size:17px}.projects{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:40px}.project-card{position:relative;min-height:250px;overflow:hidden;background:#ddd}.project-card img{width:100%;height:250px;object-fit:cover;transition:.25s}.project-card:hover img{transform:scale(1.03)}.project-card .cap{position:absolute;left:0;right:0;bottom:0;padding:22px 14px 14px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.78));font-size:19px;font-weight:bold}.reasons{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;text-align:center}.reason img{height:92px;margin:0 auto 18px;object-fit:contain}.reason h3{font-weight:300;color:#0873bd;font-size:21px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.news-card{background:#fff;box-shadow:0 1px 8px rgba(0,0,0,.08)}.news-card img{width:100%;height:210px;object-fit:cover}.news-card .inner{padding:18px}.news-card h3{margin:0 0 7px;color:#0873bd;font-size:20px}.news-card small{color:#888}.cta{padding:78px 0;background:url('/assets/images/cta-restauratie.jpg') center/cover no-repeat;position:relative;color:#fff;text-align:center}.cta:before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.42)}.cta .wrap{position:relative}.cta h2{font-size:40px;font-weight:300;margin:0 0 8px}.cta h3{font-size:24px;font-weight:300;margin:0 0 22px}.content{max-width:980px;margin:0 auto}.content h1{text-align:left}.content p{font-size:18px;margin:0 0 22px}.project-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.project-item{min-height:115px;border:1px solid #e4e4e4;background:#fff;padding:24px;display:flex;align-items:center;color:#0873bd;font-size:18px;font-weight:700;box-shadow:0 1px 5px rgba(0,0,0,.04)}.contact-box{background:#f5f5f5;padding:32px;margin-top:32px;border-left:4px solid #0873bd}.footer{background:#222;color:#fff;padding:32px 0}.footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer a{color:#fff}.footer-logo{width:220px;opacity:.95}.mobile-toggle{display:none}
@media(max-width:1150px){.brand-logo{width:330px}.nav{gap:20px}.nav a{font-size:15px}.projects{grid-template-columns:repeat(3,1fr)}.label-logo{width:88px;height:300px}.brand-logo{left:115px}}
@media(max-width:820px){.topbar .wrap{justify-content:center;font-size:13px;gap:12px}.navrow{height:118px}.label-logo{width:64px;height:220px;left:0}.brand-logo{left:80px;top:25px;width:min(280px,calc(100% - 145px))}.mobile-toggle{display:block;position:absolute;right:0;top:37px;border:0;background:#0873bd;color:#fff;padding:9px 12px;font-size:20px}.nav{display:none;position:absolute;left:0;right:0;top:118px;background:#fff;box-shadow:0 8px 15px rgba(0,0,0,.15);padding:14px 20px;flex-direction:column;align-items:flex-start;gap:2px}.nav.open{display:flex}.nav a{display:block;padding:6px 0}.submenu{position:static;display:block;box-shadow:none;border:0;padding:0 0 0 14px}.hero-home{height:55vw;min-height:300px}.hero-sub{height:290px}.hero-title{font-size:34px}.projects,.reasons,.news-grid,.project-list{grid-template-columns:1fr 1fr}.footer .wrap{flex-direction:column;text-align:center}}
@media(max-width:560px){.wrap{width:min(100% - 28px,1180px)}.topbar{height:auto;min-height:42px}.topbar .wrap{min-height:42px;flex-wrap:wrap}.projects,.reasons,.news-grid,.project-list{grid-template-columns:1fr}.hero-home{min-height:260px}.hero-sub{height:240px}.section{padding:50px 0}.section h1{font-size:32px}.lead,.content p{font-size:17px}.project-card,.project-card img{height:240px;min-height:240px}.label-logo{width:52px;height:183px}.brand-logo{left:65px;width:220px;top:30px}.navrow{height:110px}.nav{top:110px}.mobile-toggle{top:35px}.hero-title{left:20px;bottom:28px;font-size:29px}}

/* Waarom Wijnja Bouw - originele donkere/blauwe presentatie voor witte iconen */
.section-why{background:#0873bd;color:#fff;}
.section-why h1{color:#fff;}
.section-why .reason h3{color:#fff;}
.section-why .reason img{opacity:1;}