/*
Theme Name: Van Dijk Coatings
Theme URI: https://www.vandijkcoatings.nl
Author: Van Dijk Coatings
Version: 2.0
Description: Premium one-page website voor Van Dijk Coatings, verfgroothandel Zeist.
*/
:root{--navy:#061827;--gold:#c99b4a;--gold2:#e3bd73;--white:#fff;--ink:#142333;--muted:#687583;--light:#f5f6f7;--line:#e3e7eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.55;background:#fff}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:99;background:rgba(6,24,39,.97);border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:25px;line-height:.9;letter-spacing:.04em;font-weight:900;color:#fff}.brand small{display:block;color:var(--gold2);font-size:12px;letter-spacing:.22em;margin-top:7px}.navlinks{display:flex;align-items:center;gap:28px;color:#dce5ec;font-size:13px;font-weight:700}.navlinks a:hover{color:var(--gold2)}.nav-phone{background:var(--gold);color:#101820;padding:12px 18px;border-radius:3px;font-weight:900}.hero{background:linear-gradient(90deg,rgba(4,17,29,.98),rgba(5,24,39,.82)),radial-gradient(circle at 80% 20%,#33556c,#061827 68%);color:#fff;min-height:650px;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.eyebrow{color:var(--gold2);font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hero h1{font-size:clamp(48px,6vw,76px);line-height:.93;letter-spacing:-.045em;margin:18px 0}.hero h1 span{color:var(--gold2)}.hero p{max-width:650px;font-size:19px;color:#d4dee5;margin:0 0 28px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 23px;border-radius:3px;font-weight:900;border:1px solid var(--gold)}.btn-gold{background:var(--gold);color:#101820}.btn-dark{color:#fff;border-color:rgba(255,255,255,.45)}.hero-panel{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.14);padding:34px;border-radius:6px}.hero-panel h2{font-size:24px;margin:0 0 18px}.ticks{list-style:none;padding:0;margin:0;display:grid;gap:13px}.ticks li:before{content:'✓';color:var(--gold2);font-weight:900;margin-right:12px}.usps{background:#071b2b;color:#fff}.uspgrid{display:grid;grid-template-columns:repeat(4,1fr)}.usp{padding:23px 18px;border-right:1px solid rgba(255,255,255,.1)}.usp b{display:block;font-size:13px;text-transform:uppercase}.usp span{color:#9eacb7;font-size:12px}section{padding:88px 0}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:36px}.kicker{color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:12px}.section-head h2{font-size:44px;line-height:1.05;letter-spacing:-.04em;margin:8px 0 0}.section-head p{max-width:500px;color:var(--muted);margin:0}.services{display:grid;grid-template-columns:repeat(4,1fr)}.service{min-height:230px;padding:28px;background:#172b3b;color:#fff;border-right:1px solid rgba(255,255,255,.2)}.service:nth-child(2){background:#20394d}.service:nth-child(3){background:#31485a}.service:nth-child(4){background:#3f5261}.service h3{font-size:23px;margin:90px 0 8px}.service p{font-size:13px;color:#dce3e8;margin:0}.service a{display:inline-block;color:var(--gold2);font-size:12px;font-weight:900;margin-top:15px}.brandgrid{display:grid;grid-template-columns:repeat(8,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.brandname{padding:20px 10px;text-align:center;font-size:15px;font-weight:900;color:#182536;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.brandname:nth-child(8n){border-right:0}.about{background:var(--navy);color:#fff}.aboutgrid{display:grid;grid-template-columns:1fr 1fr;min-height:430px}.aboutcopy{padding:65px 60px 65px 0}.aboutcopy h2{font-size:47px;line-height:1.03;margin:10px 0 18px}.aboutcopy p{color:#c6d2da;max-width:580px}.warehouse{background:linear-gradient(145deg,#294455,#0a1e30);position:relative;min-height:430px}.warehouse:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 58px,rgba(255,255,255,.06) 59px 61px),repeating-linear-gradient(0deg,transparent 0 48px,rgba(201,155,74,.08) 49px 51px)}.warehouse-label{position:absolute;left:35px;bottom:30px;font-weight:900;color:#fff}.warehouse-label span{color:var(--gold2)}.contact{background:var(--light)}.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.contactbox{background:#fff;border:1px solid var(--line);padding:38px;border-radius:5px}.contactbox.dark{background:var(--navy);color:#fff;border:0}.contactbox h2{font-size:36px;line-height:1.05;margin:7px 0 20px}.detail{padding:14px 0;border-bottom:1px solid var(--line)}.dark .detail{border-color:rgba(255,255,255,.13)}.detail b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--gold);margin-bottom:3px}.detail span{font-weight:700}.hours{display:grid;grid-template-columns:1fr 1fr;gap:12px}.footer{background:#04111d;color:#9eacb7;padding:26px 0;font-size:12px}.footer .wrap{display:flex;justify-content:space-between;gap:20px}@media(max-width:950px){.hero-grid,.aboutgrid,.contactgrid{grid-template-columns:1fr}.hero{padding:80px 0}.services{grid-template-columns:1fr 1fr}.brandgrid{grid-template-columns:repeat(4,1fr)}.uspgrid{grid-template-columns:1fr 1fr}.navlinks{display:none}.aboutcopy{padding:50px 0}}@media(max-width:600px){.wrap{width:calc(100% - 28px)}section{padding:60px 0}.hero h1{font-size:47px}.services,.contactgrid{grid-template-columns:1fr}.brandgrid{grid-template-columns:repeat(2,1fr)}.uspgrid{grid-template-columns:1fr}.usp{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.section-head{display:block}.section-head p{margin-top:15px}.hours{grid-template-columns:1fr}.footer .wrap{display:block}}