/* =========================================================================
 * Block 7 — “Layers Of Expertise”: the text column and the block grid.
 *
 * The tower stage itself (slabs, laser, callouts, assembly) is the shared
 * component assets/css/shared/layers-tower.css: the same rules are used on the
 * MXDR service pages. This block only ties the stage scale to its own variable
 * (--lmx-tower-scale ← --block7-scale).
 * ====================================================================== */

.lmx-b7-inner{position:relative;width:100%;min-height:100vh;background:#000 !important;font-family:'Hanken Grotesk',Helvetica,Arial,sans-serif;padding:0 var(--lmx-section-padding-x);box-sizing:border-box;overflow:visible;--block7-scale:1;--lmx-tower-scale:var(--block7-scale,1);--lmx-h1-font-family:'Outfit','Poppins',sans-serif;--lmx-h1-size:max(30px,calc(66px * var(--block7-scale,1)));--b7-accent:#52C7C6}
.lmx-b7-inner *{box-sizing:border-box}

.lmx-b7-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);align-items:center;gap:max(16px,calc(40px * var(--block7-scale,1)))}

.lmx-b7-pill{display:inline-block;padding:max(5px,calc(9px * var(--block7-scale,1))) max(12px,calc(20px * var(--block7-scale,1)));border:1px solid rgba(82,199,198,.55);border-radius:999px;color:var(--b7-accent);font-size:max(9px,calc(12px * var(--block7-scale,1)));font-weight:700;letter-spacing:.22em;text-transform:uppercase}
.lmx-b7-title{margin:max(10px,calc(22px * var(--block7-scale,1))) 0 0 !important;font-family:var(--lmx-h1-font-family) !important;font-weight:300 !important;font-size:var(--lmx-h1-size) !important;line-height:1.05 !important;letter-spacing:-.01em;color:#fff !important}
.lmx-b7-title span{color:var(--b7-accent)}
.lmx-b7-desc{margin:max(10px,calc(22px * var(--block7-scale,1))) 0 0 !important;max-width:calc(420px * var(--block7-scale,1));font-size:max(12px,calc(17px * var(--block7-scale,1))) !important;line-height:1.6 !important;font-weight:300;color:rgba(255,255,255,.66) !important}

@media (min-width:1025px){
.lmx-b7-inner{display:grid;align-content:center;height:100%;min-height:100%}
}
@media (max-width:1024px){
.lmx-b7-inner{display:block !important;height:auto !important;min-height:0 !important;padding:90px 42px 70px}
.lmx-b7-grid{grid-template-columns:minmax(0,1fr);gap:30px}
.lmx-b7-title{font-size:42px !important}
}
@media (max-width:680px){
.lmx-b7-inner{padding:70px 24px 50px}
.lmx-b7-title{font-size:32px !important}
}