/* ==== Homepage lead block — ported from the portugalisrael launch theme (02.10.2026).
   Same layout + slider logic; only usanews palette (--navy/--deep/--red/--soft/--line/--muted). */
.slider__track{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
.slider__track::-webkit-scrollbar{display:none}
.slider__track>*{flex:0 0 100%;min-width:0;scroll-snap-align:start}
.slider__ctrl,.hero__ctrl{visibility:hidden}
.is-ready :is(.slider__ctrl,.hero__ctrl){visibility:visible}
.slider__ctrl{display:flex;align-items:center;gap:8px}
.slider__btn{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);transition:background-color .2s}
.slider__btn:hover:not(:disabled){background:var(--soft)}
.slider__btn:disabled{opacity:.35;cursor:default}
.slider__btn svg{width:19px;height:19px;fill:none;stroke:currentColor}
@keyframes slider-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hero{position:relative;background:var(--navy)}
.hero__ctrl{position:absolute;inset:0;z-index:2;pointer-events:none}
.hero__ctrl>*{pointer-events:auto}
.hero .cover{border-radius:0}
.cover{position:relative;isolation:isolate;background:var(--deep);color:#fff;overflow:hidden}
.cover__media img,.cover__media{width:100%;height:100%}
.cover__media{position:absolute;inset:0;z-index:-2;display:block}
.cover__media img{object-fit:cover;opacity:.82}
.cover::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,#04101fe6 0%,#04101f8c 42%,#04101f1f 100%)}
.cover__body{min-height:clamp(420px,118vw,560px);display:flex;flex-direction:column;justify-content:flex-end;padding-block:28px}
.cover__title{font-size:clamp(25px,3.4vw,46px);font-weight:800;line-height:1.22;letter-spacing:-.3px;margin:14px 0 12px;max-width:26ch;color:#fff;text-shadow:0 1px 24px #000000a6}
.cover__title a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;color:#fff}
.cover .meta{color:#cdd5e2;font-size:13px}
.kicker{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.06em;line-height:1.4}
.cover .kicker{width:fit-content}
.kicker--solid{background:var(--red);color:#fff!important;padding:5px 11px;font-size:.8rem;text-shadow:0 1px 1px #0000005c}
.kicker--text{color:var(--red)}
.kicker--text:hover{color:var(--deep)}
.hero__arrow{position:absolute;top:50%;translate:0 -50%;display:grid;place-items:center;width:52px;height:52px;padding:0;border-radius:50%;border:1px solid #ffffff52;background:#00000047;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color .2s,border-color .2s}
.hero__arrow:hover{background:#0000007a;border-color:#ffffffa6}
.hero__arrow svg{width:22px;height:22px}
.hero__arrow--prev{inset-inline-start:20px}
.hero__arrow--next{inset-inline-end:20px}
.hero__bar{position:absolute;bottom:22px;left:50%;translate:-50% 0;display:flex;align-items:center;gap:10px;padding-block:4px;padding-inline:4px 14px;border-radius:999px;border:1px solid #ffffff2e;background:#00000052;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.hero__toggle{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;transition:background-color .2s}
.hero__toggle:hover{background:#ffffff29}
.hero__toggle svg{width:15px;height:15px}
[data-toggle] .i-play{display:none}
[data-toggle][data-stopped] .i-play{display:block}
[data-toggle][data-stopped] .i-pause{display:none}
.hero__dots{display:flex;gap:6px}
.hero__dots span{position:relative;width:44px;height:3px;overflow:hidden;border-radius:2px;background:#ffffff4d}
.hero__dots span::after{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:right}
.hero__dots span[data-active]::after{transform:scaleX(1)}
.is-playing .hero__dots span[data-active]::after{animation:slider-progress var(--interval,11s) linear forwards;transform:scaleX(0)}
@media(min-width:768px){.cover__body{min-height:min(68vh,600px);padding-block:40px}.hero .cover__body{padding-bottom:80px;padding-inline:max(32px,calc(96px - max(0px,(100vw - 1280px)/2))) calc(32px + max(0px,(100vw - 1280px)/2))}}
@media(min-width:1280px){.cover__body{min-height:min(70vh,640px)}}
@media(max-width:767px){
  .hero .slider__track{scroll-padding-inline-start:16px}
  .hero .slider__track>*{flex-basis:calc(100% - 44px)}
  .hero__ctrl{order:2;position:static;display:flex;align-items:center;justify-content:center;gap:16px;padding-block:10px 0}
  .hero [data-toggle]{display:none}
  .hero__arrow{position:static;translate:none;width:40px;height:40px;border-color:var(--line);background:#fff;color:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none}
  .hero__arrow:hover{background:var(--soft);border-color:var(--line)}
  .hero__arrow svg{width:20px;height:20px}
  .hero__arrow--prev{order:1}
  .hero__bar{order:2;position:static;translate:none;padding:0;border:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .hero__arrow--next{order:3}
  .hero__dots span{width:28px;background:#082b6533}
  .hero__dots span::after{background:var(--navy)}
  .cover__body{padding-inline:16px}
}
@media(max-width:767px) and (not ((hover:hover) and (pointer:fine))){.hero__arrow{display:none}}
.deck{display:grid;grid-template-columns:minmax(0,1fr);border-block:1px solid var(--line);background:#fff;margin:0}
.rail{min-width:0;background:#fff;color:var(--ink)}
.rail__head,.deck .headlines h2{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}
.rail__head{padding:clamp(16px,1.8vw,24px) clamp(16px,1.8vw,24px) 0;flex-wrap:wrap}
.rail__head h2{font-size:.85rem;font-weight:800;letter-spacing:.08em;color:var(--muted);margin:0}
.rail__count{min-width:9ch;font-size:13px;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums}
.rail .card{background:#fff;padding:clamp(16px,1.8vw,24px);min-width:0}
.rail .card__title,.rail .card__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.rail__more{display:none}
.card__media{display:block;overflow:hidden;margin-bottom:14px;background:var(--soft)}
.card__media img{width:100%;aspect-ratio:1.7;object-fit:cover;transition:transform .35s ease}
.card__media:hover img{transform:scale(1.03)}
.card__title{font-size:clamp(17px,1.45vw,21px);line-height:1.42;font-weight:700;margin:8px 0 10px;color:var(--deep)}
.card__excerpt{font-size:.9rem;line-height:1.7;color:#535c69;margin:0 0 8px}
.card time,.rail .meta{font-size:13px;color:var(--muted)}
.deck .headlines{border-top:1px solid var(--line);padding:clamp(16px,1.8vw,24px);min-width:0;background:var(--soft)}
.deck .headlines h2{font-size:.85rem;font-weight:800;letter-spacing:.08em;color:var(--muted);margin:0 0 4px}
.deck .headlines ol{list-style:none;margin:0;padding:0;counter-reset:hl}
.deck .headlines li{counter-increment:hl;display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:.92rem;line-height:1.55;color:var(--ink)}
.deck .headlines li::before{content:counter(hl);font-weight:800;font-size:1.1rem;color:var(--red);min-width:1.2ch}
.deck .headlines li:last-child{border-bottom:0}
.deck .headlines li:nth-child(n+7){display:none}
.deck .headlines li[hidden]{display:none!important}
@media(max-width:767px){
  .rail .slider__ctrl{display:none}
  .rail .slider__track{display:block;overflow:visible;scroll-snap-type:none;padding-inline:16px}
  .rail .slider__track>*+*{border-top:1px solid var(--line)}
  .rail .card{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:14px;align-content:start;padding:14px 0}
  .rail .card__media{grid-row:1/span 3;align-self:start;margin:0}
  .rail .card__media img{aspect-ratio:1.4}
  .rail .card>:not(.card__media){grid-column:2}
  .rail .card__title{font-size:1rem;margin:2px 0 6px}
  .rail .card__excerpt{display:none}
  .rail [data-show="5"]>*:nth-child(n+6),.rail [data-show="10"]>*:nth-child(n+11),.rail [data-show="15"]>*:nth-child(n+16){display:none}
  .rail__more{display:flex;align-items:center;justify-content:center;width:calc(100% - 32px);min-height:46px;margin:4px 16px 18px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:700;font-size:.95rem}
  .rail__more:hover{background:var(--soft)}
  .rail__more[hidden]{display:none}
}
@media(min-width:768px){
  .rail .slider__track>*{flex:0 0 50%;display:flex}
  .rail .slider__track>*+*{border-inline-start:1px solid var(--line)}
  .rail .card{flex-direction:column;display:flex;min-width:0}
  .rail .card time{margin-top:auto}
}
@media(min-width:1024px){
  .deck{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
  .deck .headlines{border-top:0;border-inline-start:1px solid var(--line);contain:size;overflow:hidden;display:flex;flex-direction:column}
  .deck .headlines li:nth-child(n+7){display:flex}
  .deck .headlines ol{flex:1;display:flex;flex-direction:column}
  .deck .headlines li{flex:1 0 auto;align-items:center}
}