@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');:root{--ink:#11110f;--gold:#c5a16b;--cream:#f7f3eb;--muted:#655e54}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);font-family:'DM Sans',Arial,sans-serif;color:var(--ink);line-height:1.7}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;line-height:1.2}h1{font-size:clamp(2.6rem,6vw,5rem);max-width:920px;margin:22px 0}h2{font-size:clamp(2rem,3.5vw,3.2rem)}a{color:inherit}header{background:#0d0d0d;color:#fff;padding:14px max(5vw,22px);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}header img{height:85px;width:135px;object-fit:contain}nav{display:flex;flex-wrap:wrap;gap:22px;font-size:14px}nav a{text-decoration:none}nav a[aria-current=page],nav a:hover{color:var(--gold)}.hero{background:radial-gradient(ellipse at 85% 10%,#473523 0,#171613 45%,#0d0d0d 80%);color:white;padding:90px max(7vw,22px) 105px}.hero .lede{max-width:730px;color:#e7dfd1;font-size:clamp(1.15rem,2vw,1.4rem)}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--gold);font-weight:700;font-size:12px}.btn{display:inline-block;background:var(--gold);color:#101010;padding:13px 23px;text-decoration:none;font-weight:700;border-radius:4px;margin:12px 12px 0 0}.btn.outline{background:transparent;color:white;border:1px solid var(--gold)}main section{padding:75px max(7vw,22px)}.intro{max-width:780px;font-size:18px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:white;border-top:3px solid var(--gold);padding:27px;min-height:215px}.card h3{font-size:25px}.card p{color:var(--muted)}.soft{background:#eee5d7}.dark{background:#151515;color:#fff}.dark p{color:#e6ddd0}.callout{max-width:850px}.contact{background:#dcd0bd}.contact a{color:#543919}footer{background:#0b0b0b;color:#e8e0d4;padding:30px max(7vw,22px);font-size:14px}footer b{color:var(--gold)}.contact-links{display:flex;gap:18px;flex-wrap:wrap}p{max-width:850px}@media(max-width:760px){.grid{grid-template-columns:1fr}.hero{padding-top:60px;padding-bottom:70px}main section{padding-top:50px;padding-bottom:50px}header img{height:65px;width:100px}nav{gap:12px}}
/* Vernieuwde WT Finance vormgeving */
header img{height:128px;width:170px;object-fit:contain}header{padding-top:8px;padding-bottom:8px}nav{align-items:center}
.hero{background:linear-gradient(90deg,rgba(13,13,13,.95) 0%,rgba(19,17,15,.92) 49%,rgba(19,17,15,.45) 100%),url('kantoor-hero.jpg') center right/cover no-repeat;min-height:510px;display:flex;flex-direction:column;justify-content:center}
.hero h1{max-width:760px}.photo-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px}.photo-section img{width:100%;height:390px;object-fit:cover;border-radius:5px}.photo-section p{font-size:18px}.photo-section .eyebrow{margin-bottom:12px}.photo-section h2{margin-top:0}.photo-section .btn{margin-top:18px}.soft .photo-section{gap:40px}.intro{max-width:860px}
@media(max-width:760px){header img{height:98px;width:130px}.hero{background-position:65% center}.photo-section{grid-template-columns:1fr;gap:20px}.photo-section img{height:250px}.photo-section img{order:-1}}

/* Extra foto's, responsive en geoptimaliseerd voor STRATO */
.gallery-section{background:#f8f4ed;padding-top:58px;padding-bottom:70px}.gallery-section h2{max-width:850px;margin:10px 0 28px}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.photo-grid figure{margin:0;overflow:hidden;background:#e8dfd1;border-radius:5px}.photo-grid img{display:block;width:100%;height:245px;object-fit:cover;transition:transform .3s}.photo-grid figure:hover img{transform:scale(1.035)}.photo-grid figcaption{font-size:13px;font-weight:700;letter-spacing:.04em;padding:12px 16px;color:#5a4227}.image-banner{height:290px;background:linear-gradient(90deg,rgba(0,0,0,.25),transparent),url('bureau-warm.jpg') center/cover no-repeat}@media(max-width:760px){.photo-grid{grid-template-columns:1fr;gap:14px}.photo-grid img{height:220px}.image-banner{height:185px}}

/* Definitieve navigatie en extra inhoud */
.pricing-teaser{background:#f0e5d3}.reviews{background:#fffaf2}.review-note{font-size:13px;color:#655e54;margin-top:22px}header img{height:146px;width:190px}@media(max-width:760px){header img{height:110px;width:145px}}

.review-page{max-width:1200px;margin:auto}.review-page h1{font-size:clamp(2.6rem,5vw,4.4rem)}.review-panel{margin:40px 0;padding:30px;background:#fff;border-top:4px solid var(--gold)}.review-frame{height:460px;border:1px solid #ddd3c5;background:#f7f3eb;margin:24px 0}.review-frame iframe{width:100%;height:100%;border:0}.review-cta{background:#1b1a18;color:white;padding:32px}.review-cta p{color:#eee3d5}@media(max-width:760px){.review-panel{padding:18px}.review-frame{height:350px}}
