/* Posillico News & Awards redesign — scoped under .pnews */

.pnews{
  --pn-blue:#24499a; --pn-navy:#1b2a55; --pn-ink:#1e2733; --pn-muted:#57616f;
  --pn-eyebrow:#8b95a7; --pn-line:#e6eaf1; --pn-card:#fff; --pn-pill:#eef1f7;
  --pn-shadow:0 18px 40px -22px rgba(20,40,90,.35);
  --pn-inner:1180px;
  color:var(--pn-ink);
  font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.pnews *{box-sizing:border-box}
.pnews [hidden]{display:none !important} /* JS sets [hidden] to filter cards; beat .pnews-card{display:flex} */
.pnews .pnews-inner{max-width:var(--pn-inner);margin:0 auto;padding:0 24px}
.pnews img{display:block;max-width:100%}
.pnews a{text-decoration:none;color:inherit}

/* ---------- hero ---------- */
.pnews-hero{position:relative;overflow:hidden;background:linear-gradient(105deg,#213f86 0%,#2b52a8 55%,#3862c2 100%)}
.pnews-hero:before,.pnews-hero:after{content:"";position:absolute;top:0;bottom:0;pointer-events:none}
.pnews-hero:before{right:-8%;width:65%;background:linear-gradient(115deg,transparent 40%,rgba(120,155,230,.30) 40%,rgba(120,155,230,.30) 55%,transparent 55%),linear-gradient(150deg,transparent 62%,rgba(150,180,240,.22) 62%)}
.pnews-hero:after{left:-10%;width:40%;background:linear-gradient(70deg,rgba(20,40,90,.28) 30%,transparent 30%)}
.pnews-hero .pnews-inner{position:relative;z-index:2;min-height:210px;display:flex;align-items:center}
.pnews-hero h1{font-style:italic;font-weight:800;color:#fff;font-size:clamp(38px,7vw,72px);line-height:1;letter-spacing:-1px;margin:34px 0;text-shadow:0 2px 18px rgba(10,25,60,.25)}

/* ---------- toolbar ---------- */
.pnews-main{padding-top:34px;padding-bottom:70px}
.pnews-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:8px}
.pnews-tabs{display:flex;gap:6px;background:var(--pn-pill);padding:6px;border-radius:999px}
.pnews-tab{border:0;background:transparent;font:inherit;font-weight:600;font-size:14px;color:#5a6474;padding:9px 20px;border-radius:999px;cursor:pointer;transition:.15s;line-height:1.2}
.pnews-tab[aria-selected="true"]{background:var(--pn-navy);color:#fff}
.pnews-filters{display:flex;gap:12px;flex-wrap:wrap}
.pnews-field{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--pn-line);border-radius:10px;padding:0 14px;height:44px;color:#6a7383;font-size:14px;margin:0}
.pnews-field svg{width:16px;height:16px;flex:0 0 auto;opacity:.6}
.pnews-field select,.pnews-field input{border:0;outline:0;font:inherit;color:var(--pn-ink);background:transparent;height:42px}
.pnews-field input{width:210px}
.pnews-field input::placeholder{color:#9aa3b1}

/* ---------- featured ---------- */
.pnews-featured{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0;background:var(--pn-card);border:1px solid var(--pn-line);border-radius:18px;overflow:hidden;box-shadow:var(--pn-shadow);margin:26px 0 46px}
.pnews-featured .pnews-ph{position:relative;min-height:340px;background:#dfe5ee}
.pnews-featured .pnews-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pnews-fbody{padding:44px 46px;display:flex;flex-direction:column;justify-content:center}
.pnews-eyebrow{font-size:12px;font-weight:700;letter-spacing:1.6px;color:var(--pn-eyebrow);text-transform:uppercase;margin-bottom:16px}
.pnews-featured h2{font-size:clamp(22px,2.4vw,30px);line-height:1.22;font-weight:800;font-style:normal;letter-spacing:-.4px;margin:0 0 16px;color:var(--pn-ink);text-wrap:balance}
.pnews-featured p{color:var(--pn-muted);margin:0 0 22px;font-size:15.5px;line-height:1.6}
.pnews-readlink{font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--pn-navy);display:inline-flex;align-items:center;gap:8px}
.pnews-readlink:after{content:"\203A";font-size:17px;line-height:1}

/* ---------- latest grid ---------- */
.pnews-label{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--pn-eyebrow);margin:0 0 20px}
.pnews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.pnews-card{background:var(--pn-card);border:1px solid var(--pn-line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}
.pnews-card:hover{transform:translateY(-4px);box-shadow:var(--pn-shadow)}
.pnews-card .pnews-ph{position:relative;height:190px;background:#e9edf4}
.pnews-card .pnews-ph img{width:100%;height:100%;object-fit:cover}
.pnews-cbody{padding:22px 22px 26px;display:flex;flex-direction:column;flex:1}
.pnews-date{font-size:12px;font-weight:600;letter-spacing:.6px;color:var(--pn-eyebrow);text-transform:uppercase;margin-bottom:10px}
.pnews-card h3{font-size:17.5px;line-height:1.3;font-weight:800;font-style:normal;letter-spacing:-.3px;margin:0 0 12px;color:var(--pn-ink);text-wrap:balance}
.pnews-card p{font-size:14px;color:var(--pn-muted);margin:0 0 18px;flex:1;line-height:1.55}
.pnews-card .pnews-readlink{margin-top:auto}
.pnews-tag{position:absolute;top:16px;left:16px;background:#fff;border:1px solid var(--pn-line);color:var(--pn-navy);font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:8px 16px;border-radius:999px;box-shadow:0 6px 14px -6px rgba(20,40,90,.4)}
.pnews-empty{grid-column:1/-1;text-align:center;color:var(--pn-muted);padding:50px 0}

/* ---------- single article ---------- */
.pnews-backbar{background:linear-gradient(105deg,#213f86 0%,#2b52a8 60%,#3862c2 100%);position:relative;overflow:hidden}
.pnews-backbar:before{content:"";position:absolute;top:0;bottom:0;right:-8%;width:55%;background:linear-gradient(115deg,transparent 45%,rgba(120,155,230,.28) 45%);pointer-events:none}
.pnews-backbar .pnews-inner{position:relative;z-index:2;min-height:96px;display:flex;align-items:center}
.pnews-back{display:inline-flex;align-items:center;gap:12px;color:#fff;font-size:21px;font-weight:600}
.pnews-back b{font-size:28px;font-weight:400;line-height:1}
.pnews .pnews-article-head{max-width:900px;padding-top:48px}
.pnews-article-img{border-radius:16px;overflow:hidden;box-shadow:var(--pn-shadow);margin-bottom:32px;aspect-ratio:16/9;background:#dfe5ee}
.pnews-article-img img{width:100%;height:100%;object-fit:cover}
.pnews-article-title{font-size:clamp(28px,4vw,42px);line-height:1.18;font-weight:800;font-style:normal;letter-spacing:-.6px;margin:12px 0 8px;color:var(--pn-ink);text-wrap:balance}

/* ---------- heading overrides ----------
   Divi sets `.et_pb_text_N h1,h2 { color:#0057B8!important; font-variant:small-caps }`
   (Montserrat). Scope under #et-boc to outrank it; keep Montserrat, fix case/colour. */
#et-boc .pnews-hero h1,#et-boc .pnews-featured h2,#et-boc .pnews-card h3,#et-boc .pnews-article-title{
  font-variant:normal !important;font-feature-settings:normal !important;text-transform:none !important;
}
#et-boc .pnews-featured h2,#et-boc .pnews-card h3,#et-boc .pnews-article-title{
  font-style:normal !important;color:var(--pn-ink) !important;font-weight:800 !important;
}
#et-boc .pnews-hero h1{font-style:italic !important;color:#fff !important;font-weight:800 !important}

/* ---------- responsive ---------- */
@media(max-width:900px){.pnews-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){
  .pnews-featured{grid-template-columns:1fr}
  .pnews-featured .pnews-ph{min-height:230px}
  .pnews-fbody{padding:30px}
}
@media(max-width:600px){.pnews-grid{grid-template-columns:1fr}}