/* plb-blog v6 — blog listing */
#plb{--a:#1F3A5F;--ah:#162B47;--a50:#EEF2F7;--a40:#F4F7FB;--t:#303030;--m:#838383;--f:#acacac;--b:#e0e0e0;--b2:#eeeeee;--g:#ab7d56;
  --ease:cubic-bezier(.23,1,.32,1);font-family:Manrope,system-ui,sans-serif;color:var(--t);background:#fff;
  padding:136px 0 96px}
html body .header-wrapper + section#plb{padding-top:136px!important} /* beats the site rule ".header-wrapper + section:not(#home-hero){padding-top:120px!important}"; h1 lands at 136 like /properties-all */
#plb *,#plb *::before,#plb *::after{box-sizing:border-box}
#plb .plb-wrap{max-width:1366px;margin:0 auto;padding:0 24px}
#plb h1.plb-h1{font-size:40px;line-height:1.1;font-weight:500;letter-spacing:-.02em;color:var(--t);margin:0;max-width:760px}
#plb .plb-lead{font-size:16px;line-height:1.55;font-weight:500;color:var(--m);margin:12px 0 0;max-width:620px}

/* topic pills — same control as the listing bar: 44px, radius 999, 14/500 */
#plb .plb-topics{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none}
#plb .plb-topic{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--b);
  background:#fff;color:var(--t);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;
  transition:background-color 200ms var(--ease),border-color 200ms var(--ease),color 200ms var(--ease),transform 120ms var(--ease)}
#plb .plb-topic:hover{background:var(--a40);border-color:var(--a)}
#plb .plb-topic:active{transform:scale(.97)}
#plb .plb-topic[aria-current="true"]{background:var(--a50);border-color:var(--a50);color:var(--a);font-weight:600}
#plb .plb-topic__n{font-size:12px;font-weight:600;color:var(--f);font-variant-numeric:tabular-nums}
#plb .plb-topic[aria-current="true"] .plb-topic__n{color:var(--a);opacity:.6}
#plb .plb-topic:focus-visible{outline:2px solid var(--a);outline-offset:2px}

/* grid on the DynamoList (Webflow inserts .w-dyn-items between wrapper and items) */
#plb-list{max-width:1366px;margin:28px auto 0;padding:0 24px}
#plb-list .w-dyn-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px}
#plb-list .w-dyn-empty{display:none}
#plb-list .w-dyn-item{min-width:0}
#plb-list .w-dyn-item[hidden]{display:none}

/* card */
#plb [data-plb="card"]{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none;transition:transform 140ms var(--ease)}
#plb [data-plb="card"]:active{transform:scale(.99)}
#plb [data-plb="media"]{position:relative;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:#f2f4f7;
  -webkit-mask-image:-webkit-radial-gradient(white,black);
  transition:transform 260ms var(--ease),box-shadow 260ms var(--ease)}
#plb [data-plb="media"] img{width:100%;height:100%;object-fit:cover;display:block}
#plb [data-plb="body"]{display:flex;flex-direction:column;flex:1;padding:18px 2px 0}
#plb [data-plb="meta"]{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px;line-height:1}
#plb [data-plb="cat"]{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:var(--a50);color:var(--a);font-weight:600}
#plb [data-plb="date"]{color:var(--m);font-weight:500;font-variant-numeric:tabular-nums}
#plb h3[data-plb="title"]{font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.01em;color:var(--t);margin:14px 0 0;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color 200ms var(--ease)}
#plb p[data-plb="ex"]{font-size:15px;line-height:1.55;font-weight:500;color:var(--m);margin:10px 0 0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#plb [data-plb="more"]{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:16px;font-size:14px;font-weight:600;color:var(--a)}
#plb [data-plb="more"] svg{transition:transform 200ms var(--ease)}
#plb [data-plb="slug"],#plb [data-plb="cslug"]{display:none}
@media (hover:hover){
  #plb [data-plb="card"]:hover [data-plb="media"]{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,46,79,.16)}
  #plb [data-plb="card"]:hover h3[data-plb="title"]{color:var(--a)}
  #plb [data-plb="card"]:hover [data-plb="more"] svg{transform:translateX(3px)}
}
#plb [data-plb="card"]:focus-visible{outline:2px solid var(--a);outline-offset:6px;border-radius:16px}

/* reveal */
#plb .w-dyn-item.plb-in{opacity:0;transform:translateY(12px)}
#plb .w-dyn-item.plb-on{opacity:1;transform:none;transition:opacity 260ms var(--ease),transform 260ms var(--ease)}
#plb-list.is-switching .w-dyn-items{opacity:0;transition:opacity 140ms ease-out}
#plb-list .w-dyn-items{transition:opacity 220ms var(--ease)}

/* closing card — navy with a gold glow, the same as the site footer */
#plb .plb-cta{position:relative;overflow:hidden;margin-top:96px;border-radius:20px;padding:56px;color:#fff;
  background:radial-gradient(60% 90% at 100% 0%,rgba(207,166,134,.32),transparent 60%),linear-gradient(135deg,#2A4E7D 0%,#1F3A5F 55%,#162B47 100%);
  display:flex;align-items:center;justify-content:space-between;gap:32px}
#plb .plb-cta h2{font-size:36px;line-height:1.15;font-weight:500;letter-spacing:-.02em;color:#fff;margin:0}
#plb .plb-cta p{font-size:17px;line-height:1.5;font-weight:500;color:rgba(255,255,255,.78);margin:12px 0 0;max-width:560px}
#plb .plb-cta a{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 26px;border-radius:999px;background:#fff;color:var(--a);
  font-size:15px;font-weight:600;text-decoration:none;transition:transform 140ms var(--ease),box-shadow 260ms var(--ease)}
#plb .plb-cta a:hover{box-shadow:0 10px 24px rgba(0,0,0,.18)}
#plb .plb-cta a:active{transform:scale(.97)}

@media (max-width:991px){
  #plb{padding:120px 0 72px}
  html body .header-wrapper + section#plb{padding-top:120px!important}
  #plb h1.plb-h1{font-size:34px}
  #plb-list .w-dyn-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}
  #plb .plb-cta{flex-direction:column;align-items:flex-start;padding:40px}
}
@media (max-width:767px){
  #plb{padding:112px 0 56px}
  html body .header-wrapper + section#plb{padding-top:112px!important}
  #plb .plb-wrap{padding:0 16px}
  #plb h1.plb-h1{font-size:28px;line-height:1.15}
  #plb .plb-lead{font-size:15px}
  #plb .plb-topics{flex-wrap:nowrap;overflow-x:auto;margin:20px -16px 0;padding:0 16px 4px;scrollbar-width:none}
  #plb .plb-topics::-webkit-scrollbar{display:none}
  #plb .plb-topic{flex:0 0 auto;white-space:nowrap}
  #plb-list{margin-top:24px;padding:0 16px}
  #plb-list .w-dyn-items{grid-template-columns:1fr;gap:36px}
  #plb .plb-cta{margin-top:64px;padding:32px 24px;border-radius:16px}
  #plb .plb-cta h2{font-size:28px}
}
@media (prefers-reduced-motion:reduce){
  #plb *,#plb *::before,#plb *::after{transition-duration:0ms!important}
  #plb .w-dyn-item.plb-in{opacity:1;transform:none}
}