.lmx-b3-inner{position:relative;width:100%;min-height:100vh;background:#e9ebee;font-family:'Hanken Grotesk',Helvetica,Arial,sans-serif;padding:0 var(--lmx-section-padding-x) max(16px,calc(30px * var(--block3-scale,1))) var(--lmx-section-padding-x);box-sizing:border-box;overflow:visible;--block3-scale:1;--lmx-btn-height:max(42px,calc(53px * var(--block3-scale,1)));--lmx-btn-padding-x:max(20px,calc(30px * var(--block3-scale,1)));--lmx-btn-font-size:max(11px,calc(13px * var(--block3-scale,1)));--lmx-h1-font-family:'Outfit','Poppins',sans-serif;--lmx-h1-size:max(32px,calc(75px * var(--block3-scale,1)))}
.lmx-btn{display:inline-flex;align-items:center;height:var(--lmx-btn-height);padding:0 var(--lmx-btn-padding-x);font-size:var(--lmx-btn-font-size) !important;font-weight:700;text-transform:uppercase;text-decoration:none !important;cursor:pointer;box-sizing:border-box;white-space:nowrap;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease;font-family:'Hanken Grotesk',Helvetica,Arial,sans-serif;position:relative;overflow:hidden}
.lmx-b3-inner *{box-sizing:border-box}
.lmx-b3-top{display:flex;align-items:center;justify-content:space-between;gap:max(20px,calc(40px * var(--block3-scale,1)));width:100%;margin:0 auto}
.lmx-b3-text{width:calc(41% - max(10px,calc(20px * var(--block3-scale,1))));flex:0 0 auto}
.lmx-b3-title{margin:0 !important;font-family:var(--lmx-h1-font-family) !important;font-weight:300 !important;font-size:var(--lmx-h1-size) !important;line-height:1.17 !important;letter-spacing:-.005em;color:#454951 !important}
.lmx-b3-subtitle{margin:max(10px,calc(26px * var(--block3-scale,1))) 0 0 !important;font-family:'Hanken Grotesk',Helvetica,Arial,sans-serif !important;font-weight:700 !important;font-size:max(15px,calc(23px * var(--block3-scale,1))) !important;line-height:1.35 !important;color:#20242a !important;max-width:520px}
.lmx-b3-desc{margin:max(10px,calc(24px * var(--block3-scale,1))) 0 0 !important;max-width:470px;font-size:max(14px,calc(17px * var(--block3-scale,1))) !important;line-height:1.65 !important;font-weight:300;color:#5b6169 !important}
.lmx-b3-cta{gap:16px;margin-top:max(16px,calc(34px * var(--block3-scale,1)));background:#14181d !important;color:#fff !important;letter-spacing:.1em}
/* The movement and the glow come from the shared .lmx-btn-fx component; only the colour lives here. */
.lmx-b3-cta:hover{background:#2a3138 !important}
.lmx-b3-cta-arrow{display:flex;align-items:center}
.lmx-b3-arrow-line{display:block;width:20px;height:1.6px;background:currentColor}
.lmx-b3-arrow-chevron{display:block;width:7px;height:7px;border-right:1.6px solid currentColor;border-top:1.6px solid currentColor;transform:rotate(45deg);margin-left:-6px}

.lmx-b3-visual{flex:0 0 auto;width:calc(59% - max(10px,calc(20px * var(--block3-scale,1))));position:relative;height:max(360px,calc(760px * var(--block3-scale,1)))}
.lmx-b3-shot-frame{position:absolute;padding:0;border-radius:10px;background:transparent;box-shadow:0 8px 32px rgba(0,0,0,.3),0 30px 56px rgba(13,17,22,.3);transform-style:preserve-3d;backface-visibility:hidden;transform-origin:0% 50%;transition:transform .3s cubic-bezier(.22,.85,.32,1),box-shadow .3s ease}
.lmx-b3-shot-frame::before{content:'';position:absolute;inset:-3px;z-index:-1;border-radius:inherit;background:linear-gradient(135deg,#D4D4D4 0%,#FFFFFF 30%,#A0A0A0 60%,#E8E8E8 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.lmx-b3-shot-img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top center;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.4);background:#0c1115}
.lmx-b3-shot-1{top:3%;left:0;width:97%;z-index:1;transform:perspective(1800px) rotateY(24deg)}
.lmx-b3-shot-2{top:22%;left:24%;width:80%;z-index:2;transform:perspective(1300px) rotateY(28deg)}
.lmx-b3-shot-3{top:43%;left:45%;width:63%;z-index:3;transform:perspective(900px) rotateY(32deg)}
.lmx-b3-shot-1:hover{transform:translateY(-8px) scale(1.03) perspective(1800px) rotateY(24deg);z-index:10;box-shadow:0 18px 48px rgba(13,17,22,.45),0 8px 32px rgba(0,0,0,.3),0 0 0 1px rgba(82,199,198,.25)}
.lmx-b3-shot-2:hover{transform:translateY(-8px) scale(1.03) perspective(1300px) rotateY(28deg);z-index:10;box-shadow:0 18px 48px rgba(13,17,22,.45),0 8px 32px rgba(0,0,0,.3),0 0 0 1px rgba(82,199,198,.25)}
.lmx-b3-shot-3:hover{transform:translateY(-8px) scale(1.03) perspective(900px) rotateY(32deg);z-index:10;box-shadow:0 18px 48px rgba(13,17,22,.45),0 8px 32px rgba(0,0,0,.3),0 0 0 1px rgba(82,199,198,.25)}

.lmx-b3-columns{display:flex;align-items:flex-start;justify-content:space-between;width:100%;margin:max(14px,calc(30px * var(--block3-scale,1))) auto 0;padding-top:max(8px,calc(16px * var(--block3-scale,1)));border-top:1px solid rgba(21,24,29,.14);gap:max(10px,calc(20px * var(--block3-scale,1)))}
.lmx-b3-col{flex:1 1 0;position:relative;padding:0 24px}
.lmx-b3-col:first-child{padding-left:0}
.lmx-b3-col:last-child{padding-right:0}
.lmx-b3-col + .lmx-b3-col{border-left:1px solid rgba(21,24,29,.14)}
.lmx-b3-num-row{display:flex;align-items:center;gap:12px;margin-bottom:max(3px,calc(8px * var(--block3-scale,1)))}
.lmx-b3-num{font-size:13px;color:rgba(21,24,29,.62);font-weight:500;letter-spacing:.05em}
.lmx-b3-num-line{flex:0 0 auto;width:28px;height:1px;background:rgba(21,24,29,.32)}
.lmx-b3-col-title{margin:0 0 max(3px,calc(6px * var(--block3-scale,1))) !important;font-family:'Hanken Grotesk',Helvetica,Arial,sans-serif !important;font-weight:600 !important;font-size:max(14px,calc(18px * var(--block3-scale,1))) !important;color:#15181d !important}
.lmx-b3-col-desc{margin:0 !important;font-size:max(12px,calc(13px * var(--block3-scale,1))) !important;line-height:1.42 !important;font-weight:300;color:#5b6169 !important}

@media (min-width:1025px){
.lmx-b3-inner{display:grid;grid-template-rows:1fr auto;height:100%;min-height:100%}
}
@media (max-width:1024px){
.lmx-b3-inner{display:block !important;height:auto !important;min-height:0 !important;padding:90px 42px 70px}
.lmx-b3-top{flex-direction:column;gap:40px}
.lmx-b3-text{width:100%;max-width:640px}
.lmx-b3-title{font-size:44px !important}
.lmx-b3-visual{width:100%;height:auto;padding-bottom:8px;perspective:none}
.lmx-b3-shot-2,.lmx-b3-shot-3{display:none}
.lmx-b3-shot-1{position:relative;top:auto;left:auto;width:100%;max-width:560px;margin:0 auto;transform:none;box-shadow:0 20px 40px rgba(13,17,22,.3),inset 0 1px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(0,0,0,.25)}
.lmx-b3-columns{flex-direction:column;gap:0;margin-top:50px}
.lmx-b3-col{padding:24px 0;width:100%}
.lmx-b3-col:first-child,.lmx-b3-col:last-child{padding-left:0;padding-right:0}
.lmx-b3-col + .lmx-b3-col{border-left:none;border-top:1px solid rgba(21,24,29,.14)}
}
@media (max-width:600px){
.lmx-b3-inner{padding:70px 24px 50px}
.lmx-b3-title{font-size:36px !important}
.lmx-b3-desc{font-size:16px !important}
}

/* --- background: video instead of the old CSS fog composition ------------
   The previous four layers with a PNG texture and transform/opacity animation
   are gone entirely. The video is 1280x720 VP9 (192 KB), re-encoded from the
   original 2560x1440 H.264 (1.5 MB): for a background layer the extra fifteen
   hundred pixels of width are useless and cost decoding on every frame. The
   loop is stitched with a cross-fade, otherwise a jump was visible at the seam
   every eight seconds.

   Layers: video -> light gradient -> content. The gradient is translucent and
   deliberately light (not a dim layer) — the block stays light.

   It loads lazily: preload="none", the src is set when the block comes close,
   and until then (and on narrow screens) the poster of the first frame is
   visible. */
.lmx-b3-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:#e9ebee}
/* the light gradient — the same one that used to be the block background */
.lmx-b3-tint{position:absolute;inset:0;pointer-events:none;z-index:1;
  background:linear-gradient(135deg,rgba(247,248,250,.5) 0%,rgba(236,238,241,.38) 50%,rgba(221,225,230,.5) 100%)}
/* content above the fog */
.lmx-b3-top,.lmx-b3-columns{position:relative;z-index:2}