:root {
  --wult-radius-l: 22px;
  --wult-radius-m: 14px;
  --wult-shadow: 0 20px 45px -25px rgba(11, 27, 51, 0.35);
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
.wp-site-blocks { overflow: clip; }

.wult-header {
  position: sticky;
  top: 0;
  z-index: 30;
  border-bottom: 1px solid rgba(11, 27, 51, 0.08);
  backdrop-filter: blur(14px);
}

.wult-section { padding-block: clamp(4.5rem, 8vw, 7rem); }
.wult-section--compact { padding-block: clamp(2.75rem, 5vw, 4.5rem); }
.wult-eyebrow {
  color: var(--wp--preset--color--gold);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.wult-hero { min-height: min(780px, 88vh); display: grid; align-items: center; }
.wult-hero h1 { font-size: clamp(2.8rem, 7vw, 5.8rem); letter-spacing: -0.045em; }
.wult-lead { color: #4a5160; font-size: clamp(1.05rem, 2vw, 1.25rem); max-width: 42rem; }
.wult-hero-visual {
  min-height: 500px;
  border-radius: var(--wult-radius-l);
  background:
    linear-gradient(145deg, rgba(11,27,51,.1), rgba(11,27,51,.65)),
    radial-gradient(circle at 25% 20%, #e7c874, transparent 36%),
    linear-gradient(135deg, #c79a3c, #132a4d 70%);
  box-shadow: var(--wult-shadow);
}

.wult-card {
  height: 100%;
  border: 1px solid rgba(11, 27, 51, 0.09);
  border-radius: var(--wult-radius-m);
  background: #fff;
  box-shadow: 0 14px 30px -24px rgba(11, 27, 51, 0.3);
  transition: transform .2s ease, box-shadow .2s ease;
}
.wult-card:hover { transform: translateY(-3px); box-shadow: var(--wult-shadow); }
.wult-card h3 { font-size: 1.15rem; }
.wult-number {
  display: grid;
  width: 2.6rem;
  height: 2.6rem;
  place-items: center;
  border-radius: 999px;
  background: var(--wp--preset--color--gold);
  color: var(--wp--preset--color--navy);
  font-weight: 850;
}
.wult-stat strong { display: block; color: var(--wp--preset--color--navy); font: 800 1.55rem/1.1 var(--wp--preset--font-family--display); }
.wult-product-visual {
  min-height: 320px;
  border-radius: var(--wult-radius-m);
  background: linear-gradient(135deg, #132a4d, #0b1b33 55%, #c79a3c);
}
.wult-footer a { color: #eaeef6; text-decoration: none; }
.wult-footer a:hover { color: var(--wp--preset--color--gold-light); }

@media (max-width: 781px) {
  .wult-header .wp-block-buttons { display: none; }
  .wult-hero { min-height: auto; }
  .wult-hero-visual { min-height: 340px; }
  .wult-section { padding-block: 4rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: 0.01ms !important; }
}

/* WULTERKENS 0.2 ASSETS */
.wp-block-site-title {
  width: 210px;
  min-width: 210px;
  height: 54px;
  margin: 0;
  overflow: hidden;
  color: transparent !important;
  background: url('../images/logo-gold.webp') center / contain no-repeat;
}
.wp-block-site-title a {
  display: block;
  width: 100%;
  height: 100%;
  color: transparent !important;
  font-size: 0;
}
.wult-hero { min-height: min(700px, 82vh); }
.wult-hero h1 { max-width: 11ch; font-size: clamp(2.8rem, 5.5vw, 5rem); }
.wult-hero-visual {
  min-height: 520px;
  background:
    linear-gradient(145deg, rgba(11,27,51,.05), rgba(11,27,51,.25)),
    url('../images/hero.webp') center / cover no-repeat;
}
.wult-product-visual {
  background-color: var(--wp--preset--color--navy);
  background-position: center;
  background-size: cover;
}
.wult-card .wp-block-columns > .wp-block-column:first-child .wult-product-visual,
.has-mist-background-color > .wp-block-columns > .wp-block-column:first-child .wult-product-visual {
  background-image: url('../images/product-tshirts.webp');
}
.has-mist-background-color > .wp-block-columns > .wp-block-column:last-child .wult-product-visual {
  background-image: url('../images/product-hoodies.webp');
}
.wult-footer .wp-block-site-title {
  width: 230px;
  height: 72px;
  background-image: url('../images/logo-white.webp');
}
@media (max-width: 781px) {
  .wp-block-site-title { width: 165px; min-width: 165px; height: 44px; }
  .wult-hero-visual { min-height: 340px; }
}
/* WULTERKENS 0.3 BRANCHES */
.wult-branches-section { overflow: hidden; }
.wult-branches-section h2 { max-width: 18ch; font-size: clamp(2rem, 4vw, 3.6rem); }
.wult-branch-scroller {
  display: flex;
  gap: 24px;
  width: 100%;
  margin-top: 48px;
  padding: 0 max(24px, calc((100vw - 1820px) / 2)) 18px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scrollbar-color: rgba(11,27,51,.22) transparent;
  scrollbar-width: thin;
}
.wult-branch-card {
  position: relative;
  flex: 0 0 clamp(280px, 21vw, 375px);
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  scroll-snap-align: start;
  overflow: hidden;
  border-radius: 18px;
  padding: 28px !important;
  background-position: center;
  background-size: cover;
  box-shadow: var(--wult-shadow);
}
.wult-branch-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(11,27,51,.95) 0%, rgba(11,27,51,.3) 55%, rgba(11,27,51,.06) 100%);
}
.wult-branch-card > * { position: relative; z-index: 1; width: 100%; }
.wult-branch-card h3 { margin: 0; font-size: 1.35rem; }
.wult-branch-card a { color: #fff; text-decoration: none; }
.wult-branch-card p { margin: 8px 0 0; }
.wult-branch-card p a { color: var(--wp--preset--color--gold-light); }
.wult-branch-card--horeca { background-image: url('../images/horeca.webp'); }
.wult-branch-card--mkb { background-image: url('../images/mkb.webp'); }
.wult-branch-card--bouw { background-image: url('../images/bouw-techniek.webp'); }
.wult-branch-card--events { background-image: url('../images/evenementen.webp'); }
.wult-branch-card--scholen { background-image: url('../images/scholen.webp'); }
@media (max-width: 781px) {
  .wult-branch-scroller { gap: 16px; margin-top: 32px; padding-inline: 20px; }
  .wult-branch-card { flex-basis: 78vw; min-height: 420px; }
}
/* WULTERKENS 0.4 COMPACT BRANCHES */
.wult-branches-section { padding-block: clamp(3.75rem, 6vw, 5.5rem); }
.wult-branches-section h2 {
  max-width: 24ch;
  font-size: clamp(2rem, 3vw, 3rem);
}
.wult-branch-scroller {
  gap: 18px;
  margin-top: 36px;
  padding-inline: max(24px, calc((100vw - 1760px) / 2));
}
.wult-branch-card {
  flex-basis: clamp(250px, 18vw, 320px);
  min-height: 400px;
  padding: 22px !important;
}
.wult-branch-card h3 {
  font-size: 1.15rem;
  line-height: 1.2;
}
.wult-branch-card h3 a,
.wult-branch-card h3 a:link,
.wult-branch-card h3 a:visited {
  color: #fff !important;
  background: transparent !important;
  box-shadow: none !important;
}
.wult-branch-card p { font-size: .9rem; }
@media (max-width: 781px) {
  .wult-branches-section { padding-block: 3.5rem; }
  .wult-branches-section h2 { font-size: clamp(1.9rem, 9vw, 2.6rem); }
  .wult-branch-card { flex-basis: 74vw; min-height: 360px; }
}
/* WULTERKENS 0.5 CLAUDE BRANCH LAYOUT */
.wult-branches-section {
  padding-block: clamp(5rem, 7vw, 7rem);
  background: #fff !important;
}
.wult-branches-section > .wp-block-group.alignwide {
  width: min(1590px, calc(100vw - 48px));
  max-width: none !important;
  margin-inline: auto;
}
.wult-branches-section h2 {
  max-width: 18ch;
  font-size: clamp(2.4rem, 3.45vw, 3.65rem);
  line-height: 1.42;
  letter-spacing: -.035em;
}
.wult-branches-section .wult-lead { max-width: 60rem; }
.wult-branch-scroller {
  gap: 26px;
  margin-top: 56px;
  padding: 0 max(24px, calc((100vw - 1664px) / 2)) 18px;
}
.wult-branch-card {
  flex-basis: 368px;
  min-height: 488px;
  border-radius: 16px;
  padding: 26px !important;
}
.wult-branch-card h3 { font-size: 1.23rem; }
.wult-branch-card p { font-size: .92rem; }
.wult-branch-card::after {
  position: absolute;
  z-index: 1;
  top: 25px;
  left: 26px;
  color: var(--wp--preset--color--gold-light);
  font: 400 2rem/1 sans-serif;
  opacity: .95;
}
.wult-branch-card--horeca::after { content: '╎╎'; letter-spacing: -7px; }
.wult-branch-card--mkb::after { content: '▭'; }
.wult-branch-card--bouw::after { content: '⌂'; }
.wult-branch-card--events::after { content: '□'; }
.wult-branch-card--scholen::after { content: '◇'; transform: rotate(45deg); }
@media (max-width: 1200px) {
  .wult-branches-section h2 { line-height: 1.2; }
  .wult-branch-scroller { padding-inline: 24px; }
}
@media (max-width: 781px) {
  .wult-branches-section { padding-block: 4rem; }
  .wult-branches-section > .wp-block-group.alignwide { width: calc(100vw - 40px); }
  .wult-branches-section h2 { font-size: clamp(2rem, 10vw, 2.8rem); line-height: 1.12; }
  .wult-branch-scroller { gap: 18px; margin-top: 36px; padding-inline: 20px; }
  .wult-branch-card { flex-basis: 78vw; min-height: 430px; }
}
.logo-img{max-width:210px;object-fit:contain}@media(max-width:560px){.logo-img{height:38px;max-width:170px}}