/* Woudklank interior-page redesign: Over ons / Contact only.
   Independent of Vite, Tailwind, and the beheer theme. */
.woudklank-site .wd-interior-hero {
    position: relative;
    padding-block: clamp(3.8rem, 8vw, 7rem);
    overflow: hidden;
    background: #eae9e2;
    border-bottom: 1px solid #dedbd1;
    isolation: isolate;
}
.woudklank-site .wd-interior-hero::before {
    content: "";
    position: absolute;
    right: -9vw;
    top: -12vw;
    width: min(54vw, 650px);
    aspect-ratio: 1;
    border: 1px solid rgba(183, 139, 78, .28);
    border-radius: 50%;
    box-shadow: 0 0 0 3.5rem rgba(183,139,78,.055), 0 0 0 7.2rem rgba(183,139,78,.045);
    z-index: -1;
    pointer-events: none;
}
.woudklank-site .wd-interior-hero--contact { background: #17343c; border-color: rgba(255,255,255,.1); color: white; }
.woudklank-site .wd-interior-hero--contact::before { border-color: rgba(241,204,145,.28); box-shadow: 0 0 0 3.5rem rgba(241,204,145,.06), 0 0 0 7.2rem rgba(241,204,145,.045); }
.wd-interior-hero-inner { position: relative; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 2rem; }
.woudklank-site .wd-interior-hero h1 {
    margin: .75rem 0 1rem;
    max-width: 900px;
    font-size: clamp(3.1rem, 7.2vw, 7.2rem);
    font-weight: 800;
    line-height: 1.03;
    letter-spacing: -.075em;
    color: inherit;
    overflow-wrap: break-word;
}
.wd-interior-hero-lead { max-width: 690px; margin: 0; color: #51616a; font-size: clamp(1.05rem, 1.7vw, 1.22rem); line-height: 1.75; }
.wd-interior-hero--contact .wd-interior-hero-lead { color: #e0ebec; }
.wd-interior-hero--contact .wd-eyebrow { color: #ebc88e; }
.wd-interior-symbol {
    display: grid; place-items: center; width: clamp(84px, 11vw, 150px);
    aspect-ratio: 1; border-radius: 50%; border: 1px solid rgba(155,116,63,.35);
    font: 800 clamp(2.3rem, 5vw, 4.2rem) Georgia,serif;
    color: #b68c50; opacity: .9;
}
.wd-interior-hero--contact .wd-interior-symbol { border-color: rgba(239,211,160,.45); color: #f0d19f; }
.wd-interior-intro { background: #f7f5f0; border-bottom: 1px solid #e6e1d8; }
.wd-interior-intro-inner { display: grid; grid-template-columns: minmax(150px,.37fr) minmax(0,1fr); gap: clamp(1.5rem,7vw,7rem); padding-block: clamp(2.25rem,5vw,4rem); align-items: start; }
.wd-interior-intro-title { font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .2em; color: #9d7843; }
.wd-interior-intro-copy { font-size: clamp(1.05rem,1.7vw,1.26rem); line-height: 1.75; color: #2c4650; max-width: 760px; margin: 0; }
.wd-interior-legacy { background: #fff; border-bottom: 1px solid #e9e5db; padding-block: clamp(2.8rem,5vw,4.5rem); }
.wd-interior-legacy .wd-interior-legacy-inner { max-width: 980px; color: #354b52; font-size: 1.04rem; line-height: 1.9; }
.wd-interior-legacy :where(h2,h3) { color: #163941; font-size: clamp(1.5rem,3vw,2.15rem); font-weight: 800; line-height: 1.25; margin-bottom: 1rem; }
.wd-interior-legacy :where(a) { color: #265c62; text-decoration: underline; text-underline-offset: .2em; overflow-wrap: anywhere; }
.wd-interior-legacy :where(img) { max-width: 100%; height: auto; border-radius: 8px; }
.wd-interior-legacy :where(p + p) { margin-top: 1rem; }
.wd-interior-legacy :where(ul,ol) { padding-left: 1.5rem; margin-top: 1rem; }
.wd-interior-legacy ul { list-style: disc; }
.wd-interior-legacy ol { list-style: decimal; }
/* Every CMS block retains its own configured background and text colour. */
.woudklank-site .wd-editorial-block {
    width: 100%; padding-block: clamp(3.2rem,7vw,6rem); border-bottom: 1px solid rgba(14,44,48,.09);
}
.wd-editorial-block-inner { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.08fr); align-items: start; gap: clamp(1.5rem,6vw,7rem); }
.wd-editorial-block-heading { min-width: 0; }
.wd-editorial-block-number { display: inline-grid; place-items: center; width: 2.6rem; height: 2.6rem; border: 1px solid currentColor; border-radius: 50%; margin-bottom: 1.5rem; font-size: .7rem; font-weight: 800; opacity: .65; }
.woudklank-site .wd-editorial-block h2 { font-size: clamp(1.9rem,3.8vw,3.7rem); font-weight: 800; letter-spacing: -.055em; line-height: 1.17; margin: 0; }
.wd-editorial-block-copy { padding-top: 3.5rem; min-width: 0; }
.wd-editorial-block-copy p { margin: 0; color: inherit; font-size: clamp(1rem,1.6vw,1.15rem); line-height: 1.9; overflow-wrap: anywhere; }
.wd-interior-tail { background: #132f38; color: #fff; padding-block: clamp(2.8rem,5vw,4.6rem); }
.wd-interior-tail-inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1.5rem; }
.wd-interior-tail h2 { color: #fff; font-size: clamp(1.6rem,3vw,2.6rem); font-weight: 800; letter-spacing: -.05em; line-height: 1.2; margin: .6rem 0 0; }
.wd-interior-tail a { text-decoration: none; }
@media (max-width: 760px) {
  .wd-interior-hero-inner { grid-template-columns: 1fr; }
  .wd-interior-symbol { display: none; }
  .wd-interior-intro-inner, .wd-editorial-block-inner { grid-template-columns: 1fr; gap: 1rem; }
  .wd-editorial-block-copy { padding-top: 0; }
  .wd-interior-hero { padding-block: 3.5rem; }
  .wd-interior-legacy { padding-block: 2.5rem; }
  .wd-interior-tail-inner { align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) { .wd-interior-tail a { transition: none; } }