/*
Theme Name: Tamara Service Management
Theme URI: https://tamaravantzand.nl
Author: Tamara van 't Zand
Description: Professionele WordPress website voor Service Management & Customer Experience.
Version: 1.2.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 8.0
Text Domain: tamara-service
*/

@import url('assets/linkedin-style.css');
@import url('assets/homepage-refresh.css');
@import url('assets/portrait-refinement.css');
:root {
  --ink: #17202a;
  --muted: #596775;
  --line: #dbe3ea;
  --paper: #ffffff;
  --soft: #f4f7f8;
  --accent: #166a75;
  --accent-strong: #0f4e57;
  --warm: #c9805a;
  --focus: #f0c267;
  --shadow: 0 14px 34px rgba(23, 32, 42, 0.10);
  --radius: 12px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 17px;
  line-height: 1.65;
}

a {
  color: var(--accent-strong);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

img {
  max-width: 100%;
  height: auto;
}

.skip-link {
  position: absolute;
  left: -999px;
  top: 12px;
  background: var(--ink);
  color: white;
  padding: 10px 14px;
  z-index: 99;
}

.skip-link:focus {
  left: 12px;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(255, 255, 255, 0.94);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(14px);
}

.header-inner,
.section-inner,
.footer-inner {
  width: min(1120px, calc(100% - 40px));
  margin: 0 auto;
}

.header-inner {
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}

.brand {
  display: inline-flex;
  flex-direction: column;
  color: var(--ink);
  text-decoration: none;
  line-height: 1.1;
}

.brand-name {
  font-weight: 760;
  font-size: 1.08rem;
}

.brand-tagline {
  margin-top: 5px;
  color: var(--muted);
  font-size: 0.82rem;
}

.menu-toggle {
  display: none;
  width: 42px;
  height: 42px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
  color: var(--ink);
  cursor: pointer;
}

.menu-toggle span,
.menu-toggle::before,
.menu-toggle::after {
  content: "";
  display: block;
  width: 18px;
  height: 2px;
  margin: 4px auto;
  background: currentColor;
}

.primary-menu,
.primary-menu ul {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.primary-menu a {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  padding: 8px 11px;
  border-radius: var(--radius);
  color: var(--ink);
  font-size: 0.94rem;
  font-weight: 650;
  text-decoration: none;
}

.primary-menu a:hover,
.primary-menu .current-menu-item > a {
  background: var(--soft);
  color: var(--accent-strong);
}

.button,
button.button {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 18px;
  border: 1px solid var(--accent);
  border-radius: var(--radius);
  background: var(--accent);
  color: white;
  font: inherit;
  font-weight: 750;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
}

.button:hover,
button.button:hover {
  background: var(--accent-strong);
  border-color: var(--accent-strong);
}

.button.secondary {
  background: var(--paper);
  color: var(--accent-strong);
}

.hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #e8f0ef 0%, #f7f4ef 68%, #ffffff 100%) !important;
  border-bottom: 1px solid var(--line);
}

.hero .section-inner {
  min-height: clamp(520px, 72vh, 700px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 440px);
  align-items: center;
  gap: 42px;
  padding: 70px 0 92px;
}

.hero-copy {
  width: min(680px, 100%);
  position: relative;
  z-index: 2;
}

.hero-photo {
  margin: 0;
  align-self: end;
  justify-self: end;
}

.hero-photo img {
  display: block;
  width: min(440px, 34vw);
  max-height: 620px;
  object-fit: contain;
  object-position: center bottom;
  border-radius: 4px;
  box-shadow: 0 18px 42px rgba(23, 32, 42, 0.10);
  border: 1px solid rgba(23, 32, 42, 0.08);
}

.eyebrow {
  margin: 0 0 12px;
  color: var(--warm);
  font-size: 0.86rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

h1,
h2,
h3 {
  margin: 0;
  line-height: 1.12;
  letter-spacing: -0.025em;
  font-weight: 780;
}

h1 {
  max-width: 760px;
  font-size: clamp(2.55rem, 5.2vw, 4.85rem);
}

h2 {
  font-size: clamp(2rem, 3vw, 3rem);
}

h3 {
  font-size: 1.22rem;
}

.lead {
  max-width: 720px;
  margin: 22px 0 0;
  color: #344150;
  font-size: clamp(1.08rem, 1.6vw, 1.32rem);
}

.hero-actions,
.page-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.section {
  padding: 96px 0;
}

.section.soft {
  background: var(--soft);
}

.intro-grid,
.contact-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(320px, 1.1fr);
  gap: 44px;
  align-items: start;
}

.service-grid,
.case-grid,
.expertise-grid,
.article-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 40px;
}

