.mahl-sec {
--mahl-bl-pad: var(--mahl-section-pad);
--mahl-bl-card: var(--mahl-white); --mahl-bl-ink: var(--mahl-navy); --mahl-bl-text: var(--mahl-text-2); --mahl-bl-accent: var(--mahl-red); position: relative;
box-sizing: border-box;
padding: var(--mahl-bl-pad) 0;
color: var(--mahl-bl-text);
font-family: var(--mahl-font-body);
font-size: 17px;
line-height: 1.6;
}
.mahl-sec *,
.mahl-sec *::before,
.mahl-sec *::after {
box-sizing: border-box;
}
.mahl-sec--seda  { background: var(--mahl-bg); }
.mahl-sec--biela { background: var(--mahl-white); --mahl-bl-card: var(--mahl-row); }
.mahl-sec--navy  {
background: var(--mahl-navy);
--mahl-bl-card: var(--mahl-navy-2);
--mahl-bl-ink: var(--mahl-white);
--mahl-bl-text: var(--mahl-on-navy);
--mahl-bl-accent: var(--mahl-red-light);
}
.mahl-wrap {
max-width: var(--mahl-wrap);
margin: 0 auto;
padding: 0 var(--mahl-gutter);
} .mahl-sec--seda + .mahl-sec--seda,
.mahl-sec--biela + .mahl-sec--biela,
.mahl-sec--navy + .mahl-sec--navy {
padding-top: 0;
} .entry-content > .mahl-sec.mahl-sec {
margin-block: 0;
max-width: none;
} .mahl-sec .mahl-red { color: var(--mahl-bl-accent); }
.mahl-sec .mahl-rule { margin: 18px 0 0; }
.mahl-sec p { margin: 0 0 1em; }
.mahl-sec p:last-child { margin-bottom: 0; }
.mahl-sec .mahl-bl-kicker {
margin: 0 0 10px;
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-strong);
font-size: 16px;
line-height: 1.2;
text-transform: uppercase;
color: var(--mahl-bl-accent);
}
.mahl-sec .mahl-bl-title {
margin: 0;
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: clamp(32px, 4.4vw, 56px);
line-height: .92;
text-transform: uppercase;
letter-spacing: 0;
color: var(--mahl-bl-ink);
}
.mahl-sec .mahl-bl-h3 {
margin: 0 0 8px;
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: clamp(22px, 2vw, 28px);
line-height: .95;
text-transform: uppercase;
color: var(--mahl-bl-ink);
} .mahl-sec .mahl-tag {
height: 30px;
padding: 0 12px;
font-size: 18px;
line-height: 1;
}
.mahl-bl-tags {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-bottom: 18px;
} .mahl-sec .mahl-btn,
.mahl-sec .mahl-more {
text-decoration: none;
}
.mahl-sec .mahl-more {
color: var(--mahl-bl-ink);
border-bottom-color: var(--mahl-red);
}
.mahl-sec .mahl-more:hover {
color: var(--mahl-bl-accent);
}
.mahl-bl-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 14px 22px;
margin-top: 28px;
} .mahl-bl--nadpis-sekcie {
padding-bottom: 36px;
}
.mahl-bl-head {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
gap: 16px 32px;
}
.mahl-bl-head__text {
min-width: 0;
flex: 1 1 520px;
}
.mahl-bl-head__link {
padding-bottom: 6px;
}
.mahl-bl-head.is-center {
flex-direction: column;
align-items: center;
text-align: center;
}
.mahl-bl-head.is-center .mahl-rule {
margin-inline: auto;
} @media (max-width: 679px) {
.mahl-sec { font-size: 16px; }
.mahl-bl--nadpis-sekcie { padding-bottom: 24px; }
}  .mahl-sec .mahl-bl-num {
display: block;
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: clamp(56px, 6vw, 84px);
line-height: .85;
color: transparent;
-webkit-text-stroke: 1.5px var(--mahl-bl-accent);
} .mahl-bl--hero {
overflow: hidden;
}
.mahl-bl-hero {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 48px;
align-items: center;
}
.mahl-bl-hero.has-side {
grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
}
.mahl-bl-hero__title {
margin: 0;
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
line-height: .88;
text-transform: uppercase;
color: var(--mahl-bl-ink);
}
.mahl-bl-hero__title.is-large  { font-size: clamp(48px, 7.4vw, 112px); }
.mahl-bl-hero__title.is-medium { font-size: clamp(44px, 6.6vw, 96px); }
.mahl-bl-hero .mahl-rule { margin: 26px 0 0; }
.mahl-sec .mahl-bl-hero__text {
max-width: 640px;
margin: 22px 0 0;
font-size: 19px;
line-height: 1.6;
}
.mahl-bl-hero__nav {
margin-top: 32px;
}
.mahl-sec .mahl-bl-hero__nav a {
border-bottom: 0;
padding-bottom: 0;
}
.mahl-bl-hero__side .mahl-bl-hero__img,
.mahl-bl-hero__side .mahl-bl-ph {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
}
.mahl-bl-hero__outline {
position: absolute;
top: 24px;
right: -0.12em;
z-index: 0;
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: 220px;
line-height: .8;
writing-mode: vertical-rl;
transform: rotate(180deg); pointer-events: none;
user-select: none;
}
.mahl-sec--navy .mahl-bl-hero__outline {
-webkit-text-stroke-color: var(--mahl-navy-2);
} .mahl-sec.mahl-bl-hero--scena {
padding: 0;
overflow: hidden;
isolation: isolate;
}
.mahl-bl-scena {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
gap: var(--mahl-space-4);
align-items: end;
min-height: 600px;
}
.mahl-bl-scena__copy {
position: relative;
z-index: 3;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 22px;
min-width: 0;
padding-block: 64px 72px;
}
.mahl-bl-scena__copy .mahl-bl-tags,
.mahl-bl-scena__copy .mahl-rule,
.mahl-sec .mahl-bl-scena__copy .mahl-bl-hero__text,
.mahl-bl-scena__copy .mahl-bl-actions {
margin: 0;
}
.mahl-sec .mahl-bl-scena__copy .mahl-bl-hero__text {
max-width: 34ch;
}
.mahl-bl-scena__copy .mahl-bl-hero__text + .mahl-bl-hero__text {
margin-top: 12px;
}
.mahl-sec .mahl-bl-scena__title {
margin: 0; font-size: clamp(48px, 7.4vw, 108px);
}
.mahl-bl-scena__title .ln {
display: block;
overflow: hidden;
padding-right: .08em;
}
.mahl-bl-scena__title .ln > span {
display: inline-block;
} @media (min-width: 901px) {
.mahl-bl-scena__title .ln > span {
white-space: nowrap;
}
} .mahl-bl-scena__stage {
position: relative;
height: 600px;
min-width: 0;
}
.mahl-bl-scena__layer {
position: absolute;
will-change: transform;
}
.mahl-bl-scena__layer.is-outline {
z-index: 0;
top: -10px;
right: -6%;
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: clamp(220px, 25vw, 360px);
line-height: .8;
text-transform: uppercase;
white-space: nowrap;
color: transparent;
-webkit-text-stroke: 2px var(--mahl-outline);
user-select: none;
}
.mahl-bl-scena__layer.is-panel {
z-index: 1;
left: 14%;
bottom: 0;
width: 46%;
height: 78%;
}
.mahl-bl-scena__layer.is-panel .in {
background: var(--mahl-navy);
clip-path: polygon(22% 0, 100% 0, 78% 100%, 0 100%);
transform-origin: bottom;
}
.mahl-bl-scena__layer.is-pas {
z-index: 1;
top: 30%;
left: -10%;
width: 130%;
height: 46px;
}
.mahl-bl-scena__layer.is-linka {
z-index: 1;
top: calc(30% + 64px);
left: 4%;
width: 110%;
height: 8px;
}
.mahl-bl-scena__layer.is-pas .in,
.mahl-bl-scena__layer.is-linka .in {
background: var(--mahl-red);
clip-path: polygon(2% 0, 100% 0, 98% 100%, 0 100%);
}
.mahl-bl-scena__layer.is-outline .in,
.mahl-bl-scena__layer.is-panel .in,
.mahl-bl-scena__layer.is-pas .in,
.mahl-bl-scena__layer.is-linka .in {
width: 100%;
height: 100%;
}
.mahl-bl-scena__layer.is-players {
z-index: 2;
left: 0;
right: 0;
bottom: 0;
width: min(100%, 600px);
margin: auto;
}
.mahl-bl-scena__img {
display: block;
width: 100%;
height: auto;
filter: drop-shadow(0 18px 24px rgba(32, 39, 57, .18));
}
.mahl-bl-scena__empty {
position: absolute;
z-index: 2;
left: 10%;
right: 10%;
bottom: 0;
height: 70%;
display: flex;
align-items: center;
justify-content: center;
padding: var(--mahl-space-4);
text-align: center;
background: var(--mahl-line);
color: var(--mahl-muted);
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-meta);
text-transform: uppercase;
} .mahl-bl-scena__layer.is-chip {
z-index: 4;
}
.mahl-bl-scena__layer.is-c1 { left: -2%; top: 24%; }
.mahl-bl-scena__layer.is-c2 { right: 0; top: 9%; }
.mahl-bl-scena__layer.is-chip .in {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 26px 10px 14px;
background: var(--mahl-white);
color: var(--mahl-navy);
clip-path: polygon(var(--mahl-skew-sm) 0, 100% 0, calc(100% - var(--mahl-skew-sm)) 100%, 0 100%);
}
.mahl-bl-scena__layer.is-chip .n {
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: 40px;
line-height: 1;
color: var(--mahl-red);
font-variant-numeric: tabular-nums;
}
.mahl-bl-scena__layer.is-lider .n {
color: var(--mahl-navy);
}
.mahl-bl-scena__layer.is-chip .t {
display: flex;
flex-direction: column;
gap: 2px;
}
.mahl-bl-scena__layer.is-chip .t b {
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: 20px;
line-height: 1;
text-transform: uppercase;
}
.mahl-bl-scena__layer.is-chip .t span {
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-meta);
font-size: 14px;
text-transform: uppercase;
color: var(--mahl-muted);
} @keyframes mahl-bl-ghost { from { transform: translateX(18%); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes mahl-bl-slab  { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes mahl-bl-wipe  { from { clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); } to { clip-path: polygon(2% 0, 100% 0, 98% 100%, 0 100%); } }
@keyframes mahl-bl-rise  { from { transform: translateY(90px) scale(.96); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes mahl-bl-line  { from { transform: translateX(-105%) skewX(-12deg); } to { transform: none; } }
@keyframes mahl-bl-fade  { from { transform: translateX(-24px); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes mahl-bl-pop   { 0% { transform: scale(.6) rotate(-4deg); opacity: 0; } 70% { transform: scale(1.05); } 100% { transform: none; opacity: 1; } }
.mahl-hero-play .mahl-bl-hero--scena:not(.is-editor) .is-outline .in { animation: mahl-bl-ghost 1.4s cubic-bezier(.2, .7, .2, 1) both; }
.mahl-hero-play .mahl-bl-hero--scena:not(.is-editor) .is-panel .in { animation: mahl-bl-slab .7s .15s cubic-bezier(.7, 0, .2, 1) both; }
.mahl-hero-play .mahl-bl-hero--scena:not(.is-editor) .is-pas .in { animation: mahl-bl-wipe .55s .35s cubic-bezier(.7, 0, .2, 1) both; }
.mahl-hero-play .mahl-bl-hero--scena:not(.is-editor) .is-linka .in { animation: mahl-bl-wipe .55s .48s cubic-bezier(.7, 0, .2, 1) both; }
.mahl-hero-play .mahl-bl-hero--scena:not(.is-editor) .is-players .in { animation: mahl-bl-rise .9s cubic-bezier(.2, .8, .2, 1) both; animation-delay: calc(.45s + var(--mahl-bl-i, 0) * .08s); }
.mahl-hero-play .mahl-bl-hero--scena:not(.is-editor) .mahl-bl-scena__title .ln > span { animation: mahl-bl-line .7s cubic-bezier(.2, .8, .2, 1) both; }
.mahl-hero-play .mahl-bl-hero--scena:not(.is-editor) .mahl-bl-scena__title .ln:nth-child(2) > span { animation-delay: .1s; }
.mahl-hero-play .mahl-bl-hero--scena:not(.is-editor) .mahl-bl-scena__title .ln:nth-child(3) > span { animation-delay: .2s; }
.mahl-hero-play .mahl-bl-hero--scena:not(.is-editor) .mahl-bl-scena__fade { animation: mahl-bl-fade .6s .45s ease-out both; }
.mahl-hero-play .mahl-bl-hero--scena:not(.is-editor) .mahl-bl-scena__fade.is-f2 { animation-delay: .55s; }
.mahl-hero-play .mahl-bl-hero--scena:not(.is-editor) .mahl-bl-scena__fade.is-f3 { animation-delay: .65s; }
.mahl-hero-play .mahl-bl-hero--scena:not(.is-editor) .is-c1 .in { animation: mahl-bl-pop .5s 1.1s cubic-bezier(.3, 1.4, .5, 1) both; }
.mahl-hero-play .mahl-bl-hero--scena:not(.is-editor) .is-c2 .in { animation: mahl-bl-pop .5s 1.25s cubic-bezier(.3, 1.4, .5, 1) both; } .mahl-hero-play:not(.mahl-hero-go) .mahl-bl-hero--scena:not(.is-editor) * { animation-play-state: paused !important; } .mahl-bl-pas {
position: relative;
z-index: 5;
background: var(--mahl-navy);
color: var(--mahl-white);
}
.mahl-bl-pas[hidden],
.mahl-bl-pas__day[hidden],
.mahl-bl-pas__cd[hidden],
.mahl-bl-pas__live[hidden] {
display: none;
}
.mahl-bl-pas__day {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
gap: 28px;
align-items: center;
padding-block: 22px;
color: inherit;
text-decoration: none;
}
.mahl-bl-pas__tags {
display: flex;
gap: 6px;
}
.mahl-bl-pas__tags .mahl-tag:first-child {
background: var(--mahl-white);
color: var(--mahl-navy);
}
.mahl-bl-pas__games {
display: flex;
gap: 26px;
min-width: 0;
overflow-x: auto;
scrollbar-width: none;
}
.mahl-bl-pas__games::-webkit-scrollbar {
display: none;
}
.mahl-bl-pas__game {
flex: none;
display: flex;
flex-direction: column;
gap: 2px;
}
.mahl-bl-pas__game b {
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: 22px;
color: var(--mahl-red-light);
font-variant-numeric: tabular-nums;
}
.mahl-bl-pas__game span {
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-strong);
font-size: 17px;
text-transform: uppercase;
white-space: nowrap;
}
.mahl-bl-pas__game small {
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-meta);
font-size: 13px;
text-transform: uppercase;
color: var(--mahl-on-navy-2);
}
.mahl-bl-pas__cd {
display: flex;
gap: 10px;
font-variant-numeric: tabular-nums;
}
.mahl-bl-pas__cd > span {
display: flex;
flex-direction: column;
align-items: center;
min-width: 52px;
}
.mahl-bl-pas__cd b {
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: 40px;
line-height: 1;
}
.mahl-bl-pas__cd small {
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-meta);
font-size: 13px;
text-transform: uppercase;
color: var(--mahl-on-navy-2);
}
.mahl-bl-pas__live {
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: 24px;
text-transform: uppercase;
color: var(--mahl-red-light);
}
.mahl-bl-pas__day:hover .mahl-bl-pas__game span {
text-decoration: underline;
text-decoration-color: var(--mahl-red-light);
text-underline-offset: 4px;
}
@media (max-width: 900px) {
.mahl-bl-scena {
grid-template-columns: minmax(0, 1fr);
gap: 0;
min-height: 0;
}
.mahl-bl-scena__copy { padding-block: 40px 8px; }
.mahl-bl-scena__stage { height: min(108vw, 520px); }
.mahl-bl-scena__layer.is-outline { font-size: 44vw; right: -4%; }
.mahl-bl-scena__layer.is-c1 { left: 0; top: 20%; }
.mahl-bl-scena__layer.is-chip .n { font-size: 32px; }
.mahl-bl-pas__day { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
@media (max-width: 480px) {
.mahl-bl-scena__layer.is-c2 { display: none; }
.mahl-sec .mahl-bl-scena__copy .mahl-bl-hero__text { font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) {
.mahl-bl-hero--scena *,
.mahl-bl-hero--scena *::before { animation: none !important; }
} .mahl-bl-split {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 64px;
align-items: center;
}
.mahl-bl-split.is-reversed .mahl-bl-split__media {
order: 2;
}
.mahl-bl-split.is-text-only {
grid-template-columns: minmax(0, 1fr);
}
.mahl-bl-split.is-text-only .mahl-bl-split__body {
max-width: 760px;
}
.mahl-bl-split__img,
.mahl-bl-split__media .mahl-bl-ph {
display: block;
width: 100%;
height: auto;
aspect-ratio: 3 / 2;
object-fit: cover;
}
.mahl-bl-split__text {
margin-top: 24px;
} .mahl-bl-facts {
display: grid;
grid-template-columns: repeat(var(--mahl-bl-cols, 3), minmax(0, 1fr));
gap: 16px;
margin: 0;
padding: 0;
list-style: none;
}
.mahl-bl-facts.is-cols-2 { --mahl-bl-cols: 2; }
.mahl-bl-facts.is-cols-3 { --mahl-bl-cols: 3; }
.mahl-bl-facts.is-cols-4 { --mahl-bl-cols: 4; }
.mahl-bl-fact {
display: flex;
flex-direction: column;
gap: 8px;
margin: 0;
padding: var(--mahl-card-pad);
background: var(--mahl-bl-card);
border-top: 6px solid var(--mahl-bl-ink);
}
.mahl-bl-fact.is-accent {
border-top-color: var(--mahl-red);
}
.mahl-bl-fact__value {
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: clamp(32px, 3.6vw, 52px);
line-height: .9;
text-transform: uppercase;
color: var(--mahl-bl-ink);
}
.mahl-bl-fact__label {
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-meta);
font-size: 16px;
line-height: 1.3;
text-transform: uppercase;
color: var(--mahl-muted);
}
.mahl-sec--navy .mahl-bl-fact__label {
color: var(--mahl-on-navy-2);
} .mahl-bl-values {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 16px;
margin: 0;
padding: 0;
list-style: none;
}
.mahl-bl-value {
margin: 0;
padding: var(--mahl-card-pad);
background: var(--mahl-bl-card);
}
.mahl-bl-value .mahl-bl-num {
margin-bottom: 18px;
} .mahl-bl-steps {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 32px;
margin: 0;
padding: 0;
list-style: none;
}
.mahl-bl-steps > .mahl-bl-step {
margin: 0;
padding-top: 18px;
border-top: 4px solid var(--mahl-red);
}
.mahl-bl-step .mahl-bl-num {
margin-bottom: 14px;
}
.mahl-sec--navy .mahl-bl-step .mahl-bl-num {
-webkit-text-stroke-color: var(--mahl-white);
}
.mahl-bl-steps__note {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 14px 24px;
margin-top: 40px;
} .mahl-bl-steps.is-list {
grid-template-columns: minmax(0, 1fr);
gap: 0;
}
.mahl-bl-steps.is-list > .mahl-bl-step {
display: grid;
grid-template-columns: 84px minmax(0, 1fr);
gap: 20px;
padding: 20px 0;
border-top: 1px solid var(--mahl-line);
}
.mahl-bl-steps.is-list > .mahl-bl-step:first-child {
border-top: 4px solid var(--mahl-red);
}
.mahl-bl-steps.is-list .mahl-bl-num {
margin: 0;
font-size: 60px;
} .mahl-bl-timeline {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
gap: 16px;
margin: 0;
padding: 28px 0 0;
list-style: none;
border-top: 3px solid var(--mahl-bl-ink);
}
.mahl-bl-milestone {
position: relative;
margin: 0;
padding: var(--mahl-card-pad);
background: var(--mahl-bl-card);
}
.mahl-bl-milestone::before {
content: "";
position: absolute;
top: -37px;
left: 22px;
width: 14px;
height: 14px;
background: var(--mahl-bl-ink);
transform: skewX(-12deg);
}
.mahl-bl-milestone__year {
display: block;
margin-bottom: 10px;
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: 34px;
line-height: .9;
text-transform: uppercase;
color: var(--mahl-bl-accent);
}
.mahl-bl-milestone.is-navy,
.mahl-bl-milestone.is-red {
--mahl-bl-ink: var(--mahl-white);
color: var(--mahl-on-navy);
}
.mahl-bl-milestone.is-navy { background: var(--mahl-navy); }
.mahl-bl-milestone.is-red  { background: var(--mahl-red); }
.mahl-bl-milestone.is-navy .mahl-bl-milestone__year,
.mahl-bl-milestone.is-red .mahl-bl-milestone__year {
color: var(--mahl-white);
}
.mahl-bl-milestone.is-navy::before { background: var(--mahl-navy); }
.mahl-bl-milestone.is-red::before  { background: var(--mahl-red); } .mahl-bl-quote {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(200px, 300px);
gap: 32px 64px;
align-items: end;
margin: 0;
}
.mahl-bl-quote__text {
margin: 0;
padding: 0;
border: 0;
}
.mahl-sec .mahl-bl-quote__text p {
margin: 0;
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: clamp(26px, 3vw, 42px);
line-height: 1.05;
text-transform: uppercase;
color: var(--mahl-bl-ink);
}
.mahl-bl-quote__who {
text-align: left;
display: flex;
flex-direction: column;
gap: 4px;
padding-left: 20px;
border-left: 4px solid var(--mahl-red);
}
.mahl-bl-quote__who strong {
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: 22px;
line-height: 1;
text-transform: uppercase;
color: var(--mahl-bl-ink);
}
.mahl-bl-quote__who span {
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-meta);
text-transform: uppercase;
color: var(--mahl-muted);
} .mahl-bl-quote__author {
display: flex;
flex-direction: column;
gap: 20px;
margin: 0;
}
.mahl-bl-quote__photo {
display: block;
width: 100%;
max-width: 260px;
aspect-ratio: 4 / 5;
height: auto;
object-fit: cover;
object-position: top;
} .mahl-bl-band {
--mahl-bl-skew: 40px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 16px 32px;
padding: 32px calc(36px + var(--mahl-bl-skew)) 32px 36px;
color: var(--mahl-white);
clip-path: polygon(0 0, 100% 0, calc(100% - var(--mahl-bl-skew)) 100%, 0 100%);
}
.mahl-bl-band.is-red  { background: var(--mahl-red); }
.mahl-bl-band.is-navy { background: var(--mahl-navy); }
.mahl-sec--navy .mahl-bl-band.is-navy { background: var(--mahl-navy-2); }
.mahl-sec .mahl-bl-band__title {
margin: 0;
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: clamp(28px, 3.2vw, 44px);
line-height: .95;
text-transform: uppercase;
color: var(--mahl-white);
}
.mahl-sec .mahl-bl-band.is-red .mahl-bl-band__title .mahl-red {
color: var(--mahl-navy);
}
.mahl-sec .mahl-bl-band.is-navy .mahl-bl-band__title .mahl-red {
color: var(--mahl-red-light);
}
.mahl-sec .mahl-bl-band__text p {
margin: 6px 0 0;
color: var(--mahl-white);
}
.mahl-sec .mahl-bl-band .mahl-bl-band__cta {
color: var(--mahl-white);
border-bottom-color: var(--mahl-white);
}
.mahl-sec .mahl-bl-band .mahl-bl-band__cta:hover {
color: var(--mahl-white);
opacity: .85;
} .mahl-bl-cards {
display: grid;
grid-template-columns: repeat(var(--mahl-bl-cols, 3), minmax(0, 1fr));
gap: 24px;
margin: 0;
padding: 0;
list-style: none;
}
.mahl-bl-cards.is-cols-2 { --mahl-bl-cols: 2; }
.mahl-bl-cards.is-cols-3 { --mahl-bl-cols: 3; }
.mahl-bl-card {
margin: 0;
background: var(--mahl-bl-card);
}
.mahl-bl-card__link {
display: block;
height: 100%;
color: inherit;
text-decoration: none;
}
.mahl-bl-card__img,
.mahl-bl-card__media .mahl-bl-ph {
display: block;
width: 100%;
height: auto;
aspect-ratio: 3 / 2;
min-height: 0;
object-fit: cover;
}
.mahl-bl-card__body {
padding: var(--mahl-card-pad);
}
.mahl-bl-card.no-media .mahl-bl-card__body {
border-top: 6px solid var(--mahl-red);
}
.mahl-bl-card__body .mahl-more {
display: inline-block;
margin-top: 14px;
}
.mahl-bl-card__link:hover .mahl-bl-h3 {
color: var(--mahl-bl-accent);
} .mahl-bl-tv {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
gap: 56px;
align-items: center;
}
.mahl-bl-tv__desc {
margin-top: 24px;
}
.mahl-bl-tv__video {
position: relative;
display: block;
aspect-ratio: 16 / 9;
background: var(--mahl-bl-card);
}
.mahl-sec--navy .mahl-bl-tv__video { background: var(--mahl-navy-2); }
.mahl-bl-tv__video iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
}
.mahl-bl-tv__video.is-empty {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 20px;
text-decoration: none;
}
.mahl-bl-tv__play {
width: 0;
height: 0;
border-top: 22px solid transparent;
border-bottom: 22px solid transparent;
border-left: 36px solid var(--mahl-red);
}
.mahl-bl-tv__label {
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-strong);
font-size: 18px;
text-transform: uppercase;
color: var(--mahl-bl-ink);
}
.mahl-sec .mahl-bl-tv__note {
margin: 12px 0 0;
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-strong);
font-size: 15px;
text-transform: uppercase;
color: var(--mahl-bl-text);
} .mahl-bl-faq {
display: flex;
flex-direction: column;
gap: 8px;
max-width: 900px;
}
.mahl-bl-faq__item {
background: var(--mahl-bl-card);
}
.mahl-bl-faq__item summary {
display: flex;
align-items: center;
gap: 14px;
padding: 16px 20px;
cursor: pointer;
list-style: none;
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: 21px;
line-height: 1.05;
text-transform: uppercase;
color: var(--mahl-bl-ink);
}
.mahl-bl-faq__item summary::-webkit-details-marker {
display: none;
}
.mahl-bl-faq__item summary::before {
content: "";
flex: 0 0 auto;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 10px solid var(--mahl-red);
transition: transform .15s ease;
}
.mahl-bl-faq__item[open] summary::before {
transform: rotate(90deg);
}
.mahl-bl-faq__answer {
padding: 0 20px 20px 44px;
} .mahl-bl-contact {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
gap: 56px;
align-items: start;
}
.mahl-bl-contact.is-single {
grid-template-columns: minmax(0, 1fr);
}
.mahl-sec .mahl-bl-contact__name {
margin: 0 0 16px;
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: 30px;
line-height: 1;
text-transform: uppercase;
color: var(--mahl-bl-ink);
}
.mahl-bl-contact__info p {
margin: 0 0 6px;
}
.mahl-sec .mahl-bl-contact__email,
.mahl-sec .mahl-bl-contact__phone {
display: block;
margin-top: 14px;
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: clamp(26px, 2.6vw, 34px);
line-height: 1;
text-transform: uppercase;
text-decoration: none;
color: var(--mahl-bl-ink);
}
.mahl-sec .mahl-bl-contact__email {
color: var(--mahl-bl-accent);
text-transform: none;
}
.mahl-bl-contact__map {
margin-top: 28px;
aspect-ratio: 16 / 10;
background: var(--mahl-bl-card);
}
.mahl-bl-contact__side .mahl-bl-contact__map {
margin-top: 0;
}
.mahl-bl-contact__map iframe,
.mahl-bl-contact__map .mahl-bl-ph {
display: block;
width: 100%;
height: 100%;
border: 0;
}
.mahl-bl-contact__form {
padding: calc(var(--mahl-card-pad) + 8px);
background: var(--mahl-bl-card);
}
.mahl-sec--biela .mahl-bl-contact__form {
background: var(--mahl-bg);
} .mahl-bl-donate {
display: grid;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
gap: 56px;
align-items: start;
}
.mahl-bl-donate__card {
display: flex;
flex-direction: column;
gap: 6px;
padding: 28px 32px;
background: var(--mahl-navy);
border-bottom: 6px solid var(--mahl-red);
color: var(--mahl-on-navy);
}
.mahl-sec--navy .mahl-bl-donate__card {
background: var(--mahl-navy-2);
}
.mahl-bl-donate__label {
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-strong);
font-size: 15px;
text-transform: uppercase;
color: var(--mahl-on-navy-2);
}
.mahl-bl-donate__name {
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: clamp(26px, 2.6vw, 34px);
line-height: 1;
text-transform: uppercase;
color: var(--mahl-white);
}
.mahl-bl-donate__row b {
color: var(--mahl-white);
font-variant-numeric: tabular-nums;
} @media (max-width: 1023px) {
.mahl-bl-hero.has-side,
.mahl-bl-split,
.mahl-bl-tv,
.mahl-bl-contact,
.mahl-bl-donate {
grid-template-columns: minmax(0, 1fr);
gap: 36px;
}
.mahl-bl-split.is-reversed .mahl-bl-split__media {
order: 0;
}
.mahl-bl-facts.is-cols-4 { --mahl-bl-cols: 2; }
.mahl-bl-cards.is-cols-3 { --mahl-bl-cols: 2; }
.mahl-bl-hero__outline { font-size: 160px; }
.mahl-bl-quote { grid-template-columns: minmax(0, 1fr); } .mahl-bl-timeline { border-top: 0; padding-top: 0; }
.mahl-bl-milestone::before { display: none; }
}
@media (max-width: 679px) {
.mahl-bl-facts.is-cols-3,
.mahl-bl-facts.is-cols-4 { --mahl-bl-cols: 2; }
.mahl-bl-facts.is-cols-2 { --mahl-bl-cols: 1; }
.mahl-bl-cards.is-cols-2,
.mahl-bl-cards.is-cols-3 { --mahl-bl-cols: 1; }
.mahl-bl-hero__outline { display: none; }
.mahl-sec .mahl-bl-hero__text { font-size: 17px; }
.mahl-bl-band { --mahl-bl-skew: 18px; padding: 24px calc(20px + var(--mahl-bl-skew)) 24px 20px; }
.mahl-bl-steps.is-list > .mahl-bl-step { grid-template-columns: 56px minmax(0, 1fr); gap: 12px; }
.mahl-bl-steps.is-list .mahl-bl-num { font-size: 44px; }
.mahl-bl-faq__answer { padding-left: 20px; }
}  .mahl-sec .mahl-bl-subtitle {
margin: 0;
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: clamp(26px, 2.6vw, 34px);
line-height: .95;
text-transform: uppercase;
color: var(--mahl-bl-ink);
}
.mahl-sec .mahl-bl-subtitle.is-ruled {
padding-bottom: 10px;
border-bottom: 3px solid var(--mahl-bl-ink);
}
.mahl-bl-head--small {
margin-bottom: 24px;
} .mahl-bl-strip {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 24px 44px;
margin: 0;
padding: 28px 24px;
list-style: none;
background: var(--mahl-bl-card);
}
.mahl-bl-strip li {
margin: 0;
}
.mahl-bl-strip__item {
display: flex;
align-items: center;
text-decoration: none;
}
.mahl-bl-strip .mahl-bl-partner__logo {
display: block;
width: auto;
max-width: 150px;
height: auto;
max-height: 56px;
object-fit: contain;
filter: grayscale(1);
opacity: .8;
transition: filter .15s ease, opacity .15s ease;
}
.mahl-bl-strip__item:hover .mahl-bl-partner__logo {
filter: none;
opacity: 1;
} .mahl-sec--navy .mahl-bl-strip {
background: transparent;
padding-inline: 0;
}
.mahl-sec--navy .mahl-bl-strip .mahl-bl-partner__logo,
.mahl-sec--navy .mahl-bl-strip__item:hover .mahl-bl-partner__logo {
filter: brightness(0) invert(1);
opacity: .9;
} .mahl-sec--navy .mahl-bl-strip .mahl-bl-partner__logo.has-light {
filter: none;
}
.mahl-bl-partner__name {
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: 20px;
line-height: 1;
text-transform: uppercase;
color: var(--mahl-bl-ink);
} .mahl-bl-marquee {
overflow: hidden;
background: var(--mahl-bl-card);
}
.mahl-sec--navy .mahl-bl-marquee { background: transparent; }
.mahl-bl-strip.mahl-bl-marquee__track {
flex-wrap: nowrap;
justify-content: flex-start;
width: max-content;
gap: 0;
padding-inline: 0;
background: transparent;
animation: mahl-bl-marquee var(--mahl-bl-marquee-time, 40s) linear infinite;
}
.mahl-bl-marquee__track li { padding: 0 32px; }
.mahl-sec.is-band { --mahl-bl-pad: 0px; border-bottom: 1px solid var(--mahl-line); }
.mahl-sec.is-band .mahl-bl-marquee { background: transparent; }
.mahl-bl-marquee:hover .mahl-bl-marquee__track,
.mahl-bl-marquee:focus-within .mahl-bl-marquee__track { animation-play-state: paused; }
@keyframes mahl-bl-marquee {
from { transform: translateX(0); }
to   { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
.mahl-bl-strip.mahl-bl-marquee__track {
flex-wrap: wrap;
justify-content: center;
width: auto;
animation: none;
}
.mahl-bl-marquee__track li[aria-hidden="true"] { display: none; }
} .mahl-bl-intro {
display: grid;
grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
gap: 56px;
align-items: center;
}
.mahl-bl-intro + .mahl-bl-intro { margin-top: 48px; }
.mahl-bl-intro__logo {
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 4 / 3;
padding: 40px;
background: var(--mahl-bl-card);
text-decoration: none;
}
.mahl-bl-intro__logo .mahl-bl-partner__logo {
display: block;
width: 100%;
height: 100%;
max-width: 420px;
object-fit: contain;
}
.mahl-sec .mahl-bl-intro__name { margin: 16px 0 0; }
.mahl-sec .mahl-bl-intro__text {
max-width: 640px;
margin: 18px 0 0;
font-size: 18px;
line-height: 1.6;
}
.mahl-sec .mahl-bl-intro__link { margin: 22px 0 0; }
@media (max-width: 1023px) {
.mahl-bl-intro { grid-template-columns: minmax(0, 1fr); gap: 28px; }
.mahl-bl-intro__logo { aspect-ratio: auto; padding: 32px; }
.mahl-bl-intro__logo .mahl-bl-partner__logo { max-height: 140px; }
} .mahl-bl-partners {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 16px;
margin: 0;
padding: 0;
list-style: none;
}
.mahl-bl-partners li {
margin: 0;
}
.mahl-bl-partner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
gap: 16px;
height: 100%;
padding: 24px 20px 20px;
background: var(--mahl-bl-card);
border-bottom: 4px solid transparent;
text-decoration: none;
text-align: center;
transition: border-color .15s ease;
}
a.mahl-bl-partner:hover {
border-bottom-color: var(--mahl-red);
}
.mahl-bl-partner__media {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 90px;
}
.mahl-bl-partners .mahl-bl-partner__logo {
display: block;
width: auto;
max-width: 100%;
height: auto;
max-height: 90px;
object-fit: contain;
}
.mahl-bl-partner__title {
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-strong);
font-size: 16px;
line-height: 1.2;
text-transform: uppercase;
color: var(--mahl-bl-text);
} .mahl-bl-partners.is-featured {
grid-template-columns: minmax(0, 1fr);
}
.mahl-bl-partner.is-featured {
display: grid;
grid-template-columns: 220px minmax(0, 1fr) 240px;
align-items: center;
gap: 24px 40px;
padding: 32px 36px;
border-bottom: 0;
border-left: 6px solid var(--mahl-red);
text-align: left;
}
.mahl-bl-partner.is-featured .mahl-bl-partner__label {
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: 24px;
line-height: 1;
text-transform: uppercase;
color: var(--mahl-bl-ink);
}
.mahl-bl-partner.is-featured .mahl-bl-partner__media {
order: 3;
height: 110px;
}
.mahl-bl-partner.is-featured .mahl-bl-partner__logo {
max-height: 110px;
}
.mahl-bl-partner.is-featured .mahl-bl-partner__title {
font-family: var(--mahl-font-display);
font-weight: var(--mahl-fw-display);
font-size: clamp(28px, 3vw, 44px);
line-height: .95;
color: var(--mahl-bl-ink);
} .mahl-bl-docs {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 16px;
margin: 32px 0 0;
padding: 0;
list-style: none;
}
.mahl-bl-doc {
display: flex;
flex-direction: column;
gap: 8px;
margin: 0;
padding: var(--mahl-card-pad);
background: var(--mahl-navy);
border-bottom: 6px solid var(--mahl-red);
color: var(--mahl-on-navy);
}
.mahl-sec--navy .mahl-bl-doc {
background: var(--mahl-navy-2);
}
.mahl-bl-doc__meta {
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-meta);
font-size: 14px;
text-transform: uppercase;
color: var(--mahl-on-navy-2);
}
.mahl-sec .mahl-bl-doc__title {
margin: 0;
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: 28px;
line-height: .95;
text-transform: uppercase;
color: var(--mahl-white);
}
.mahl-sec .mahl-bl-doc__desc {
margin: 0;
font-size: 15px;
color: var(--mahl-on-navy);
}
.mahl-sec .mahl-bl-doc__link {
display: inline-flex;
align-items: baseline;
gap: 6px;
margin-top: auto;
padding-top: 10px;
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: 18px;
text-transform: uppercase;
text-decoration: none;
color: var(--mahl-white);
}
.mahl-sec .mahl-bl-doc__link:hover {
color: var(--mahl-red-light);
}
.mahl-bl-doc__link small {
font-family: var(--mahl-font-meta);
font-weight: var(--mahl-fw-meta);
font-size: 13px;
color: var(--mahl-on-navy-2);
} .mahl-sec .mahl-bl-people__desc {
margin: 14px 0 0;
font-size: 15px;
color: var(--mahl-bl-text);
}
.mahl-bl-people {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(100%, 420px), 1fr));
gap: 8px 16px;
margin: 22px 0 0;
padding: 0;
list-style: none;
}
.mahl-bl-person {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 4px 16px;
margin: 0;
padding: 18px 22px;
background: var(--mahl-bl-card);
} .mahl-bl-people.is-cards {
grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));
gap: 16px;
}
.mahl-bl-person.has-photo {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 6px;
padding: 0 0 var(--mahl-card-pad);
}
.mahl-bl-person__photo {
display: block;
width: 100%;
height: auto;
aspect-ratio: 4 / 5;
margin-bottom: 14px;
object-fit: cover;
object-position: top;
background: var(--mahl-line);
}
.mahl-bl-person.has-photo > :not(.mahl-bl-person__photo) {
padding-inline: var(--mahl-card-pad);
}
@media (max-width: 679px) {
.mahl-bl-people.is-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.mahl-bl-person.has-photo { padding-bottom: 16px; }
.mahl-bl-person.has-photo > :not(.mahl-bl-person__photo) { padding-inline: 12px; }
.mahl-bl-person.has-photo .mahl-bl-person__name { font-size: 19px; }
.mahl-bl-person.has-photo .mahl-bl-person__role { font-size: 13px; }
.mahl-bl-quote__photo { max-width: 180px; }
}
.mahl-bl-person__name {
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: 22px;
line-height: 1;
text-transform: uppercase;
color: var(--mahl-bl-ink);
}
.mahl-bl-person__role {
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-meta);
font-size: 15px;
text-transform: uppercase;
color: var(--mahl-muted);
}
.mahl-sec--navy .mahl-bl-person__role {
color: var(--mahl-on-navy-2);
}
@media (max-width: 1023px) {
.mahl-bl-partner.is-featured {
grid-template-columns: minmax(0, 1fr);
text-align: center;
justify-items: center;
}
.mahl-bl-partner.is-featured .mahl-bl-partner__media {
order: 0;
}
}
@media (max-width: 679px) {
.mahl-bl-strip { gap: 18px 28px; padding: 20px 16px; }
.mahl-bl-strip .mahl-bl-partner__logo { max-width: 110px; max-height: 44px; }
.mahl-bl-partners { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mahl-bl-partner__media { height: 64px; }
.mahl-bl-partners .mahl-bl-partner__logo { max-height: 64px; }
} .mahl-bl-head + .mahl-bl-bands,
.mahl-bl-head + .mahl-bl-st,
.mahl-bl-head + .mahl-bl-leaders {
margin-top: 32px;
} .mahl-sec .mahl-bl-logo {
display: block;
flex: 0 0 auto;
width: 52px;
height: 52px;
object-fit: contain;
}
.mahl-sec .mahl-bl-logo.is-small {
width: 30px;
height: 30px;
}
.mahl-sec .mahl-bl-logo.is-empty {
background: var(--mahl-line);
} .mahl-bl-bands {
display: flex;
flex-direction: column;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.mahl-sec--biela .mahl-bl-band-game { background: var(--mahl-row); }
.mahl-sec--navy .mahl-bl-band-game { background: var(--mahl-navy-2); }
.mahl-bl-band-game {
display: grid;
grid-template-columns: 52px minmax(0, 1fr) 128px minmax(0, 1fr) 52px;
align-items: center;
gap: 18px;
margin: 0;
padding: 12px calc(var(--mahl-skew) + 16px);
min-height: 84px;
}
.mahl-bl-band-game__team {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
}
.mahl-bl-band-game__team.is-home {
align-items: flex-end;
text-align: right;
}
.mahl-bl-band-game__team strong {
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: clamp(18px, 1.8vw, 24px);
line-height: 1;
text-transform: uppercase;
color: var(--mahl-bl-ink);
}
.mahl-bl-band-game__team strong a {
color: inherit;
text-decoration: none;
}
.mahl-bl-band-game__team strong a:hover {
color: var(--mahl-bl-accent);
}
.mahl-bl-band-game__team small {
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-meta);
font-size: 13px;
text-transform: uppercase;
color: var(--mahl-muted);
}
.mahl-sec--navy .mahl-bl-band-game__team small { color: var(--mahl-on-navy-2); }
.mahl-bl-band-game__link {
display: block;
text-decoration: none;
}
.mahl-sec .mahl-bl-band-game__score {
height: 52px;
font-size: 28px;
line-height: 1;
} .mahl-sec .mahl-bl-band-game__score.is-time {
background: var(--mahl-bg);
color: var(--mahl-navy);
box-shadow: inset 0 0 0 2px var(--mahl-navy);
}
.mahl-bl-band-game__link:hover .mahl-bl-band-game__score {
background: var(--mahl-red);
color: var(--mahl-white);
box-shadow: none;
} .mahl-bl-countdown {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 4px;
text-align: right;
}
.mahl-bl-countdown__label {
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-meta);
font-size: 15px;
text-transform: uppercase;
color: var(--mahl-muted);
}
.mahl-bl-countdown__value {
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: clamp(30px, 3.4vw, 46px);
line-height: .9;
text-transform: uppercase;
color: var(--mahl-bl-accent);
font-variant-numeric: tabular-nums;
} .mahl-sec .mahl-bl-st,
.mahl-sec .mahl-bl-st :is(thead, tbody, tr, th, td) {
border: 0;
}
.mahl-bl-st {
width: 100%;
margin: 0;
border-collapse: separate;
border-spacing: 0 6px;
font-variant-numeric: tabular-nums;
}
.mahl-bl-st th {
padding: 0 12px;
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-meta);
font-size: 14px;
text-align: right;
text-transform: uppercase;
color: var(--mahl-muted);
}
.mahl-bl-st th:nth-child(2) { text-align: left; }
.mahl-bl-st tr.mahl-band { clip-path: none; }
.mahl-bl-st td {
padding: 10px 12px;
background: var(--mahl-bl-card);
text-align: right;
font-weight: var(--mahl-fw-strong);
color: var(--mahl-bl-ink);
}
.mahl-bl-st td:first-child { padding-left: 20px; }
.mahl-bl-st td:last-child { padding-right: 20px; }
.mahl-bl-st__pos {
width: 52px;
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: 22px;
text-align: left !important;
}
.mahl-bl-st tr.is-top1 .mahl-bl-st__pos { color: var(--mahl-gold); }
.mahl-bl-st tr.is-top2 .mahl-bl-st__pos { color: var(--mahl-silver); }
.mahl-bl-st tr.is-top3 .mahl-bl-st__pos { color: var(--mahl-bronze); }
.mahl-sec .mahl-bl-st__team {
text-align: left;
white-space: nowrap;
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: 20px;
text-transform: uppercase;
}
.mahl-sec .mahl-bl-st__team .mahl-bl-logo {
display: inline-block;
margin-right: 12px;
vertical-align: middle;
}
.mahl-bl-st__team a {
color: inherit;
text-decoration: none;
}
.mahl-bl-st__pts {
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display) !important;
font-size: 26px;
}
.mahl-sec .mahl-bl-st__group {
margin-top: 28px;
} .mahl-bl-leaders {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 32px 48px;
}
.mahl-sec .mahl-bl-leaders .mahl-h3 {
color: var(--mahl-bl-ink);
border-bottom-color: var(--mahl-bl-ink);
font-size: 28px;
}
.mahl-bl-leaders__list {
margin: 0;
padding: 0;
list-style: none;
}
.mahl-bl-leader {
display: grid;
grid-template-columns: 40px minmax(0, 1fr) auto;
align-items: center;
gap: 12px;
margin: 0;
padding: 12px 0;
border-bottom: 1px solid var(--mahl-line);
}
.mahl-sec--navy .mahl-bl-leader { border-bottom-color: var(--mahl-navy-2); }
.mahl-bl-leader__rank {
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: 24px;
color: var(--mahl-bl-accent);
}
.mahl-bl-leader__who {
display: flex;
flex-direction: column;
min-width: 0;
}
.mahl-bl-leader__who strong {
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: 20px;
line-height: 1.05;
text-transform: uppercase;
color: var(--mahl-bl-ink);
}
.mahl-bl-leader__who a {
color: inherit;
text-decoration: none;
}
.mahl-bl-leader__who a:hover { color: var(--mahl-bl-accent); }
.mahl-bl-leader__who small {
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-meta);
font-size: 14px;
text-transform: uppercase;
color: var(--mahl-muted);
}
.mahl-bl-leader__value {
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: 32px;
line-height: 1;
color: var(--mahl-bl-ink);
} .mahl-bl-por {
position: relative;
margin: 0;
max-width: 440px;
}
.mahl-bl-por__media {
position: relative;
background: var(--mahl-line);
}
.mahl-bl-por__photo {
display: block;
width: 100%;
aspect-ratio: 3 / 4;
object-fit: cover;
object-position: center top;
}
.mahl-bl-por__photo.is-empty { background: var(--mahl-line); }
.mahl-bl-por__tags {
position: absolute;
top: 0;
left: 0;
display: flex;
gap: 6px;
}
.mahl-sec .mahl-bl-por .mahl-tag {
height: 32px;
font-size: 18px;
}
.mahl-bl-por__info {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: end;
gap: 16px;
margin-top: -48px;
position: relative;
}
.mahl-bl-por__panel {
gap: 16px;
padding: 14px 44px 14px 18px;
}
.mahl-bl-por__stat {
display: flex;
flex-direction: column;
align-items: center;
}
.mahl-bl-por__stat b {
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: 34px;
line-height: 1;
}
.mahl-bl-por__stat small {
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-meta);
font-size: 12px;
text-transform: uppercase;
color: var(--mahl-on-navy-2);
}
.mahl-bl-por__who {
display: flex;
flex-direction: column;
gap: 6px;
padding-bottom: 4px;
min-width: 0;
}
.mahl-bl-por__name a {
color: inherit;
text-decoration: none;
}
.mahl-bl-por__name .mahl-first-name {
display: block;
font-size: 14px;
color: var(--mahl-bl-ink);
}
.mahl-bl-por__last {
display: block;
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: clamp(26px, 2.6vw, 36px);
line-height: .9;
text-transform: uppercase;
color: var(--mahl-bl-ink);
}
.mahl-bl-por__last em {
font-style: italic;
color: var(--mahl-bl-accent);
}
.mahl-bl-por__team {
display: flex;
align-items: center;
gap: 8px;
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-strong);
font-size: 15px;
text-transform: uppercase;
color: var(--mahl-bl-ink);
}
.mahl-bl-por__team a {
color: inherit;
text-decoration: none;
} .mahl-bl-por-wrap {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 440px);
gap: 48px;
align-items: center;
} .mahl-bl-hero__side .mahl-bl-por {
margin-left: auto;
} .mahl-bl-day {
padding: var(--mahl-card-pad);
background: var(--mahl-navy);
color: var(--mahl-on-navy);
}
.mahl-sec--navy .mahl-bl-day { background: var(--mahl-navy-2); }
.mahl-sec .mahl-bl-day__date {
margin: 18px 0 0;
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: clamp(40px, 4.4vw, 60px);
line-height: .9;
text-transform: uppercase;
color: var(--mahl-white);
}
.mahl-bl-day__date span { color: var(--mahl-red-light); }
.mahl-sec .mahl-bl-day__place {
margin: 10px 0 0;
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-meta);
font-size: 16px;
text-transform: uppercase;
letter-spacing: .02em;
color: var(--mahl-on-navy-2);
}
.mahl-bl-day__list {
margin: 24px 0 0;
padding: 0;
list-style: none;
border-top: 1px solid var(--mahl-navy-2);
}
.mahl-bl-day__row { margin: 0; border-bottom: 1px solid var(--mahl-navy-2); }
.mahl-bl-day__row a {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 14px 0;
text-decoration: none;
color: var(--mahl-white);
}
.mahl-bl-day__div {
display: flex;
flex-direction: column;
gap: 4px;
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-strong);
font-size: 22px;
line-height: 1;
text-transform: uppercase;
}
.mahl-bl-day__div small {
font-family: var(--mahl-font-meta);
font-weight: var(--mahl-fw-meta);
font-size: 14px;
color: var(--mahl-on-navy-2);
}
.mahl-bl-day__time {
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: 24px;
white-space: nowrap;
font-variant-numeric: tabular-nums;
}
.mahl-bl-day__row a:hover .mahl-bl-day__div { color: var(--mahl-red-light); }
.mahl-bl-day__foot {
display: flex;
align-items: flex-end;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px;
margin-top: 22px;
}
.mahl-bl-day .mahl-bl-countdown { align-items: flex-start; text-align: left; }
.mahl-bl-day .mahl-bl-countdown__label { color: var(--mahl-on-navy-2); }
.mahl-bl-day .mahl-bl-countdown__value { color: var(--mahl-red-light); font-size: clamp(28px, 2.8vw, 38px); }
.mahl-sec .mahl-bl-day .mahl-more { color: var(--mahl-white); border-color: var(--mahl-red-light); } .mahl-bl-teams {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 12px;
margin: 0;
padding: 0;
list-style: none;
}
.mahl-bl-teams li { margin: 0; }
.mahl-bl-team {
display: flex;
align-items: center;
gap: 16px;
height: 100%;
padding: 20px 24px;
background: var(--mahl-bl-card);
border-bottom: 4px solid transparent;
text-decoration: none;
transition: border-color .15s ease;
}
a.mahl-bl-team:hover { border-bottom-color: var(--mahl-red); }
.mahl-sec .mahl-bl-team__logo {
width: 64px;
height: 64px;
flex: 0 0 auto;
object-fit: contain;
}
.mahl-bl-team__text {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
}
.mahl-bl-team__text strong {
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: 22px;
line-height: 1;
text-transform: uppercase;
color: var(--mahl-bl-ink);
}
.mahl-bl-team__text small {
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-meta);
font-size: 14px;
text-transform: uppercase;
color: var(--mahl-muted);
} .mahl-bl-cards.is-cols-1 { --mahl-bl-cols: 1; }
.mahl-bl-news__meta {
display: block;
margin-bottom: 8px;
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-strong);
font-size: 14px;
text-transform: uppercase;
color: var(--mahl-bl-accent);
}
.mahl-bl-news .mahl-bl-card__body p {
font-size: 15px;
}
@media (max-width: 1023px) {
.mahl-bl-por-wrap { grid-template-columns: minmax(0, 1fr); }
.mahl-bl-band-game { grid-template-columns: 40px minmax(0, 1fr) 100px minmax(0, 1fr) 40px; gap: 12px; }
.mahl-sec .mahl-bl-band-game .mahl-bl-logo { width: 40px; height: 40px; }
.mahl-bl-hero__side .mahl-bl-por { margin-left: 0; }
}
@media (max-width: 679px) { .mahl-bl-band-game { grid-template-columns: minmax(0, 1fr) 76px minmax(0, 1fr); gap: 10px; padding: 10px calc(var(--mahl-skew) + 6px); min-height: 64px; }
.mahl-sec .mahl-bl-band-game > .mahl-bl-logo { display: none; }
.mahl-bl-band-game__team strong { font-size: 16px; }
.mahl-bl-band-game__team small { display: none; }
.mahl-sec .mahl-bl-band-game__score { height: 42px; font-size: 22px; }
.mahl-bl-head .mahl-bl-countdown { align-items: flex-start; text-align: left; }
.mahl-bl-st th:nth-child(3), .mahl-bl-st td:nth-child(3) { display: none; }
.mahl-sec .mahl-bl-st__team { font-size: 16px; white-space: normal; }
.mahl-sec .mahl-bl-st__team .mahl-bl-logo { margin-right: 8px; }
.mahl-bl-st td { padding: 8px; }
.mahl-bl-st td:first-child { padding-left: 12px; }
.mahl-bl-st__pts { font-size: 22px; }
.mahl-bl-por__info { grid-template-columns: minmax(0, 1fr); margin-top: -24px; }
}  .mahl-bl-lead {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
gap: 20px 40px;
margin-bottom: 40px;
}
.mahl-bl-lead__head {
flex: 1 1 520px;
min-width: 0;
}
.mahl-bl-lead__body {
flex: 0 1 46ch;
min-width: 0;
}
.mahl-sec .mahl-bl-lead__text {
font-size: 18px;
line-height: 1.65;
} .mahl-bl-src {
display: inline-flex;
align-items: center;
align-self: flex-start;
height: 24px;
margin-top: auto;
padding: 0 8px;
font-family: var(--mahl-font-meta);
font-weight: var(--mahl-fw-display);
font-size: 13px;
letter-spacing: .06em;
line-height: 1;
text-transform: uppercase;
white-space: nowrap;
color: var(--mahl-white);
background: var(--mahl-navy);
}
.mahl-bl-src.is-manual { background: var(--mahl-red); }
.mahl-sec--navy .mahl-bl-src.is-auto,
.mahl-bl-metrics.is-tmave .mahl-bl-src.is-auto {
color: var(--mahl-navy);
background: var(--mahl-white);
} .mahl-bl-metrics__body.has-quote {
display: grid;
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
gap: 16px;
align-items: start;
}
.mahl-bl-metrics {
display: grid;
grid-template-columns: repeat(var(--mahl-bl-cols, 4), minmax(0, 1fr));
gap: 4px;
margin: 0;
padding: 0;
list-style: none;
}
.mahl-bl-metrics.is-cols-2 { --mahl-bl-cols: 2; }
.mahl-bl-metrics.is-cols-3 { --mahl-bl-cols: 3; }
.mahl-bl-metrics.is-cols-4 { --mahl-bl-cols: 4; }
.mahl-bl-metric {
display: flex;
flex-direction: column;
gap: 8px;
min-width: 0;
margin: 0;
padding: 24px;
}
.mahl-bl-metric__value {
display: inline-block;
align-self: flex-start;
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: clamp(40px, 4.4vw, 60px);
font-variant-numeric: tabular-nums;
line-height: .9;
text-transform: uppercase;
white-space: nowrap;
color: var(--mahl-bl-ink);
}
.mahl-bl-metric__label {
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-meta);
font-size: 17px;
line-height: 1.25;
text-transform: uppercase;
color: var(--mahl-muted);
}
.mahl-bl-metric__detail {
font-size: 13px;
line-height: 1.4;
color: var(--mahl-muted);
}
.mahl-sec--navy .mahl-bl-metric__label,
.mahl-sec--navy .mahl-bl-metric__detail {
color: var(--mahl-on-navy-2);
} .mahl-bl-metric__plan {
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-strong);
font-size: 15px;
line-height: 1.25;
text-transform: uppercase;
color: var(--mahl-bl-ink);
}
.mahl-bl-metric__bar {
display: block;
height: 4px;
background: linear-gradient(90deg, var(--mahl-red) var(--p, 0%), var(--mahl-line) var(--p, 0%));
}
.mahl-sec--navy .mahl-bl-metric__plan,
.mahl-bl-metrics.is-tmave .mahl-bl-metric__plan { color: var(--mahl-white); }
.mahl-sec--navy .mahl-bl-metric__bar,
.mahl-bl-metrics.is-tmave .mahl-bl-metric__bar { background: linear-gradient(90deg, var(--mahl-red-light) var(--p, 0%), var(--mahl-navy-2) var(--p, 0%)); }
.mahl-sec--navy .mahl-bl-metrics.is-dlazdice .mahl-bl-metric__plan { color: var(--mahl-navy); }
.mahl-sec--navy .mahl-bl-metrics.is-dlazdice .mahl-bl-metric__bar { background: linear-gradient(90deg, var(--mahl-red) var(--p, 0%), var(--mahl-line) var(--p, 0%)); } .mahl-bl-metric.is-list { grid-column: span 2; }
.mahl-bl-metric__rows {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
gap: 6px 20px;
margin: 0;
padding: 0;
list-style: none;
}
.mahl-bl-metric__rows li {
display: flex;
justify-content: space-between;
gap: 10px;
padding-bottom: 6px;
border-bottom: 1px solid var(--mahl-line);
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-strong);
font-size: 18px;
text-transform: uppercase;
color: var(--mahl-bl-ink);
}
.mahl-sec--navy .mahl-bl-metric__rows li { border-bottom-color: var(--mahl-navy-2); }
.mahl-bl-metric__rows strong {
font-family: var(--mahl-font-display);
font-weight: var(--mahl-fw-display);
font-variant-numeric: tabular-nums;
} .mahl-bl-metrics.is-pas { gap: 0; }
.mahl-bl-metrics.is-pas .mahl-bl-metric {
padding: 8px 28px 8px 28px;
border-left: 1px solid var(--mahl-line);
}
.mahl-sec--navy .mahl-bl-metrics.is-pas .mahl-bl-metric { border-left-color: var(--mahl-navy-2); }
.mahl-bl-metrics.is-pas .mahl-bl-metric:first-child { padding-left: 0; border-left: 0; }
.mahl-bl-metrics.is-pas .mahl-bl-metric__value { font-size: clamp(48px, 5.6vw, 84px); }
.mahl-bl-metrics.is-pas .mahl-bl-src { margin-top: 4px; } .mahl-bl-metrics.is-mriezka { gap: 16px; }
.mahl-bl-metrics.is-mriezka .mahl-bl-metric {
background: var(--mahl-bl-card);
border-top: 6px solid var(--mahl-bl-ink);
}
.mahl-bl-metrics.is-mriezka .mahl-bl-metric.is-static { border-top-color: var(--mahl-red); } .mahl-bl-metrics.is-tmave .mahl-bl-metric { background: var(--mahl-navy); }
.mahl-sec--navy .mahl-bl-metrics.is-tmave .mahl-bl-metric { background: var(--mahl-navy-2); }
.mahl-bl-metrics.is-tmave .mahl-bl-metric__value { color: var(--mahl-white); }
.mahl-bl-metrics.is-tmave .mahl-bl-metric__label,
.mahl-bl-metrics.is-tmave .mahl-bl-metric__detail { color: var(--mahl-on-navy-2); }
.mahl-bl-metrics.is-tmave .mahl-bl-metric__rows li { color: var(--mahl-white); border-bottom-color: var(--mahl-navy-2); }
.mahl-sec--navy .mahl-bl-metrics.is-tmave .mahl-bl-metric__rows li { border-bottom-color: var(--mahl-navy); } .mahl-bl-metrics.is-dlazdice .mahl-bl-metric { background: var(--mahl-white); }
.mahl-sec--biela .mahl-bl-metrics.is-dlazdice .mahl-bl-metric { background: var(--mahl-row); }
.mahl-sec--navy .mahl-bl-metrics.is-dlazdice .mahl-bl-metric__value,
.mahl-sec--navy .mahl-bl-metrics.is-dlazdice .mahl-bl-metric__rows li { color: var(--mahl-navy); }
.mahl-sec--navy .mahl-bl-metrics.is-dlazdice .mahl-bl-metric__label,
.mahl-sec--navy .mahl-bl-metrics.is-dlazdice .mahl-bl-metric__detail { color: var(--mahl-muted); } .mahl-bl-metrics__cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 28px 40px;
margin: 48px 0 0;
padding: 0;
list-style: none;
}
.mahl-bl-metrics__card {
padding-top: 14px;
border-top: 3px solid var(--mahl-red);
}
.mahl-sec .mahl-bl-metrics__card p { font-size: 16px; line-height: 1.55; } .mahl-bl-metrics__quote {
margin: 0;
padding: 28px;
background: var(--mahl-white);
border-left: 6px solid var(--mahl-red);
}
.mahl-sec .mahl-bl-metrics__quote p {
margin: 0 0 12px;
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: clamp(22px, 2vw, 28px);
line-height: 1.05;
text-transform: uppercase;
color: var(--mahl-navy);
}
.mahl-bl-metrics__quote cite {
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-meta);
font-size: 15px;
text-transform: uppercase;
color: var(--mahl-muted);
}
@media (max-width: 1023px) {
.mahl-bl-metrics.is-cols-4 { --mahl-bl-cols: 2; }
.mahl-bl-metrics__body.has-quote { grid-template-columns: minmax(0, 1fr); }
.mahl-bl-metrics.is-pas .mahl-bl-metric:nth-child(odd) { padding-left: 0; border-left: 0; }
.mahl-bl-metrics.is-pas .mahl-bl-metric { padding-block: 16px; }
}
@media (max-width: 679px) {
.mahl-bl-lead { margin-bottom: 28px; }
.mahl-bl-metrics.is-cols-3 { --mahl-bl-cols: 2; }
.mahl-bl-metrics.is-cols-2 { --mahl-bl-cols: 2; }
.mahl-bl-metric { padding: 18px 16px; }
.mahl-bl-metric__value { font-size: clamp(34px, 10vw, 44px); }
.mahl-bl-metrics.is-pas .mahl-bl-metric__value { font-size: clamp(38px, 11vw, 52px); }
.mahl-bl-metrics.is-pas .mahl-bl-metric { padding-inline: 14px 0; }
.mahl-bl-metric__label { font-size: 15px; }
.mahl-bl-metrics__cards { margin-top: 32px; }
} .mahl-bl-cycle {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 4px;
margin: 0;
padding: 0;
list-style: none;
}
.mahl-bl-cycle__phase {
display: flex;
flex-direction: column;
gap: 12px;
min-height: 320px;
margin: 0;
padding: 22px 18px 24px;
background: var(--mahl-bl-card);
}
.mahl-sec--biela .mahl-bl-cycle__phase { background: var(--mahl-row); }
.mahl-bl-cycle__phase.is-highlight { background: var(--mahl-red); }
.mahl-bl-cycle__num {
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-strong);
font-size: 15px;
color: var(--mahl-muted);
}
.mahl-sec .mahl-bl-cycle__name {
margin: 0;
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: clamp(26px, 2.6vw, 36px);
line-height: .92;
text-transform: uppercase;
color: var(--mahl-bl-ink);
}
.mahl-bl-cycle__rule {
width: 32px;
height: 3px;
margin: 0;
border: 0;
background: var(--mahl-red);
}
.mahl-bl-cycle__tasks {
display: flex;
flex-direction: column;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
font-size: 15px;
font-weight: var(--mahl-fw-strong);
line-height: 1.4;
color: var(--mahl-bl-ink);
}
.mahl-bl-cycle__hours {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 4px 8px;
margin-top: auto;
padding-top: 12px;
}
.mahl-bl-cycle__value {
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: 32px;
font-variant-numeric: tabular-nums;
line-height: 1;
color: var(--mahl-red);
}
.mahl-bl-cycle__unit {
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-meta);
font-size: 15px;
text-transform: uppercase;
color: var(--mahl-muted);
}
.mahl-bl-cycle__hours .mahl-bl-src { margin-top: 0; }
.mahl-bl-cycle__phase.is-highlight .mahl-bl-cycle__num,
.mahl-bl-cycle__phase.is-highlight .mahl-bl-cycle__unit { color: var(--mahl-on-navy); }
.mahl-bl-cycle__phase.is-highlight .mahl-bl-cycle__name,
.mahl-bl-cycle__phase.is-highlight .mahl-bl-cycle__tasks,
.mahl-bl-cycle__phase.is-highlight .mahl-bl-cycle__value { color: var(--mahl-white); }
.mahl-bl-cycle__phase.is-highlight .mahl-bl-cycle__rule { background: var(--mahl-white); }
.mahl-bl-cycle__phase.is-highlight .mahl-bl-src.is-manual { color: var(--mahl-red); background: var(--mahl-white); } .mahl-bl-chart-row {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 16px;
}
.mahl-bl-chart-row.has-side { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
.mahl-bl-chart {
display: flex;
flex-direction: column;
gap: 14px;
min-width: 0;
padding: 28px 32px;
background: var(--mahl-white);
}
.mahl-sec--biela .mahl-bl-chart { background: var(--mahl-row); }
.mahl-bl-chart__head {
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: space-between;
gap: 8px 16px;
}
.mahl-bl-chart__head .mahl-bl-src { margin-top: 0; }
.mahl-sec .mahl-bl-chart__title {
margin: 0;
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: clamp(22px, 2.2vw, 30px);
line-height: .95;
text-transform: uppercase;
color: var(--mahl-navy);
}
.mahl-bl-chart__cols {
display: flex;
align-items: flex-end;
gap: clamp(3px, 0.8vw, 10px);
height: 200px;
margin: 0;
padding: 0;
list-style: none;
border-bottom: 2px solid var(--mahl-navy);
}
.mahl-bl-chart__col {
display: flex;
flex: 1 1 0;
flex-direction: column;
align-items: center;
justify-content: flex-end;
gap: 6px;
min-width: 0;
height: 100%;
margin: 0;
}
.mahl-bl-chart__val {
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: clamp(13px, 1.5vw, 20px);
font-variant-numeric: tabular-nums;
line-height: 1;
color: var(--mahl-navy);
}
.mahl-bl-chart__bar {
display: block;
width: 100%;
max-width: 40px;
max-height: calc(100% - 26px);
background: var(--mahl-navy);
}
.mahl-bl-chart__col.is-last .mahl-bl-chart__bar { background: var(--mahl-red); }
.mahl-bl-chart__col.is-last .mahl-bl-chart__val { color: var(--mahl-red); }
.mahl-bl-chart__col.is-future .mahl-bl-chart__bar { background: var(--mahl-line); }
.mahl-bl-chart__axis {
display: flex;
gap: clamp(3px, 0.8vw, 10px);
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-meta);
font-size: 14px;
font-variant-numeric: tabular-nums;
color: var(--mahl-muted);
}
.mahl-bl-chart__axis span { flex: 1 1 0; min-width: 0; text-align: center; }
.mahl-sec .mahl-bl-chart__note {
margin: -8px 0 0;
font-family: var(--mahl-font-meta);
font-style: italic;
font-size: 13px;
text-align: center;
text-transform: uppercase;
color: var(--mahl-muted);
}
.mahl-bl-rhythm {
display: flex;
flex-direction: column;
justify-content: center;
gap: 14px;
min-width: 0;
padding: 28px 32px;
color: var(--mahl-on-navy);
background: var(--mahl-navy);
}
.mahl-sec--navy .mahl-bl-rhythm { background: var(--mahl-navy-2); }
.mahl-sec .mahl-bl-rhythm .mahl-bl-kicker { margin: 0; color: var(--mahl-red-light); }
.mahl-sec .mahl-bl-rhythm__title {
margin: 0;
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: clamp(30px, 3vw, 40px);
line-height: .92;
text-transform: uppercase;
color: var(--mahl-white);
}
.mahl-sec .mahl-bl-rhythm__title .mahl-red { color: var(--mahl-red-light); }
.mahl-sec .mahl-bl-rhythm__text { margin: 0; font-size: 16px; line-height: 1.6; color: var(--mahl-on-navy); }
.mahl-bl-rhythm .mahl-bl-src.is-auto { margin-top: 0; color: var(--mahl-navy); background: var(--mahl-white); }
.mahl-bl--rytmus-sezony .mahl-bl-rhythm { max-width: 760px; } .mahl-bl-reach {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 4px;
margin: 0;
padding: 0;
list-style: none;
}
.mahl-bl-reach__card {
display: flex;
flex-direction: column;
gap: 16px;
margin: 0;
padding: 28px;
background: var(--mahl-bg);
}
.mahl-sec--seda .mahl-bl-reach__card { background: var(--mahl-white); }
.mahl-sec--navy .mahl-bl-reach__card { background: var(--mahl-navy-2); }
.mahl-bl-reach__head {
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: space-between;
gap: 4px 12px;
}
.mahl-sec .mahl-bl-reach__name {
margin: 0;
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: 34px;
line-height: .95;
text-transform: uppercase;
color: var(--mahl-bl-ink);
}
.mahl-bl-reach__state,
.mahl-bl-reach__label {
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-meta);
font-size: 15px;
text-transform: uppercase;
color: var(--mahl-muted);
}
.mahl-bl-reach__label { font-size: 17px; color: var(--mahl-bl-ink); }
.mahl-bl-reach__rows { margin: 0; padding: 0; list-style: none; }
.mahl-bl-reach__rows li {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 12px;
margin: 0 0 12px;
padding: 12px 0 0;
border-top: 1px solid var(--mahl-line);
}
.mahl-sec--navy .mahl-bl-reach__rows li { border-top-color: var(--mahl-navy); }
.mahl-sec--navy .mahl-bl-reach__state { color: var(--mahl-on-navy-2); }
.mahl-bl-reach__value {
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: 36px;
font-variant-numeric: tabular-nums;
line-height: 1;
color: var(--mahl-bl-ink);
}
.mahl-bl-reach__rows li:first-child .mahl-bl-reach__value { color: var(--mahl-bl-accent); } .mahl-bl-press .mahl-bl-card__link,
.mahl-bl-press .mahl-bl-card__body {
display: flex;
flex-direction: column;
}
.mahl-bl-press .mahl-bl-card__body { flex: 1; }
.mahl-bl-press .mahl-bl-card__body p { margin: 10px 0 0; }
.mahl-bl-card__body .mahl-bl-press__more {
align-self: flex-start;
margin-top: auto;
padding-top: 16px;
}
.mahl-bl-press .mahl-bl-card__img { background: var(--mahl-line); } .mahl-bl--zdroje-dat { --mahl-bl-pad: 72px; }
.mahl-bl-sources {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 32px;
margin: 32px 0 0;
padding: 0;
list-style: none;
}
.mahl-bl-sources__col { display: flex; flex-direction: column; gap: 10px; margin: 0; }
.mahl-bl-sources__col .mahl-bl-src { margin-top: 0; }
.mahl-sec .mahl-bl-sources__col p { font-size: 15px; line-height: 1.6; }
.mahl-bl-src.is-outline {
color: var(--mahl-navy);
background: transparent;
box-shadow: inset 0 0 0 2px var(--mahl-navy);
}
.mahl-sec--navy .mahl-bl-src.is-outline { color: var(--mahl-white); box-shadow: inset 0 0 0 2px var(--mahl-white); }
.mahl-sec .mahl-bl-sources__foot {
margin: 28px 0 0;
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-meta);
font-size: 15px;
text-transform: uppercase;
color: var(--mahl-muted);
}
@media (max-width: 1023px) {
.mahl-bl-cycle { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mahl-bl-cycle__phase { min-height: 0; }
.mahl-bl-chart-row.has-side { grid-template-columns: minmax(0, 1fr); }
.mahl-bl-sources { grid-template-columns: minmax(0, 1fr); gap: 24px; }
.mahl-bl-reach { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 679px) {
.mahl-bl-cycle { grid-template-columns: minmax(0, 1fr); }
.mahl-bl-chart,
.mahl-bl-rhythm { padding: 20px 16px; }
.mahl-bl-chart__cols { height: 160px; }
.mahl-bl-chart__axis { font-size: 11px; }
.mahl-bl-reach__card { padding: 20px; }
.mahl-bl-reach { grid-template-columns: minmax(0, 1fr); }
.mahl-bl--zdroje-dat { --mahl-bl-pad: 48px; }
} .mahl-bl--mahl-stats-system { overflow: hidden; }
.mahl-bl--mahl-stats-system .mahl-wrap { position: relative; }
.mahl-bl-sys__outline {
position: absolute;
top: -24px;
right: -40px;
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: clamp(120px, 18vw, 260px);
line-height: .9;
text-transform: uppercase;
white-space: nowrap;
color: transparent;
-webkit-text-stroke: 1.5px var(--mahl-navy-2);
pointer-events: none;
user-select: none;
}
.mahl-bl--mahl-stats-system .mahl-bl-lead { position: relative; } .mahl-bl-flow {
display: flex;
flex-direction: column;
gap: 22px;
margin: 0 0 48px;
padding: 32px 32px 30px;
background: var(--mahl-navy-2);
}
.mahl-sec:not(.mahl-sec--navy) .mahl-bl-flow { background: var(--mahl-navy); }
.mahl-sec .mahl-bl-flow__head {
margin: 0;
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-meta);
font-size: 16px;
text-transform: uppercase;
color: var(--mahl-on-navy-2);
}
.mahl-bl-flow__cursor {
display: inline-block;
width: 10px;
height: 16px;
vertical-align: -2px;
background: var(--mahl-red-light);
}
.mahl-bl-flow__body { position: relative; padding-top: 30px; }
.mahl-bl-flow__track {
position: absolute;
top: 8px;
right: calc(100% / (var(--mahl-bl-steps, 6) * 2));
left: calc(100% / (var(--mahl-bl-steps, 6) * 2));
height: 2px;
background: var(--mahl-navy);
}
.mahl-sec:not(.mahl-sec--navy) .mahl-bl-flow__track { background: var(--mahl-navy-2); }
.mahl-bl-flow__puck {
position: absolute;
top: 50%;
left: 0;
width: 18px;
height: 18px;
margin: -9px 0 0 -9px;
border-radius: 50%;
background: var(--mahl-red);
box-shadow: 0 0 0 6px color-mix(in srgb, var(--mahl-red) 25%, transparent);
}
.mahl-bl-flow__steps {
display: grid;
grid-template-columns: repeat(var(--mahl-bl-steps, 6), minmax(0, 1fr));
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.mahl-bl-flow__step {
display: flex;
flex-direction: column;
gap: 8px;
min-height: 150px;
margin: 0;
padding: 18px 16px;
background: var(--mahl-navy);
transition: none;
}
.mahl-sec:not(.mahl-sec--navy) .mahl-bl-flow__step { background: var(--mahl-navy-2); }
.mahl-bl-flow__num {
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: 30px;
line-height: 1;
color: var(--mahl-red-light);
}
.mahl-bl-flow__name {
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: 22px;
line-height: 1;
text-transform: uppercase;
color: var(--mahl-white);
}
.mahl-bl-flow__text { font-size: 14px; line-height: 1.45; color: var(--mahl-on-navy-2); } @keyframes mahl-bl-puck-x { from { left: 0; } to { left: 100%; } }
@keyframes mahl-bl-puck-y { from { top: 0; } to { top: 100%; } }
@keyframes mahl-bl-lit {
0%, 8% { background: var(--mahl-bl-step-bg, var(--mahl-navy)); transform: none; }
12%, 30% { background: var(--mahl-red); transform: translateY(-6px); }
38%, 100% { background: var(--mahl-bl-step-bg, var(--mahl-navy)); transform: none; }
}
@keyframes mahl-bl-blink { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }
.mahl-sec:not(.mahl-sec--navy) .mahl-bl-flow { --mahl-bl-step-bg: var(--mahl-navy-2); }
.mahl-bl-flow.is-ready .mahl-bl-flow__puck { animation: mahl-bl-puck-x 6s linear infinite paused; }
.mahl-bl-flow.is-ready .mahl-bl-flow__step { animation: mahl-bl-lit 6s infinite paused; animation-delay: var(--mahl-bl-delay, 0s); }
.mahl-bl-flow.is-ready .mahl-bl-flow__cursor { animation: mahl-bl-blink 1s steps(1) infinite paused; }
.mahl-bl-flow.is-running .mahl-bl-flow__puck,
.mahl-bl-flow.is-running .mahl-bl-flow__step,
.mahl-bl-flow.is-running .mahl-bl-flow__cursor { animation-play-state: running; } .mahl-bl-sys__nums {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 4px;
margin: 0 0 48px;
padding: 0;
list-style: none;
}
.mahl-bl-sys__num {
display: flex;
flex-direction: column;
gap: 8px;
margin: 0;
padding: 24px;
background: var(--mahl-navy-2);
}
.mahl-sec:not(.mahl-sec--navy) .mahl-bl-sys__num { background: var(--mahl-navy); }
.mahl-bl-sys__value {
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: clamp(40px, 4vw, 56px);
font-variant-numeric: tabular-nums;
line-height: .9;
white-space: nowrap;
color: var(--mahl-white);
}
.mahl-bl-sys__num:nth-child(4n + 1) .mahl-bl-sys__value { color: var(--mahl-red-light); }
.mahl-bl-sys__label {
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-meta);
font-size: 17px;
line-height: 1.25;
text-transform: uppercase;
color: var(--mahl-on-navy-2);
}
.mahl-bl-sys__num .mahl-bl-src.is-auto { color: var(--mahl-navy); background: var(--mahl-white); } .mahl-bl-sys__features {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 32px 40px;
margin: 0 0 48px;
padding: 0;
list-style: none;
}
.mahl-bl-sys__feature { margin: 0; padding-top: 14px; border-top: 3px solid var(--mahl-red); }
.mahl-bl--mahl-stats-system .mahl-bl-sys__feature .mahl-bl-h3 { color: var(--mahl-white); }
.mahl-sec .mahl-bl-sys__feature p { font-size: 15px; line-height: 1.5; color: var(--mahl-on-navy-2); } .mahl-bl-sys__value-box {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 20px 32px;
padding: 24px 28px;
border: 2px solid var(--mahl-navy-2);
}
.mahl-sec .mahl-bl-sys__value-head {
margin: 0 0 6px;
font-family: var(--mahl-font-meta);
font-style: italic;
font-weight: var(--mahl-fw-meta);
font-size: 16px;
text-transform: uppercase;
color: var(--mahl-on-navy-2);
}
.mahl-bl-sys__money {
display: block;
font-family: var(--mahl-font-display);
font-style: italic;
font-weight: var(--mahl-fw-display);
font-size: clamp(40px, 4vw, 52px);
font-variant-numeric: tabular-nums;
line-height: .95;
color: var(--mahl-red-light);
}
.mahl-bl-sys__detail { display: block; margin-top: 6px; font-size: 13px; color: var(--mahl-on-navy-2); }
.mahl-sec .mahl-bl-sys__value-text { flex: 1 1 320px; max-width: 56ch; margin: 0; font-size: 15px; line-height: 1.55; color: var(--mahl-on-navy-2); }
.mahl-bl-sys__value-box .mahl-bl-src { margin-top: 0; align-self: center; }
@media (prefers-reduced-motion: reduce) {
.mahl-bl-flow .mahl-bl-flow__puck,
.mahl-bl-flow .mahl-bl-flow__step,
.mahl-bl-flow .mahl-bl-flow__cursor { animation: none !important; }
}
@media (max-width: 1023px) {
.mahl-bl-flow__steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mahl-bl-flow__track { display: none; }
.mahl-bl-flow__body { padding-top: 0; }
.mahl-bl-sys__nums { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mahl-bl-sys__features { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 679px) {
.mahl-bl-flow { padding: 20px 16px; } .mahl-bl-flow__body { padding: 0 0 0 28px; }
.mahl-bl-flow__track {
display: block;
top: 20px;
bottom: 20px;
right: auto;
left: 8px;
width: 2px;
height: auto;
}
.mahl-bl-flow__puck { top: 0; left: 50%; margin: -9px 0 0 -9px; }
.mahl-bl-flow.is-ready .mahl-bl-flow__puck { animation-name: mahl-bl-puck-y; }
.mahl-bl-flow__steps { grid-template-columns: minmax(0, 1fr); gap: 8px; }
.mahl-bl-flow__step { min-height: 0; padding: 14px 16px; }
.mahl-bl-sys__value { font-size: clamp(32px, 9vw, 40px); }
.mahl-bl-sys__num { padding: 18px 16px; }
.mahl-bl-sys__features { grid-template-columns: minmax(0, 1fr); gap: 24px; }
.mahl-bl-sys__outline { font-size: 110px; top: -10px; }
} .mahl-bl-form {
display: grid;
gap: 16px;
font-family: var(--mahl-font-body);
}
.mahl-bl-form__field {
display: grid;
gap: 6px;
margin: 0;
}
.mahl-bl-form label {
font-family: var(--mahl-font-meta);
font-weight: var(--mahl-fw-meta);
text-transform: uppercase;
letter-spacing: 0.04em;
font-size: 13px;
}
.mahl-bl-form input,
.mahl-bl-form textarea {
width: 100%;
padding: 12px 14px;
border: 1px solid var(--mahl-outline);
border-radius: 0;
background: var(--mahl-white);
color: var(--mahl-navy);
font: inherit;
}
.mahl-bl-form input:focus,
.mahl-bl-form textarea:focus {
outline: 2px solid var(--mahl-red);
outline-offset: 1px;
}
.mahl-bl-form__hp {
position: absolute !important;
left: -9999px !important;
width: 1px;
height: 1px;
overflow: hidden;
}
.mahl-bl-form__note {
margin: 0;
font-size: 13px;
color: var(--mahl-muted);
}
.mahl-bl-form__submit {
margin: 0;
}
.mahl-bl-form__msg {
margin: 0;
font-weight: var(--mahl-fw-strong);
}
.mahl-bl-form__msg.is-error {
color: var(--mahl-red);
}
.mahl-bl-form--done p {
margin: 0;
padding: 16px 20px;
border-left: 6px solid var(--mahl-win);
background: var(--mahl-row);
font-weight: var(--mahl-fw-strong);
color: var(--mahl-navy);
}