:root{--rebranding-loading-bg:#e5e5e5;--rebranding-loading-bar:#222}
:root {
  --mdz-paper: #f6f3ee;
  --mdz-band: #ece7df;
  --mdz-foot: #e2d8cc;
  --mdz-ink: #222;
  --mdz-soft: #5a5652;
  --mdz-mute: #8b857e;
  --mdz-line: #d9d2c8;
  --mdz-copper: #a8673f;
  --mdz-sans: "Noto Sans", "Hiragino Sans", Arial, sans-serif;
  --mdz-latin: "Lato", Arial, sans-serif;
  --mdz-wrap: 1100px;
  --mdz-side: 20px;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  color: var(--mdz-ink);
  font-family: var(--mdz-sans);
  font-size: 14px;
  line-height: 1.9;
  letter-spacing: .04em;
  background-color: var(--mdz-paper);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
p, h1, h2, h3, figure { margin: 0; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; letter-spacing: inherit; }
.mdz-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); }
.page-enter-active{transition:all .6s cubic-bezier(.4,.4,0,1)}.page-leave-active{transition:all .3s cubic-bezier(.4,.4,0,1)}

/* naglowek */
.mdz-head {
  position: relative;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px var(--mdz-side);
}
.mdz-head__logo img { height: 34px; width: auto; max-width: 150px; object-fit: contain; object-position: left center; }
.mdz-head__burger { position: relative; width: 36px; height: 36px; }
.mdz-head__burger i { position: absolute; left: 7px; right: 7px; height: 1px; background: var(--mdz-ink); transition: transform .3s; }
.mdz-head__burger i:first-child { top: 14px; }
.mdz-head__burger i:last-child { top: 22px; }
.mdz-head__burger[aria-expanded="true"] i:first-child { transform: translateY(4px) rotate(30deg); }
.mdz-head__burger[aria-expanded="true"] i:last-child { transform: translateY(-4px) rotate(-30deg); }
.mdz-head__nav {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding: 10px var(--mdz-side) 26px;
  background: var(--mdz-paper);
  border-bottom: 1px solid var(--mdz-line);
}
.mdz-head__nav.is-open { display: block; }
.mdz-head__nav a { display: block; padding: 12px 0; font-size: 14px; letter-spacing: .12em; border-top: 1px solid var(--mdz-line); }

.mdz-eyebrow {
  display: table;
  margin: 0 auto 10px;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--mdz-ink);
  font-family: var(--mdz-latin);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .2em;
}
.mdz-eyebrow--left { margin-left: 0; }
.mdz-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 9px 20px;
  border: 1px solid var(--mdz-ink);
  border-radius: 999px;
  font-size: 12px;
  letter-spacing: .1em;
  transition: background-color .25s, color .25s;
}
.mdz-pill:after { content: '›'; font-size: 15px; line-height: 1; }
.mdz-pill:hover { background: var(--mdz-ink); color: #fff; }
.mdz-pill--dark { background: var(--mdz-ink); color: #fff; }
.mdz-pill--dark:hover { background: transparent; color: var(--mdz-ink); }

@media screen and (min-width: 769px) {
  :root { --mdz-side: 40px; }
  .mdz-head { padding: 22px var(--mdz-side); }
  .mdz-head__burger { display: none; }
  .mdz-head__nav { display: flex; gap: 26px; position: static; padding: 0; background: none; border: 0; }
  .mdz-head__nav a { padding: 0; border: 0; font-size: 12px; letter-spacing: .16em; }
  .mdz-head__nav a:hover { color: var(--mdz-copper); }
  .mdz-head__logo img { height: 38px; max-width: 170px; }
}