/* =========================================================================
 * Home 2026-10-21, block 8 — "What's included".
 *
 * The text column on the left, a strict 3×2 grid of equal cards on the right
 * (the same width and height: grid tracks, not content). The cards appear one
 * after another on entry (.is-in from block8-included.js); under
 * prefers-reduced-motion they are simply there.
 * ====================================================================== */

.lmx-inc-inner{position:relative;width:100%;min-height:100vh;background:#050b0d !important;color:#fff;
  font-family:'Hanken Grotesk',Helvetica,Arial,sans-serif;padding:0 var(--lmx-section-padding-x);box-sizing:border-box;overflow:hidden;
  --inc-scale:1;--inc-accent:#52C7C6;
  background-image:linear-gradient(rgba(82,199,198,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(82,199,198,.045) 1px,transparent 1px) !important;background-size:72px 72px !important}
.lmx-inc-inner *{box-sizing:border-box}

.lmx-inc-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.6fr);align-items:center;gap:max(20px,calc(56px * var(--inc-scale,1)))}

/* --- text ------------------------------------------------------------------- */
.lmx-inc-eyebrow{display:block;color:var(--inc-accent);font-size:max(10px,calc(12.5px * var(--inc-scale,1)));font-weight:600;letter-spacing:.3em;text-transform:uppercase;line-height:1.3}
.lmx-inc-title{margin:max(10px,calc(18px * var(--inc-scale,1))) 0 0 !important;font-family:'Outfit','Poppins',sans-serif !important;font-weight:300 !important;font-size:max(30px,min(calc(50px * var(--inc-scale,1)),3.2vw)) !important;line-height:1.08 !important;letter-spacing:-.015em;color:#fff !important}
.lmx-inc-rule{display:block;width:max(28px,calc(56px * var(--inc-scale,1)));height:2px;margin-top:max(14px,calc(30px * var(--inc-scale,1)));background:var(--inc-accent)}
.lmx-inc-desc{margin:max(12px,calc(24px * var(--inc-scale,1))) 0 0 !important;max-width:calc(380px * var(--inc-scale,1));font-size:max(14px,calc(19px * var(--inc-scale,1))) !important;line-height:1.5 !important;font-weight:300;color:rgba(255,255,255,.72) !important}
.lmx-inc-ctas{margin-top:max(14px,calc(30px * var(--inc-scale,1)))}
.lmx-inc-btn{--lmx-v2-scale:var(--inc-scale,1);border-radius:999px;padding-left:max(22px,calc(32px * var(--inc-scale,1)));padding-right:max(22px,calc(32px * var(--inc-scale,1)));font-size:max(13px,calc(16px * var(--inc-scale,1))) !important;font-weight:500;letter-spacing:.01em}

/* --- the cards ---------------------------------------------------------------- */
.lmx-inc-cards{list-style:none;margin:0 !important;padding:0 !important;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:max(10px,calc(18px * var(--inc-scale,1)))}
.lmx-inc-card{position:relative;margin:0 !important;display:flex;flex-direction:column;min-width:0;
  padding:max(14px,calc(22px * var(--inc-scale,1))) max(14px,calc(22px * var(--inc-scale,1))) max(14px,calc(20px * var(--inc-scale,1)));
  border:1px solid rgba(82,199,198,.45);border-radius:10px;background:linear-gradient(180deg,rgba(82,199,198,.06),rgba(5,11,13,.2));box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1),border-color .25s ease;transition-delay:calc(var(--i,0) * 110ms)}
.lmx-inc-inner.is-in .lmx-inc-card{opacity:1;transform:none}
.lmx-inc-card:hover{border-color:rgba(82,199,198,.9)}
.lmx-inc-card-num{display:block;color:var(--inc-accent);font-size:max(10px,calc(12.5px * var(--inc-scale,1)));font-weight:600;letter-spacing:.24em}
.lmx-inc-card-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:max(8px,calc(14px * var(--inc-scale,1)));margin-top:max(8px,calc(14px * var(--inc-scale,1)));min-height:max(56px,calc(84px * var(--inc-scale,1)))}
.lmx-inc-card-title{margin:0 !important;font-family:'Outfit','Poppins',sans-serif !important;font-weight:400 !important;font-size:max(16px,min(calc(21px * var(--inc-scale,1)),1.3vw)) !important;line-height:1.2 !important;letter-spacing:-.01em;color:#fff !important}
.lmx-inc-card-art{display:block;width:max(64px,calc(96px * var(--inc-scale,1)));height:auto;color:var(--inc-accent);opacity:.95;filter:drop-shadow(0 0 6px rgba(82,199,198,.35))}
.lmx-inc-card-art svg{display:block;width:100%;height:auto}
.lmx-inc-card-rule{display:block;width:max(28px,calc(44px * var(--inc-scale,1)));height:2px;margin-top:auto;background:var(--inc-accent)}
.lmx-inc-card-text{margin:max(8px,calc(14px * var(--inc-scale,1))) 0 0 !important;font-size:max(12px,calc(15px * var(--inc-scale,1))) !important;line-height:1.5 !important;font-weight:300;color:rgba(255,255,255,.78) !important}

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

/* --- narrow screens ------------------------------------------------------------- */
@media (max-width:1024px){
.lmx-inc-inner{display:block !important;height:auto !important;min-height:0 !important;padding:90px 42px 70px}
.lmx-inc-grid{grid-template-columns:minmax(0,1fr);gap:36px}
.lmx-inc-title{font-size:42px !important}
.lmx-inc-desc{max-width:520px;font-size:16px !important}
.lmx-inc-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.lmx-inc-card{padding:20px}
.lmx-inc-card-art{width:84px}
}
@media (max-width:640px){
.lmx-inc-inner{padding:70px 24px 50px}
.lmx-inc-title{font-size:32px !important}
.lmx-inc-cards{grid-template-columns:minmax(0,1fr)}
}

@media (prefers-reduced-motion:reduce){
.lmx-inc-card{opacity:1;transform:none;transition:none}
}