/* Houten Wandplank: the logo pieces (merk.js). Stef's own logo, 2026-10-22. */
.hw-wm{display:inline-flex;align-items:baseline;font-family:'Barlow Semi Condensed',Inter,system-ui,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.075em;line-height:1;color:#2b231c;white-space:nowrap}
.hw-wm b{font-weight:600;color:#6b4a2e;margin-right:.18em}
.hw-wm i{font-style:normal;font-size:.62em;letter-spacing:.04em;margin-left:.06em;text-transform:none;font-weight:600}
.hw-wm.op-donker{color:#f5ece0}.hw-wm.op-donker b{color:#d9a46b}
.hw-tag{display:inline-flex;align-items:center;gap:1.1em;font-family:'Barlow',Inter,system-ui,sans-serif;font-weight:500;font-size:.7em;letter-spacing:.34em;text-transform:uppercase;color:#6b5a48;white-space:nowrap}
.hw-tag s{display:block;width:3.2em;height:1px;background:currentColor;opacity:.55}
.hw-tag em{font-style:normal}
.hw-icoon{display:block;width:100%;height:100%}
/* wordmark on its own shelf, the LED glow under it */
.hw-opplank{display:inline-flex;flex-direction:column;align-items:stretch}
.hw-opplank .hw-plank{position:relative;display:block;height:.34em;margin:.22em -.25em 0;border-radius:.06em;background:linear-gradient(#7a5235 0 28%,#5b3d26 28%)}
.hw-opplank .hw-plank i{position:absolute;left:3%;right:3%;top:100%;height:.62em;pointer-events:none;
  background:linear-gradient(rgba(255,206,140,.85) 0 1px,rgba(255,206,140,.26) 1px,rgba(255,206,140,.06) 45%,rgba(255,206,140,0));
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.hw-opplank.op-donker .hw-plank i,.top.over .hw-opplank .hw-plank i{background:linear-gradient(rgba(255,224,170,.95) 0 1px,rgba(255,206,140,.32) 1px,rgba(255,206,140,.08) 50%,rgba(255,206,140,0))}