/* =========================================================================
 * Why LMNTRIX — block 6, Recognition.
 *
 * A dark blue section with no animation: on the left the framed label, a
 * three-line heading, a rule and the description; on the right two groups of
 * logos with captions. A logo is a light mark on a transparent background; one
 * shared opacity gives them a single silver tone and max-height without width
 * keeps the proportions.
 * ====================================================================== */

.lmx-rc-inner{position:relative;width:100%;min-height:100vh;background:#0a0e14 !important;
  font-family:var(--lmx-ms-font,'Hanken Grotesk',Helvetica,Arial,sans-serif);
  padding:0 var(--lmx-section-padding-x);box-sizing:border-box;overflow:hidden;
  --ms-scale:1;--rc-accent:#52C7C6;--rc-ink:#d9dde1}
.lmx-rc-inner *{box-sizing:border-box}
.lmx-rc-inner::before{content:'';position:absolute;left:50%;top:50%;width:120%;height:90%;transform:translate(-50%,-50%);pointer-events:none;z-index:0;
  background:radial-gradient(50% 50% at 50% 50%,rgba(82,199,198,.07) 0%,rgba(82,199,198,.02) 45%,rgba(82,199,198,0) 72%)}

.lmx-rc-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.55fr);align-items:center;gap:max(24px,calc(90px * var(--ms-scale,1)))}

/* --- text ----------------------------------------------------------------- */
.lmx-rc-pill{display:inline-block;padding:max(6px,calc(10px * var(--ms-scale,1))) max(12px,calc(18px * var(--ms-scale,1)));border:1px solid rgba(217,221,225,.5);color:var(--rc-ink);font-size:max(10px,calc(12px * var(--ms-scale,1)));font-weight:500;letter-spacing:.22em;text-transform:uppercase;line-height:1.2}
.lmx-rc-title{margin:max(14px,calc(32px * var(--ms-scale,1))) 0 0 !important;font-family:var(--lmx-ms-display,'Outfit',sans-serif) !important;font-weight:400 !important;font-size:max(34px,calc(80px * var(--ms-scale,1))) !important;line-height:1.02 !important;letter-spacing:-.02em;color:var(--rc-ink) !important}
.lmx-rc-rule{display:block;width:max(28px,calc(46px * var(--ms-scale,1)));height:3px;margin-top:max(14px,calc(30px * var(--ms-scale,1)));background:var(--rc-accent)}
.lmx-rc-desc{margin:max(12px,calc(26px * var(--ms-scale,1))) 0 0 !important;max-width:min(100%,380px);font-size:max(15px,calc(19px * var(--ms-scale,1))) !important;line-height:1.5 !important;font-weight:300;color:rgba(217,221,225,.78) !important}

/* --- groups --------------------------------------------------------------- */
.lmx-rc-groups{min-width:0}
.lmx-rc-group + .lmx-rc-group{margin-top:max(22px,calc(50px * var(--ms-scale,1)));padding-top:max(22px,calc(50px * var(--ms-scale,1)));border-top:1px solid rgba(255,255,255,.12)}
.lmx-rc-group-title{display:flex;align-items:center;gap:max(10px,calc(18px * var(--ms-scale,1)));margin:0 !important;font-family:var(--lmx-ms-font) !important;font-weight:500 !important;font-size:max(10px,calc(13px * var(--ms-scale,1))) !important;letter-spacing:.3em;text-transform:uppercase;line-height:1 !important;color:var(--rc-ink) !important}
.lmx-rc-group-title::before{content:'';flex:0 0 auto;width:max(8px,calc(11px * var(--ms-scale,1)));height:max(8px,calc(11px * var(--ms-scale,1)));background:var(--rc-accent)}
.lmx-rc-group-title::after{content:'';flex:1 1 auto;height:1px;margin-left:max(6px,calc(12px * var(--ms-scale,1)));background:rgba(255,255,255,.18)}
.lmx-rc-logos{list-style:none;margin:max(20px,calc(46px * var(--ms-scale,1))) 0 0 !important;padding:0 !important;
  display:grid;grid-template-columns:repeat(var(--rc-n,5),minmax(0,1fr));gap:max(16px,calc(30px * var(--ms-scale,1))) max(12px,calc(20px * var(--ms-scale,1)));align-items:end;--rc-logo-h:max(30px,calc(52px * var(--ms-scale,1)))}
.lmx-rc-group--2 .lmx-rc-logos{--rc-logo-h:max(56px,calc(104px * var(--ms-scale,1)))}
.lmx-rc-logo{margin:0 !important;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;gap:max(10px,calc(24px * var(--ms-scale,1)));min-width:0}
.lmx-rc-link{display:block;text-decoration:none !important;outline-offset:6px}
.lmx-rc-link:focus-visible{outline:2px solid var(--rc-accent)}
.lmx-rc-img{display:block;width:auto;height:auto;max-width:100%;max-height:var(--rc-logo-h);object-fit:contain;opacity:.86}
.lmx-rc-link:hover .lmx-rc-img{opacity:1}
.lmx-rc-caption{font-size:max(12px,calc(16px * var(--ms-scale,1)));font-weight:300;line-height:1.3;color:rgba(217,221,225,.8)}

/* --- desktop ------------------------------------------------------------------ */
@media (min-width:1025px){
.lmx-rc-inner{display:grid;align-content:center;height:100%;min-height:100%}
}

/* --- narrow screens: the logos gather into a grid ------------------------------ */
@media (max-width:1024px){
.lmx-rc-inner{display:block !important;height:auto !important;min-height:0 !important;padding:90px var(--lmx-section-padding-x) 70px}
.lmx-rc-grid{grid-template-columns:minmax(0,1fr);gap:44px}
.lmx-rc-title{font-size:48px !important}
.lmx-rc-desc{max-width:520px}
.lmx-rc-logos,.lmx-rc-group--2 .lmx-rc-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px;--rc-logo-h:44px}
.lmx-rc-group--2 .lmx-rc-logos{--rc-logo-h:78px}
}
@media (max-width:600px){
.lmx-rc-inner{padding:70px var(--lmx-section-padding-x) 50px}
.lmx-rc-title{font-size:38px !important}
.lmx-rc-logos,.lmx-rc-group--2 .lmx-rc-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}
}