.service-card,
.case-card,
.expertise-card,
.article-card,
.note-panel {
  min-height: 100%;
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: 3px;
  background: var(--paper);
}

.service-card {
  border-top: 4px solid var(--accent);
}

.featured-service {
  grid-column: span 2;
  background: #eef6f4;
}

.case-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.case-card ul,
.plain-list {
  margin: 14px 0 0;
  padding-left: 20px;
}

.service-card p,
.case-card p,
.expertise-card p,
.article-card p,
.note-panel p {
  margin: 12px 0 0;
  color: var(--muted);
}

.case-story {
  margin-top: 34px;
  padding-top: 28px;
  border-top: 1px solid var(--line);
}

.case-story:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.highlight-service {
  margin: 32px 0;
  padding: 28px;
  border: 1px solid var(--line);
  border-top: 4px solid var(--accent);
  border-radius: var(--radius);
  background: #eef6f4;
}

.split-band {
  background: var(--ink);
  color: white;
}

.split-band .lead,
.split-band p {
  color: rgba(255, 255, 255, 0.78);
}

.page-hero {
  background: var(--soft);
  border-bottom: 1px solid var(--line);
}

.page-hero .section-inner {
  padding: 70px 0;
}

.content {
  width: min(820px, calc(100% - 40px));
  margin: 0 auto;
  padding: 70px 0;
}

.content h2,
.content h3 {
  margin-top: 34px;
}

.content p {
  margin: 16px 0 0;
}

.form-field {
  margin-bottom: 18px;
}

.form-field-trap {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.form-field label {
  display: block;
  margin-bottom: 7px;
  font-weight: 720;
}

.form-field input,
.form-field textarea {
  width: 100%;
  min-height: 46px;
  padding: 11px 12px;
  border: 1px solid #bac7d1;
  border-radius: var(--radius);
  background: white;
  color: var(--ink);
  font: inherit;
}

.form-field textarea {
  min-height: 150px;
  resize: vertical;
}

.form-field input:focus,
.form-field textarea:focus,
.button:focus {
  outline: 3px solid var(--focus);
  outline-offset: 2px;
}

.form-message {
  margin-bottom: 18px;
  padding: 13px 14px;
  border-radius: var(--radius);
  font-weight: 650;
}

.form-message.success {
  background: #e7f6ef;
  color: #15583a;
}

.form-message.error {
  background: #fae9e7;
  color: #8a2d21;
}

.contact-options {
  min-height: 100%;
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--soft);
}

.contact-form {
  display: block;
}

.contact-options p {
  margin: 14px 0 0;
  color: var(--muted);
}

.contact-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.form-privacy {
  margin-top: 16px;
  font-size: 0.92rem;
  color: var(--muted);
}

.contact-prompt {
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid var(--line);
}

.floating-whatsapp {
  position: fixed;
  right: max(20px, env(safe-area-inset-right));
  bottom: max(20px, env(safe-area-inset-bottom));
  z-index: 100;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  min-height: 50px;
  padding: 0;
  border-radius: 999px;
  background: #25d366;
  color: white;
  box-shadow: 0 16px 40px rgba(18, 140, 76, 0.35);
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
}

.floating-whatsapp:hover {
  background: #1fb95a;
  color: white;
  transform: translateY(-1px);
}

