/* =========================================================================
 * Our Story — block 4, Security Mindset Shift: tweaks on top of the comet
 * block (assets/css/home/block6-siem.css) and the logo strip
 * (assets/css/shared/trusted-logos.css) — the same ones as in “How LMNTRIX
 * Helps” on the Use Case pages.
 *
 * The description here is long (three paragraphs), so the width of the text
 * column is not tied to the scale; the logo strip is separated by a thin line.
 * ====================================================================== */

.lmx-os-shift .lmx-siem-text{max-width:680px}
.lmx-os-shift .lmx-siem-desc{max-width:640px}
.lmx-os-shift .lmx-siem-main{gap:max(24px,calc(64px * var(--siem-scale,1)))}

.lmx-os-shift .lmx-b2-trusted{margin-top:max(14px,calc(30px * var(--siem-scale,1)));padding-top:max(12px,calc(24px * var(--siem-scale,1)));padding-bottom:max(16px,calc(36px * var(--siem-scale,1)));border-top:1px solid rgba(255,255,255,.1)}

@media (max-width:1024px){
.lmx-os-shift .lmx-siem-text{max-width:640px}
.lmx-os-shift .lmx-b2-trusted{margin-top:40px;padding-top:22px;padding-bottom:0}
/* The logos gather into a grid rather than one long row. */
.lmx-os-shift .lmx-b2-logos{flex-wrap:wrap;justify-content:center;row-gap:24px}
}
/* Narrow phones (375px): a one-line caption is wider than the screen — let it wrap. */
@media (max-width:600px){
.lmx-os-shift .lmx-b2-trusted-label{white-space:normal;line-height:1.5;max-width:100%}
}