/* ===== news page ===== */
.crumbs{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--muted);margin-bottom:clamp(18px,2vw,30px)}
.crumbs a{text-decoration:none;color:var(--muted)}.crumbs a:hover{color:var(--blue)}
.bgword{position:absolute;pointer-events:none;font-family:var(--f-head);font-weight:800;line-height:.8;white-space:nowrap;color:transparent;z-index:0;user-select:none}

.nw-head{position:relative;overflow:hidden;padding-top:calc(78px + clamp(36px,4vw,64px))}
.nw-head .bgword{top:calc(78px + 10px);inset-inline-end:-.04em;font-size:clamp(150px,24vw,440px);-webkit-text-stroke:1.5px rgba(0,100,174,.12)}
.nw-head .wrap{position:relative;z-index:1}
.nw-title{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:clamp(20px,4vw,70px);align-items:end;padding-bottom:clamp(22px,2.6vw,40px);border-bottom:3px solid var(--ink)}
.nw-title .h1{font-size:clamp(64px,10vw,190px);line-height:.82}
.nw-title .h1 .skyi{display:block}
.nw-title .lead{max-width:38ch;margin-bottom:.4em}

.nw-filter{display:flex;flex-wrap:wrap;gap:8px;padding-block:clamp(16px,1.8vw,24px)}
.nw-filter button{display:inline-flex;align-items:center;gap:10px;height:44px;padding-inline:18px 10px;border:1.5px solid var(--line);background:#fff;color:var(--ink);font:700 16px/1 var(--f-body,inherit);font-family:inherit;cursor:pointer;transition:background-color .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease)}
.nw-filter button i{font-style:normal;display:grid;place-items:center;min-width:26px;height:26px;padding-inline:6px;background:var(--ice);color:var(--blue);font-size:13px;font-variant-numeric:tabular-nums}
.nw-filter button:hover{border-color:var(--ink)}
.nw-filter button[aria-selected="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.nw-filter button[aria-selected="true"] i{background:var(--sky);color:var(--navy)}

/* lead story: photo + navy panel */
.nw-lead{padding-block:clamp(10px,1.4vw,20px) clamp(50px,6vw,90px)}
.nw-feat{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);text-decoration:none;background:var(--navy);color:#fff;min-height:clamp(380px,36vw,560px);overflow:hidden}
.nw-feat .ph{position:relative;overflow:hidden;order:2}
.nw-feat .ph img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover;transition:scale 1.4s var(--ease)}
.nw-feat:hover .ph img{scale:1.04}
.nw-feat .tx{display:flex;flex-direction:column;justify-content:flex-end;gap:18px;padding:clamp(24px,3.4vw,54px);position:relative}
.nw-feat .tx::before{content:"";position:absolute;inset-block:0;inset-inline-end:-1px;width:6px;background:var(--sky)}
.nw-feat h2{font-family:var(--f-head);font-weight:800;font-size:clamp(34px,3.6vw,64px);line-height:.92;margin:0;text-wrap:balance}
.nw-feat h2 .kick{color:var(--sky);font-weight:700;font-size:.5em;margin-bottom:.15em}
.nw-feat p{margin:0;color:rgba(226,236,250,.82);line-height:1.33;max-width:46ch}
.nw-feat .btn{align-self:flex-start}
.nw-feat:hover .btn .arr svg{transform:rotate(-45deg)}

.meta{display:flex;gap:12px;align-items:center;font-size:14px;color:var(--muted)}
.meta .c{font-weight:700;color:var(--blue)}
.meta .c::after{content:"";display:inline-block;width:4px;height:4px;background:var(--sky);margin-inline-start:12px;vertical-align:middle}
.nw-feat .meta{color:rgba(226,236,250,.75)}.nw-feat .meta .c{color:var(--sky)}

/* archive grouped by Hebrew month, sticky month on the side */
.nw-arch{padding-bottom:var(--sec)}
.nw-group{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,2fr);gap:clamp(20px,4vw,70px);padding-block:clamp(26px,3vw,44px);border-top:1px solid var(--line)}
.nw-group[hidden]{display:none}
.nw-month{position:sticky;top:100px;align-self:start}
.nw-month b{display:block;font-family:var(--f-head);font-weight:800;font-size:clamp(54px,6.8vw,126px);line-height:.8;color:var(--ink)}
.nw-month span{display:flex;align-items:center;gap:10px;margin-top:10px;font-family:var(--f-head);font-weight:300;font-size:clamp(22px,2vw,32px);line-height:1;color:var(--sky-ink)}
.nw-month span i{font-style:normal;font-family:inherit;font-weight:700;font-size:15px;color:var(--muted)}
.nw-rows{display:grid}
.nw-row{position:relative;display:grid;grid-template-columns:clamp(180px,22vw,330px) minmax(0,1fr) 54px;gap:clamp(16px,2.4vw,36px);align-items:center;padding-block:clamp(16px,1.8vw,26px);text-decoration:none;border-bottom:1px solid var(--line)}
.nw-rows .nw-row:last-child{border-bottom:0}
.nw-row[hidden]{display:none}
.nw-row .ph{order:-1;position:relative;overflow:hidden;aspect-ratio:16/10;clip-path:inset(0 0 0 0);transition:clip-path .7s var(--ease)}
.nw-row .ph img{width:100%;height:100%;object-fit:cover;transition:scale 1.1s var(--ease)}
.nw-row:hover .ph{clip-path:inset(4% 4% 4% 4%)}
.nw-row:hover .ph img{scale:1.12}
.nw-row .tx{display:grid;gap:10px}
.nw-row h2{font-family:var(--f-head);font-weight:800;font-size:clamp(24px,2.1vw,36px);line-height:.98;margin:0;text-wrap:balance;transition:color .3s}
.nw-row p{margin:0;color:var(--muted);line-height:1.33;font-size:16px;max-width:62ch}
.nw-row .go{display:grid;place-items:center;width:54px;height:54px;border:1.5px solid var(--line);transition:background-color .4s var(--ease),border-color .4s var(--ease),color .4s var(--ease)}
.nw-row .go svg{width:20px;height:20px;transition:transform .45s var(--ease)}
.nw-row:hover h2{color:var(--blue)}
.nw-row:hover .go{background:var(--navy);border-color:var(--navy);color:#fff}
.nw-row:hover .go svg{transform:rotate(-45deg)}
.nw-row::before{content:"";position:absolute;inset-block-end:-1px;inset-inline:0;height:2px;background:var(--sky);transform:scaleX(0);transform-origin:right;transition:transform .7s var(--ease)}
.nw-row:hover::before{transform:scaleX(1)}
.nw-empty{color:var(--muted);font-size:18px}

/* closing band */
.nw-cta{position:relative;overflow:hidden;padding-block:clamp(60px,7vw,110px)}
.nw-cta .wrap{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:end;gap:28px;flex-wrap:wrap}
.nw-cta .h2 .sky{display:block}

@media (max-width:900px){
  .nw-title{grid-template-columns:minmax(0,1fr)}
  .nw-feat{grid-template-columns:minmax(0,1fr)}
  .nw-feat .ph{order:0;aspect-ratio:16/10}
  .nw-feat .tx::before{inset-block:auto -1px;inset-inline:0;width:auto;height:6px;top:0}
  .nw-group{grid-template-columns:minmax(0,1fr);gap:10px}
  .nw-month{position:static;display:flex;align-items:baseline;gap:14px}
  .nw-month span{margin-top:0}
  .nw-row{grid-template-columns:110px minmax(0,1fr);gap:14px;align-items:start}
  .nw-row .go{display:none}
  .nw-row p{display:none}
  .nw-row h2{font-size:22px}
}
@media (max-width:560px){
  .nw-filter{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scrollbar-width:none}
  .nw-filter button{flex:none}
}
.meta .st{display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums}
.meta .st svg{width:16px;height:16px;color:var(--sky-ink)}
.nw-feat .meta .st svg{color:var(--sky)}
.meta .st.on svg{color:var(--sky);fill:currentColor}