.hero {
  min-height: min(820px, calc(100vh - 78px));
  background-image:
    radial-gradient(circle at 72% 52%, rgba(214,170,50,.11), transparent 22%),
    linear-gradient(90deg, rgba(7,10,7,.97) 0%, rgba(7,10,7,.9) 30%, rgba(7,10,7,.28) 66%, rgba(7,10,7,.12) 100%),
    url('../img/hero-stinadla-v2.webp');
  background-position: center;
  background-size: cover;
}
.hero__inner { padding-block: clamp(6rem, 12vh, 9rem); }
.hero__lead { max-width: 610px; }
.hero__note { margin-top: 2rem; color: var(--color-muted); font-size: .82rem; letter-spacing: .035em; }
.hero__note span { color: var(--color-accent); margin-right: .45rem; }
.archive-ribbon { position: relative; z-index: 4; display: grid; grid-template-columns: repeat(4,1fr); margin-top: -40px; background: #141914; border: 1px solid var(--color-border); box-shadow: var(--shadow); }
.archive-ribbon a { min-height: 94px; display: flex; align-items: center; gap: .9rem; padding: 1rem 1.2rem; text-decoration: none; border-right: 1px solid var(--color-border); }
.archive-ribbon a:last-child { border-right: 0; }
.archive-ribbon img { width: 40px; height: 40px; flex: 0 0 auto; }
.archive-ribbon strong,.archive-ribbon small { display: block; }
.archive-ribbon strong { font: 1rem Georgia,"Times New Roman",serif; color: var(--color-text); }
.archive-ribbon small { color: var(--color-muted); font-size: .7rem; margin-top: .18rem; }
@media(max-width:960px){.archive-ribbon{grid-template-columns:repeat(2,1fr)}.archive-ribbon a:nth-child(2){border-right:0}.archive-ribbon a:nth-child(-n+2){border-bottom:1px solid var(--color-border)}}
@media(max-width:640px){.hero{min-height:670px;background-position:62% center}.archive-ribbon{grid-template-columns:1fr;margin-top:-24px}.archive-ribbon a{border-right:0;border-bottom:1px solid var(--color-border)}.archive-ribbon a:last-child{border-bottom:0}}