/*
Theme Name: Mosterman Vastgoed
Theme URI: https://mostermanvastgoed.nl/
Author: Mosterman Vastgoed
Description: Een modern mobiel WordPress-thema voor vastgoedbeheer, ontwikkeling en ondernemersadvies.
Version: 1.0.1
Requires at least: 6.3
Requires PHP: 8.0
Text Domain: mosterman-vastgoed
*/

:root{--ink:#17322e;--muted:#52645d;--forest:#174a3b;--lime:#d8e995;--cream:#f5f3e9;--paper:#fffefa;--line:#d9e0d5;--orange:#b85d32;--width:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}a:hover{color:var(--orange)}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}img{max-width:100%;height:auto}p{margin:0 0 1.2rem}h1,h2,h3{font-family:Georgia,Cambria,serif;line-height:1.13;letter-spacing:-.035em;margin:0 0 .65em}h1{font-size:clamp(2.8rem,8vw,6.2rem)}h2{font-size:clamp(2rem,4vw,3.6rem)}h3{font-size:1.55rem}ul,ol{padding-left:1.3rem}li{margin:.35rem 0}.wrap{width:min(calc(100% - 40px),var(--width));margin-inline:auto}.skip{position:absolute;left:1rem;top:-5rem;padding:.6rem 1rem;background:#fff;z-index:20}.skip:focus{top:1rem}.site-header{background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:10}.nav-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:86px}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-weight:800;line-height:1.05;letter-spacing:-.025em}.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--forest);color:var(--lime);display:grid;place-items:center;font:700 23px Georgia,serif}.brand span:last-child{max-width:180px}.nav-toggle{border:1px solid var(--forest);border-radius:7px;background:transparent;color:var(--forest);padding:.55rem .85rem;font:inherit;cursor:pointer}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:1rem 20px 1.5rem;box-shadow:0 12px 20px #17322e15}.site-nav.open{display:block}.site-nav ul{display:flex;flex-direction:column;gap:.15rem;list-style:none;padding:0;margin:0}.site-nav a{display:block;text-decoration:none;font-size:.92rem;font-weight:650;padding:.55rem .7rem;border-radius:5px}.site-nav a:hover,.site-nav .current-menu-item>a{background:var(--cream)}.site-nav .menu-item:last-child>a{background:var(--forest);color:white}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.75rem;font-weight:800;color:var(--orange);margin-bottom:1rem}.hero{background:var(--cream);overflow:hidden}.hero-grid{display:grid;gap:2rem;padding-block:5rem 5.5rem}.hero h1{max-width:950px}.hero p.lead{font-size:clamp(1.15rem,2.2vw,1.5rem);line-height:1.5;max-width:680px}.hero-panel{background:var(--forest);color:white;border-radius:4px;padding:2.3rem;align-self:end;box-shadow:18px 18px 0 var(--lime)}.hero-panel strong{display:block;font:2rem/1.2 Georgia,serif;margin-bottom:1rem}.hero-panel p{color:#e4eee8;margin:0}.buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.button{display:inline-flex;justify-content:center;align-items:center;text-align:center;min-height:48px;padding:.7rem 1.2rem;border-radius:5px;text-decoration:none;font-weight:750;background:var(--forest);color:white;border:1px solid var(--forest)}.button:hover{background:#0e3026;color:white}.button.secondary{background:transparent;color:var(--forest)}.button.secondary:hover{background:var(--lime)}.section{padding-block:4.5rem}.section.alt{background:var(--cream)}.section-head{max-width:730px;margin-bottom:2.3rem}.section-head>p:last-child{font-size:1.14rem}.cards{display:grid;gap:1rem}.card{border:1px solid var(--line);background:var(--paper);padding:1.65rem;border-radius:6px;display:flex;flex-direction:column}.card .number{color:var(--orange);font-weight:800;font-size:.85rem;letter-spacing:.1em;margin-bottom:1.2rem}.card p{color:var(--muted)}.card a{margin-top:auto;font-weight:750;text-underline-offset:4px}.split{display:grid;gap:2.5rem;align-items:start}.statement{background:var(--forest);color:white;border-radius:4px;padding:2rem}.statement p{font:clamp(1.7rem,3vw,2.7rem)/1.3 Georgia,serif;margin:0}.statement small{display:block;color:var(--lime);font-size:.85rem;margin-top:1.5rem}.check-list{list-style:none;padding:0}.check-list li{padding:.8rem 0 .8rem 2rem;border-bottom:1px solid var(--line);position:relative}.check-list li:before{content:'↗';position:absolute;left:0;color:var(--orange);font-weight:bold}.band{background:var(--lime);padding:3.5rem 0}.band .split{align-items:center}.band h2{margin:0}.page-hero{background:var(--cream);padding:4.5rem 0 3.5rem}.page-hero h1{font-size:clamp(2.7rem,7vw,5rem);max-width:920px}.page-hero .lead{font-size:1.3rem;max-width:720px}.breadcrumb{font-size:.82rem;margin-bottom:2.5rem;color:var(--muted)}.breadcrumb a{text-underline-offset:3px}.content-layout{display:grid;gap:3rem;padding-block:4rem 5rem}.article{max-width:780px}.article h2{margin-top:2.5rem}.article h3{margin-top:1.9rem}.article p,.article li{color:#31443d}.article .intro{font-size:1.25rem;color:var(--ink)}.article blockquote{border-left:5px solid var(--lime);margin:2rem 0;padding:.5rem 1.5rem;font:1.5rem/1.4 Georgia,serif}.article details{border-bottom:1px solid var(--line);padding:1rem 0}.article summary{font-weight:700;cursor:pointer;list-style-position:outside}.article details p{margin:1rem 0 0}.aside{background:var(--cream);padding:1.6rem;align-self:start;border-radius:5px}.aside h2{font:1.55rem Georgia,serif}.aside a{display:block;margin:.6rem 0;text-underline-offset:3px}.contact-form{display:grid;gap:1rem;max-width:620px}.field{display:grid;gap:.3rem}.field input,.field textarea{font:inherit;width:100%;padding:.75rem;border:1px solid #9aa99e;background:white;border-radius:4px}.field textarea{min-height:155px}.contact-form button{cursor:pointer;font:inherit;justify-self:start}.notice{padding:1rem;background:var(--lime);border-radius:4px}.notice.error{background:#f9e2db}.hp{position:absolute;left:-10000px}.site-footer{background:#112e27;color:#e8f0e9;padding:4rem 0 1.5rem}.footer-grid{display:grid;gap:2rem}.site-footer h2{color:white;font-size:1.7rem}.site-footer a{color:inherit;text-underline-offset:4px}.footer-links{display:grid;gap:.3rem}.footer-bottom{border-top:1px solid #ffffff33;margin-top:3rem;padding-top:1.2rem;font-size:.85rem;color:#bbcec2} @media(min-width:720px){.cards{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:2fr 1fr 1fr}}@media(min-width:1200px){.nav-toggle{display:none}.site-nav{display:block;position:static;background:none;padding:0;box-shadow:none}.site-nav ul{flex-direction:row;align-items:center}.hero-grid{grid-template-columns:1.65fr 1fr;gap:3.5rem;padding-block:7rem}.cards{grid-template-columns:repeat(3,1fr)}.content-layout{grid-template-columns:minmax(0,780px) 260px}.aside{position:sticky;top:2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Mosterman Vastgoed identity */
:root{--ink:#293831;--muted:#516158;--forest:#293831;--lime:#ddc8b1;--cream:#f3eee6;--paper:#fffdf9;--line:#ddd7cd;--orange:#a65b40;--width:1200px}
body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif}h1,h2,h3{font-family:Georgia,Cambria,serif}.site-header{background:#fffdf9}.brand-mark{background:#a65b40;color:#fff;font-size:16px;border-radius:2px}.brand{font-family:Georgia,serif;font-size:1.1rem}.site-nav .menu-item:last-child>a{background:#a65b40}.hero{background:#f3eee6}.hero-grid{gap:2rem;padding-block:3rem 4rem}.hero h1{font-size:clamp(3.25rem,7.7vw,6.4rem);max-width:800px}.hero-copy{align-self:center}.hero .lead{max-width:650px}.hero-visual{position:relative;min-height:460px;overflow:hidden;background:#ddd0c0;box-shadow:16px 16px 0 #d1b69e}.hero-visual>img{display:block;width:100%;height:100%;min-height:460px;object-fit:cover}.visual-caption{position:absolute;bottom:0;left:0;right:0;background:#293831e6;color:#fff;display:flex;justify-content:space-around;gap:8px;padding:1rem;font:1rem Georgia,serif}.intro-strip{background:#293831;color:#e7dfd2}.intro-strip .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-block:1.1rem;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:800}.card{border-radius:0;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);box-shadow:0 9px 25px #29383110}.featured{padding:2rem;border-top:4px solid #a65b40}.featured h3{font-size:clamp(1.9rem,3vw,2.7rem)}.featured p{font-size:1.08rem}.architecture-card{min-height:500px;background:linear-gradient(115deg,#e8d8c6 0 46%,#c89274 46% 53%,#293831 53% 100%);display:flex;align-items:end;padding:2.5rem;position:relative;overflow:hidden}.architecture-card:after{content:'';position:absolute;width:48%;height:65%;right:8%;top:14%;border:12px solid #f2e9d9;box-shadow:inset 0 0 0 10px #668578}.architecture-card span{position:relative;z-index:2;color:#fff;font:2.25rem/1.2 Georgia,serif;max-width:300px}.statement{background:#a65b40;box-shadow:14px 14px 0 #e2cdb8}.statement small{color:#fff}.statement.light{background:#eee2d2;color:#293831;box-shadow:14px 14px 0 #b98d74}.button{background:#a65b40;border-color:#a65b40}.button:hover{background:#80412d}.button.secondary{color:#293831;border-color:#293831}.text-link{display:inline-flex;align-items:center;font-weight:700;text-underline-offset:4px}.page-hero{background:#f3eee6;border-bottom:1px solid #ddd7cd}.site-footer{background:#26352e}.site-footer .eyebrow{color:#d7a886}.band{background:#dec8b3}.notice{background:#e9e0d5}.cards-two{grid-template-columns:1fr}.article blockquote{border-color:#b98d74}.article details{scroll-margin-top:20px}@media(min-width:900px){.hero-grid{grid-template-columns:1.08fr .92fr;gap:3.2rem;padding-block:5rem}.hero-visual,.hero-visual>img{min-height:650px}.cards-two{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.hero-visual,.hero-visual>img{min-height:390px}.visual-caption{font-size:.85rem}.architecture-card{min-height:360px}.intro-strip .wrap{display:grid;gap:.35rem}}

/* Prevent long names and links from widening narrow viewports. */
h1,h2,h3,.article a,.card a{overflow-wrap:anywhere}.content-layout>*,.split>*,.hero-grid>*{min-width:0}@media(max-width:359px){.wrap{width:min(calc(100% - 28px),var(--width))}.nav-bar{min-height:74px}.hero h1{font-size:clamp(2.45rem,11vw,3rem)}.page-hero h1{font-size:2.35rem}.button{max-width:100%}}

/* 1.0.1: Dutch long compound words on narrow screens. */
h1,h2,h3,.card,.article,.aside,.footer-grid{min-width:0;overflow-wrap:anywhere;word-break:normal;hyphens:auto}.page-hero h1,.card h3{max-width:100%}@media(max-width:480px){.page-hero h1{font-size:clamp(2.05rem,9vw,2.75rem);line-height:1.12}.card h3{font-size:clamp(1.45rem,6vw,1.9rem)}}