/*
Theme Name: Van de Graaf Metaal
Theme URI: https://example.com/
Author: Van de Graaf Metaal
Description: Maatwerk WordPress-thema voor Van de Graaf Metaal.
Version: 1.0.0
Text Domain: van-de-graaf-metaal
*/

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#171b1f;background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1180px,92vw);margin:auto}header{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid #e6e8ea}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-weight:900;letter-spacing:1.45px;color:#111820}.brand span{display:block;font-size:10px;letter-spacing:4px;color:#777}.menu{display:flex;gap:24px;align-items:center;font-size:14px;font-weight:700}.menu a:hover,.menu .hub{color:#176697}.hero{height:650px;position:relative;background:#1c2228;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;filter:brightness(.47)}.hero-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-48%);color:#fff}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:2.4px;font-size:12px;font-weight:800;color:#1d72a3}.hero .eyebrow{color:#fff}.hero h1{font-size:clamp(48px,7vw,88px);line-height:.98;margin:12px 0 10px;max-width:900px}.since{font-size:clamp(28px,4vw,46px);font-weight:300;margin-bottom:14px}.materials{font-size:18px;font-weight:700;letter-spacing:.8px}.btn{display:inline-block;padding:13px 20px;border:1px solid #111820;font-weight:800;margin-right:8px;margin-top:20px}.btn.primary{background:#111820;color:#fff}.btn.ghost{border-color:#fff;color:#fff}.text-link{font-weight:800;color:#176697}.section,section{padding:76px 0}.soft{background:#f3f5f6}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.rounded-media{width:100%;height:500px;object-fit:cover}.section h2,.bigline{font-size:clamp(34px,5vw,58px);line-height:1.05;margin:7px 0 18px}.lead{font-size:19px;color:#525b63}.steps{font-size:18px;font-weight:800;color:#176697;margin-top:22px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid #dfe3e6;background:#fff;overflow:hidden}.card img,.card video{width:100%;height:260px;object-fit:cover;background:#dfe3e6}.pad{padding:22px}.pad h3{margin:0 0 7px;font-size:24px}.spec{color:#59616a}.project-grid,.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card,.project{position:relative;min-height:315px;background:#242c33;overflow:hidden}.project-card img,.project img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.25s}.project-card:hover img,.project:hover img{transform:scale(1.025)}.caption{position:absolute;inset:auto 0 0;padding:52px 20px 20px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.84))}.caption strong{display:block;font-size:23px}.caption small{font-size:14px}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:22px}.before-after figure{margin:0}.before-after img{width:100%;height:390px;object-fit:cover}.before-after figcaption{padding:12px 0;font-weight:700}.bike-block{background:#eef2f4}.history-home{background:#fff}.history-photo{width:100%;height:540px;object-fit:cover}.timeline-vertical{display:grid;gap:15px;margin:25px 0}.mile{display:grid;grid-template-columns:90px 1fr;border-top:1px solid #d9dddf;padding-top:11px}.mile strong{font-size:22px;color:#176697}.history-quote{font-size:20px}.page-hero{padding:74px 0 54px;background:#eef2f4}.page-hero h1{font-size:clamp(44px,6vw,72px);line-height:1;margin:8px 0 15px}.project-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}.project-intro p{font-size:19px;color:#505a63}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.gallery img{width:100%;height:430px;object-fit:cover;background:#eee;cursor:zoom-in}.gallery .wide{grid-column:1/-1;height:auto;max-height:720px;object-fit:contain;background:#f7f7f7}.no-gallery{padding:28px;border:1px solid #dfe3e6;background:#f6f7f8;color:#56606a}.projects-overview{grid-template-columns:repeat(3,1fr)}footer{background:#111820;color:#cfd5da}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding:46px 0}footer strong{color:#fff}.lightbox{display:none;position:fixed;z-index:99;inset:0;background:rgba(0,0,0,.93);align-items:center;justify-content:center;padding:30px}.lightbox.open{display:flex}.lightbox img{max-width:94vw;max-height:90vh}.close{position:absolute;top:14px;right:25px;color:#fff;font-size:42px}.project-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#aeb7bf;font-weight:800;letter-spacing:2px;background:linear-gradient(135deg,#1d2730,#3a4650)}@media(max-width:850px){.menu{gap:11px;font-size:11px;flex-wrap:wrap;justify-content:flex-end}.nav{padding:14px 0}.grid2,.grid3,.project-grid,.projects,.project-intro,.gallery,.before-after,.foot{grid-template-columns:1fr}.hero{height:570px}.rounded-media,.history-photo,.before-after img,.gallery img{height:auto}.section-head{display:block}.project-card,.project{min-height:280px}}
/* v7 homepage additions */
.video-feature{padding:80px 0;background:#111;color:#fff}.video-feature-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:center}.video-frame{border-radius:18px;overflow:hidden;background:#000;box-shadow:0 18px 45px rgba(0,0,0,.25)}.video-frame video{display:block;width:100%;height:auto;max-height:620px;object-fit:cover}.video-feature .kicker{color:#91b8dc}.video-feature h2{font-size:clamp(32px,4vw,54px);margin:.2em 0}.video-feature p{color:#d7dce1}.fresh-projects{grid-template-columns:repeat(3,1fr)}@media(max-width:800px){.video-feature-grid{grid-template-columns:1fr}.fresh-projects{grid-template-columns:1fr}}

.contain-gallery img{object-fit:contain;background:#f3f4f5;padding:8px}

.gallery img{object-fit:contain;background:#f3f4f5;padding:8px}.gallery img.rotate90{transform:rotate(90deg);object-fit:contain;max-width:430px;margin:auto}

.idea-images{display:grid;grid-template-columns:1fr 1fr;gap:12px}.idea-images img{width:100%;height:100%;min-height:260px;object-fit:cover}.project-main-photo{width:100%;max-height:620px;object-fit:contain;background:#f2f2f2;border-radius:16px}.photo-credit{font-size:12px;color:#666;margin-top:8px}.photo-credit a{color:inherit}.gallery-title{margin:34px 0 14px}
@media(max-width:800px){.idea-images{grid-template-columns:1fr}.idea-images img{min-height:200px}}