:root{
  /* structuur */
  --lp-color-bg:#E4DDCC; --lp-color-surface:#EBE5D6; --lp-color-bg-section:#DED6C2;
  --lp-color-text:#221E18; --lp-color-text-muted:#5E564A; --lp-color-border:#C7BCA3;
  --lp-color-on-dark:#EBE5D6;
  /* accent-rollen */
  --lp-color-text-accent:#8A1E1A; --lp-color-fill:#8A1E1A; --lp-color-fill-dark:#6E1714;
  --lp-color-on-fill:#F2ECDD; --lp-color-signal:#8A1E1A; --lp-color-on-signal:#F2ECDD;
  --lp-color-accent-soft:#E7D2C9;
  /* donker bureaublad (structurele backdrop) */
  --lp-desk:#171310; --lp-desk-2:#26201A;
  /* typografie */
  --lp-font-display:"Oswald",Impact,sans-serif;
  --lp-font-body:"Cutive Mono",ui-monospace,monospace;
  --lp-font-mono:"Cutive Mono",ui-monospace,monospace;
  --lp-text-sm:1.4rem; --lp-text-base:1.6rem; --lp-text-lg:1.8rem; --lp-text-xl:2rem;
  --lp-text-h2:clamp(2.6rem,4vw,4rem); --lp-text-hero:clamp(3.6rem,6.5vw,7rem);
  --lp-container:1180px; --lp-pad:clamp(1.6rem,4vw,2.4rem);
  --lp-radius-sm:6px; --lp-radius-md:14px; --lp-radius-lg:22px;
  --lp-ease:cubic-bezier(.16,1,.3,1);
}
/* ---- reset (base.css) ---- */
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:62.5%;scroll-behavior:smooth}
body{font-family:var(--lp-font-body);font-size:1.7rem;line-height:1.7;color:var(--lp-color-text);
  background:var(--lp-desk);background-image:radial-gradient(circle at 50% 0,var(--lp-desk-2),var(--lp-desk));
  min-height:100vh;padding:clamp(1.6rem,4vw,5rem) var(--lp-pad);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--lp-font-display);line-height:1.05;letter-spacing:.01em}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
:where(a,button,summary,[tabindex]):focus-visible{outline:3px solid var(--lp-color-text-accent);outline-offset:3px;border-radius:6px}
/* ---- eyebrow + knoppen (base.css) ---- */
.lp-eyebrow{font-family:var(--lp-font-mono);font-size:var(--lp-text-sm);letter-spacing:.14em;text-transform:uppercase;color:var(--lp-color-text-muted)}
.lp-h2{font-family:var(--lp-font-display);font-weight:700;font-size:var(--lp-text-h2);letter-spacing:.02em;text-transform:uppercase}
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;font-family:var(--lp-font-display);font-weight:600;font-size:1.5rem;letter-spacing:.06em;text-transform:uppercase;padding:1.2rem 2rem;border:2px solid transparent;cursor:pointer;transition:transform .15s var(--lp-ease),box-shadow .15s,background .15s}
.lp-btn--signal{background:var(--lp-color-signal);color:var(--lp-color-on-signal);border-color:var(--lp-color-signal)}
.lp-btn--signal:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--lp-color-text)}
.lp-btn--ghost{background:transparent;color:var(--lp-color-text);border-color:var(--lp-color-text)}
.lp-btn--ghost:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--lp-color-text)}
/* ---- accordion (base.js/base.css) ---- */
.lp-acc__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--lp-ease)}
.lp-acc.is-open .lp-acc__panel{grid-template-rows:1fr}
.lp-acc__inner{overflow:hidden}
/* ---- motion-contract (base.css) ---- */
.lp-reveal{opacity:0;transform:translateY(22px)}
@media(prefers-reduced-motion:no-preference){.lp-reveal{transition:opacity .6s var(--lp-ease),transform .6s var(--lp-ease)}.lp-reveal.is-in{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.lp-reveal{opacity:1;transform:none}.lp-acc__panel{transition:none}*{scroll-behavior:auto}.lp-btn:hover{transform:none}}

/* ============ DOSSIER-SIGNATURE ============ */
.lp-file{max-width:88rem;margin:0 auto;background:var(--lp-color-surface);
  background-image:repeating-linear-gradient(transparent,transparent 31px,var(--lp-color-border) 32px);
  background-size:100% 32px;border:1px solid var(--lp-color-text);
  box-shadow:0 40px 90px -30px #000,0 0 0 12px rgba(255,255,255,.02);padding:clamp(2.4rem,5vw,5rem);position:relative}
.lp-file::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--lp-color-signal)}
.lp-file__stamp{position:absolute;top:3rem;right:3rem;border:.4rem solid var(--lp-color-text-accent);color:var(--lp-color-text-accent);font-family:var(--lp-font-display);font-weight:700;font-size:2rem;letter-spacing:.1em;padding:.6rem 1.4rem;transform:rotate(8deg);opacity:.88;text-transform:uppercase}
.lp-file__hd{border-bottom:3px double var(--lp-color-text);padding-bottom:2rem;margin-bottom:2.4rem}
.lp-file__agency{font-family:var(--lp-font-display);font-weight:700;font-size:clamp(4.4rem,11vw,9rem);line-height:.9;letter-spacing:.02em;text-transform:uppercase;margin-top:.6rem}
.lp-file__sub{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;margin-top:1rem;font-size:1.35rem;text-transform:uppercase;letter-spacing:.12em;color:var(--lp-color-text-muted)}
.lp-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.2rem 2rem;margin:2.4rem 0;font-size:1.4rem}
.lp-meta dt{font-size:1.1rem;letter-spacing:.14em;text-transform:uppercase;color:var(--lp-color-text-muted)}
.lp-meta dd{font-size:1.5rem}
.lp-lead{font-size:1.9rem;margin:2rem 0;max-width:60ch}
.lp-accent-text{color:var(--lp-color-text-accent)}
.lp-divider{text-align:center;letter-spacing:.6em;color:var(--lp-color-text-muted);margin:3rem 0 2rem;font-size:1.3rem}
@media(max-width:560px){.lp-file__stamp{position:static;display:inline-block;transform:rotate(-3deg);margin-bottom:2rem}}

