/*
Theme Name: Scheijbeler Montage Onepage
Theme URI: https://www.scheijbeler-montage.nl/
Author: Scheijbeler Montage
Description: Responsive onepage-thema in blauw, grijs, zwart en wit.
Version: 2.0.0
Requires at least: 6.0
Text Domain: scheijbeler-onepage
*/
 :root{--navy:#10283e;--blue:#1575b9;--light:#eef4f8;--ink:#1c2d39;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1140px,90%);margin:auto}.top{background:#10283e;color:#fff;padding:15px 0;position:sticky;top:0;z-index:10;box-shadow:0 3px 16px #10283e25}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:21px;font-weight:900;letter-spacing:.04em}.brand span{color:#51b5eb}.links{display:flex;gap:22px;align-items:center;font-size:14px;font-weight:600}.links a:hover{color:#68c2f2}.hero{background:linear-gradient(115deg,#0c2237ed,#174b6dc9),radial-gradient(circle at 75% 50%,#559bc9,#122739 50%);color:#fff;padding:125px 0 135px;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;right:-90px;bottom:-260px;width:550px;height:550px;border:90px solid #ffffff10;transform:rotate(35deg)}.eyebrow{font-weight:800;letter-spacing:.17em;text-transform:uppercase;font-size:12px;color:#67c4f5}.hero h1{font-size:clamp(40px,5vw,70px);line-height:1.1;max-width:850px;margin:18px 0 25px}.hero p{max-width:660px;font-size:19px;color:#d7e7f0}.btn{display:inline-block;border-radius:5px;padding:14px 24px;background:var(--blue);color:#fff;font-weight:800;margin:20px 10px 0 0;border:1px solid var(--blue)}.btn.outline{background:transparent;border-color:#b7d4e4}.btn:hover{filter:brightness(1.15)}section{padding:95px 0}.section-title{font-size:clamp(30px,3.6vw,45px);line-height:1.2;margin:10px 0 20px;color:var(--navy)}.intro{font-size:18px;max-width:780px;color:#50616b}.shade{background:var(--light)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:38px}.card{background:#fff;border:1px solid #e0e9ef;border-radius:8px;padding:30px;box-shadow:0 8px 25px #14364a0a}.card .num{font-size:14px;color:var(--blue);font-weight:800}.card h3{color:var(--navy);margin:15px 0 8px;font-size:22px}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.visual{min-height:360px;background:linear-gradient(135deg,#19374c,#42718a);border-radius:8px;position:relative;overflow:hidden}.visual:before,.visual:after{content:'';position:absolute;background:#ffffff13;transform:rotate(-28deg);height:130%;width:70px;top:-30%;left:30%}.visual:after{left:58%;width:170px}.visual b{position:absolute;bottom:35px;left:35px;font-size:20px;color:#eaf6fd;letter-spacing:.12em}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.project{min-height:245px;background:linear-gradient(150deg,#294b64,#0e2b3d);border-radius:8px;padding:25px;display:flex;flex-direction:column;justify-content:end;color:#fff}.project:nth-child(2){background:linear-gradient(150deg,#54768a,#1a3246)}.project:nth-child(3){background:linear-gradient(150deg,#42627b,#142c42)}.project strong{font-size:22px}.project small{color:#b5d6e9}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:34px}.step{border-left:3px solid var(--blue);padding-left:20px}.step b{color:var(--blue)}.cta{background:#10283e;color:#fff}.cta h2{color:#fff}.cta p{color:#d0e2ee;max-width:650px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}form{display:grid;gap:12px}input,textarea{width:100%;border:1px solid #c6d5dd;border-radius:5px;padding:14px;font:inherit}textarea{min-height:120px}button{cursor:pointer;font:inherit}.note{font-size:12px;color:#627789}footer{background:#091c2c;color:#b8cdd8;padding:28px 0;font-size:14px}footer .container{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}@media(max-width:800px){.links{gap:11px;font-size:12px;flex-wrap:wrap}.nav{align-items:flex-start;flex-direction:column}.hero{padding:85px 0}.grid,.projects,.steps,.split,.contact-grid{grid-template-columns:1fr}section{padding:65px 0}.visual{min-height:260px}}