@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Montserrat:wght@400;500;600;700;800&display=swap');
:root{--red:#e30613;--black:#070707;--white:#f7f7f7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Montserrat,Arial,sans-serif;line-height:1.55}.wrap{width:min(1440px,94%);margin:auto}.header{height:86px;background:#070707;border-bottom:1px solid #292929;position:sticky;top:0;z-index:20}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.logo img{height:68px;max-width:250px;object-fit:contain}.nav nav{display:flex;gap:30px;align-items:center}.nav a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:800}.nav a.active{color:var(--red);border-bottom:2px solid var(--red);padding-bottom:12px}.nav-cta{background:var(--red);padding:13px 18px}.menu{display:none;background:none;border:0;color:#fff;font-size:28px}.hero{position:relative;min-height:650px;overflow:hidden;border-bottom:1px solid #333}.slides,.slide{position:absolute;inset:0}.slide{opacity:0;transition:opacity .75s;background-size:cover;background-position:center}.slide:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.55) 52%,rgba(0,0,0,.24))}.slide.active{opacity:1}.hero-layout{position:relative;display:grid;grid-template-columns:1.3fr 1fr;min-height:650px}.hero-copy{align-self:center;padding:50px 35px 50px 10px}h1,h2,h3{font-family:'Barlow Condensed',Arial,sans-serif;line-height:.96}.hero h1{font-size:clamp(56px,6.5vw,98px);text-transform:uppercase;margin:0}.hero h1 span{color:var(--red)}.accent{width:70px;height:3px;background:var(--red);margin:22px 0}.hero-copy>p{color:#ddd;font-size:17px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.button{display:inline-block;padding:14px 22px;border:1px solid var(--red);text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:800;cursor:pointer}.primary{background:var(--red);color:#fff}.secondary{color:#fff;border-color:#ddd}.quick{background:rgba(8,8,8,.91);border-left:1px solid #333;text-align:center;padding:35px 26px}.label{color:var(--red);font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.quick h2{font-size:42px;margin:8px 0 26px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-grid a{min-height:140px;padding:21px 11px;background:#161616;color:#fff;text-decoration:none}.quick-grid i,.cards i,.why-grid i{display:block;color:var(--red);font-size:32px;font-style:normal}.quick-grid b,.quick-grid small{display:block}.quick-grid b{font-size:14px;margin-top:8px}.quick-grid small{font-size:10px;color:#ccc;margin-top:6px}.all{margin-top:20px}.arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);background:none;border:0;color:#fff;font-size:46px;cursor:pointer}.prev{left:8px}.next{right:40%}.dots{position:absolute;z-index:5;left:50%;bottom:16px;display:flex;gap:9px}.dots button{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#aaa;cursor:pointer}.dots .active{background:var(--red)}.about{display:grid;grid-template-columns:380px 1fr 1.65fr;min-height:400px;border-bottom:1px solid #333}.about-image{background:linear-gradient(135deg,rgba(0,0,0,.05),rgba(0,0,0,.42)),url('over-mij-remmen.jpg') center/cover}.about-copy,.why{padding:48px 38px}.about-copy{border-right:1px solid #333}.about h2{font-size:40px;margin:6px 0 18px}.about-copy>p:not(.label){color:#ddd;font-size:14px}.signature{font-family:cursive;font-style:italic;font-size:27px;margin:21px 0}.why{text-align:center}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:34px}.why-grid b,.why-grid small{display:block}.why-grid b{font-size:13px;margin-top:9px}.why-grid small{font-size:10px;color:#bbb;margin-top:7px}.services{padding:85px 0;background:#0b0b0b}.section-head{text-align:center}.section-head h2{font-size:58px;text-transform:uppercase;margin:8px 0 38px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cards article{background:#151515;border:1px solid #252525;padding:30px;text-align:center}.cards h3{font-size:29px;text-transform:uppercase;margin:8px}.cards p{font-size:13px;color:#ccc}.contact{padding:58px 0 45px;border-top:2px solid var(--red)}.contact-layout{display:grid;grid-template-columns:1fr 1.6fr .8fr;gap:40px;align-items:center}.contact h2{font-size:46px;margin:7px 0}.contact p{font-size:13px;color:#ddd}.contact a{color:#fff;text-decoration:none}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}input,textarea{width:100%;background:#111;border:1px solid #444;color:#fff;padding:14px;font:inherit;margin-bottom:8px}textarea{resize:vertical}#message{font-size:12px;color:var(--red)}.footer-logo{text-align:center}.footer-logo img{width:100%;max-width:260px}.footer-logo p{font-size:11px}
@media(max-width:950px){.hero-layout,.about,.contact-layout{grid-template-columns:1fr}.quick{border-left:0;border-top:1px solid #333}.next{right:8px}.about-image{min-height:280px}.about-copy{border-right:0;border-bottom:1px solid #333}.why-grid{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.header{height:75px}.logo img{height:55px}.menu{display:block}.nav nav{display:none}.nav.open nav{display:flex;position:absolute;top:75px;left:0;right:0;background:#070707;flex-direction:column;align-items:stretch;padding:20px}.quick-grid,.cards{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.hero-copy{padding:65px 20px}.hero h1{font-size:53px}.why-grid{grid-template-columns:1fr 1fr}}