/* casus */
.lp-case{border:1px solid var(--lp-color-text);background:var(--lp-color-bg-section);margin-bottom:1.4rem}
.lp-case__hwrap{margin:0}
.lp-case__hd{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:1.4rem;align-items:center;padding:1.8rem 2rem;background:none;border:0;text-align:left;font:inherit;color:inherit;cursor:pointer}
.lp-case__no{font-family:var(--lp-font-display);font-weight:700;font-size:2.4rem;color:var(--lp-color-text-accent)}
.lp-case__t{font-family:var(--lp-font-display);font-weight:600;font-size:2.2rem;letter-spacing:.03em;text-transform:uppercase}
.lp-case__tag{font-size:1.25rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--lp-color-text);padding:.4rem .9rem;white-space:nowrap}
.lp-case__tag--hint{color:var(--lp-color-text-accent)}
.lp-case.is-open .lp-case__tag--hint{display:none}
.lp-case__body{padding:0 2rem 2rem;display:grid;grid-template-columns:1.4fr 1fr;gap:2.4rem}
.lp-case__body p{font-size:1.55rem}
.lp-case__cta{margin-top:1.4rem}
.lp-case__spec{font-size:1.4rem}
.lp-case__spec > div{display:flex;justify-content:space-between;border-bottom:1px dotted var(--lp-color-border);padding:.6rem 0}
.lp-case__spec dt{color:var(--lp-color-text-muted);font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase}
/* geredigeerd = visueel effect, content blijft editbaar/leesbaar in de DOM */
.lp-redact{background:var(--lp-color-text);color:transparent;border-radius:2px;padding:0 .3rem;transition:background .2s,color .2s}
.lp-case.is-open .lp-redact{background:transparent;color:inherit}
@media(max-width:640px){.lp-case__body{grid-template-columns:1fr}}

/* briefing + footer */
.lp-briefing{border:2px solid var(--lp-color-text);padding:2.4rem;margin:3rem 0;
  background:repeating-linear-gradient(45deg,transparent,transparent 12px,var(--lp-color-bg-section) 12px,var(--lp-color-bg-section) 13px)}
.lp-briefing h2{margin-bottom:1rem}
.lp-note{font-family:var(--lp-font-body);transform:rotate(-2deg);color:var(--lp-color-text-accent);border:2px dashed var(--lp-color-text-accent);display:inline-block;padding:.6rem 1.2rem;margin:1.4rem 0}
.lp-briefing__cta{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:1rem}
.lp-foot{border-top:3px double var(--lp-color-text);margin-top:3rem;padding-top:1.6rem;font-size:1.25rem;color:var(--lp-color-text-muted);text-transform:uppercase;letter-spacing:.1em;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}

/* --- ALASTIC WordPress integratie-fixes --- */
body { background-color: var(--night, #ffffff) !important; }
h1, h2, h3, h4, h5, h6 { text-transform: none !important; }
.wp-site-blocks, .is-root-container, .entry-content,
.wp-block-post-content { max-width: none !important; padding: 0 !important; margin: 0 !important; }