.floating-whatsapp:focus {
  outline: 3px solid var(--focus);
  outline-offset: 3px;
}

.floating-whatsapp-photo {
  display: none;
  width: 34px;
  height: 34px;
  overflow: hidden;
  border: 2px solid white;
  border-radius: 50%;
  background: white;
}

.floating-whatsapp-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 26%;
}

.floating-whatsapp-label {
  display: none;
  max-width: 96px;
  font-size: 0.78rem;
  line-height: 1.15;
}

.floating-whatsapp-icon {
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: transparent;
}

.floating-whatsapp-icon svg {
  width: 26px;
  height: 26px;
  fill: currentColor;
}

.cv-hero {
  background: linear-gradient(135deg, #edf4f2, #fbf6f0);
}

.cv-html-section {
  background: var(--paper);
}

.cv-html {
  padding: 34px 0 44px;
  border-top: 1px solid var(--line);
}

.cv-html:first-child {
  border-top: 0;
  padding-top: 0;
}

.cv-html + .cv-html {
  margin-top: 26px;
}

.cv-html-header {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 26px;
  align-items: center;
  padding: 30px 32px;
  border: 1px solid var(--line);
  border-left: 3px solid var(--accent);
  border-radius: 3px;
  background: #f1f5f4;
}

.cv-html-header img {
  width: 132px;
  height: 132px;
  border: 2px solid white;
  border-radius: 3px;
  object-fit: cover;
  object-position: center 26%;
  box-shadow: 0 10px 24px rgba(23, 32, 42, 0.10);
}

.cv-html-header h2 {
  font-size: clamp(2rem, 3vw, 3.2rem);
}

.cv-role {
  margin: 10px 0 0;
  color: var(--accent-strong);
  font-weight: 800;
}

.cv-positioning {
  margin: 4px 0 0;
  color: var(--warm);
  font-weight: 750;
}

.cv-contact {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 0.95rem;
}

.cv-section {
  margin-top: 28px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--line);
}

.cv-section h3 {
  margin-bottom: 14px;
  color: var(--accent-strong);
  font-size: 1rem;
  text-transform: uppercase;
}

.cv-section h4 {
  margin-top: 20px;
  font-size: 1.05rem;
}

.cv-meta {
  margin: 6px 0 10px;
  color: var(--muted);
  font-size: 0.95rem;
  font-style: italic;
}

.cv-section ul {
  margin: 8px 0 0;
  padding-left: 22px;
}

.cv-section li + li {
  margin-top: 4px;
}

.cv-section:last-child {
  border-bottom: 0;
}

.site-footer {
  padding: 42px 0;
  background: #111922;
  color: rgba(255, 255, 255, 0.78);
}

.footer-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.site-footer a {
  color: white;
}

@media (max-width: 860px) {
  .header-inner {
    min-height: 68px;
  }

  .menu-toggle {
    display: inline-block;
  }

  .site-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    display: none;
    border-bottom: 1px solid var(--line);
    background: white;
  }

  .site-nav.is-open {
    display: block;
  }

  .primary-menu,
  .primary-menu ul {
    display: block;
    width: min(1120px, calc(100% - 40px));
    margin: 0 auto;
    padding: 10px 0 16px;
  }

  .primary-menu a {
    width: 100%;
  }

  .hero .section-inner {
    min-height: auto;
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 38px 0 54px;
  }

  .hero-photo {
    order: -1;
    justify-self: center;
  }

  .hero-photo img {
    width: min(82vw, 360px);
    max-height: 420px;
  }

  .intro-grid,
  .contact-grid,
  .service-grid,
  .case-grid,
  .expertise-grid,
  .article-grid {
    grid-template-columns: 1fr;
  }

  .cv-html-header {
    grid-template-columns: 1fr;
  }

  .cv-html-header img {
    width: 112px;
    height: 112px;
  }

  .featured-service {
    grid-column: auto;
  }

  .section {
    padding: 58px 0;
  }
}

