/*
Theme Name: NGM Onepage
Author: PC-Serviceburo
Version: 1.1.0
Description: Een rustige, responsive website voor NGM Onderhoud & Reparatie.
*/
:root{--green:#7A992B;--dark:#374510;--ink:#20291b;--muted:#62695e;--line:#e4e8df;--soft:#f4f6ef}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.7 Arial,Helvetica,sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--green);outline-offset:5px}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.skip{position:absolute;top:-100px;z-index:100;background:white;padding:15px}.skip:focus{top:0}.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:110px;transition:height .3s}.header.small .wrap{height:82px}.brand{display:flex;align-items:center;text-decoration:none;gap:16px}.brand img{width:74px;height:74px;object-fit:contain;transition:width .3s,height .3s}.small .brand img{width:56px;height:56px}.brand strong{display:block;font-size:15px;line-height:1.4}.brand span{display:block;font-size:12px;color:var(--muted);letter-spacing:.07em}.nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:600}.nav a{text-decoration:none}.nav a:hover{color:var(--dark)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:24px;background:var(--dark);color:white;text-decoration:none;padding:15px 24px;border:1px solid var(--dark);border-radius:6px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.btn:hover{background:#26310b;transform:translateY(-2px)}.btn.outline{background:white;color:var(--dark);border-color:#cad2ba}.nav .btn{color:white;padding:11px 20px}.menu{display:none;background:none;border:1px solid var(--line);padding:10px 14px;border-radius:5px;color:var(--dark)}.hero{position:relative;overflow:hidden;padding:94px 0 82px;background:linear-gradient(110deg,#fff 40%,#f1f4e8)}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:80px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.17em;font-weight:700;text-transform:uppercase;color:var(--dark)}.eyebrow:before{content:'';width:24px;height:2px;background:var(--green)}h1{font-size:clamp(42px,4.7vw,68px);line-height:1.08;letter-spacing:-.055em;font-weight:700;margin:25px 0}h1 em{font-style:normal;color:var(--green)}.lead{font-size:18px;max-width:520px;color:var(--muted);line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero-note{font-size:12px;margin-top:24px;color:var(--muted)}.visual{position:relative;height:410px;display:grid;place-items:center}.orbit{position:absolute;width:365px;height:365px;border:1px solid #d8e0c4;border-radius:50%;box-shadow:0 0 0 37px #edf1e4,0 0 0 38px #e0e7d2}.tech-card{position:relative;width:340px;background:white;border:1px solid #dce3d0;border-radius:14px;box-shadow:0 25px 70px #37451016;padding:30px;transform:rotate(-3deg)}.tech-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.08em;color:var(--muted)}.status-dot{width:8px;height:8px;background:var(--green);border-radius:50%;display:inline-block;margin-right:6px}.monitor{height:150px;border:5px solid var(--dark);border-radius:7px;margin:28px 0 15px;background:linear-gradient(140deg,#f5f7ee,#e6edd5);display:flex;align-items:center;justify-content:center}.monitor svg{width:75px;color:var(--green)}.stand{width:60px;height:12px;background:var(--dark);border-radius:0 0 5px 5px;margin:-15px auto 24px}.tech-lines{display:grid;gap:12px}.tech-line{display:flex;align-items:center;justify-content:space-between;font-size:12px}.tech-line span:last-child{color:var(--dark);font-weight:700}.float-tag{position:absolute;right:-16px;bottom:33px;background:var(--dark);color:#fff;padding:17px 24px;border-radius:8px;box-shadow:0 14px 30px #37451020;font-size:13px}.float-tag strong{display:block;font-size:17px}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust .wrap{display:flex;justify-content:space-between;gap:20px;padding-top:22px;padding-bottom:22px;font-size:12px;letter-spacing:.025em;color:var(--muted)}.trust b{color:var(--dark);margin-right:8px}.section{padding:100px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:44px}h2{font-size:clamp(32px,3.4vw,46px);line-height:1.17;letter-spacing:-.045em;margin:20px 0 0}.section-head p{max-width:360px;margin:0;color:var(--muted)}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service{padding:31px;border:1px solid var(--line);border-radius:9px;background:white;transition:transform .25s,box-shadow .25s}.service:hover{transform:translateY(-5px);box-shadow:0 16px 35px #3745100b}.icon{width:46px;height:46px;display:grid;place-items:center;border-radius:8px;background:var(--soft);color:var(--dark);margin-bottom:24px}.icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}h3{font-size:19px;line-height:1.3;letter-spacing:-.02em;margin:0 0 12px}.service p{font-size:14px;color:var(--muted);margin:0}.service.wide{grid-column:span 3;display:flex;align-items:center;gap:25px;background:var(--soft)}.wide .icon{margin:0;background:white;flex-shrink:0}.wide p{max-width:740px}.wide h3{margin-bottom:7px}.about{background:var(--soft)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about p{color:var(--muted)}.steps{display:grid;gap:25px}.step{display:flex;align-items:start;gap:22px;border-bottom:1px solid #dce2d2;padding-bottom:25px}.step:last-child{border:0;padding-bottom:0}.step-number{color:var(--green);font-size:13px;font-weight:700;padding-top:3px}.step p{font-size:14px;margin:0}.step h3{font-size:17px;margin-bottom:7px}.banner{position:relative;overflow:hidden;background:var(--dark);color:white;padding:78px 0}.banner .wrap{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:35px}.banner h2{margin:0;max-width:620px}.banner p{color:#e0e7d2;margin:18px 0 0}.banner .btn{background:white;color:var(--dark);border-color:white;flex-shrink:0}.banner-orbit{position:absolute;right:8%;top:-160px;width:550px;height:550px;border:1px solid #ffffff17;border-radius:50%;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff03}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact-copy p{max-width:450px;color:var(--muted)}.contact-box{border:1px solid var(--line);border-radius:10px;padding:34px}.contact-item{border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:22px}.contact-item:last-child{margin:0;padding:0;border:0}.contact-item small{display:block;color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}.contact-item a{text-decoration:none;font-weight:700;font-size:20px;color:var(--dark);overflow-wrap:anywhere}.contact-item a:hover{text-decoration:underline}.contact-item address{font-size:15px;font-style:normal}.footer{border-top:1px solid var(--line);text-align:center;padding:28px 24px;font-size:12px;color:var(--muted)}.footer a{color:var(--dark);font-weight:700;text-decoration:none}.footer a:hover{text-decoration:underline}.footer p{margin:0}.reveal{opacity:1}.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.js .reveal.visible{opacity:1;transform:none}@media(min-width:900px){body.admin-bar .header{top:32px}}@media(max-width:950px){.hero-grid{gap:35px}.hero{padding:65px 0}.visual{transform:scale(.85)}.nav{gap:20px}.brand strong{font-size:13px}.about-grid{gap:50px}.contact-grid{gap:45px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header .wrap{height:86px}.header.small .wrap{height:72px}.brand img{width:57px;height:57px}.small .brand img{width:47px;height:47px}.brand span{font-size:10px}.menu{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;padding:22px;background:white;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:20px}.nav.open{display:flex}.hero-grid{grid-template-columns:1fr;gap:25px}.hero{padding:50px 0 35px}.hero h1{font-size:48px}.visual{height:350px;transform:scale(.88)}.float-tag{right:0}.trust .wrap{flex-wrap:wrap;justify-content:center;gap:12px 25px;font-size:11px}.section{padding:65px 0}.section-head{display:block;margin-bottom:30px}.section-head p{margin-top:20px}.services{grid-template-columns:1fr 1fr;gap:12px}.service{padding:23px}.service.wide{grid-column:span 2}.about-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.banner{padding:55px 0}.banner .wrap{display:block}.banner .btn{margin-top:28px}.contact-box{padding:26px}body.admin-bar .header{top:46px}}@media(max-width:480px){.hero h1{font-size:43px}.lead{font-size:16px}.services{grid-template-columns:1fr}.service.wide{grid-column:auto;align-items:start}.visual{height:330px;transform:scale(.82);margin-left:-10px;margin-right:-10px}.brand{gap:10px}.brand strong{font-size:12px}.btn{padding:14px 18px}.actions{gap:10px}.contact-item a{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.js .reveal{opacity:1;transform:none}.parallax{transform:none!important}}
.hero-grid > * { min-width: 0; }
@media (max-width: 760px) { .hero-grid { grid-template-columns: minmax(0, 1fr); } .tech-card { width: min(340px, 100%); } }
.nav .btn:hover { color: #fff; }

/* NGM photo panels */
.hero-grid{gap:55px}.hero-photo{position:relative;padding:0 0 34px 20px;min-width:0}.photo-frame{height:430px;border-radius:16px;overflow:hidden;background:var(--soft);box-shadow:0 16px 50px #37451012}.photo-frame img{width:100%;height:100%;object-fit:cover;object-position:58% center}.photo-label{position:absolute;bottom:0;left:0;right:40px;background:var(--dark);color:white;border-radius:10px;padding:23px 28px;box-shadow:0 10px 25px #37451020}.photo-label span{display:block;font-size:10px;letter-spacing:.13em;color:#e4edcf}.photo-label strong{display:block;font-size:21px;margin-top:5px;letter-spacing:-.02em}.service{border-radius:12px;border-color:#dbe3cc;box-shadow:0 6px 20px #37451005;overflow:hidden}.service:nth-child(3),.service:nth-child(5){background:#eef3e2}.service:nth-child(4),.service:nth-child(6){background:#f7f9f3}.service.wide{background:var(--dark);color:#fff;border-color:var(--dark)}.service.wide p{color:#e6ecd9}.service.wide .icon{background:#ffffff14;color:white}.photo-service{padding-top:0}.service-photo{display:block;width:calc(100% + 62px);max-width:none;height:170px;object-fit:cover;margin:0 -31px 25px}.photo-service .icon{display:none}.about-panel{background:white;border:1px solid #dfe6d4;border-radius:14px;overflow:hidden;box-shadow:0 12px 35px #37451008}.about-photo{display:block;width:100%;height:240px;object-fit:cover;object-position:60% center}.about-panel .steps{padding:32px}.about-grid{gap:65px}.contact-box{background:#f3f6eb;border-color:#dbe3cc;border-radius:14px}.contact-copy{background:#fff;border:1px solid var(--line);border-radius:14px;padding:35px}.contact-grid{gap:24px}.contact-copy h2{font-size:42px}.trust{background:#f7f9f3}@media(max-width:950px){.hero-grid{gap:30px}.photo-frame{height:380px}.photo-label strong{font-size:18px}.about-grid{gap:35px}}@media(max-width:760px){.hero-grid{gap:35px}.hero-photo{padding-left:0}.photo-frame{height:340px}.photo-label{right:20px;left:20px;padding:20px}.service-photo{width:calc(100% + 46px);margin:0 -23px 22px;height:155px}.about-panel .steps{padding:25px}.contact-copy{padding:26px}.contact-copy h2{font-size:36px}}@media(max-width:480px){.photo-frame{height:290px}.photo-label{left:14px;right:14px}.photo-label strong{font-size:17px}.service-photo{height:190px}.about-photo{height:200px}}

.header .wrap{min-height:135px}.brand img{width:111px;height:111px;border:0!important;padding:0!important;box-shadow:none!important;background:none!important}.header.small .brand img{width:84px;height:84px}.header.small .wrap{min-height:105px}.support-menu{position:relative}.support-menu summary{cursor:pointer;list-style:none;color:#374510;font-weight:650;padding:12px 16px;border:1px solid #7A992B;border-radius:4px;background:#fff}.support-menu summary::-webkit-details-marker{display:none}.support-menu summary:after{content:" ▾"}.support-menu[open] summary:after{content:" ▴"}.support-options{position:absolute;top:calc(100% + 10px);right:0;min-width:230px;background:#fff;padding:8px;border:1px solid #dce4ce;box-shadow:0 12px 30px #37451020;border-radius:4px;z-index:50}.support-options a{display:block;padding:13px 12px;border-radius:3px;color:#374510;white-space:nowrap}.support-options a:hover{background:#edf2e2}.support-menu summary:focus-visible,.support-options a:focus-visible{outline:3px solid #7A992B;outline-offset:3px}@media(max-width:950px){.menu{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:24px;flex-direction:column;align-items:stretch;gap:16px;box-shadow:0 15px 25px #37451015}.nav.open{display:flex}.support-options{position:static;margin-top:8px;box-shadow:none}.header{background:linear-gradient(90deg,#374510 0%,#374510 62%,#cbd5b6 82%,#fff 100%)}}@media(max-width:760px){.brand img{width:85.5px;height:85.5px}.header.small .brand img{width:70.5px;height:70.5px}.header .wrap{min-height:106px;gap:10px}.header.small .wrap{min-height:90px}.brand{gap:8px}.brand strong{font-size:12px;max-width:110px}.menu{padding:8px;font-size:12px}}