/* V&S WerkWijs | consistente, rustige vormgeving voor alle pagina's */
:root{
 --ink:#28201c; --sub:#685d54; --dark:#241a16; --dark2:#30221d;
 --cream:#f7f4ef; --paper:#fffdf9; --soft:#f0e9e1;
 --copper:#914608; --copper-light:#ecb88c; --bordeaux:#62091b;
 --border:#ded6ce; --line:rgba(236,184,140,.2); --muted:#d1c3b7;
 --body:'Manrope',Arial,Helvetica,sans-serif; --head:'Manrope',Arial,Helvetica,sans-serif;
 --radius:12px; --shadow:0 15px 45px rgba(47,28,17,.055)
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;color:var(--ink);background:var(--cream);font:400 16px/1.75 var(--body);-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}
p{margin:0 0 18px;color:var(--sub)}h1,h2,h3,h4{color:inherit;font-family:var(--head);line-height:1.25;letter-spacing:-.035em;margin:0}h1{font-size:clamp(38px,5.1vw,70px);letter-spacing:-.052em;font-weight:800}h2{font-size:clamp(30px,3.3vw,44px);font-weight:800}h3{font-size:21px;font-weight:750}small{font-size:13px}
img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #a95530;outline-offset:3px}
.container{width:min(1140px,calc(100% - 56px));margin:0 auto}
.skip-link{position:absolute;z-index:999;top:-100px;left:16px;background:white;color:black;padding:12px}.skip-link:focus{top:12px}
.eyebrow{display:inline-block;color:#a45a34;font-size:12px;font-weight:800;letter-spacing:.115em;text-transform:uppercase;line-height:1.4}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:49px;border:1px solid var(--copper);border-radius:8px;background:var(--copper);color:#fff;font-size:14px;font-weight:800;line-height:1.4;padding:13px 20px;transition:background .2s,transform .2s,border .2s}
.button:hover{background:#99582f;border-color:#99582f;transform:translateY(-2px)}.button-small{min-height:41px;padding:10px 15px;font-size:13px}.button-outline{background:transparent;border-color:#a59483;color:inherit}.button-outline:hover{background:rgba(184,116,66,.1);border-color:var(--copper);color:inherit}
.light-link{color:var(--copper-light);font-weight:750;font-size:14px;display:inline-flex;gap:9px;align-items:center}.light-link:hover{text-decoration:underline;text-underline-offset:5px}
/* shared header & retained logo */
.site-header{position:sticky;top:0;z-index:90;background:rgba(35,25,21,.97);border-bottom:1px solid rgba(244,220,205,.15);backdrop-filter:blur(18px);color:#fff}
.nav{min-height:80px;display:flex;justify-content:space-between;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:14px;color:white;white-space:nowrap}.brand-mark{font-size:32px;font-weight:800;letter-spacing:-.095em;line-height:1;color:#f4eee8}.brand-mark span{color:var(--copper-light)}.brand-text{display:flex;flex-direction:column;font-size:15px;font-weight:800;line-height:1.4;letter-spacing:-.015em}.brand-text small{font-size:8px;font-weight:700;letter-spacing:.065em;color:#bda99b;white-space:nowrap}
.nav-links{display:flex;gap:24px;align-items:center}.nav-links a:not(.button){font-size:12.5px;font-weight:700;color:#e9ded5;transition:color .2s;white-space:nowrap}.nav-links a:not(.button):hover{color:var(--copper-light)}
.menu-toggle{display:none;appearance:none;border:1px solid #8b6e5b;background:none;border-radius:8px;width:44px;height:44px;flex-direction:column;gap:5px;align-items:center;justify-content:center}.menu-toggle span{width:18px;height:2px;border-radius:2px;background:#faf5ed}
/* hero */
.hero{background:radial-gradient(circle at 94% 85%,rgba(124,63,29,.20),transparent 38%),linear-gradient(120deg,#241915 0%,#33231b 70%,#281a17 100%);color:#fff}
.hero-grid{min-height:520px;display:grid;grid-template-columns:1.32fr .68fr;gap:8%;align-items:center;padding:90px 0}
.hero .eyebrow,.detail-hero .eyebrow,.problem-hero .eyebrow,.audience-hero .eyebrow,.why-section .eyebrow,.approach-section .eyebrow{color:var(--copper-light)}
.hero h1{margin:18px 0 22px;max-width:750px}.hero h1 span{color:var(--copper-light)}
.hero-lead{max-width:620px;color:#e7d8cc;font-size:17px;line-height:1.8;margin-bottom:0}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero .button-outline,.detail-hero .button-outline,.audience-hero .button-outline{border-color:rgba(241,224,209,.45);color:white}.hero .button-outline:hover,.detail-hero .button-outline:hover{border-color:var(--copper-light)}
.hero-meta{color:#a8978a;font-weight:600;font-size:12px;margin:20px 0 0}
.hero-feature{border-left:1px solid rgba(236,184,140,.28);padding:25px 0 24px 43px}.hero-feature .eyebrow{color:var(--copper-light)}.hero-side-title{font-size:clamp(28px,3vw,42px);line-height:1.3;font-weight:750;letter-spacing:-.045em;margin:19px 0;color:#f5ece4}.hero-side-title span{color:var(--copper-light)}.hero-feature p{font-size:14px;max-width:330px;line-height:1.75;color:#d1bbac}
/* audiences */
.audiences{padding:64px 0 80px;background:var(--paper)}.audience-header{margin-bottom:26px}.audience-header h2{margin-top:10px;font-size:clamp(26px,2.8vw,36px)}
.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.audience-card{position:relative;display:block;padding:27px 56px 27px 27px;background:var(--cream);border:1px solid var(--border);border-radius:var(--radius);min-height:160px;transition:border-color .2s,transform .2s,box-shadow .2s}.audience-card:hover{border-color:#b67c59;box-shadow:var(--shadow);transform:translateY(-2px)}.audience-card strong{display:block;font-size:19px;font-weight:800;letter-spacing:-.025em}.audience-card p{font-size:14px;line-height:1.65;margin:9px 0 0}.audience-card>span:last-child{position:absolute;top:26px;right:24px;color:#8c4d2e;font-size:20px}
/* compact heading */
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:38px;margin-bottom:30px}.section-heading h2{margin-top:10px;max-width:650px}.section-heading h2 span{color:#965130}.section-heading>p{max-width:345px;font-size:14px;margin:0 0 4px;line-height:1.8}
/* services clean equal cards */
.services{padding:88px 0 100px;background:var(--cream)}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.service-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);min-height:295px;padding:29px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 3px 12px rgba(47,28,17,.017);transition:transform .2s,border-color .2s,box-shadow .2s}
.service-card:hover{transform:translateY(-3px);border-color:#b67c59;box-shadow:var(--shadow)}
.service-icon{height:47px;width:47px;margin-bottom:22px;display:flex;align-items:center;justify-content:center;border:1px solid #eadacb;border-radius:11px;background:#f9efe6;position:relative;color:#8a4f2d}
.service-icon::after{content:'◆';font-size:20px;color:#97542f}.service-icon[data-icon=users]::after{content:'♧'}.service-icon[data-icon=scale]::after{content:'⚖';font-size:24px}.service-icon[data-icon=file]::after{content:'▤'}.service-icon[data-icon=layout]::after{content:'▦'}.service-icon[data-icon=chart]::after{content:'↗';font-weight:900}.service-icon[data-icon=message]::after{content:'○';font-size:27px}
.service-audience{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#a45a34}.service-heading{display:block;margin:8px 0 7px}.service-heading strong{font-size:19px;line-height:1.4;letter-spacing:-.03em;color:var(--ink)}.service-card p{font-size:14px;line-height:1.7;margin:0 0 20px}.service-cta{display:inline-flex;gap:8px;margin-top:auto;font-size:13px;font-weight:800;color:#87502e}
/* problems small */
.problems-section{padding:80px 0;background:#efeae3}.homepage-problems .problem-card{min-height:200px}.problems-section .section-heading h2{max-width:620px}
.problems-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.problem-card{border:1px solid #ddd2c6;background:#fff;display:flex;flex-direction:column;gap:8px;padding:26px;border-radius:var(--radius);min-height:202px;transition:transform .2s,border .2s}
.problem-card:hover{border-color:#b67c59;transform:translateY(-2px)}.problem-card strong{font-size:17px;line-height:1.45;font-weight:800;letter-spacing:-.025em;color:var(--ink)}.problem-card>span{font-size:14px;color:var(--sub);line-height:1.7}.problem-card em{margin-top:auto;font-size:12.5px;color:#8a4829;font-style:normal;font-weight:800}
/* why */
.why-section{padding:80px 0;background:var(--dark);color:#f7f1e9}.why-top{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:32px}.why-top h2{margin-top:12px}.why-top h2 span{color:var(--copper-light)}.why-top>p{max-width:410px;font-size:14px;color:#cebeb1}.why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.why-item{padding:27px 24px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.13);border-radius:var(--radius)}.why-symbol{display:flex;color:var(--copper-light);font-size:25px;margin-bottom:13px}.why-item h3{font-size:18px}.why-item p{margin-top:9px;font-size:14px;color:#d4c5b9;line-height:1.7}
/* pricing */
.pricing-section{padding:88px 0 94px;background:var(--paper)}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pricing-card{border-radius:var(--radius);border:1px solid var(--border);padding:30px 27px;background:var(--cream);display:flex;flex-direction:column;min-height:335px}.pricing-card:nth-child(2){background:#f3ebe2}.price-audience{font-size:11px;letter-spacing:.1em;font-weight:800;color:#91542e}.pricing-card h3{font-size:22px;margin:12px 0 0}.price-subtitle{font-size:13px;margin:0 0 24px}.price-big{font-weight:800;letter-spacing:-.055em;line-height:1.25;font-size:42px;white-space:nowrap}.price-big small{font-size:14px;font-weight:650;letter-spacing:0;color:var(--sub)}.price-vat{font-size:14px;font-weight:800;color:#8f4925;margin:4px 0 14px}.price-description{font-size:14px;line-height:1.7}.price-action{margin-top:auto;width:100%;min-height:44px;font-size:13px;padding:12px}.price-disclaimer{font-size:12px;margin:17px 0 0}
/* about */
.approach-section{padding:85px 0;background:#2d211c;color:#fff}.approach-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:10%;align-items:center}.approach-visual{padding:32px 0}.approach-visual>div{font-size:clamp(40px,5vw,68px);letter-spacing:-.06em;font-weight:800;line-height:1.15;margin-top:17px}.approach-visual>div span{color:var(--copper-light)}.approach-copy h2{margin:12px 0 22px}.approach-copy p{color:#dfd1c6;font-size:15px;line-height:1.85}.approach-copy .button{margin-top:16px}
/* contact */
.contact-section{padding:93px 0;background:var(--cream)}.contact-grid{display:grid;grid-template-columns:.8fr 1.15fr;gap:10%;align-items:start}.contact-grid h2{margin:12px 0 18px}.contact-grid h2 span{color:#9e5632}.contact-grid>div>p{font-size:15px;line-height:1.85}.direct-contact{padding-top:17px;margin-top:22px;border-top:1px solid var(--border)}.direct-contact>span{display:block;color:#92502f;text-transform:uppercase;font-size:11px;letter-spacing:.1em;font-weight:800}.direct-contact>a{display:block;font-size:17px;font-weight:800;word-break:break-word;margin:8px 0 3px}.direct-contact>a:hover{color:#85451f}.direct-contact p{font-size:13px}.privacy-short{font-size:12px!important;margin:28px 0 0}.privacy-short a,.consent a{text-decoration:underline;text-underline-offset:3px}
.contact-form{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow)}.form-row{margin-bottom:17px}.form-row label{display:block;font-size:13px;font-weight:750;margin-bottom:7px}.form-row label span{color:#9b451f}.form-row input,.form-row textarea,.form-row select{width:100%;border:1px solid #cfc5bb;border-radius:7px;color:var(--ink);background:#fff;padding:12px 14px;font-size:15px;min-height:48px}.form-row textarea{min-height:132px;resize:vertical}.form-row input::placeholder,.form-row textarea::placeholder{color:#817970}.consent{display:flex;gap:11px;margin:16px 0 20px;align-items:flex-start;font-size:12px;line-height:1.7;color:var(--sub)}.consent input{margin-top:5px;flex:0 0 17px;height:17px;width:17px;accent-color:#914608}.honey{position:absolute;left:-9999px;height:1px;width:1px;overflow:hidden}.form-button{width:100%}.form-note{font-size:12px;margin:13px 0 0}.form-feedback{border:1px solid #a15a34;padding:12px;border-radius:8px;margin-top:12px}.form-feedback.is-success{border-color:#426f4c;color:#276331}
/* location, deliberately not fake map */
.map-section{padding:62px 0 85px;background:#efe9e2}.map-grid{display:grid;grid-template-columns:1fr .85fr;gap:10%;align-items:center}.map-grid h2{margin:11px 0 18px}.map-grid p{font-size:15px}.map-grid .light-link{color:#814620}.address-card{min-height:252px;border-radius:var(--radius);border:1px solid #d6c7b8;background:linear-gradient(140deg,#fcf8f1,#eaddcf);padding:36px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.address-dot{font-size:31px;line-height:1;color:#a76a40}.address-card .eyebrow{margin:10px 0}.address-card strong{font-size:24px;letter-spacing:-.03em}.address-card>span:not(.eyebrow):not(.address-dot){font-size:16px}.address-card a{font-size:13px;font-weight:800;color:#854520;margin-top:22px}
/* footer */
.site-footer{padding:63px 0 20px;background:#1f1714;color:#fff}.footer-grid{display:grid;grid-template-columns:1.25fr .75fr .8fr;gap:65px}.footer-logo{font-size:26px;font-weight:800;letter-spacing:-.045em}.footer-logo span{color:var(--copper-light)}.footer-grid p{font-size:13px;color:#c7b8ac;margin:10px 0}.footer-mail{font-size:13px;color:var(--copper-light);font-weight:700}.footer-address{font-size:13px}.footer-grid nav{display:flex;flex-direction:column;gap:10px;font-size:13px;color:#efe3d8}.footer-grid nav a:hover,.footer-mail:hover,.footer-address a:hover{color:var(--copper-light)}.footer-social strong{font-size:14px}.footer-social a{color:var(--copper-light)}.footer-bottom{margin-top:50px;border-top:1px solid rgba(255,255,255,.14);padding-top:18px;display:flex;justify-content:space-between;gap:20px}.footer-bottom small{font-size:11px;color:#ac9b8c}.footer-bottom a{color:var(--copper-light)}.whatsapp-ready[hidden]{display:none}.whatsapp-ready{position:fixed;z-index:88;right:18px;bottom:82px;background:#176b43;color:white;padding:12px 17px;border-radius:30px;box-shadow:0 7px 25px #0003}.quick-mail{position:fixed;right:18px;bottom:18px;z-index:89;display:flex;gap:9px;align-items:center;background:#6f311f;color:#fff;border:1px solid #b88a66;border-radius:50px;padding:11px 17px;box-shadow:0 8px 25px #0002;font-size:12px;font-weight:800}.quick-mail>span:first-child{font-size:17px}
/* detail pages */
.detail-hero{background:linear-gradient(125deg,#261a16,#39261e);color:white;padding:33px 0 78px}.breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#b4a294;font-size:12px;margin-bottom:52px}.breadcrumb a:hover{color:var(--copper-light)}.detail-head-grid{display:grid;grid-template-columns:1.2fr .75fr;gap:10%;align-items:center}.detail-hero h1{margin:16px 0 19px;font-size:clamp(36px,4.5vw,60px)}.detail-lead{color:#e1cfc1;font-size:17px;max-width:640px;line-height:1.78}.detail-aside{padding:30px 34px;border:1px solid rgba(238,184,140,.23);background:rgba(255,255,255,.04);border-radius:var(--radius)}.detail-aside p{color:#fff;font-size:21px;line-height:1.55;font-weight:700;letter-spacing:-.03em;margin:17px 0}.detail-aside>span:last-child{color:#cdbbad;font-size:12px}
.detail-intro{padding:78px 0;background:var(--paper)}.intro-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:10%}.intro-grid h2{margin:12px 0}.intro-grid p{font-size:16px;max-width:700px}.for-whom{border-top:1px solid var(--border);margin-top:26px;padding-top:16px;display:flex;align-items:center;gap:16px}.for-whom span{font-size:11px;letter-spacing:.06em;font-weight:800;color:#a45b35}.for-whom strong{font-size:13px}
/* functional, aligned visual explainer (no photos) */
.process-section{background:#eee7de;padding:72px 0 80px}.visual-heading{margin-bottom:28px;max-width:730px}.visual-heading h2{margin:11px 0}.visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.visual-card{border:1px solid #ded0c3;background:var(--paper);border-radius:var(--radius);padding:25px 24px;min-height:188px}.process-number{width:40px;height:40px;border:1px solid #caa88e;color:#8e4924;background:#f6e9dd;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;margin-bottom:19px}.visual-card h3{font-size:17px;margin-bottom:8px}.visual-card p{font-size:14px;margin:0}
.examples-section{padding:85px 0;background:var(--cream)}.examples-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.example-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:27px;display:flex;flex-direction:column}.example-card h3{font-size:18px}.example-question{font-size:14px;color:var(--sub);margin:13px 0 18px}.example-answer{margin-top:auto;border-top:1px solid var(--border);padding-top:15px}.example-answer span{color:#98512c;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.07em}.example-answer p{font-size:14px;margin:8px 0 0}
.detail-risks{background:#eee8e0;padding:76px 0}.detail-risks-grid{display:grid;grid-template-columns:.8fr 1fr;gap:10%}.detail-risks h2{margin:14px 0}.detail-risks h2 span{color:#98512c}.detail-risks p{font-size:15px}.detail-risk-list{display:flex;flex-direction:column;gap:12px}.detail-risk-item{display:flex;gap:19px;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:19px}.risk-mark{width:31px;height:31px;border-radius:7px;display:flex;justify-content:center;align-items:center;flex-shrink:0;background:#f4e6d7;color:#894c28;font-size:15px;font-weight:800}.detail-risk-item h3{font-size:16px}.detail-risk-item p{margin:6px 0 0;font-size:14px}
.help-section{background:var(--paper);padding:78px 0}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.help-grid h2{margin:14px 0}.help-grid h2 span{color:#98512c}.help-grid p{font-size:15px}.help-list{margin:0;padding:0;list-style:none}.help-list li{font-size:15px;padding:16px 0 16px 27px;border-bottom:1px solid var(--border);position:relative}.help-list li:before{content:'✓';position:absolute;left:0;color:#995631;font-weight:800}
.detail-why{padding:54px 0;background:#35251e;color:white}.detail-why h2{margin:11px 0;font-size:32px}.detail-why h2 span{color:var(--copper-light)}.detail-why p{color:#e0cdc0;max-width:830px;font-size:15px}
.faq-section{padding:78px 0;background:var(--cream)}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:10%}.faq-grid h2{margin:10px 0}.faq-item{border-bottom:1px solid var(--border)}.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;list-style:none;padding:20px 0;font-weight:800;font-size:15px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{color:#94512e;font-size:24px;font-weight:500}.faq-item p{padding:0 20px 18px 0;margin:0;font-size:14px}
.detail-cta{padding:0 0 80px;background:var(--cream)}.cta-box{background:#2b1e19;color:#fff;padding:39px 45px;border-radius:var(--radius);display:flex;justify-content:space-between;gap:38px;align-items:center}.cta-box h2{font-size:clamp(24px,2.5vw,32px);margin:10px 0}.cta-box p{color:#ddc8b9;font-size:14px;margin:0}.cta-box .button{flex-shrink:0}
.more-services{background:#eee8e0;padding:72px 0 85px}.more-services h2{margin:12px 0 25px}.other-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.other-service{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:23px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;font-weight:750}.other-service span{color:#92512e}.other-service:hover{border-color:#a96438}
/* audience pages */
.audience-hero,.problem-hero{background:linear-gradient(135deg,#241915,#35231c);color:white;padding:32px 0 83px}.audience-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:10%;align-items:center}.audience-hero h1,.problem-hero h1{font-size:clamp(36px,4.3vw,58px);margin:15px 0 22px}.audience-hero .breadcrumb,.problem-hero .breadcrumb{margin-bottom:52px}.audience-lead{color:#e5d3c6;font-size:17px;line-height:1.8}.audience-hero-grid>div>p:not(.audience-lead){font-size:14px;color:#cdbbad}.audience-hero .button,.problem-hero .button{margin-top:18px}.audience-illustration{border:1px solid rgba(236,184,140,.25);background:rgba(255,255,255,.045);min-height:300px;border-radius:var(--radius);display:flex;flex-direction:column;justify-content:center;padding:38px}.audience-illustration strong{font-size:clamp(29px,3.2vw,43px);line-height:1.2;letter-spacing:-.045em;margin:16px 0}.audience-illustration p{color:#d9c6b8;font-size:15px;margin:0}
.section-intro{max-width:680px;font-size:15px}.problems-section.compact{padding:70px 0}.text-band{padding:80px 0;background:var(--dark);color:white}.band-layout{display:grid;grid-template-columns:1fr .85fr;gap:10%;align-items:center}.band-layout h2{margin:14px 0}.band-layout p{color:#d8c7b9;font-size:15px}.band-layout .button{margin-top:12px}.next-paths{background:var(--cream);padding:60px 0 75px}.next-paths h2{margin:12px 0 21px}.path-links{display:flex;gap:12px;flex-wrap:wrap}.path-links a{background:var(--paper);border:1px solid var(--border);padding:13px 18px;border-radius:9px;font-size:13px;font-weight:800}.path-links a:hover{border-color:#a85e37}.path-links span{color:#9e5d32;padding-left:10px}
/* question pages */
.problem-hero .container{max-width:1050px}.problem-hero h1{max-width:870px}.problem-hero .audience-lead{max-width:730px}.problem-body{padding:88px 0;background:var(--paper)}.problem-body-grid{display:grid;grid-template-columns:1fr .89fr;gap:8%;align-items:start}.problem-copy h2,.help-panel h2{font-size:30px;margin:12px 0 19px}.problem-copy p{font-size:15px}.problem-note{border-left:3px solid #b87442;background:#f8eee3;padding:17px 21px;border-radius:0 7px 7px 0;margin-top:28px}.problem-note strong{font-size:14px}.problem-note p{margin:6px 0 0;font-size:13px}.help-panel{border-radius:var(--radius);border:1px solid var(--border);background:var(--cream);padding:30px}.help-panel ul{margin:13px 0 22px;padding:0;list-style:none}.help-panel li{position:relative;border-bottom:1px solid var(--border);padding:12px 0 12px 26px;font-size:14px}.help-panel li:before{content:'✓';position:absolute;left:0;color:#99582f;font-weight:800}.help-panel>p{font-size:13px}.help-panel .button{margin-top:10px}
.legal-copy{max-width:810px}.legal-copy h2{font-size:25px;margin:28px 0 14px}.legal-copy a{text-decoration:underline;color:#9e532b}
/* tablet / mobile */
@media(max-width:1060px){.nav-links{gap:14px}.nav-links a:not(.button){font-size:12px}.brand-text small{display:none}}
@media(max-width:880px){
 .container{width:min(100% - 38px,1140px)}
 .nav{min-height:72px}.menu-toggle{display:flex;flex-shrink:0}.nav-links{display:none;position:absolute;top:71px;left:0;right:0;background:#291c17;border-top:1px solid rgba(255,255,255,.12);padding:20px max(19px,calc((100% - 1140px)/2));flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 32px #160c0933}.nav-links.open{display:flex}.nav-links a:not(.button){font-size:15px;padding:12px 0}.nav-links .button{margin-top:12px;align-self:flex-start}
 .hero-grid,.detail-head-grid,.audience-hero-grid{grid-template-columns:1fr;gap:30px}.hero-grid{min-height:unset;padding:70px 0}.hero-feature{padding:22px 0 2px 27px;max-width:700px}.hero-side-title{font-size:30px}.hero-meta{margin-top:18px}
 .section-heading,.why-top{align-items:start;flex-direction:column;gap:12px}.section-heading>p,.why-top>p{max-width:650px}
 .service-grid,.audience-grid,.pricing-grid,.visual-grid,.examples-list,.problems-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pricing-card{min-height:320px}.pricing-card:last-child{grid-column:span 2}
 .contact-grid,.approach-layout,.map-grid,.intro-grid,.detail-risks-grid,.help-grid,.faq-grid,.problem-body-grid,.band-layout{grid-template-columns:1fr;gap:30px}
 .approach-visual{padding:0}.approach-visual>div{font-size:45px}
 .footer-grid{grid-template-columns:1.2fr 1fr;gap:28px}.footer-social{grid-column:span 2}
 .other-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:580px){
 html{scroll-padding-top:72px}.container{width:calc(100% - 32px)}body{font-size:15px;line-height:1.75}
 h1{font-size:clamp(36px,10vw,47px)}h2{font-size:clamp(27px,7.7vw,35px)}
 .brand{gap:9px}.brand-mark{font-size:30px}.brand-text{font-size:13px}
 .hero-grid{padding:58px 0 66px;gap:34px}.hero-lead,.detail-lead,.audience-lead{font-size:15px}.hero-feature{padding-left:20px}
 .hero-actions{flex-direction:column;align-items:stretch;gap:9px}.hero-actions .button{width:100%}
 .audiences,.services,.why-section,.pricing-section,.contact-section,.approach-section,.problems-section,.examples-section,.detail-intro,.detail-risks,.help-section,.faq-section,.problem-body,.process-section{padding-top:59px;padding-bottom:65px}
 .audience-grid,.service-grid,.pricing-grid,.visual-grid,.examples-list,.problems-grid,.why-grid,.other-services-grid{grid-template-columns:1fr}
 .audience-card{min-height:unset;padding:23px 48px 23px 23px}
 .service-card{min-height:250px;padding:24px}.service-icon{margin-bottom:16px}
 .problem-card{min-height:176px}.pricing-card{min-height:unset}.pricing-card:last-child{grid-column:auto}.price-big{font-size:39px}
 .why-top{margin-bottom:23px}.why-item{padding:22px}.why-grid{gap:10px}
 .approach-visual>div{font-size:40px}.approach-copy p{font-size:14px}
 .contact-form{padding:22px}.contact-grid{gap:32px}.direct-contact>a{font-size:16px}.footer-grid{grid-template-columns:1fr;gap:27px}.footer-social{grid-column:auto}.footer-bottom{flex-direction:column;gap:6px;margin-top:38px}
 .breadcrumb{margin-bottom:30px}.detail-hero,.audience-hero,.problem-hero{padding:26px 0 55px}.detail-hero h1,.audience-hero h1,.problem-hero h1{font-size:clamp(32px,9vw,46px)}.detail-aside{padding:23px}.detail-aside p{font-size:19px}
 .audience-illustration{min-height:210px;padding:25px}
 .cta-box{padding:27px;align-items:stretch;flex-direction:column}.cta-box .button{width:100%}
 .quick-mail{padding:9px 13px;right:12px;bottom:12px}.quick-mail span:last-child{display:none}.quick-mail span:first-child{font-size:22px}
 .whatsapp-ready{right:12px;bottom:72px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* ========== V&S 2026: rustige vier-doelgroepen-structuur ========== */
.nav{gap:16px;min-height:78px}.nav-links{gap:16px}.nav-links a:not(.button){font-size:12px}
.nav-links a[aria-current="page"]{color:var(--copper-light);text-decoration:underline;text-underline-offset:7px}
.clean-hero .hero-grid{min-height:490px;padding:76px 0}.clean-hero .hero-feature{max-width:390px}
.clean-hero h1{font-size:clamp(39px,5vw,65px)}
.four-cols{grid-template-columns:repeat(4,minmax(0,1fr))}.four-cols .audience-card{min-height:183px;padding:25px 28px}.four-cols .audience-card>span:last-child{right:20px;top:20px}
.section-prelude{max-width:760px;font-size:16px;line-height:1.8;margin:-5px 0 25px}
.question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.question-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 21px;border:1px solid var(--border);border-radius:10px;background:#fff;transition:transform .18s,border-color .18s,box-shadow .18s;min-height:92px}
.question-link:hover{border-color:#b88a6b;transform:translateY(-2px);box-shadow:var(--shadow)}
.q-text{display:flex;flex-direction:column;gap:5px}.q-text strong{font-size:15px;line-height:1.55;letter-spacing:-.012em;font-weight:800}.q-text small{color:var(--sub);font-size:13px}.q-arrow{display:grid;place-items:center;background:#f6eee6;color:#814323;border-radius:50%;width:35px;height:35px;flex:none;font-size:18px}
.why-section .section-heading h2{color:#fff}.why-section .section-heading>p{color:#d8c8bd}.why-section .why-item h3{color:#fff}
.free-banner{display:flex;align-items:flex-start;gap:17px;padding:22px 24px;margin:0 0 26px;background:#f6eee6;border:1px solid #ddb998;border-radius:11px}.free-banner strong{display:block;font-size:18px;line-height:1.45}.free-banner p{margin:4px 0 0;font-size:14px}.free-star{display:flex;align-items:center;justify-content:center;flex:none;background:#784019;color:#fff;border-radius:50%;width:32px;height:32px;font-weight:800}
.pricing-section .pricing-card{min-height:300px}.pricing-section .price-action{display:none}.price-free-note{font-size:12px;font-weight:800;color:#6b391d;margin-top:auto;padding-top:15px}
.free-mini{padding:18px 20px;border-radius:10px;background:#f3e7db;border-left:4px solid var(--copper);margin:22px 0 27px}.free-mini strong{font-size:15px}.free-mini p{font-size:14px;margin:6px 0 0}
.inner-hero{background:linear-gradient(112deg,#241914,#392720);color:#fff;padding:77px 0 76px}.inner-hero .eyebrow{color:var(--copper-light)}.inner-hero h1{font-size:clamp(34px,4.2vw,53px);margin:15px 0 18px}.inner-hero .breadcrumb{font-size:13px;color:#dbc6b8;margin-bottom:28px}.inner-hero .breadcrumb a{text-decoration:underline;text-underline-offset:3px}.inner-lead{font-size:17px;color:#e6d7c9;max-width:690px;line-height:1.75;margin:0}
.narrow{width:min(800px,calc(100% - 56px));margin-inline:auto}.reading-section{background:var(--paper);padding:60px 0}.reading-copy h2{font-size:clamp(22px,2.4vw,30px);margin:28px 0 16px;line-height:1.35}.reading-copy h2:first-child{margin-top:0}.reading-copy p,.reading-intro p{font-size:16px;line-height:1.85}.reading-copy strong{color:var(--ink)}
.quote-panel{border-left:4px solid var(--copper);background:#f4eae0;padding:22px 27px;margin:30px 0;border-radius:0 10px 10px 0}.quote-panel p{font-weight:700;font-size:17px;margin:0;color:var(--ink)}
.questions-section{background:#f1ece5;padding:75px 0 90px}.questions-section .section-heading{margin-bottom:30px}
.info-band{padding:56px 0;background:#f9f6f1}.info-band h2{font-size:29px;margin:13px 0 15px}.info-band p{font-size:16px;line-height:1.85}
.result-section{padding:60px 0;background:#fff}.result-section h2{font-size:clamp(25px,3vw,34px);margin:15px 0}.result-section p{font-size:16px;line-height:1.8}
.step-list{counter-reset:steps;list-style:none;padding:0;margin:22px 0 36px}.step-list li{padding:16px 0 16px 48px;border-bottom:1px solid var(--border);position:relative}.step-list li::before{counter-increment:steps;content:counter(steps);position:absolute;left:0;top:17px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#f0ddcb;color:#78411f;font-weight:800;font-size:13px}
.free-callout{background:var(--dark);color:#fff;padding:54px 0}.free-callout .eyebrow{color:var(--copper-light)}.free-inner{display:flex;align-items:center;justify-content:space-between;gap:36px}.free-inner>div{max-width:700px}.free-inner h2{font-size:clamp(23px,2.7vw,34px);margin:10px 0 8px}.free-inner p{color:#e1cfc1;font-size:15px;margin:0}.free-inner .button{flex:none}.free-callout-emph{padding-block:66px}
.site-footer nav{display:flex;flex-direction:column;gap:8px}
/* No decorative stock photography. One calm design language on every page. */
@media(max-width:1130px){.nav-links{gap:13px}.nav-links a:not(.button){font-size:11.4px}.brand-text small{font-size:7px}}
@media(max-width:1050px){.four-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-links{display:none;position:absolute;left:0;right:0;top:calc(100% - 1px);padding:20px max(24px,calc((100vw - 1140px)/2));background:#261b16;border-bottom:1px solid rgba(244,220,205,.2);flex-direction:column;align-items:stretch;gap:0;max-height:calc(100vh - 80px);overflow-y:auto}.nav-links.open{display:flex}.nav-links a:not(.button){font-size:15px;padding:10px 4px}.menu-toggle{display:flex}.nav{position:relative}}
@media(max-width:750px){.question-grid{grid-template-columns:1fr}.free-inner{flex-direction:column;align-items:flex-start}.free-inner .button{width:100%}.inner-hero{padding:52px 0}.reading-section{padding:44px 0}.questions-section{padding:55px 0}.free-banner{padding:16px}.four-cols .audience-card{min-height:unset}.section-prelude{font-size:14px}}
@media(max-width:480px){.four-cols{grid-template-columns:1fr}.narrow{width:calc(100% - 32px)}.inner-hero h1{font-size:35px}.question-link{padding:17px}.hero .hero-grid{min-height:unset}.free-inner h2{font-size:25px}.free-inner .button{min-height:48px}.price-big{font-size:40px}}


/* Werkgevers: compact, eenduidig en direct herkenbaar (versie vijf thema's). */
.employer-hero {padding:70px 0 65px}
.employer-hero .inner-lead{max-width:760px}
.employer-themes{background:#f8f5f0;padding:78px 0 88px}
.employer-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}
.employer-heading h2{font-size:clamp(28px,3vw,40px);margin-top:8px}
.employer-heading>p{max-width:360px;font-size:15px;line-height:1.65;margin:0}
.employer-topic-list{display:grid;grid-template-columns:1fr;gap:14px}
.employer-topic-card{display:grid;grid-template-columns:minmax(210px,.75fr) minmax(0,1.4fr) 46px;align-items:center;gap:38px;background:#fff;border:1px solid #ded6ce;border-radius:12px;padding:30px 28px;min-height:168px;transition:border-color .2s,box-shadow .2s,transform .2s}
.employer-topic-card:hover,.employer-topic-card:focus-visible{border-color:#aa7855;box-shadow:0 16px 34px rgba(42,26,18,.07);transform:translateY(-2px)}
.employer-topic-name{border-right:1px solid #e8dfd6;padding-right:22px}
.employer-topic-kicker,.employer-topic-question>span{display:block;font-weight:800;font-size:11px;letter-spacing:.08em;color:#8e4b2c;margin-bottom:9px}
.employer-topic-name h2{font-size:clamp(19px,2.2vw,24px);font-weight:800;line-height:1.3;margin:0 0 9px;letter-spacing:-.035em}
.employer-topic-name p{font-size:13px;line-height:1.55;margin:0;color:#73645b}
.employer-topic-question strong{display:block;color:#2a211b;font-size:17px;font-weight:800;line-height:1.48;letter-spacing:-.024em}
.employer-topic-question p{font-size:14px;line-height:1.65;margin:9px 0 0;color:#65594f}
.employer-topic-go{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#f4e9de;color:#814322;font-size:21px}
.employer-last-section{background:#eee6dc;padding:68px 0}
.employer-last-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}
.employer-last-inner h2{font-size:clamp(27px,3vw,37px);margin:10px 0 13px}
.employer-last-inner p{margin:0}
.employer-last-note{background:#fffaf3;padding:24px 28px;border-left:3px solid #914608;border-radius:0 8px 8px 0;color:#4c3b31!important;font-weight:600;font-size:15px}
.employer-detail-hero{padding:65px 0}
.employer-detail-summary{background:#fffaf5;padding:76px 0}
.employer-detail-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}
.employer-main-question{background:#f0e6dc;border-radius:12px;padding:36px}
.employer-main-question h2{font-size:clamp(25px,2.8vw,34px);line-height:1.32;margin:12px 0 20px}
.employer-main-question p{margin:0;font-size:15px}
.employer-action-list>.eyebrow{margin-bottom:12px}
.employer-action-list ul{list-style:none;padding:0;margin:0}
.employer-action-list li{padding:16px 0;border-bottom:1px solid #e5dbd1;display:flex;flex-direction:column;gap:3px}
.employer-action-list li strong{font-size:16px;color:#2b231e}
.employer-action-list li span{font-size:14px;line-height:1.68;color:#64584d}
.employer-outcome{padding:36px 0;background:#eee5d9}
.employer-outcome p{color:#332820;font-size:18px;font-weight:750;margin:8px 0 0}
.employer-more-cases{background:#f8f5f0;padding:72px 0 80px}
.employer-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.employer-related-card{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #dfd6ce;border-radius:12px;padding:26px;min-height:206px;transition:box-shadow .2s,border-color .2s}
.employer-related-card:hover{border-color:#a8704c;box-shadow:0 12px 26px rgba(42,26,18,.06)}
.employer-related-card strong{font-size:17px;font-weight:800;line-height:1.48;color:#2a211b}
.employer-related-card p{font-size:14px;line-height:1.6;margin:0}
.employer-related-card>span{margin-top:auto;color:#854321;font-weight:800;font-size:13px}
.employer-backlink{display:inline-block;margin-top:32px;font-weight:800;color:#74401f;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.employer-case-note{background:#f6ede4;padding:20px 24px;border-left:4px solid #914608;border-radius:0 8px 8px 0;margin-top:25px}
.employer-case-note strong{font-size:15px}.employer-case-note p{margin:5px 0 0;font-size:14px}
@media(max-width:890px){.employer-topic-card{grid-template-columns:minmax(175px,.7fr) minmax(0,1.3fr) 40px;gap:22px;padding:24px}.employer-detail-inner{gap:35px}.employer-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:690px){.employer-themes,.employer-detail-summary,.employer-more-cases{padding:52px 0}.employer-heading{flex-direction:column;align-items:start;gap:10px}.employer-topic-card{grid-template-columns:minmax(0,1fr) 38px;column-gap:14px;row-gap:17px;min-height:0;padding:22px}.employer-topic-name{grid-column:1;grid-row:1;border-right:0;padding-right:0}.employer-topic-question{grid-column:1 / -1;grid-row:2;border-top:1px solid #ebe2d9;padding-top:15px}.employer-topic-go{grid-column:2;grid-row:1;width:38px;height:38px}.employer-topic-question strong{font-size:16px}.employer-last-inner,.employer-detail-inner{grid-template-columns:1fr;gap:25px}.employer-last-section{padding:50px 0}.employer-main-question{padding:26px}.employer-related-grid{grid-template-columns:1fr}.employer-related-card{min-height:0}.employer-outcome p{font-size:16px}}

/* V&S WerkWijs | doelgroep-kaarten, overlooppreventie en compacte navigatie */
.hero.clean-hero .hero-grid{grid-template-columns:minmax(0,1fr);max-width:980px;min-height:450px;padding:80px 0}
.hero.clean-hero h1{max-width:850px}
.hero-question{margin-top:22px;margin-bottom:8px;font-size:clamp(17px,2vw,21px);line-height:1.55;color:#fff4eb}
.hero-answer{font-size:clamp(15px,1.7vw,18px);max-width:760px;color:#e6d6c8;line-height:1.7;margin:0 0 25px}
.hero-free-note{color:#f5ddc7;font-size:13px;font-weight:700;line-height:1.6;margin:22px 0 0}
.employer-topic-kicker{display:none!important}
.employer-topic-name h2{overflow-wrap:anywhere;word-break:normal;hyphens:auto;letter-spacing:-.025em;font-size:clamp(18px,2vw,23px)}
.employer-topic-card{grid-template-columns:minmax(0,.82fr) minmax(0,1.3fr) 42px;gap:25px;min-width:0}
.employer-topic-card > div{min-width:0}
.audience-topic-section{background:#f8f5f0}
.audience-uniform-hero .inner-lead{max-width:690px}
.audience-topic-section .employer-topic-card{min-height:145px}
.audience-topic-section .employer-topic-name h2{margin:0}
.contact-section .map-block{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:30px;align-items:stretch;margin-top:52px;padding-top:42px;border-top:1px solid #e0d7cd}
.map-copy{padding:18px 0}
.map-copy h3{font-size:clamp(23px,2.8vw,31px);margin:13px 0 14px;line-height:1.3}
.map-copy p{line-height:1.85;font-size:15px}
.map-external{font-weight:800;color:#80411e;font-size:14px;display:inline-block;margin-top:12px;text-decoration:underline;text-underline-offset:4px}
.map-embed{min-width:0;min-height:275px;overflow:hidden;border-radius:12px;border:1px solid #d8c9bd;background:#e7ddd3}
.map-embed iframe{display:block;width:100%;height:100%;min-height:275px;border:0}
.values-section{padding:75px 0 70px;background:#faf6f0}
.values-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.value-panel{padding:44px 42px;background:white;border:1px solid #dfd3ca;border-radius:14px}
.value-panel h2{font-size:clamp(25px,3vw,38px);line-height:1.24;margin:16px 0}
.value-panel p{font-size:16px;line-height:1.85}
.principles-section{padding:50px 0;background:#eee4da}
.wa-float{position:fixed;right:22px;bottom:22px;z-index:150;border:0;border-radius:999px;padding:13px 19px;background:#176b43;color:#fff;font:800 13px Manrope,Arial,sans-serif;display:flex;align-items:center;gap:10px;box-shadow:0 8px 26px rgba(15,36,23,.25);cursor:pointer}
.wa-float:hover,.wa-float:focus-visible{background:#125536}
.wa-dot{display:inline-grid;place-items:center;width:20px;height:20px;border:1.6px solid #fff;border-radius:50%;font-size:13px;line-height:1}
.wa-notice[hidden]{display:none!important}
.wa-notice{position:fixed;z-index:151;right:20px;bottom:84px;max-width:min(340px,calc(100vw - 40px));padding:24px 25px;background:#fff;border:1px solid #ddd0c2;box-shadow:0 16px 45px rgba(15,15,15,.2);border-radius:13px;color:#261d18}
.wa-notice h3{font-size:18px;margin:0 0 7px}.wa-notice p{font-size:14px;line-height:1.6;margin:0 0 12px}
.wa-notice a{color:#7a3c18;font-weight:800;text-decoration:underline}
.wa-close{position:absolute;right:13px;top:10px;background:none;border:0;color:#41342d;font-size:22px;cursor:pointer}
@media(max-width:920px){.employer-topic-card{gap:20px;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr) 40px}.values-grid{grid-template-columns:1fr}}
@media(max-width:690px){.employer-topic-card{grid-template-columns:minmax(0,1fr) 38px;row-gap:14px}.employer-topic-name{grid-column:1;grid-row:1}.employer-topic-question{grid-column:1/-1;grid-row:2}.employer-topic-go{grid-column:2;grid-row:1}.contact-section .map-block{grid-template-columns:1fr;gap:18px;margin-top:35px}.map-copy{padding:0}.map-embed{height:290px}.value-panel{padding:28px}.hero.clean-hero .hero-grid{padding:62px 0;min-height:0}.wa-float{bottom:14px;right:14px}}

/* Minder herhaling in tariefkaarten, gratis kennismaken staat één keer erboven. */
.pricing-section .pricing-card{min-height:288px}


/* 2026-10 | Vernieuwd hoofdmenu, homepage en mobiele navigatie */
.site-header{overflow:visible}
.nav-links.nav-links-refined{gap:clamp(17px,2.1vw,30px);overflow:visible}
.nav-links-refined > a,
.nav-links-refined .nav-drop-btn,
.nav-links-refined .nav-about-combo > a{
  color:#eee3d9;font-family:Manrope,Arial,sans-serif;font-size:13px;font-weight:750;
  line-height:1.4;text-decoration:none;letter-spacing:-.01em;
}
.nav-links-refined a[aria-current=page]{color:#f0b47b!important}
.nav-links-refined .nav-drop-btn{appearance:none;background:transparent;border:0;cursor:pointer;padding:11px 0;white-space:nowrap;display:flex;align-items:center;gap:7px}
.nav-links-refined .nav-about-combo{display:flex;align-items:center;gap:5px}
.nav-links-refined .nav-about-combo > a{padding:11px 0}
.nav-links-refined .nav-chevron-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;appearance:none;padding:6px 5px;background:none;border:0;color:#eee3d9}
.nav-links-refined .chevron{font-size:16px;font-weight:700;transition:transform .2s;line-height:1}
.nav-dropdown{position:relative;display:flex;align-items:center;min-width:0}
.nav-dropdown-menu{
  display:none;position:absolute;top:calc(100% + 5px);left:-17px;z-index:200;
  min-width:224px;padding:9px;background:#fffdf9;color:#251c16;
  border:1px solid #e5d8cc;border-radius:11px;
  box-shadow:0 18px 44px rgba(20,12,8,.23);
}
.nav-dropdown-menu::before{content:"";position:absolute;top:-12px;height:13px;left:0;right:0}
.nav-dropdown-menu a,
.nav-links-refined .nav-dropdown-menu a:not(.button){
  display:block;padding:12px 13px;color:#30241e!important;font-size:13px;font-weight:750;
  border-radius:7px;white-space:nowrap;
}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus-visible{background:#f5ebe1;color:#70340f!important}
@media(hover:hover) and (min-width:1051px){
 .nav-dropdown:hover .nav-dropdown-menu{display:block}
 .nav-dropdown:hover .chevron{transform:rotate(180deg)}
}
.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.is-open .nav-dropdown-menu{display:block}
.nav-dropdown.is-open .chevron{transform:rotate(180deg)}
.nav-links-refined .nav-drop-btn:hover,.nav-links-refined .nav-drop-btn:focus-visible,.nav-links-refined .nav-about-combo > a:hover{color:#f0b47b}
.nav-dropdown:focus-within{z-index:201}
/* Homepage deliberately simple, no images or repetitive info panels */
.homepage-hero{background:radial-gradient(ellipse at 94% 62%,rgba(106,49,31,.23),transparent 50%),linear-gradient(115deg,#211712,#31221c 72%,#271b17)}
.homepage-hero-inner{padding:clamp(74px,8vw,118px) 0 clamp(78px,8.4vw,122px);max-width:1140px}
.homepage-hero .eyebrow{font-size:12px;letter-spacing:.16em;color:#efbd8a}
.homepage-hero h1{font-size:clamp(37px,4.7vw,61px);line-height:1.19;max-width:920px;margin:24px 0 28px;letter-spacing:-.042em;color:#fff6ef}
.homepage-hero h1 span{display:block;color:#e09752;margin-top:7px}
.homepage-hero-lead{max-width:820px;font-size:clamp(16px,1.8vw,19px);line-height:1.75;color:#f3e7dd;margin:0 0 14px}
.homepage-hero-description{max-width:780px;font-size:15px;line-height:1.85;color:#d9c6b8;margin:0}
.homepage-cta{display:flex;flex-direction:column;align-items:start;margin-top:32px;gap:13px}
.homepage-cta .button{min-height:48px}
.homepage-cta p{margin:0;font-size:12px;line-height:1.7;letter-spacing:.015em;color:#cdb9a9}
.homepage-cta p span{padding:0 8px;color:#b17b50}
.homepage-audiences{padding:82px 0 94px;background:#faf7f2}
.homepage-section-heading{margin-bottom:32px}
.homepage-section-heading h2{font-size:clamp(30px,3.4vw,44px);letter-spacing:-.03em}
.homepage-audience-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.homepage-audience-grid .audience-card{min-height:196px;background:#fff;border:1px solid #e2d8cf;padding:28px 31px 28px 23px;border-radius:12px;display:flex;flex-direction:column;gap:5px}
.homepage-audience-grid .audience-card strong{font-size:20px;font-weight:800;line-height:1.28;color:#261c17}
.homepage-audience-grid .audience-card p{font-size:14px;line-height:1.6;color:#685a50;max-width:240px;margin:9px 0 0}
.homepage-audience-grid .audience-card>span:last-child{color:#974d24;top:25px;right:18px}
.homepage-audience-grid .audience-card:hover,.homepage-audience-grid .audience-card:focus-visible{transform:translateY(-3px);border-color:#ad704b;box-shadow:0 15px 28px rgba(35,20,12,.075)}
.homepage-personal{background:#eee5db;padding:96px 0}
.homepage-personal-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);gap:clamp(35px,8vw,115px);align-items:start}
.homepage-personal-title h2{font-size:clamp(33px,3.65vw,48px);letter-spacing:-.04em;line-height:1.23;margin:17px 0}
.homepage-personal-title h2 span{color:#884a2d}
.homepage-personal-copy p{font-size:16px;line-height:1.9;margin:0 0 18px;color:#51463d}
.homepage-personal-copy .button{margin-top:13px}
.button-dark{background:#5c211b;color:#fff;border-color:#5c211b}
.button-dark:hover{background:#3f1817;border-color:#3f1817;color:#fff}
@media(max-width:1050px){
 .nav-links.nav-links-refined{gap:0;overflow-y:auto}
 .nav-links-refined > a{padding:14px 4px!important;font-size:15px!important}
 .nav-dropdown{display:block;border-bottom:1px solid rgba(255,255,255,.12)}
 .nav-dropdown-menu{position:static;min-width:0;box-shadow:none;border:none;border-left:2px solid #ba7a4b;border-radius:0;padding:5px 0 7px 13px;margin:0 0 14px 8px;background:transparent}
 .nav-dropdown-menu::before{display:none}
 .nav-links-refined .nav-dropdown-menu a:not(.button){color:#f0e4d8!important;font-size:14px;padding:12px 10px;white-space:normal}
 .nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus-visible{background:#4b3226;color:#fff!important}
 .nav-links-refined .nav-drop-btn{width:100%;justify-content:space-between;padding:15px 4px;font-size:15px}
 .nav-about-combo{justify-content:space-between}
 .nav-about-combo > a{flex:1;padding:15px 4px!important;font-size:15px!important}
 .nav-chevron-button{padding:15px 9px!important}
 .nav-dropdown:hover .nav-dropdown-menu{display:none}
 .nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.is-open .nav-dropdown-menu{display:block}
 .nav-links-refined > a:last-child{border:0}
}
@media(max-width:850px){
 .homepage-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .homepage-personal-grid{grid-template-columns:1fr;gap:20px}
 .homepage-hero-inner{padding:77px 0 88px}
}
@media(max-width:560px){
 .homepage-audience-grid{grid-template-columns:1fr}
 .homepage-audience-grid .audience-card{min-height:140px;padding:23px 44px 24px 23px}
 .homepage-hero h1{font-size:clamp(33px,9vw,43px)}
 .homepage-hero-lead{font-size:16px}
 .homepage-hero-description{font-size:15px}
 .homepage-personal,.homepage-audiences{padding:60px 0}
 .homepage-personal-copy .button{width:100%;text-align:center}
}
@media(prefers-reduced-motion:reduce){.nav-links-refined *{transition:none!important}}