.hero-editorial,
.hero-editorial *{box-sizing:border-box}

.hero-editorial{
  --hero-navy:#071321;
  --hero-red:#ed1b36;
  --hero-gold:#f4bf4f;
  --hero-blue:#5e9df5;
  --hero-white:#fff;
  --hero-muted:#d9e2ed;
  --hero-border:#dfe6ef;
  padding:24px 0 30px;
  background:#f4f7fb;
}

.hero-editorial__grid{
  display:grid;
  grid-template-columns:minmax(0,1.9fr) minmax(310px,.9fr);
  gap:14px;
  align-items:stretch;
}

.hero-editorial__lead{
  position:relative;
  min-height:590px;
  overflow:hidden;
  border-radius:22px;
  color:var(--hero-white);
  background:var(--hero-navy);
  box-shadow:0 18px 46px rgba(12,28,49,.13);
  isolation:isolate;
}

.hero-editorial__lead-image,
.hero-editorial__shade{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.hero-editorial__lead-image{z-index:-2;object-fit:cover}
.hero-editorial__shade{
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(3,10,19,.88) 0%,rgba(3,10,19,.54) 55%,rgba(3,10,19,.12) 100%),
    linear-gradient(180deg,rgba(3,10,19,.03) 28%,rgba(3,10,19,.88) 100%);
}

.hero-editorial__lead-content{
  min-height:590px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:clamp(28px,4.3vw,58px);
}

.hero-editorial__meta-top,
.hero-editorial__details,
.hero-editorial__actions{display:flex;align-items:center;flex-wrap:wrap}
.hero-editorial__meta-top{gap:12px}

