/*
Theme Name: Sascha van Lith
Theme URI: https://saschavanlith.nl/
Author: Sascha van Lith
Description: Warm mobile-first WordPress-thema voor complete woon- en tuinconcepten.
Version: 1.0.0
Requires at least: 6.3
Requires PHP: 8.0
Text Domain: sascha-van-lith
*/
:root{--ink:#382f29;--sub:#625a51;--rust:#995e46;--rust-dark:#764631;--sand:#e8dfd3;--cream:#f6f2eb;--white:#fffdf9;--line:#d8cec1;--olive:#62694f;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font:17px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif}img{max-width:100%;height:auto;display:block}a{color:inherit}a:hover{color:var(--rust)}:focus-visible{outline:3px solid var(--rust);outline-offset:4px}h1,h2,h3,blockquote{font-family:Georgia,Cambria,serif;line-height:1.12;letter-spacing:-.035em;overflow-wrap:anywhere;hyphens:auto}h1{font-size:clamp(2.85rem,7.4vw,6.35rem);margin:0 0 .35em}h2{font-size:clamp(2.2rem,4.5vw,4.3rem);margin:0 0 .45em}h3{font-size:clamp(1.65rem,2.7vw,2.6rem);margin:0 0 .6em}p{margin:0 0 1.2rem}.wrap{width:min(calc(100% - 36px),var(--max));margin-inline:auto}.skip{position:absolute;top:-5rem;left:1rem;background:white;padding:.6rem 1rem;z-index:30}.skip:focus{top:1rem}.site-header{position:relative;z-index:10;background:var(--white);border-bottom:1px solid var(--line)}.nav-bar{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font:1.1rem/1.05 Georgia,serif;white-space:nowrap}.brand em{font-weight:normal}.brand small{display:block;font:700 .54rem/1.4 system-ui,sans-serif;letter-spacing:.15em;margin-top:.25rem}.brand-mark{background:var(--ink);color:var(--white);display:grid;place-items:center;width:42px;height:42px;font:italic 1.7rem Georgia,serif}.nav-toggle{border:1px solid var(--ink);background:none;padding:.55rem .75rem;color:var(--ink);font:600 .92rem system-ui,sans-serif;cursor:pointer}.nav-toggle span{margin-left:.35rem}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);box-shadow:0 14px 22px #382f291c;padding:1rem 18px 1.4rem}.site-nav.open{display:block}.site-nav ul{display:flex;flex-direction:column;gap:.2rem;list-style:none;padding:0;margin:0}.site-nav a{display:block;text-decoration:none;padding:.55rem .7rem;font-size:.91rem;font-weight:650}.site-nav a:hover,.site-nav .current-menu-item>a{background:var(--cream)}.site-nav li:last-child>a{background:var(--ink);color:white}.eyebrow{font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--rust);font-weight:800;margin-bottom:1.2rem}.lead{font-size:clamp(1.12rem,2vw,1.42rem);line-height:1.52}.hero{background:var(--cream)}.hero-grid{display:grid;gap:2rem;padding-block:3.8rem 4.2rem}.hero-grid>*{min-width:0}.hero-copy{align-self:center}.hero-copy h1{max-width:750px}.hero-copy .lead{max-width:620px}.hero-photo{margin:0;position:relative;overflow:hidden;min-height:400px;background:#d6c7b5}.hero-photo img{height:100%;min-height:400px;width:100%;object-fit:cover}.hero-photo figcaption{position:absolute;bottom:0;right:0;background:#382f29df;color:#fff;padding:.45rem .8rem;font-size:.7rem}.buttons{display:flex;gap:1.2rem;flex-wrap:wrap;align-items:center;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:.7rem 1.25rem;border:1px solid var(--rust);background:var(--rust);color:white;text-decoration:none;font-weight:700;text-align:center}.button:hover{background:var(--rust-dark);color:white}.button.outline{background:transparent;color:var(--ink);border-color:var(--ink)}.button.outline:hover{background:var(--ink);color:white}.button.light{background:var(--sand);color:var(--ink);border-color:var(--sand)}.button.light:hover{background:white;color:var(--ink)}.text-link{font-weight:700;text-underline-offset:5px}.signature{background:var(--ink);color:#eee5d8}.signature .wrap{display:flex;align-items:center;justify-content:center;gap:1.1rem;padding-block:1.2rem;font:.7rem system-ui,sans-serif;letter-spacing:.15em;font-weight:700}.signature-line{height:1px;width:clamp(12px,10vw,130px);background:#c8b7a7}.section{padding-block:4.8rem}.section.warm{background:var(--cream)}.split{display:grid;gap:2.5rem;align-items:center}.split>*{min-width:0}.philosophy .large{font:clamp(1.6rem,3vw,2.4rem)/1.25 Georgia,serif;color:var(--rust)}.section-heading{display:grid;gap:.5rem;margin-bottom:2.3rem}.section-heading>p{max-width:450px}.project-grid{display:grid;gap:2rem}.project-card a{text-decoration:none;display:block}.project-card img{width:100%;aspect-ratio:1.25;object-fit:cover;transition:transform .4s}.project-card a:hover img{transform:scale(1.015)}.project-caption{display:block;color:var(--rust);font-size:.72rem;letter-spacing:.16em;font-weight:800;margin:1.2rem 0 .8rem}.project-card h3{max-width:480px}.project-link{border-bottom:1px solid var(--rust);font-weight:700;padding-bottom:.2rem}.image-disclaimer{font-size:.78rem;color:var(--sub);margin:2rem 0 0}.image-split figure{margin:0}.image-split img{width:100%;aspect-ratio:.95;object-fit:cover}.image-split figcaption,.page-image figcaption{font-size:.75rem;color:var(--sub);margin-top:.5rem}.feature-list{padding:0;list-style:none;margin:1.8rem 0}.feature-list li{padding:.6rem 0 .6rem 1.8rem;border-bottom:1px solid var(--line);position:relative}.feature-list li:before{content:'↗';position:absolute;left:0;color:var(--rust)}.quote-section{background:#ddd0c0;padding-block:5rem;text-align:center}.quote-section blockquote{font-size:clamp(2.1rem,4vw,4.1rem);max-width:920px;margin:0 auto 1.3rem}.quote-section>div>p:last-child{font-size:.82rem;letter-spacing:.14em;text-transform:uppercase}.steps{display:grid;gap:1.7rem;margin:2rem 0}.steps>div{border-top:1px solid var(--line);padding-top:1.3rem}.steps span{display:block;color:var(--rust);font-size:.8rem;font-weight:800;margin-bottom:1.5rem}.steps h3{font-size:1.8rem}.cta{background:var(--ink);color:#f7f1e8;padding-block:4.8rem}.cta .eyebrow{color:#dfb79c}.cta p{max-width:480px}.page-hero{background:var(--cream);padding-block:3.5rem 4rem}.page-hero h1{max-width:940px;font-size:clamp(2.5rem,7vw,5rem)}.page-hero .lead{max-width:790px}.breadcrumb{font-size:.83rem;color:var(--sub);margin-bottom:2.2rem}.breadcrumb span{padding:0 .5rem}.page-image{margin-top:2rem}.page-image img{width:100%;max-height:540px;object-fit:cover}.content-layout{display:grid;gap:3rem;padding-block:3.5rem 5rem}.article{max-width:780px;min-width:0}.article .intro{font-size:1.26rem;color:var(--ink)}.article h2{font-size:clamp(1.9rem,3vw,2.7rem);margin-top:2.3rem}.article h3{font-size:1.6rem;margin-top:1.8rem}.article p,.article li{color:#4c443d}.article a{text-underline-offset:4px;overflow-wrap:anywhere}.article blockquote{font-size:1.6rem;border-left:4px solid var(--rust);padding-left:1.3rem;margin:2rem 0}.article details{border-bottom:1px solid var(--line);padding:1rem 0}.article summary{cursor:pointer;font-weight:700}.article details p{margin:1rem 0 0}.aside{background:var(--cream);padding:1.5rem;align-self:start}.aside h2{font-size:1.7rem}.aside a{display:block;margin:.65rem 0;text-underline-offset:4px}.contact-form{display:grid;gap:1rem;max-width:630px}.field{display:grid;gap:.3rem}.field input,.field textarea,.field select{width:100%;font:inherit;background:white;border:1px solid #aa9f93;padding:.75rem;border-radius:0}.field textarea{min-height:145px}.contact-form button{justify-self:start;cursor:pointer;font:inherit}.consent{font-size:.9rem}.notice{background:#e8e2d3;padding:1rem}.notice.error{background:#f5ded5}.hp{position:absolute;left:-10000px}.site-footer{background:#241f1b;color:#eee6dd;padding-block:4.5rem 1.5rem}.site-footer h2{font-size:clamp(2rem,3vw,3rem);color:white}.site-footer .eyebrow{color:#d7aa8c}.site-footer a{color:inherit;text-underline-offset:4px}.site-footer .button{color:var(--ink)}.footer-grid{display:grid;gap:2rem}.footer-links{display:grid;gap:.25rem;margin-top:.7rem}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;border-top:1px solid #ffffff35;padding-top:1.2rem;margin-top:3rem;font-size:.75rem;color:#d0c3b6}@media(min-width:700px){.split{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr 1fr}.section-heading{grid-template-columns:1.3fr .7fr;align-items:end}.steps{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:2fr 1fr 1fr}}@media(min-width:1050px){.nav-toggle{display:none}.site-nav{display:block;position:static;background:none;box-shadow:none;padding:0}.site-nav ul{flex-direction:row;align-items:center}.hero-grid{grid-template-columns:1fr 1.05fr;gap:3.5rem;padding-block:5.5rem}.hero-photo,.hero-photo img{min-height:690px}.content-layout{grid-template-columns:minmax(0,780px) 265px}.aside{position:sticky;top:2rem}}@media(max-width:430px){.wrap{width:calc(100% - 28px)}.brand{font-size:.96rem}.brand-mark{width:36px;height:36px}.brand small{font-size:.47rem}.hero h1{font-size:clamp(2.45rem,12vw,3.1rem)}.hero-photo,.hero-photo img{min-height:330px}.signature .wrap{gap:.45rem;letter-spacing:.08em;font-size:.61rem}.button{max-width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-card img{transition:none}}