/* Scoped adaptation of Expandable's logo treatment and Bookreport's marquee. */
/* Inherit the nearest surface so the strip and its fading edges match. */
.has-white-background-color { --mie-logo-surface:#fff; }
.has-paper-background-color, .home-light { --mie-logo-surface:#f2eeeb; }
.has-light-background-color { --mie-logo-surface:var(--wp--preset--color--paper, #f2eeeb); }
.has-navy-background-color, .has-deep-navy-background-color, .has-ink-background-color, .has-red-background-color, .has-cyan-background-color { --mie-logo-surface:#fff; }
.mie-logotypes { --mie-logo-gap:24px; --mie-logo-background:var(--mie-logo-surface,#fff); background:var(--mie-logo-background); color:var(--mie-ink,#17304d); padding:clamp(40px,5vw,80px) 0; position:relative; box-sizing:border-box; width:100%; max-width:none; }
.mie-logotypes.mie-logotypes-dark { background:transparent; color:#fff; }
.mie-logotypes.mie-logotypes-dark .mie-logotypes-viewport { background:var(--mie-logo-background); filter:invert(1); mix-blend-mode:lighten; }
/* Frontend blocks and the editor's ACF wrapper bleed through column gutters. */
:is(.site-content, .editor-styles-wrapper) .wp-block-column > .mie-logotypes,
.editor-styles-wrapper .wp-block-column > [data-type="acf/mie-logotypes"] {
 width:calc(100% + 2 * var(--mie-column-padding,0px)) !important;
 max-width:none !important;
 margin-inline:calc(-1 * var(--mie-column-padding,0px)) !important;
}
/* Blend the composited animation layer: transformed tracks isolate image blending. */
.mie-logotypes .mie-logotypes-track { mix-blend-mode:multiply; }
.mie-logotypes .mie-logotypes-heading { width:calc(100% - 48px); max-width:1280px; margin:0 auto 40px; text-align:center; }
.mie-logotypes .mie-logotypes-heading h2 { color:inherit; margin:0; }
.mie-logotypes .mie-logotypes-topline { color:var(--mie-red,#cf2030); font-weight:700; font-size:14px; letter-spacing:.1em; text-transform:uppercase; margin:0 0 3px; }
.mie-logotypes .mie-logotypes-viewport { position:relative; overflow:hidden; width:100%; }
.mie-logotypes .mie-logotypes-group { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:32px var(--mie-logo-gap); list-style:none; padding:0 24px; margin:0 auto; max-width:none; }
.mie-logotypes .mie-logotypes-item { display:flex; justify-content:center; align-items:center; flex:0 0 220px; width:220px; height:120px; padding:10px; margin:0; box-sizing:border-box; }
.mie-logotypes .mie-logotypes-image { display:block; width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain; mix-blend-mode:multiply; border-radius:0; }
.mie-logotypes-grayscale .mie-logotypes-image { filter:grayscale(1); transition:filter .25s ease; }
.mie-logotypes-grayscale .mie-logotypes-item:hover .mie-logotypes-image { filter:grayscale(0); }
.mie-logotypes.is-running .mie-logotypes-track { display:flex; width:max-content; animation:mie-logotypes-marquee var(--mie-logo-duration,30s) linear infinite; will-change:transform; }
.mie-logotypes.is-running .mie-logotypes-group { flex:none; flex-wrap:nowrap; justify-content:flex-start; width:max-content; max-width:none; margin:0; padding:0 var(--mie-logo-gap) 0 0; }
.mie-logotypes.is-running .mie-logotypes-viewport::before,.mie-logotypes.is-running .mie-logotypes-viewport::after { content:''; position:absolute; top:0; bottom:0; width:clamp(24px,5vw,90px); z-index:1; pointer-events:none; }
.mie-logotypes.is-running .mie-logotypes-viewport::before { left:0; background:linear-gradient(to right,var(--mie-logo-background),transparent); }
.mie-logotypes.is-running .mie-logotypes-viewport::after { right:0; background:linear-gradient(to left,var(--mie-logo-background),transparent); }
.mie-logotypes.is-paused .mie-logotypes-track,.mie-logotypes.is-running:hover .mie-logotypes-track,.mie-logotypes.is-running:focus-within .mie-logotypes-track { animation-play-state:paused; }
.mie-logotypes .mie-logotypes-controls { text-align:center; }
.mie-logotypes .mie-logotypes-toggle { margin-top:24px; padding:8px 16px; border:1px solid currentColor; border-radius:5px; background:transparent; color:inherit; cursor:pointer; font:inherit; font-size:14px; }
.mie-logotypes .mie-logotypes-toggle[hidden] { display:none; }
.mie-logotypes .mie-logotypes-toggle:focus-visible { outline:3px solid var(--mie-cyan,#00D9FF); outline-offset:4px; }
@keyframes mie-logotypes-marquee { to { transform:translate3d(calc(-1 * var(--mie-logo-distance)),0,0); } }
@media(max-width:781px) { .mie-logotypes { --mie-logo-gap:16px; } .mie-logotypes .mie-logotypes-item { flex-basis:140px; width:140px; height:90px; } }
@media(prefers-reduced-motion:reduce) { .mie-logotypes.is-running .mie-logotypes-track { animation:none; } .mie-logotypes .mie-logotypes-image { transition:none; } }