/* Boolean 2026 house style (One Inch Whale, November 2026; artifact "Boolean 2026") laid over
   the agency's mockup CSS. One section per rule of the brand book, so each can be reverted on
   its own. The selectors repeat the wrapper class to outrank the mockup's own section rules:
   those run up to four classes deep and some sit in <style> blocks inside the block markup,
   which print after this file and so win any tie. Five classes beat both, without !important. */

/* === Koppen: Poppins 600 (brand book, Typografie) === */
.b27u.b27u.b27u.b27u.b27u :is(h1,h2,h3,h4,.u-h2,.u-h3,.u-h4,.cv-h2,.cv-h3,.bv-h2,.cv-s12-titel),
.b27wf.b27wf.b27wf.b27wf.b27wf :is(h1,h2,h3,h4),
.b27b2.b27b2.b27b2.b27b2.b27b2 :is(h1,h2,h3,h4){font-family:"Poppins","Segoe UI",system-ui,sans-serif;font-weight:600}

/* === Logo: the official SVGs from the house style, never redrawn (brand book, Logo's) ===
   Header: boolean-logo-pos on white. Footer: boolean-logo-baseline-neg on nacht. The tag in the
   hero drawing sits on a nacht tile, so it carries boolean-logo-neg. */
.b27u.b27u.b27u.b27u.b27u .s16-logo img{display:block;width:100%;height:auto}
.b27wf.b27wf.b27wf.b27wf.b27wf .x3-tag-logo:before{display:none}
.b27wf.b27wf.b27wf.b27wf.b27wf .x3-tag-logo img{display:block;height:1.35em;width:auto}

/* Hero tag over the control system: the BooleanOne wordmark alone, cut from the official
   boolean-logo-one-neg.svg (the B mark's three paths removed, viewBox tightened to the
   letters, nothing redrawn or recoloured). Thomas chose this on 2026-11-08 over setting the
   name as text, knowing the README asks to use the logo files unchanged. Sized to the letters,
   which in the full logo were less than half its height. */
.b27wf.b27wf.b27wf.b27wf.b27wf .x3-tag-logo img.x3-tag-woordmerk{height:1.15em}
/* Same pill as the labels on the drawing (.x-iso-hot): their height, padding, radius and type
   size, so the em values match and the tag reads as one of them, in nacht. */
.b27wf.b27wf.b27wf.b27wf.b27wf .x-iso-bg .x3-tag-in{justify-content:center;height:max(32px,2.7em);padding:0 1.2em;border-radius:999px;font-size:clamp(10.5px,1.1cqi,14px)}