@media (max-width: 520px) {
  .header-inner,
  .section-inner,
  .footer-inner,
  .content {
    width: min(100% - 28px, 1120px);
  }

  body {
    font-size: 16px;
  }

  .brand-tagline {
    max-width: 210px;
  }

  .hero-actions,
  .page-actions,
  .contact-actions {
    display: grid;
  }

  .button {
    width: 100%;
  }

  .floating-whatsapp {
    right: max(14px, env(safe-area-inset-right));
    bottom: max(14px, env(safe-area-inset-bottom));
    width: 48px;
    height: 48px;
    min-height: 48px;
    justify-content: center;
    padding: 0;
  }

  .floating-whatsapp-icon {
    width: 48px;
    height: 48px;
    background: transparent;
  }

  .floating-whatsapp-icon svg {
    width: 26px;
    height: 26px;
  }
}

@media print {
  .site-header,
  .site-footer,
  .page-hero,
  .floating-whatsapp {
    display: none !important;
  }

  body {
    color: #17202a;
    background: white;
    font-size: 10.5pt;
    line-height: 1.42;
  }

  a {
    color: inherit;
    text-decoration: none;
  }

  .section {
    padding: 0;
  }

  .section-inner {
    width: 100%;
  }

  .cv-html {
    padding: 0;
    border: 0;
  }

  .cv-html-header {
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 18px;
    padding: 14px 0 16px;
    border: 0;
    border-bottom: 2px solid #166a75;
    background: white;
  }

  .cv-html-header img {
    width: 96px;
    height: 96px;
    border: 0;
    box-shadow: none;
  }

  .cv-html-header h2 {
    font-size: 24pt;
  }

  .cv-section {
    margin-top: 12px;
    padding-bottom: 10px;
    break-inside: avoid;
  }

  .cv-section h3 {
    margin-bottom: 6px;
    font-size: 10pt;
  }

  .cv-section h4 {
    margin: 10px 0 0;
    font-size: 10.5pt;
  }

  .cv-section p,
  .cv-section ul {
    margin-top: 4px;
  }

  .cv-section li + li {
    margin-top: 1px;
  }
}


