/* awards/blok1 — top bar and hero (front/public/css/pages/marketing.css "awards landing"). */
.mk-awards__top { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
.mk-awards__brand { font: 700 22px/1 var(--font-head); letter-spacing: 0.08em; }
.mk-awards__brand em, .mk-awards__hero em { font-family: var(--font); font-weight: 300; }
.mk-awards__nav { display: flex; gap: 8px 24px; flex-wrap: wrap; font-size: 13px; letter-spacing: 0.08em; color: var(--muted); }
.mk-awards__nav a:hover { color: var(--yellow); }
.mk-awards__hero { text-align: center; padding: clamp(32px, 7vw, 80px) 0 24px; display: flex; flex-direction: column; align-items: center; gap: 16px; }
.mk-awards__crown { width: 120px; height: auto; }
.mk-awards__subtitle { letter-spacing: 0.3em; color: var(--muted); margin: 0; }
.mk-awards__hero .hero__lead { margin: 0 auto; max-width: 640px; }
/* Entrance: the hero lines rise one after another (blok1.js adds .is-in). */
.mk-awards__hero.is-armed [data-aw-rise] { opacity: 0; transform: translateY(var(--aw-rise, 18px)); transition: opacity var(--aw-dur, 700ms) ease, transform var(--aw-dur, 700ms) cubic-bezier(.2, .7, .2, 1); }
.mk-awards__hero.is-armed [data-aw-rise].is-in { opacity: 1; transform: none; }