/*
Theme Name: Kantoor Deurne
Author: iPower
Version: 1.2.1
*/
:root{--ink:#18232f;--muted:#5e6b78;--line:#d9e0e7;--brand:#095c9f;--brand2:#0f7a8a;--accent:#d86f12;--soft:#f4f7f9;--panel:#ffffff;--shadow:0 18px 40px rgba(24,35,47,.12)}
*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{color:var(--brand)}.site-header{border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);position:sticky;top:0;z-index:10;backdrop-filter:blur(8px)}.nav{max-width:1180px;margin:0 auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-weight:800;color:var(--ink);text-decoration:none;font-size:20px;white-space:nowrap}.nav-links{display:flex;gap:14px;flex-wrap:wrap;font-size:14px;align-items:center}.nav-links a{text-decoration:none;color:#334151}.nav-links a:hover{color:var(--brand)}main{max-width:1180px;margin:0 auto;padding:0 22px 52px}.visual-hero{margin-left:calc(50% - 50vw);width:100vw;min-height:min(650px,calc(100vh - 82px));background-image:linear-gradient(90deg,rgba(9,28,45,.86),rgba(9,28,45,.56) 48%,rgba(9,28,45,.14)),var(--hero-image);background-size:cover;background-position:center;display:flex;align-items:center;color:#fff}.visual-hero-inner{max-width:1180px;margin:0 auto;width:100%;padding:70px 22px 78px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:800;color:var(--accent);margin:0 0 12px}.visual-hero h1{font-size:58px;line-height:1.02;margin:0 0 20px;max-width:820px;color:#fff}.visual-hero .lead{font-size:22px;max-width:760px;color:#eef5fb}.sub-hero{display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:34px;align-items:center;padding:42px 0 26px}.sub-hero img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;box-shadow:var(--shadow)}h1{font-size:42px;line-height:1.08;margin:0 0 16px;letter-spacing:0}h2{font-size:28px;line-height:1.16;margin:0 0 14px}p{margin:0 0 14px}.lead{font-size:19px;color:#3b4652}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border-radius:6px;border:1px solid var(--brand);background:var(--brand);color:#fff;text-decoration:none;font-weight:800}.button.secondary,.button.secondary-light{background:#fff;color:var(--brand)}.button.secondary-light{border-color:#fff}.quick-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0 0 34px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}.quick-facts div{background:#fff;padding:22px}.quick-facts strong{display:block;font-size:24px;color:var(--brand)}.quick-facts span{color:var(--muted)}.photo-story{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:34px 0}.photo-story.three{grid-template-columns:repeat(3,1fr)}.photo-story figure,.plan{margin:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.photo-story img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.photo-story figcaption,.plan figcaption{padding:11px 13px;color:var(--muted);font-size:14px;border-top:1px solid var(--line)}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:34px 0}.choice-grid article,.card{border:1px solid var(--line);border-radius:8px;padding:20px;background:#fff}.choice-grid h2{font-size:22px;color:var(--brand)}.wide-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,450px);gap:28px;align-items:center;margin:36px 0;padding:26px;background:var(--soft);border:1px solid var(--line);border-radius:8px}.wide-feature.reverse{grid-template-columns:minmax(320px,450px) minmax(0,1fr)}.wide-feature.reverse img{order:2}.wide-feature img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}.band{margin:34px 0;padding:26px;background:var(--soft);border:1px solid var(--line);border-radius:8px}.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.price-band{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:26px 0}.price-band div{background:#fff;padding:20px}.price-band span{display:block;color:var(--muted);font-size:14px}.price-band strong{display:block;font-size:21px;color:var(--brand);margin-top:4px}.plans-section{margin:42px 0}.section-head{max-width:760px;margin-bottom:18px}.plans{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.plan-frame{height:620px;background:#f8fafc;display:flex;align-items:center;justify-content:center;padding:18px}.plan-frame.large{height:720px}.plan-frame img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.floor-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:28px 0}.floor-cards article{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.floor-cards img{width:100%;height:360px;object-fit:contain;background:#f8fafc;padding:14px;border-bottom:1px solid var(--line)}.floor-cards div{padding:20px}.detail-layout{display:grid;grid-template-columns:minmax(0,620px) minmax(320px,1fr);gap:28px;align-items:start;margin:28px 0}.photo-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.photo-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.contact-panel{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:34px 0;padding:26px;background:var(--soft);border:1px solid var(--line);border-radius:8px}ul{margin:0 0 14px;padding-left:20px}li{margin:7px 0}.footer{border-top:1px solid var(--line);color:var(--muted);font-size:13px;padding:22px;text-align:center}@media(max-width:1000px){.choice-grid,.quick-facts{grid-template-columns:repeat(2,1fr)}.photo-story,.photo-gallery{grid-template-columns:repeat(2,1fr)}.sub-hero,.detail-layout,.wide-feature,.wide-feature.reverse{grid-template-columns:1fr}.wide-feature.reverse img{order:0}}@media(max-width:760px){main{padding:0 16px 42px}.nav{align-items:flex-start;flex-direction:column;padding:12px 16px}.nav-links{gap:9px 13px}.visual-hero{min-height:560px}.visual-hero-inner{padding:52px 16px}.visual-hero h1{font-size:38px}.visual-hero .lead{font-size:18px}.sub-hero{padding:30px 0 20px}.sub-hero img{aspect-ratio:4/3}h1{font-size:32px}.choice-grid,.quick-facts,.photo-story,.photo-story.three,.plans,.floor-cards,.photo-gallery,.price-band,.contact-panel,.two{grid-template-columns:1fr}.plan-frame{height:520px}.plan-frame.large{height:560px}}