/* Inzichten — editorial extension of the homepage */
.insight-kicker{margin:0 0 20px;font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#25292d}
.insight-kicker::first-letter{color:#e4c300}
.insight-single-hero,.insights-archive-hero{padding:88px 0 58px;background:#f7f7f5;border-bottom:1px solid #e7e5df}
.insight-single-hero h1,.insights-archive-hero h1{max-width:900px;margin:0;color:#25292d;font-size:clamp(2.5rem,6vw,5.4rem);line-height:.98;letter-spacing:-.045em;font-weight:850}
.insights-archive-hero h1{display:inline;background:linear-gradient(transparent 72%,#e5c500 72%)}
.insights-archive-hero p:not(.insight-kicker){max-width:720px;margin:28px 0 0;color:#59616a;font-size:1.12rem}
.insight-meta{margin-top:26px;color:#68717a;font-size:.9rem}
.insight-narrow{max-width:900px}
.insight-article{padding:58px 0 90px}
.insight-featured{margin:0 0 42px}
.insight-featured img{display:block;width:100%;border-radius:0}
.insight-body{font-size:1.08rem;line-height:1.8}
.insight-body h2,.insight-body h3{color:#25292d;line-height:1.12;letter-spacing:-.025em;margin-top:2.2em}
.insight-body h2{font-size:2rem}.insight-body h3{font-size:1.45rem}
.insight-body blockquote{margin:36px 0;padding:6px 0 6px 24px;border-left:4px solid #e5c500;font-size:1.25rem;font-weight:650}
.insight-body a,.insight-read,.insight-back a{color:#25292d;text-decoration-color:#e5c500;text-decoration-thickness:3px}
.insight-back{margin-top:54px;padding-top:26px;border-top:1px solid #e7e5df;font-weight:750}
.insights-listing{padding:58px 0 90px}
.insight-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.insight-card{border:1px solid #e4e3df;background:#fff;min-width:0}
.insight-card-image{display:block;aspect-ratio:16/9;overflow:hidden;background:#f1f1ee}
.insight-card-image img{width:100%;height:100%;object-fit:cover}
.insight-card-content{padding:25px}
.insight-card-meta{margin:0 0 12px;color:#70777d;font-size:.76rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em}
.insight-card h2{margin:0 0 14px;font-size:1.45rem;line-height:1.12;letter-spacing:-.025em}
.insight-card h2 a{color:#25292d;text-decoration:none}
.insight-excerpt{color:#59616a;font-size:.95rem}
.insight-read{display:inline-block;margin-top:12px;font-weight:800}
.insight-empty{grid-column:1/-1;padding:48px;border-left:5px solid #e5c500;background:#f7f7f5}
.insight-pagination{margin-top:40px}
@media(max-width:860px){.insight-cards{grid-template-columns:1fr 1fr}.insight-single-hero,.insights-archive-hero{padding:64px 0 44px}}
@media(max-width:600px){.insight-cards{grid-template-columns:1fr}.insight-single-hero h1,.insights-archive-hero h1{font-size:2.7rem}.insight-single-hero,.insights-archive-hero{padding:50px 0 36px}.insights-listing,.insight-article{padding-top:38px}}


/* LinkedIn visual language — homepage illustration */
.brand-problems {background:linear-gradient(135deg,#f1f8f6,#fff9f4)!important;}
.illustration-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:26px;}
.illustration-heading svg{width:min(320px,42%);height:auto;flex-shrink:0;filter:drop-shadow(0 12px 14px rgba(22,106,117,.08));}
.illustration-heading p{font-size:1.12rem;color:#596775;max-width:410px;}
.brand-problems .problem-grid article{background:#fff;border:1px solid #dbe3ea;border-radius:24px;padding:30px;box-shadow:0 12px 28px rgba(23,32,42,.06);}
.brand-problems .problem-grid article:nth-child(2){transform:translateY(15px);border-top:5px solid #c9805a;}
.brand-problems .problem-grid article:nth-child(1){border-top:5px solid #166a75;}
.brand-problems .problem-grid article:nth-child(3){border-top:5px solid #166a75;}
.brand-hero .hero-photo img{border-radius:28px 28px 100px 28px;}
.brand-hero{background:linear-gradient(120deg,#e2f1ee 0%,#fff6ef 65%,#fff 100%)!important;}
.brand-hero h1 em{color:#166a75;text-decoration:underline;text-decoration-color:#e6b19a;text-decoration-thickness:5px;text-underline-offset:8px;}
.button{border-radius:999px!important;}
@media(max-width:760px){.illustration-heading{gap:12px}.illustration-heading svg{width:38%}.brand-problems .problem-grid article:nth-child(2){transform:none}.brand-problems .problem-grid article{padding:23px}}

/* Speelse merkstijl: illustratieve vormen, foto en ritme */
.hero-photo{position:relative!important;isolation:isolate;padding:20px 22px 24px 8px!important}
.hero-photo:before{content:"";position:absolute;inset:5% 0 10% 8%;background:#f7ddc9;border-radius:47% 53% 38% 62%/54% 41% 59% 46%;transform:rotate(-8deg);z-index:-1}
.hero-photo:after{content:"";position:absolute;width:88px;height:88px;border:5px dashed #c9805a;border-radius:50%;right:-6px;top:8%;z-index:-1}
.hero-photo img{border-radius:48% 48% 30px 30px!important;box-shadow:0 18px 40px rgba(23,32,42,.13)!important}
.photo-spark{position:absolute;font-family:Georgia,serif;font-size:62px;color:#c9805a;line-height:1;z-index:2}
.photo-spark-one{top:-10px;left:-24px;transform:rotate(-18deg)}
.photo-spark-two{right:5px;bottom:65px;color:#166a75;font-size:48px}
.photo-note{position:absolute;bottom:-3px;right:3px;background:#fff;color:#166a75;border:2px solid #166a75;border-radius:16px 16px 16px 4px;padding:10px 14px;font-size:.85rem;font-weight:800;transform:rotate(-5deg);box-shadow:5px 6px 0 #f1c7af;z-index:3}
.personality-ribbon{background:#166a75;color:#fff;overflow:hidden}
.personality-ribbon .section-inner{display:flex;justify-content:center;align-items:center;gap:24px;padding:17px 0}
.personality-ribbon p{margin:0;font-size:clamp(1rem,1.6vw,1.3rem)}
.ribbon-spark{color:#f1c7af;font-size:34px}.ribbon-arrow{font-size:35px;color:#f1c7af}
.playful-section-title{display:flex;align-items:center;gap:20px}.scribble{font-size:60px;line-height:1;color:#c9805a;transform:rotate(-12deg)}
.brand-problems .problem-grid article{position:relative;overflow:hidden}
.brand-problems .problem-grid article:before{content:"✳";display:block;font-size:42px;color:#c9805a;line-height:1;margin-bottom:15px}
.brand-problems .problem-grid article:nth-child(2):before{content:"↝";font-size:50px;color:#166a75}
.brand-problems .problem-grid article:nth-child(3):before{content:"✓";font-size:43px;color:#c9805a}
.voices .case-quote{border-radius:22px!important;box-shadow:8px 8px 0 #e8f2ef}
.voices .case-quote:nth-child(2){box-shadow:8px 8px 0 #f7e5d9;transform:rotate(-1deg)}
.offers .problem-grid article{border-radius:22px!important;box-shadow:7px 8px 0 #e6f1ee}
.offers .problem-grid article:nth-child(2){box-shadow:7px 8px 0 #f8e7db}
.ai-panel{border-radius:28px!important;position:relative}
.ai-panel:after{content:"✳";position:absolute;right:20px;top:8px;font-size:48px;color:#c9805a}
@media(max-width:760px){.hero-photo{padding:12px 12px 32px!important}.photo-spark-one{left:0}.photo-note{right:10px;bottom:4px;font-size:.7rem}.personality-ribbon .section-inner{gap:12px;padding:14px 0}.ribbon-arrow{display:none}.scribble{font-size:40px}.voices .case-quote:nth-child(2){transform:none}}

/* Gerichte stijlproef: rustig, warm, zonder versiering op foto */
.hero.brand-hero{background:linear-gradient(115deg,#f1f7f5 0%,#fbf5ef 76%,#fff 100%)!important}
.hero.brand-hero .section-inner{gap:42px}
.hero.brand-hero .hero-photo{position:relative!important;margin:0!important;padding:0!important;transform:none!important;overflow:visible!important}
.hero.brand-hero .hero-photo:before,.hero.brand-hero .hero-photo:after{content:none!important;display:none!important}
.hero.brand-hero .hero-photo img{display:block!important;width:min(440px,34vw)!important;max-width:100%!important;height:auto!important;border:0!important;border-radius:24px!important;box-shadow:0 16px 35px rgba(22,56,63,.11)!important;transform:none!important;object-fit:contain!important}
.hero.brand-hero .photo-spark,.hero.brand-hero .photo-note{display:none!important}
.brand-problems{background:#f5f8f6!important}
.illustration-heading{display:flex;align-items:center;justify-content:space-between;gap:22px}
.illustration-heading svg{max-width:200px;width:26%;height:auto;flex-shrink:0}
.brand-problems .problem-grid article{border:1px solid #dce5e3!important;border-top:3px solid #166a75!important;border-radius:14px!important;box-shadow:0 8px 20px rgba(23,32,42,.035)!important;transform:none!important;background:white!important}
.brand-problems .problem-grid article:before{content:none!important;display:none!important}
.brand-problems .problem-grid article:nth-child(2){border-top-color:#c9805a!important}
@media(max-width:860px){.hero.brand-hero .hero-photo{justify-self:center!important;align-self:center!important;width:min(100%,420px)!important}.hero.brand-hero .hero-photo img{width:100%!important;max-width:420px!important}.hero.brand-hero .section-inner{gap:28px!important}.illustration-heading svg{width:32%;max-width:135px}}
@media(max-width:520px){.hero.brand-hero .hero-photo{width:min(100%,340px)!important}.hero.brand-hero .hero-photo img{max-width:340px!important}.illustration-heading{gap:12px}.illustration-heading svg{width:33%;max-width:110px}}

/* Senior visual refinement — 2026-10-01 */
body { color: #14202a; }
.site-header { border-bottom-color: #cfd9df; }
.brand-name { font-weight: 800; letter-spacing: -0.015em; }
.primary-menu a { border-radius: 3px; font-weight: 700; }
.hero .section-inner { gap: 56px; padding-top: 82px; padding-bottom: 96px; }
.hero-copy { width: min(720px, 100%); }
.eyebrow { margin-bottom: 16px; font-size: .78rem; letter-spacing: .09em; }
h1, h2, h3 { letter-spacing: -0.025em; }
h1 { max-width: 790px; font-size: clamp(2.55rem, 5.2vw, 4.85rem); line-height: 1.03; font-weight: 800; }
h2 { line-height: 1.08; font-weight: 790; }
h3 { font-weight: 760; }
.lead { line-height: 1.55; color: #2e3b47; }
.section { padding-top: 96px; padding-bottom: 96px; }
.service-grid, .case-grid, .expertise-grid, .article-grid { gap: 20px; margin-top: 40px; }
.service-card, .case-card, .expertise-card, .article-card, .note-panel { padding: 28px; border-radius: 3px; }
.service-card { border-top-width: 3px; }
.featured-service, .highlight-service { background: #f0f5f3; }
.highlight-service { border-radius: 3px; }
.page-hero .section-inner { padding-top: 82px; padding-bottom: 82px; }
.split-band { border-top: 1px solid #26333d; border-bottom: 1px solid #26333d; }
@media (max-width: 760px) {
  .hero .section-inner { gap: 30px; padding-top: 54px; padding-bottom: 64px; }
  .section { padding-top: 68px; padding-bottom: 68px; }
  .service-card, .case-card, .expertise-card, .article-card, .note-panel { padding: 22px; }
}

/* Inzichten: uitgelichte afbeeldingen in een gelijk kader, zonder bijsnijden */
body ul.insights-grid li:has(.wp-block-latest-posts__featured-image):before{display:none}
body ul.insights-grid .wp-block-latest-posts__featured-image{margin:0 0 16px;aspect-ratio:1200/627;background:#fff3d6;border-radius:3px 10px 4px 8px;overflow:hidden;display:flex;align-items:center;justify-content:center}
body ul.insights-grid .wp-block-latest-posts__featured-image a{display:block;width:100%;height:100%}
body ul.insights-grid .wp-block-latest-posts__featured-image img{width:100%;height:100%;max-width:none;object-fit:contain;display:block}

/* Artikelen: knoppen naar vorig en volgend artikel */
.insight-post-nav{margin:40px 0 8px}
.insight-post-nav .screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.insight-post-nav .nav-links{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.insight-post-nav .nav-previous{grid-column:2;grid-row:1;text-align:right}
.insight-post-nav .nav-next{grid-column:1;grid-row:1;text-align:left}
.insight-post-nav a{display:block;height:100%;padding:18px 20px;background:#fffdf8;border-top:4px solid #ffd12e;border-radius:3px 12px 5px 9px;text-decoration:none;color:#132942}
.insight-post-nav a:hover,.insight-post-nav a:focus-visible{background:#fff3d6}
.insight-nav-label{display:block;font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#445263;margin-bottom:6px}
.insight-nav-title{display:block;font-weight:700;line-height:1.35}
@media (max-width:640px){.insight-post-nav .nav-links{grid-template-columns:1fr}.insight-post-nav .nav-previous{grid-column:1;grid-row:auto;order:1;text-align:left}.insight-post-nav .nav-next{grid-column:1;grid-row:auto;order:2}}