@charset "UTF-8";
body.z-p-marci { background: #fff; }
body.z-p-marci #wrapper, body.z-p-marci #wrapper *, body.z-p-marci #wrapper *::before, body.z-p-marci #wrapper *::after { box-sizing: border-box; }
body.z-p-marci #wrapper { background: #fff; color: var(--ink); color-scheme: light; }
body.z-p-marci #notifications:empty { display: none; }
body.z-p-marci .z-fir-w { background: #fff; padding-top: 22px; }
body.z-p-marci .z-fir, body.z-p-marci .z-fir li + li::before, body.z-p-marci .z-fir [aria-current] { color: var(--m2); }
body.z-p-marci .z-fir a { --z-lc: var(--m); --z-hc: var(--ink); }
body.z-p-marci #content-wrapper { width: 100%; max-width: calc(1180px + 2 * var(--gut)); margin: 0 auto; padding: 0 var(--gut) clamp(56px, 8vw, 128px); }
body.z-p-marci #main { font-family: var(--f); }

.z-mk { --z-lc: var(--ink); --z-hc: var(--o); color: var(--ink); }
.z-mk ul { margin: 0; padding: 0; list-style: none; }
.z-mk-cap { margin: clamp(24px, 3.4vw, 44px) 0 clamp(36px, 4.4vw, 64px); max-width: 760px; }
.z-mk-h1 { margin: 0; font-size: clamp(40px, 5.6vw, 76px); font-weight: 640; font-variation-settings: "wdth" 108; letter-spacing: -.035em; line-height: .98; }
.z-mk-p { margin: clamp(16px, 1.8vw, 22px) 0 0; font-size: clamp(17px, 1.4vw, 19px); line-height: 1.5; color: var(--m); }
.z-mk-s { display: grid; grid-template-columns: minmax(160px, 260px) minmax(0, 1fr); gap: clamp(16px, 3vw, 56px); padding: clamp(26px, 3vw, 40px) 0; border-top: 1px solid var(--ink); }
.z-mk-h2 { margin: 0; font-size: clamp(24px, 2.4vw, 34px); font-weight: 640; letter-spacing: -.02em; line-height: 1.05; }
.z-mk-g { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 clamp(16px, 2.4vw, 36px); }
.z-mk-g a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 13px 0 14px; border-bottom: 1px solid var(--l2); font-size: clamp(17px, 1.45vw, 20px); font-weight: 560; letter-spacing: -.01em; transition: color .15s, border-color .15s; }
.z-mk-g svg { flex: none; color: var(--m2); transition: transform .2s var(--ease), color .15s; }
.z-mk-g a:hover { border-color: var(--ink); }
.z-mk-g a:hover svg { color: var(--o); transform: translateX(3px); }
.z-mk-premium .z-mk-n { font-weight: 640; }

@media (max-width: 1000px) {
  .z-mk-g { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .z-mk-s { grid-template-columns: minmax(0, 1fr); gap: 14px; }
}
@media (max-width: 420px) {
  .z-mk-g { grid-template-columns: minmax(0, 1fr); }
}