/* Container */
.lns-container{margin:0;padding:0}

/* Layout */
.lns-row{display:flex;gap:clamp(20px,2.2vw,40px);align-items:stretch;justify-content:center;flex-wrap:wrap}

/* Card base with mask */
.lns-card{
  position:relative;display:block;text-decoration:none;
  background-size:cover;background-position:center;background-repeat:no-repeat;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  transition:transform 0.3s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
}
.lns-card:hover{transform:translateY(-5px)}

/* First card - big */
.lns-card--big{
  flex:1 1 44%;
  min-width:0;max-width:620px;aspect-ratio:587/314;
  -webkit-mask-image:url('./mask-big.svg');mask-image:url('./mask-big.svg');
  -webkit-mask-size:contain;mask-size:contain;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  background-position:center 25%;
}

/* Small cards */
.lns-card--small{
  flex:1 1 28%;
  min-width:0;max-width:420px;aspect-ratio:377/325;
  -webkit-mask-image:url('./mask-small.svg');mask-image:url('./mask-small.svg');
  -webkit-mask-size:contain;mask-size:contain;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  background-position:center 25%;
}

/* News cards background fallback */
.lns-card--news{
  background-color:#f0f0f0;
}

/* Gradient overlay for news cards */
.lns-card--news::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,0) 55%,
    rgba(47,42,149,0.2) 70%,
    rgba(47,42,149,0.45) 82%,
    rgba(47,42,149,0.82) 100%);
  pointer-events:none;
  z-index:1;
}

/* Title styling */
.lns-title{
  position:absolute;left:30px;right:30px;bottom:60px;z-index:2;
  color:#fff;font-weight:700;font-size:var(--e-global-typography-bae4a59-font-size,18px);line-height:1.2;
  font-family:var(--e-global-typography-bae4a59-font-family,inherit);
  letter-spacing:var(--e-global-typography-bae4a59-letter-spacing,0);
  font-optical-sizing:auto;
  text-shadow:0 2px 4px rgba(0,0,0,0.3);
}

/* CTA card specific */
.lns-cta{
  position:relative;
  display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;
}
.lns-cta--svg{background:none}
.lns-cta-svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.lns-cta-title,.lns-cta-button{position:relative;z-index:1}
.lns-cta::before{display:none}
.lns-cta-title{
  position:static;color:#fff;font-weight:var(--e-global-typography-937ae86-font-weight,800);font-size:var(--e-global-typography-937ae86-font-size,48px);
  font-family:var(--e-global-typography-937ae86-font-family,inherit);
  letter-spacing:var(--e-global-typography-937ae86-letter-spacing,0);
  font-optical-sizing:auto;
  text-shadow:0 2px 8px rgba(0,0,0,0.2);margin:0;
}
.lns-cta-button{
  background:rgba(25,42,138,0.85);color:#fff;
  padding:14px 32px;border-radius:8px;font-weight:var(--e-global-typography-bae4a59-font-weight,600);
  font-size:var(--e-global-typography-bae4a59-font-size,18px);text-decoration:none;
  font-family:var(--e-global-typography-bae4a59-font-family,inherit);
  letter-spacing:var(--e-global-typography-bae4a59-letter-spacing,0);
  font-optical-sizing:auto;
  box-shadow:0 4px 12px rgba(0,0,0,0.2);
  transition:all 0.3s ease;
}
.lns-cta-button:hover{background:var(--e-global-color-09d8f56, #EB268E)}

/* Responsive */
@media (min-width:1200px){
  /* Keep three cards on a single row on large screens */
  .lns-row{flex-wrap:nowrap}
  /* Reduce basis a bit so total widths + gaps fit within container */
  .lns-card--big{flex:0 0 42%}
  .lns-card--small{flex:0 0 26%}
}
@media (max-width:1440px){
  .lns-row{flex-wrap:wrap;justify-content:center}
}
/* Ensure a single row again on sufficiently wide screens */
@media (min-width:1360px){
  .lns-row{flex-wrap:nowrap}
  .lns-card--big{flex:0 0 42%}
  .lns-card--small{flex:0 0 26%}
}
@media (max-width:900px){
  .lns-row{flex-direction:column;align-items:stretch}
  .lns-card--big,.lns-card--small{flex:1 1 auto;min-width:0;max-width:none;width:100%;aspect-ratio:377/325}
  .lns-card--big{-webkit-mask-image:url('./mask-small.svg');mask-image:url('./mask-small.svg')}
}