@font-face{font-family:LandingSyne;src:url('assets/fonts/syne-800.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:LandingDM;src:url('assets/fonts/dm-sans-400.woff2') format('woff2');font-weight:400 500;font-display:swap}
@font-face{font-family:LandingDM;src:url('assets/fonts/dm-sans-700.woff2') format('woff2');font-weight:600 1000;font-display:swap}
body:has(>.landing){font-family:LandingDM,Arial,sans-serif}
body:has(>.landing) footer p{font-family:LandingSyne,Arial,sans-serif}
/* SEO campaign components, isolated from the legacy landing.css and site chrome. */
.landing{max-width:1440px;margin:0 auto;padding:0 0 88px;font-family:LandingDM,Arial,sans-serif;line-height:normal;color:#0a0a0a}
.landing *{min-width:0}
.landing :is(h1,h2,h3,p,ul,ol,dl,dd,figure){margin:0;padding:0}
.landing h3{font-family:LandingDM,Arial,sans-serif;letter-spacing:normal;font-weight:700}
.landing a{text-decoration:underline;text-underline-offset:3px}
.landing img{max-width:100%}
.landing summary::-webkit-details-marker{display:none}
.landing details{background:transparent;border-radius:0;margin:0}
.landing summary::after{content:none}
.landing :is(section,nav){scroll-margin-top:24px}
.landing .landing-breadcrumb a{text-decoration:underline}
.landing .landing-art{container-type:inline-size;width:100%;max-width:520px;height:auto;aspect-ratio:520/460;overflow:hidden}
.landing .landing-art-500{aspect-ratio:520/500}
.landing .landing-art-420{aspect-ratio:520/420}
.landing .landing-art-470{aspect-ratio:520/470}
.landing .landing-art-480{aspect-ratio:520/480}
.landing .landing-art-canvas{width:100%;height:100%;transform:none}
.landing .landing-art img[src$="/portret-schoonheid.webp"]{width:auto;object-fit:contain}
.landing .landing-hero-copy>div:has(>a){flex-wrap:wrap}
.landing .landing-faq-icon::before{content:'+'}
.landing details[open] .landing-faq-icon::before{content:'−'}
.landing details[open] .landing-faq-icon{background:#0a0a0a;color:#fbf8f3}
.landing .landing-close>div:first-child>div:has(>a){flex-wrap:wrap}
.landing .landing-professions{scrollbar-width:thin;scrollbar-color:#0a0a0a #efe9df;scroll-snap-type:x proximity}
.landing .landing-professions>li{scroll-snap-align:start}
.landing .landing-professions img{object-fit:contain;object-position:center bottom}
.landing .landing-facts dt{overflow-wrap:break-word}
.landing .landing-section-content>div:has(>a[href="1-pagina.html"]){container-type:inline-size}
.landing .landing-section-content>div:has(>a[href="1-pagina.html"])>a{container-type:inline-size}
.landing .landing-section-content>div>a[href="1-pagina.html"]>span:nth-child(4),
.landing .landing-section-content>div>a[href="kmo-site.html"]>span:nth-child(4),
.landing .landing-section-content>div>a[href="kmooooohmygod.html"]>span:nth-child(4){font-size:min(36px,21cqw);white-space:nowrap}
@media(min-width:901px) and (max-width:1350px){
 .landing .landing-hero h1{font-size:48px}
 .landing .landing-facts dt{font-size:22px}
 .landing .landing-section-content>div:has(>a[href="1-pagina.html"]){grid-template-columns:1fr}
 .landing .landing-section-content>div:has(>a[href="1-pagina.html"])>a>span:nth-child(4){font-size:36px}
}
@media(max-width:374px){.landing .landing-hero h1{font-size:34px}.landing .landing-split h2{font-size:26px}}
/* Intermediate screens retain the approved proportions without forcing 1440px columns. */
@media(min-width:901px) and (max-width:1279px){
 .landing>section[class],.landing>nav[class]{padding-left:40px;padding-right:40px}
 .landing .landing-hero{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);column-gap:40px}
 .landing .landing-hero h1{font-size:48px}
 .landing .landing-split{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:40px}
 .landing .landing-split h2{font-size:32px;overflow-wrap:break-word}
 .landing .landing-close{margin-left:40px;margin-right:40px;grid-template-columns:minmax(0,1fr) 260px;column-gap:30px}
 .landing .landing-close h2{font-size:40px}
 .landing section>div:has(>div>img[src*="werk-"]){grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
 .landing .landing-formula{grid-template-columns:1fr;gap:8px}
 .landing .landing-professions{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:900px){
 .landing{padding-bottom:56px}
 .landing .landing-hero{display:flex;flex-direction:column;align-items:stretch}
 .landing .landing-hero-copy{display:contents}
 .landing .landing-hero-copy>:nth-child(1){order:1}
 .landing .landing-hero-copy>:nth-child(2){order:2}
 .landing .landing-hero-copy>:nth-child(3){order:3}
 .landing .landing-hero-copy>:nth-child(4){order:4}
 .landing .landing-hero-art{order:5;margin-top:28px}
 .landing .landing-hero-copy>:nth-child(5){order:6}
 .landing .landing-hero-copy>:nth-child(6){order:7}
 .landing .landing-hero-art>.landing-art{margin-inline:auto}
 .landing .landing-split{display:block}
 .landing .landing-section-content{padding-top:0}
 .landing .landing-close{display:block}
 .landing .landing-close>div:first-child{padding-bottom:28px}
 .landing .landing-close>div:first-child>div:has(>a){flex-direction:column;gap:10px}
 .landing .landing-close a{justify-content:center;min-height:52px}
 .landing .landing-close>div:last-child{margin-inline:auto}
 .landing .landing-facts dt{overflow-wrap:break-word}
}
@media(min-width:600px) and (max-width:900px){
 .landing>section[class],.landing>nav[class]{padding-left:32px;padding-right:32px}
 .landing .landing-close{margin-inline:32px}
}