/* Title & text (+ latest blog posts) */
.lp{background:#fff center/cover no-repeat}
.lp--fixed{background-attachment:fixed}
@media (hover:none){.lp--fixed{background-attachment:scroll}}
.lp__in{max-width:calc(1340px + 100px);margin:0 auto;padding:100px 50px;display:flex;flex-direction:column;gap:50px}
.lp__top{display:flex;justify-content:space-between;gap:20px 0}
.lp__left{width:51%;overflow:hidden}
.lp__right{width:45%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:20px}
.lp__eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:0 10px;font-family:var(--f-anton);font-size:20px;line-height:24px;color:var(--ink)}
.lp__eyebrow img{width:35px;height:35px;object-fit:contain;padding:0 7px}
.lp__title{font-family:var(--f-display);font-size:75px;line-height:85px;color:rgba(20,19,95,.98);width:100%;margin-top:-9px}
.lp--classic .lp__title{font-family:var(--f-anton);color:var(--ink)}
.lp__text{font-family:var(--f-display);font-size:16px;line-height:25px;color:var(--text);text-align:justify;width:100%}
.lp--classic .lp__text{font-family:var(--f-poppins)}
.lp__text h2,.lp__text h3{font-family:var(--f-anton);font-size:40px;line-height:1.2;color:var(--ink);text-align:left;margin:0 0 10px}
.lp__text h4{font-family:var(--f-anton);font-size:32px;line-height:1.2;color:var(--ink);text-transform:uppercase}
.lbtn{font-family:var(--f-medium);font-size:16px;line-height:1;letter-spacing:2px;color:var(--ink);border:2px solid #101EC5;padding:15px 25px;gap:15px;transition:transform .5s,background-color .5s,color .5s}
.lbtn svg{width:16px;height:16px}
.lbtn:hover{transform:scale(.9);background:var(--pink);border-color:var(--pink);color:#fff}
.lp--classic .lbtn{font-family:var(--f-anton)}
.lp__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.lp__thumb{display:block;overflow:hidden}
.lp__thumb img{width:100%;aspect-ratio:1300/1024;object-fit:cover;transition:transform .6s}
.lp__post:hover .lp__thumb img{transform:scale(1.05)}
.lp__meta{display:flex;flex-wrap:wrap}
.lp__pill{display:inline-flex;align-items:center;gap:4px;margin:25px 15px 0 0;padding:5px 10px;border-radius:30px;background:var(--lime);color:var(--ink);font-family:var(--f-poppins);font-size:14px;line-height:16px}
.lp__pill svg{width:16px;height:16px;margin-right:5px}
.lp__ptitle{font-family:var(--f-anton);font-size:32px;line-height:38.4px;text-transform:uppercase;color:var(--ink);margin-top:15px}
.lp__ptitle a:hover{color:var(--pink)}
@media (max-width:1024px){
  .lp__in{padding:100px 30px}
  .lp__top{flex-direction:column}
  .lp__left,.lp__right{width:100%}
  .lp__title{font-size:64px;line-height:72px;margin-top:0}
  .lp__text{font-size:14px}
  .lbtn{display:none}
  .lp__ptitle{font-size:25px;line-height:30px}
}
@media (max-width:767px){
  .lp__in{padding:70px 20px}
  .lp__left,.lp__right{align-items:center;text-align:center}
  .lp__eyebrow{justify-content:center;font-size:16px}
  .lp__title{font-size:36px;line-height:41px;width:100%}
  .lp__text{font-size:12px;text-align:center}
  .lp__grid{grid-template-columns:1fr}
  .lp__ptitle{font-size:20px;line-height:24px}
  .lp__pill{font-size:12px}
}

/* ---------- "Campaigns" layout (homepage mockup): one big card + two stacked ---------- */
.lp--campaigns,.lp--torn{position:relative;z-index:3}
.lp--ink-light{color:#fff}
.lp--ink-dark{color:var(--navy)}
.lpc{box-sizing:border-box;max-width:calc(var(--content-w,1360px) + 2 * var(--gutter-x,32px));margin:0 auto;padding:var(--sec-pt,var(--sec-pad,96px)) var(--gutter-x,32px) var(--sec-pb,var(--sec-pad,96px))}
.lpc__head{margin-bottom:40px}
.lp .lpc__title{color:inherit}
.lp .lpc__lede{color:inherit}
.lpc__hbtn{display:inline-block;margin-top:24px;padding:15px 28px;border-radius:var(--btn-r,3px);background:var(--navy);color:#fff;text-decoration:none}
a.lpc__hbtn:hover{background:#470086}
.lpc__grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);grid-template-rows:1fr 1fr;gap:20px;height:var(--lpc-h,600px)}
.lpc__grid--n1{grid-template-columns:minmax(0,1fr)}
.lpc__card{position:relative;display:block;overflow:hidden;border-radius:var(--card-r,4px);border:var(--card-bw,3px) solid var(--lpc-border,var(--accent,var(--yel)));color:#fff;text-decoration:none;min-height:0;background:var(--navy)}
.lpc__card--main{grid-row:1 / span 2}
.lpc__grid--n2 .lpc__card:not(.lpc__card--main){grid-row:1 / span 2}
.lpc__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--lpc-focus,50% 50%);display:block;border-radius:inherit}
.lpc__scrim{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to top,rgba(20,19,95,.9) 0%,rgba(20,19,95,.55) 38%,rgba(20,19,95,0) 70%)}
.lpc__body{position:absolute;left:0;right:0;bottom:0;padding:var(--lpc-pad,24px 26px);text-align:var(--lpc-align,left)}
.lpc__card--main .lpc__body{padding:var(--lpc-pad,36px 40px)}
.lpc__tag{display:inline-block;padding:7px 12px;border-radius:var(--tag-r,2px);font-size:var(--fs-s)}
.lpc__tag--yellow{background:var(--yel);color:var(--navy)}
.lpc__tag--pink{background:var(--pink);color:#fff}
.lpc__tag--white{background:#fff;color:var(--navy)}
.lp .lpc__kicker{margin:18px 0 10px;color:var(--lpc-kicker,var(--accent,var(--yel)))}
.lp .lpc__ctitle{color:var(--lpc-title,#fff);margin:14px 0 6px}
.lpc__card--main .lpc__ctitle{margin:0}
.lpc__card--main .lpc__tag + .lpc__ctitle{margin-top:18px}
.lp .lpc__text{color:var(--lpc-text,#fff);margin:0}
.lpc__card--main .lpc__text{margin-top:14px;max-width:30rem}
.lpc__card[style*="--lpc-align:center"] .lpc__text{margin-left:auto;margin-right:auto}
.lpc__card[style*="--lpc-align:right"] .lpc__text{margin-left:auto}
.lpc__cta{display:inline-block;margin-top:22px;padding:15px 28px;border-radius:var(--btn-r,3px);background:var(--lpc-btn-bg,var(--yel));color:var(--lpc-btn-ink,var(--navy));transition:background .2s}
a.lpc__card:hover .lpc__cta{background:#fff}
a.lpc__card:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media (prefers-reduced-motion:no-preference){
  .lp--a-hover .lpc__img{transition:transform .6s ease}
  .lp--a-hover .lpc__card:hover .lpc__img{transform:scale(1.04)}
}
/* Cards tab: fonts, sizes, text box position ("keep inside" = the box never leaves the image) */
.lpc__card[style*="--lpc-title-font"] .lpc__ctitle{font-family:var(--lpc-title-font)!important}
.lpc__card[style*="--lpc-text-font"] .lpc__text{font-family:var(--lpc-text-font)!important}
.lpc__card--tfs .lpc__ctitle{font-size:var(--lpc-title-fs)!important}
.lpc__card--pos .lpc__body{left:var(--lpc-x);top:var(--lpc-y);right:auto;bottom:auto;width:var(--lpc-w,70%);max-width:none;translate:var(--lpc-tx) var(--lpc-ty);box-sizing:border-box}
.lpc__card--pos:not(.lpc__card--main) .lpc__body{width:var(--lpc-w,90%)}
.lpc__card--free{overflow:visible;z-index:4}
.lpc__card--pos .lpc__text{max-width:none}
@media (max-width:699px){
  .lpc__card--pos .lpc__body{left:var(--lpc-xm);top:var(--lpc-ym);translate:var(--lpc-txm) var(--lpc-tym);width:var(--lpc-w,90%)}
  .lpc__card--tfsm .lpc__ctitle{font-size:var(--lpc-title-fs-m)!important}
}
@media (max-width:900px){
  .lpc__grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;height:auto}
  .lpc__card--main,.lpc__grid--n2 .lpc__card:not(.lpc__card--main){grid-row:auto;height:480px}
  .lpc__card:not(.lpc__card--main){height:280px}
  .lpc__card--main .lpc__body{padding:26px 24px}
}
@media (max-width:699px){.lpc{padding:var(--sec-pt-m,var(--sec-pad-m,64px)) var(--gutter-m,20px) var(--sec-pb-m,var(--sec-pad-m,64px))}}