/*
Theme Name: RAP Engineering – Bewerkbaar Ontwerp
Author: RAP Engineering
Description: Bewerkbare WordPress website in ik-vorm, geïnspireerd op het RAP ontwerp.
Version: 3.0.0
Text Domain: rap-engineering
*/
:root{--blue:#075ec4;--dark:#0b1a30;--pale:#eef7ff;--muted:#536478}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--dark);font-family:Arial,Helvetica,sans-serif;background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(1180px,92%);margin:auto}.site-header{background:#fff;border-bottom:1px solid #e2eaf2}.nav{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand img{width:240px;display:block}.menu{display:flex;align-items:center;gap:23px;font-size:14px}.menu a:hover{color:var(--blue)}.nav-cta,.rap-button{display:inline-block;background:var(--blue);color:#fff!important;border-radius:5px;padding:12px 22px;font-weight:700}.nav-cta:hover,.rap-button:hover{background:#03498e}.rap-button.outline{background:white;color:var(--blue)!important;border:1px solid var(--blue)}.rap-hero{background:linear-gradient(110deg,#fff 0%,#fff 42%,#e9f5ff 100%);position:relative;overflow:hidden}.rap-hero:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(28deg,transparent 0 105px,rgba(3,103,210,.055) 106px 107px);pointer-events:none}.rap-hero .wrap{position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:24px;padding-top:75px;padding-bottom:75px;min-height:530px}.rap-hero h1{font-size:clamp(39px,5.3vw,70px);line-height:1.05;margin:0 0 23px;text-transform:uppercase;letter-spacing:-1.8px}.rap-hero h1 span{color:var(--blue)}.rap-hero p{font-size:19px;max-width:560px}.rap-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.rap-hero-visual img{width:100%;height:380px;object-fit:cover;object-position:center;border-radius:8px;box-shadow:0 18px 45px #00458a20}.rap-section{padding:65px 0}.rap-light{background:#f1f8ff}.rap-kicker{text-align:center;color:var(--blue);text-transform:uppercase;letter-spacing:2px;font-weight:700;font-size:13px}.rap-section h2{text-align:center;font-size:clamp(30px,3.5vw,45px);line-height:1.15;margin:5px 0 35px}.rap-section h2 em{color:var(--blue);font-style:normal}.rap-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.rap-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 8px 25px #003d7917;border:1px solid #e4edf7}.rap-card img{display:block;width:100%;height:190px;object-fit:cover}.rap-card-content{padding:22px}.rap-card h3{font-size:22px;margin:0 0 10px}.rap-card p{color:var(--muted);margin:0 0 15px}.rap-card a{color:var(--blue);font-weight:bold}.rap-about{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.rap-about h2{text-align:left;margin:5px 0 22px}.rap-about img{border-radius:8px;width:100%;max-height:340px;object-fit:cover}.rap-projects{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.rap-projects img{width:100%;height:130px;object-fit:cover;border-radius:7px}.rap-projects h3{font-size:16px;margin:8px 0 0}.rap-projects p{font-size:13px;color:var(--muted);margin:0}.rap-contact{background:linear-gradient(105deg,#00336a,#0860bd);color:#fff;padding:65px 0}.rap-contact h2{font-size:38px;margin:0 0 15px}.rap-contact p{max-width:560px}.rap-contact a{color:white}.rap-contact .rap-button{border:1px solid #c3dfff;margin-top:12px}.site-footer{background:#071c34;color:#d2e4f6;padding:22px 0;text-align:center;font-size:13px}.editor-content>.wp-block-group{max-width:1180px;margin:auto}.editor-content{min-height:30vh}.site-header .menu-toggle{display:none}@media(max-width:850px){.nav{flex-wrap:wrap;padding:14px 0}.brand img{width:190px}.menu{gap:12px;flex-wrap:wrap}.rap-hero .wrap,.rap-about{grid-template-columns:1fr}.rap-hero .wrap{padding:55px 0}.rap-hero-visual img{height:250px}.rap-cards{grid-template-columns:1fr}.rap-projects{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.rap-projects{grid-template-columns:1fr}.rap-hero h1{font-size:39px}.menu{font-size:12px}}