.hero-editorial__topic,
.hero-promo__label{
  display:inline-flex;
  align-items:center;
  width:max-content;
  border-radius:7px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.hero-editorial__topic{padding:8px 10px;color:#fff;background:var(--hero-red)}
.hero-editorial__live{font-size:12px;font-weight:850;color:#fff}
.hero-editorial__live:before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#ff3852;box-shadow:0 0 0 5px rgba(255,56,82,.17)}

.hero-editorial__lead h1{
  max-width:850px;
  margin:20px 0 14px;
  font-size:clamp(42px,5vw,74px);
  line-height:.98;
  letter-spacing:-.055em;
}

.hero-editorial__intro{max-width:720px;margin:0;color:#e7edf5;font-size:clamp(15px,1.35vw,18px);line-height:1.55}
.hero-editorial__details{gap:11px 21px;margin-top:20px;color:#e1e8f1;font-size:12px;font-weight:750}
.hero-editorial__details span+span:before{content:"•";margin-right:21px;color:#8190a2}
.hero-editorial__actions{gap:10px;margin-top:24px}

.hero-editorial__primary{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:0 20px;
  border-radius:10px;
  color:#fff;
  background:var(--hero-red);
  font-size:13px;
  font-weight:900;
  text-decoration:none;
  transition:transform .18s ease,background .18s ease;
}
.hero-editorial__primary:hover{background:#c9122a;transform:translateY(-1px)}

.hero-editorial__icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.34);
  border-radius:50%;
  color:#fff;
  background:rgba(5,14,25,.45);
  font-size:20px;
  cursor:pointer;
  backdrop-filter:blur(10px);
}
.hero-editorial__icon:hover,.hero-editorial__icon[aria-pressed="true"]{background:#fff;color:var(--hero-navy)}

.hero-editorial__side{
  min-height:590px;
  display:grid;
  grid-template-rows:repeat(3,minmax(0,1fr));
  gap:12px;
}

.hero-promo{
  position:relative;
  min-height:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:16px;
  color:#fff;
  background:var(--hero-navy);
  box-shadow:0 12px 30px rgba(10,25,44,.11);
  isolation:isolate;
  text-decoration:none;
}

.hero-promo__image,.hero-promo__shade{position:absolute;inset:0;width:100%;height:100%}
.hero-promo__image{z-index:-2;object-fit:cover;transition:transform .35s ease}
.hero-promo__shade{z-index:-1;background:linear-gradient(90deg,rgba(3,10,19,.88) 0%,rgba(3,10,19,.58) 58%,rgba(3,10,19,.22) 100%),linear-gradient(180deg,rgba(3,10,19,.06),rgba(3,10,19,.78))}
.hero-promo:hover .hero-promo__image{transform:scale(1.045)}

.hero-promo__content{height:100%;min-height:188px;display:flex;flex-direction:column;padding:15px 16px 14px}
.hero-promo__top{margin-bottom:auto}
.hero-promo__label{padding:6px 8px;color:#122033;background:#f0f4fa}
.hero-promo--sponsored .hero-promo__label{background:var(--hero-gold)}
.hero-promo[data-hero-type="recommended"] .hero-promo__label{color:#fff;background:var(--hero-blue)}
.hero-promo[data-hero-type="video"] .hero-promo__label{color:#fff;background:#e31b36}
.hero-promo[data-hero-type="audio"] .hero-promo__label{color:#fff;background:#8159db}

.hero-promo__body h2{max-width:88%;margin:18px 0 7px;font-size:clamp(18px,1.55vw,24px);line-height:1.07;letter-spacing:-.032em}
.hero-promo__body p{display:-webkit-box;margin:0;overflow:hidden;color:var(--hero-muted);font-size:12px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hero-promo__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.hero-promo__status{font-size:10px;font-weight:750;color:#eef3f8}
.hero-promo__arrow{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;color:#0d1a2d;background:#fff;font-size:17px;font-weight:900;transition:transform .2s ease}
.hero-promo:hover .hero-promo__arrow{transform:translateX(3px)}

.hero-shortcuts{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  margin-top:14px;
  overflow:hidden;
  border:1px solid var(--hero-border);
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 32px rgba(17,40,70,.065);
}

.hero-shortcuts a{
  position:relative;
  min-width:0;
  min-height:86px;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 24px;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-right:1px solid var(--hero-border);
  color:#152238;
  text-decoration:none;
  transition:background .18s ease,box-shadow .18s ease;
}
.hero-shortcuts a:last-child{border-right:0}
.hero-shortcuts a:hover{background:#f8fbff;box-shadow:inset 0 0 0 1px rgba(35,105,223,.06)}
.hero-shortcuts a:focus-visible{z-index:2}
.hero-shortcuts__copy{min-width:0;display:grid;gap:3px}
.hero-shortcuts strong{overflow:hidden;text-overflow:ellipsis;font-size:13px;line-height:1.2;font-weight:850;white-space:nowrap}
.hero-shortcuts small{overflow:hidden;text-overflow:ellipsis;color:#768398;font-size:11px;line-height:1.25;white-space:nowrap}
.hero-shortcuts__icon{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#eef5ff;
  color:#1767dc;
}
.hero-shortcuts__icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hero-shortcuts__icon--popular{color:#159553;background:#edf9f2}
.hero-shortcuts__icon--live{color:#df2338;background:#fff0f2}
.hero-shortcuts__icon--submit{color:#e97812;background:#fff5e9}
.hero-shortcuts__icon--active{color:#c38a00;background:#fff8df}
.hero-shortcuts__chevron{width:24px;height:24px;display:grid;place-items:center;border-radius:999px;color:#8da0b8;transition:transform .18s ease,color .18s ease,background .18s ease}
.hero-shortcuts__chevron svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hero-shortcuts a:hover .hero-shortcuts__chevron{transform:translateX(2px);color:#1767dc;background:#eef5ff}

@media(max-width:1050px){
  .hero-editorial__grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.7fr)}
  .hero-editorial__lead,.hero-editorial__lead-content,.hero-editorial__side{min-height:550px}
  .hero-promo__content{min-height:175px}
}

@media(max-width:860px){
  .hero-editorial__grid{grid-template-columns:1fr}
  .hero-editorial__lead,.hero-editorial__lead-content{min-height:540px}
  .hero-editorial__side{min-height:0;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none}
  .hero-promo__content{min-height:230px}
  .hero-shortcuts{grid-template-columns:repeat(3,1fr)}
  .hero-shortcuts a:nth-child(3){border-right:0}
  .hero-shortcuts a:nth-child(-n+3){border-bottom:1px solid var(--hero-border)}
}

@media(max-width:640px){
  .hero-editorial{padding-top:14px}
  .hero-editorial__lead{border-radius:18px}
  .hero-editorial__lead,.hero-editorial__lead-content{min-height:500px}
  .hero-editorial__lead-content{padding:24px 20px}
  .hero-editorial__lead h1{font-size:clamp(38px,12vw,54px)}
  .hero-editorial__details span+span:before{display:none}
  .hero-editorial__side{grid-template-columns:1fr}
  .hero-promo__content{min-height:205px}
  .hero-promo__body h2{font-size:22px}
  .hero-shortcuts{grid-template-columns:1fr 1fr}
  .hero-shortcuts a,.hero-shortcuts a:nth-child(3){border-right:1px solid var(--hero-border);border-bottom:1px solid var(--hero-border)}
  .hero-shortcuts a:nth-child(even){border-right:0}
  .hero-shortcuts a:last-child{grid-column:1/-1;border-right:0;border-bottom:0}
}

@media(max-width:420px){
  .hero-editorial__primary{flex:1}
  .hero-shortcuts{grid-template-columns:1fr}
  .hero-shortcuts a,.hero-shortcuts a:nth-child(even),.hero-shortcuts a:nth-child(3){border-right:0;border-bottom:1px solid var(--hero-border)}
  .hero-shortcuts a:last-child{grid-column:auto;border-bottom:0}
}

@media(prefers-reduced-motion:reduce){
  .hero-editorial *{scroll-behavior:auto!important;transition:none!important}
}

/* HERO slider — trzy artykuły, autoplay 5 s */
.hero-slider{position:relative;overflow:hidden;border-radius:22px;background:var(--hero-navy);box-shadow:0 18px 46px rgba(12,28,49,.13);isolation:isolate}
.hero-slider__viewport{position:relative;min-height:590px}
.hero-slide{position:absolute;inset:0;z-index:0;min-height:590px;overflow:hidden;color:#fff;opacity:0;visibility:hidden;transform:scale(1.015);transition:opacity .65s ease,transform 5.4s ease,visibility 0s linear .65s}
.hero-slide.is-active{z-index:1;opacity:1;visibility:visible;transform:scale(1);transition-delay:0s}
.hero-slide__image,.hero-slide__shade{position:absolute;inset:0;width:100%;height:100%}
.hero-slide__image{z-index:-2;object-fit:cover}
.hero-slide__shade{z-index:-1;background:linear-gradient(90deg,rgba(3,10,19,.9) 0%,rgba(3,10,19,.62) 49%,rgba(3,10,19,.18) 100%),linear-gradient(180deg,rgba(3,10,19,.02) 28%,rgba(3,10,19,.88) 100%)}
.hero-slide__content{min-height:590px;display:flex;flex-direction:column;justify-content:flex-end;max-width:930px;padding:62px 58px 62px}
.hero-slide__meta-top{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:25px}
.hero-slide__topic{display:inline-flex;align-items:center;min-height:34px;padding:8px 12px;border-radius:8px;background:var(--hero-red);font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.hero-slide__live{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800}
.hero-slide__live:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--hero-red);box-shadow:0 0 0 6px rgba(237,27,54,.18)}
.hero-slide__title{max-width:880px;margin:0 0 12px;font-size:clamp(44px,5.1vw,76px);line-height:.98;letter-spacing:-.055em;text-wrap:balance}
.hero-slide__intro{max-width:770px;margin:0;color:#f2f6fb;font-size:clamp(16px,1.5vw,20px);line-height:1.48;text-wrap:pretty}
.hero-slide__details{display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px;margin-top:24px;font-size:12px;font-weight:800}
.hero-slide__author{display:inline-flex;align-items:center;gap:10px}
.hero-slide__avatar{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:11px;font-weight:900;letter-spacing:.04em;backdrop-filter:blur(8px)}
.hero-slide__author-name{white-space:nowrap}
.hero-slide__details time{display:inline-flex;align-items:center;color:#fff}
.hero-slide__details time:before{content:"•";margin-right:22px;color:#95a4b8}
.hero-slide__actions{display:flex;align-items:center;gap:10px;margin-top:24px}
.hero-slide__primary{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:0 20px;border-radius:10px;color:#fff;background:var(--hero-red);font-size:12px;font-weight:900;text-decoration:none;transition:transform .2s ease,background .2s ease}
.hero-slide__primary:hover{background:#d70f2b;transform:translateY(-2px)}
.hero-slide__icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.48);border-radius:50%;color:#fff;background:rgba(7,19,33,.18);font-size:19px;cursor:pointer;backdrop-filter:blur(6px)}
.hero-slide__icon:hover{background:rgba(255,255,255,.15)}
.hero-slider__arrow{position:absolute;z-index:4;top:50%;width:46px;height:46px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid rgba(255,255,255,.42);border-radius:50%;color:#fff;background:rgba(7,19,33,.34);font-size:32px;line-height:1;cursor:pointer;backdrop-filter:blur(8px);transition:background .2s ease,transform .2s ease}
.hero-slider__arrow:hover{background:rgba(7,19,33,.72);transform:translateY(-50%) scale(1.04)}
.hero-slider__arrow--prev{left:18px}.hero-slider__arrow--next{right:18px}
.hero-slider__controls{position:absolute;z-index:5;right:70px;bottom:24px;display:flex;align-items:center;gap:8px}
.hero-slider__dot{width:38px;height:18px;padding:0;border:0;background:transparent;cursor:pointer}
.hero-slider__dot span{display:block;width:100%;height:3px;border-radius:99px;background:rgba(255,255,255,.42);overflow:hidden}
.hero-slider__dot.is-active span{background:#fff;animation:hero-progress 5s linear}
.hero-slider__pause{position:absolute;z-index:5;right:24px;bottom:17px;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.38);border-radius:50%;color:#fff;background:rgba(7,19,33,.3);font-size:12px;cursor:pointer}
@keyframes hero-progress{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@media(max-width:860px){.hero-slider__viewport,.hero-slide,.hero-slide__content{min-height:540px}.hero-slide__content{padding:50px 45px 55px}.hero-slider__arrow{top:auto;bottom:15px;transform:none}.hero-slider__arrow:hover{transform:scale(1.04)}.hero-slider__arrow--prev{left:18px}.hero-slider__arrow--next{left:72px;right:auto}.hero-slider__controls{right:62px;bottom:24px}}
@media(max-width:640px){.hero-slider{border-radius:18px}.hero-slider__viewport,.hero-slide,.hero-slide__content{min-height:520px}.hero-slide__content{padding:35px 20px 70px}.hero-slide__title{font-size:clamp(38px,11vw,52px)}.hero-slide__details time:before{display:none}.hero-slider__arrow{display:none}.hero-slider__controls{left:20px;right:62px;bottom:22px}.hero-slider__dot{flex:1}.hero-slider__pause{right:18px;bottom:15px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-slide.is-active{transform:none;transition:none}.hero-slider__dot.is-active span{animation:none}}

/* Slider po lewej + trzy stale promowane artykuly po prawej */
.hero-editorial__grid--slider{grid-template-columns:minmax(0,1.9fr) minmax(310px,.9fr)}
.hero-editorial__grid--slider .hero-slider{min-width:0}
.hero-editorial__grid--slider .hero-slider,
.hero-editorial__grid--slider .hero-slider__viewport,
.hero-editorial__grid--slider .hero-slide,
.hero-editorial__grid--slider .hero-slide__content{min-height:590px}

@media(max-width:1050px){
  .hero-editorial__grid--slider{grid-template-columns:minmax(0,1.45fr) minmax(280px,.7fr)}
  .hero-editorial__grid--slider .hero-slider,
  .hero-editorial__grid--slider .hero-slider__viewport,
  .hero-editorial__grid--slider .hero-slide,
  .hero-editorial__grid--slider .hero-slide__content,
  .hero-editorial__grid--slider .hero-editorial__side{min-height:550px}
}
@media(max-width:860px){
  .hero-editorial__grid--slider{grid-template-columns:1fr}
  .hero-editorial__grid--slider .hero-editorial__side{min-height:0;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none}
}
@media(max-width:640px){
  .hero-editorial__grid--slider .hero-editorial__side{grid-template-columns:1fr}
}

/* 2026-08-15: stabilny HERO - stala geometria tekstu, nieruchomy obraz, rowne strzalki */
.hero-editorial__grid--slider .hero-slider,
.hero-editorial__grid--slider .hero-slider__viewport,
.hero-editorial__grid--slider .hero-slide,
.hero-editorial__grid--slider .hero-slide__content{height:594px;min-height:594px;max-height:594px}
.hero-slide{transform:none!important;transition:opacity .45s ease,visibility 0s linear .45s!important}
.hero-slide.is-active{transform:none!important;transition-delay:0s!important}
.hero-slide__image{display:block;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;transform:none!important;transition:none!important;animation:none!important}
.hero-slide__content{justify-content:flex-start;max-width:930px;padding:62px 58px 15px}
.hero-slide__meta-top{flex:0 0 34px;margin:0 0 25px}
.hero-slide__title{display:-webkit-box;flex:0 0 216px;height:216px;max-height:216px;margin:0 0 12px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.hero-slide__intro{display:-webkit-box;flex:0 0 88px;height:88px;max-height:88px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.hero-slide__details{flex:0 0 38px;height:38px;margin-top:14px}
.hero-slide__actions{flex:0 0 48px;height:48px;margin-top:14px}
.hero-slider__arrow{top:50%!important;bottom:auto!important;width:46px;height:46px;margin:0;padding:0;transform:translateY(-50%)!important}
.hero-slider__arrow:hover{transform:translateY(-50%) scale(1.04)!important}
.hero-slider__arrow--prev{left:18px!important;right:auto!important}
.hero-slider__arrow--next{right:18px!important;left:auto!important}
@media(max-width:1050px) and (min-width:861px){
  .hero-editorial__grid--slider .hero-slider,.hero-editorial__grid--slider .hero-slider__viewport,.hero-editorial__grid--slider .hero-slide,.hero-editorial__grid--slider .hero-slide__content{height:550px;min-height:550px;max-height:550px}
  .hero-slide__content{padding:48px 48px 14px}.hero-slide__title{flex-basis:198px;height:198px;max-height:198px}.hero-slide__intro{flex-basis:82px;height:82px;max-height:82px}
}
@media(max-width:860px) and (min-width:641px){
  .hero-editorial__grid--slider .hero-slider,.hero-editorial__grid--slider .hero-slider__viewport,.hero-editorial__grid--slider .hero-slide,.hero-editorial__grid--slider .hero-slide__content{height:540px;min-height:540px;max-height:540px}
  .hero-slide__content{padding:44px 45px 14px}.hero-slide__title{flex-basis:190px;height:190px;max-height:190px}.hero-slide__intro{flex-basis:78px;height:78px;max-height:78px}
}
@media(max-width:640px){
  .hero-editorial__grid--slider .hero-slider,.hero-editorial__grid--slider .hero-slider__viewport,.hero-editorial__grid--slider .hero-slide,.hero-editorial__grid--slider .hero-slide__content{height:520px;min-height:520px;max-height:520px}
  .hero-slide__content{padding:30px 20px 70px}.hero-slide__meta-top{margin-bottom:16px}.hero-slide__title{flex-basis:168px;height:168px;max-height:168px}.hero-slide__intro{flex-basis:76px;height:76px;max-height:76px}.hero-slide__details{margin-top:10px}.hero-slide__actions{margin-top:10px}
}

/* 2026-08-15: finalne wyrownanie strzalek HERO - SVG zamiast glifow */
.hero-slider__arrow{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;width:48px!important;height:48px!important;padding:0!important;border-radius:50%!important;line-height:0!important;font-size:0!important;}
.hero-slider__arrow svg{display:block;width:22px;height:22px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;}
.hero-slider__arrow--prev,.hero-slider__arrow--next{top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;}
.hero-slider__arrow--prev{left:18px!important;right:auto!important;}
.hero-slider__arrow--next{right:18px!important;left:auto!important;}
.hero-slider__arrow:hover{transform:translateY(-50%) scale(1.04)!important;}
@media(max-width:860px) and (min-width:641px){
  .hero-slider__arrow--prev,.hero-slider__arrow--next{top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;}
  .hero-slider__arrow--prev{left:18px!important;right:auto!important;}
  .hero-slider__arrow--next{right:18px!important;left:auto!important;}
}

/* NaszeMedia HERO 2-line title fix - 2026-08-24 */
.hero-editorial__grid--slider .hero-slide__title{
  display:-webkit-box;
  flex:0 0 auto;
  height:auto;
  min-height:0;
  max-height:calc(2 * 1.04em + .18em);
  margin:0 0 14px;
  overflow:hidden;
  line-height:1.04;
  padding:0 0 .18em;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  text-wrap:balance;
}
@media (max-width:1100px){
  .hero-editorial__grid--slider .hero-slide__title{max-height:calc(2 * 1.05em + .18em);line-height:1.05}
}
@media (max-width:640px){
  .hero-editorial__grid--slider .hero-slide__title{max-height:calc(2 * 1.06em + .2em);line-height:1.06;padding-bottom:.2em}
}

/* HERO PRO — 4 artykuły pod dużym hero */
.hero-undergrid{
  display:block;
  margin-top:14px;
}
.hero-undergrid__articles{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.hero-mini-card{
  min-width:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border:1px solid var(--hero-border);
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 28px rgba(17,40,70,.055);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.hero-mini-card:hover{
  transform:translateY(-2px);
  border-color:#c8d6e8;
  box-shadow:0 16px 36px rgba(17,40,70,.09);
}
.hero-mini-card__media{
  position:relative;
  display:block;
  aspect-ratio:16/8.6;
  overflow:hidden;
  background:#e9eef5;
}
.hero-mini-card__media img{
  width:100%;height:100%;display:block;object-fit:cover;
  transition:transform .35s ease;
}
.hero-mini-card:hover .hero-mini-card__media img{transform:scale(1.035)}
.hero-mini-card__body{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:14px 15px 15px;
}
.hero-mini-card__meta{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:8px;
  color:#7b8798;
  font-size:10px;
  font-weight:750;
}
.hero-mini-card__meta span{
  max-width:58%;
  overflow:hidden;
  padding:5px 8px;
  border-radius:999px;
  color:#1559b8;
  background:#edf5ff;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-transform:uppercase;
  letter-spacing:.02em;
}
.hero-mini-card__meta time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero-mini-card h2{
  margin:0;
  font-size:clamp(15px,1.15vw,19px);
  line-height:1.18;
  letter-spacing:-.025em;
}
.hero-mini-card h2 a{
  display:-webkit-box;
  overflow:hidden;
  color:#111d31;
  text-decoration:none;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.hero-mini-card p{
  display:-webkit-box;
  margin:9px 0 0;
  overflow:hidden;
  color:#657287;
  font-size:12px;
  line-height:1.45;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.hero-mini-card__more{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:auto;
  padding-top:12px;
  color:#1767dc;
  font-size:12px;
  font-weight:850;
  text-decoration:none;
}
.hero-mini-card__more span{transition:transform .18s ease}
.hero-mini-card__more:hover span{transform:translateX(3px)}

@media(max-width:1100px){
  .hero-undergrid__articles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .hero-undergrid__articles{grid-template-columns:1fr;gap:12px}
  .hero-mini-card{border-radius:16px}
  .hero-mini-card__body{padding:13px 14px 14px}
  .hero-mini-card h2{font-size:17px}
}