/* Keep the body paper inside its isolated layer so image blending reaches it. */
html { background-color: var(--paper, #faf9f6); }

/* Clarity II: full machine, with white photo margins blended into the page. */
.lm-site .device22.device22--clarity .device22-visual {
 background: transparent; border: 0; box-shadow: none; border-radius: 0;
 padding: 0; min-height: 0; height: auto; gap: 14px;
}
.lm-site .device22.device22--clarity .device22-number {
 position: static; align-self: flex-start;
}
.lm-site .device22.device22--clarity .device22-visual img {
 display: block; width: 100%; height: auto; max-height: 660px;
 object-fit: contain; border: 0; border-radius: 0; filter: none;
 mix-blend-mode: multiply;
}
.lm-site .device22.device22--clarity figcaption {
 width: 100%; text-align: center; padding: 0;
}

/* Restore the warm concrete texture on the mobile menu. */
.lm-site dialog.site-menu {
 background-color: #eee5d8;
 background-image: linear-gradient(#f1e9dcd9, #f1e9dcd9), var(--site-texture, url('/images/beton-brut-14.webp'));
 background-size: auto, 900px; background-position: center top;
 color: var(--ink, #292725);
}
.lm-site .site-menu .menu-wordmark {
 background: transparent; flex-shrink: 0; mix-blend-mode: multiply;
}
.lm-site .site-menu .brand-signature--ink { mix-blend-mode: normal; }
.lm-site .site-menu .brand-signature--ink > svg {
 display: block; width: 100%; height: 100%; overflow: visible;
}
.lm-site .site-menu .menu-close {
 appearance: none; -webkit-appearance: none; font: inherit;
 color: var(--ink, #292725); background: transparent;
 border: 0; min-width: 44px; min-height: 44px; padding: 8px;
}
.lm-site .site-menu .menu-close:focus:not(:focus-visible) { outline: none; }
.lm-site .site-menu :is(.menu-close, .menu-wordmark):focus-visible {
 outline: 2px solid currentColor; outline-offset: 5px; border-radius: 4px;
}
@media(max-width: 760px) {
 .lm-site .device22.device22--clarity .device22-visual img { max-height: none; }
 .lm-site .site-menu .menu-top { gap: 20px; }
}