/* News index: light register on the j2 system */
.nw-hero{background:linear-gradient(180deg,#f5f0f4 0%,#fff 100%);padding:clamp(48px,7vh,88px) 0 clamp(28px,4vw,48px);text-align:center}
.nw-hero h1{font-size:clamp(2.6rem,6vw,4.8rem);line-height:.98;font-weight:700!important;letter-spacing:-.03em;margin:0}
.nw-hero .j2-sub{margin:1rem auto 0;max-width:44ch}
.nw-press-name{margin-left:.6rem}
.nw-filters{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-top:1.6rem}
.nw-filters button{font:inherit;font-size:.9rem;font-weight:500;padding:.5rem 1rem;border-radius:999px;border:1px solid rgba(29,29,31,.16);background:#fff;color:var(--j2-text);cursor:pointer}
.nw-filters button[aria-pressed="true"]{background:var(--j2-purple);border-color:var(--j2-purple);color:#fff}
.nw-press{margin-top:1.4rem;color:var(--j2-text-2);font-size:.9rem}
.nw-press a{margin-left:.6rem;font-weight:500}

/* lead story */
.nw-lead{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(20px,3vw,48px);align-items:center;background:#fff;border:1px solid rgba(29,29,31,.08);border-radius:24px;overflow:hidden;color:inherit;box-shadow:0 20px 60px rgba(0,0,0,.06);transition:transform .2s,box-shadow .2s}
.nw-lead:hover{text-decoration:none;transform:translateY(-3px);box-shadow:0 28px 70px rgba(0,0,0,.1)}
.nw-lead img{display:block;width:100%;height:auto;min-height:100%;object-fit:cover;aspect-ratio:3/2}
.nw-lead-body{padding:clamp(20px,3vw,44px) clamp(20px,3vw,44px) clamp(20px,3vw,44px) 0}
.nw-eyebrow{display:flex;gap:.6rem;align-items:center;font-size:.85rem;color:var(--j2-text-2);margin:0 0 .6rem}
.nw-eyebrow b{color:var(--j2-purple);font-weight:600}
.nw-lead h2{font-size:clamp(1.6rem,2.8vw,2.3rem);line-height:1.12;letter-spacing:-.02em;margin:0 0 .8rem}
.nw-lead p.nw-x{margin:0;color:var(--j2-text-2);font-size:1.02rem;line-height:1.5}
.nw-more{display:inline-block;margin-top:1.1rem;font-weight:500;color:var(--j2-purple-link)}
.nw-more::after{content:" \203A"}
@media (max-width:820px){.nw-lead{grid-template-columns:1fr}.nw-lead-body{padding:20px 22px 24px}}

.nw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,28px)}
.nw-card{display:block;color:inherit;background:#fff;border:1px solid rgba(29,29,31,.08);border-radius:18px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.nw-card:hover{text-decoration:none;transform:translateY(-3px);box-shadow:0 20px 50px rgba(0,0,0,.08)}
.nw-card img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.nw-card-body{padding:16px 18px 18px}
.nw-card h3{font-size:1.08rem;line-height:1.25;letter-spacing:-.01em;margin:0 0 .5rem}
.nw-card p.nw-x{margin:0;color:var(--j2-text-2);font-size:.9rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nw-card .nw-eyebrow{font-size:.8rem;margin:.7rem 0 0}
@media (max-width:1000px){.nw-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.nw-grid{grid-template-columns:1fr}}

/* cards are links: keep the text dark, not link purple */
.j2 .nw-card,.j2 .nw-lead,.j2 .nw-card h3,.j2 .nw-lead h2{color:var(--j2-text)}
.j2 .nw-card:hover h3,.j2 .nw-lead:hover h2{color:var(--j2-purple-link)}
/* phone: the year links stay, as a scrolling row */
@media (max-width:900px){.j2-lnav .nw-years a:not(.j2-pill){display:inline}.j2-lnav .nw-years{gap:.9rem}}

.nw-grid{margin-top:clamp(28px,4vw,56px)}
/* guides: image-left rows */
.nw-list{max-width:900px;margin:clamp(28px,4vw,56px) auto 0;display:grid;gap:1rem}
.nw-row{display:grid;grid-template-columns:200px 1fr;gap:1.4rem;align-items:center;background:#fff;border:1px solid rgba(29,29,31,.08);border-radius:18px;padding:14px;color:var(--j2-text);transition:transform .2s,box-shadow .2s}
.nw-row:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.08)}
.nw-row img{display:block;width:100%;height:auto;aspect-ratio:400/260;object-fit:cover;border-radius:10px}
.nw-row h3{font-size:1.15rem;line-height:1.25;margin:0 0 .4rem}
.nw-row p.nw-x{margin:0;color:var(--j2-text-2);font-size:.92rem;line-height:1.45}
.nw-row .nw-eyebrow{font-size:.8rem;margin:.6rem 0 0}
.j2 .nw-row,.j2 .nw-row h3{color:var(--j2-text)}
.j2 .nw-row:hover h3{color:var(--j2-purple-link)}
@media (max-width:560px){.nw-row{grid-template-columns:1fr}}