/* hero - zdjecie do lewej krawedzi, pionowy napis po prawej */
.mdz-hero { position: relative; padding-bottom: 70px; }
.mdz-hero__pic { width: 100%; }
.mdz-hero__pic img { width: 100%; height: 62vw; min-height: 300px; max-height: 700px; object-fit: cover; background: #ddd6cc; }
.mdz-hero__tag { padding: 26px var(--mdz-side) 0; font-size: 19px; line-height: 1.7; letter-spacing: .18em; font-weight: 500; }
.mdz-hero__tag span { display: block; }
.mdz-hero__scroll { position: absolute; left: 50%; bottom: -34px; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 8px; font-family: var(--mdz-latin); font-size: 10px; letter-spacing: .2em; }
.mdz-hero__scroll i { display: block; width: 1px; height: 64px; background: var(--mdz-ink); }

/* formaty - karty z zakladka */
.mdz-where { max-width: var(--mdz-wrap); margin: 0 auto; padding: 110px var(--mdz-side) 90px; }
.mdz-where__h, .mdz-cal__h, .mdz-price__h, .mdz-topics__h, .mdz-ask__h { font-size: 20px; font-weight: 700; letter-spacing: .14em; line-height: 1.5; }
.mdz-where__h, .mdz-price__h, .mdz-topics__h { text-align: center; }
.mdz-where__lead { max-width: 36em; margin: 22px auto 56px; font-size: 13.5px; color: var(--mdz-soft); text-align: center; }
.mdz-card { position: relative; margin-top: 44px; }
.mdz-card--second { margin-top: 70px; }
.mdz-card__img { width: 100%; height: 300px; object-fit: cover; background: #d5cdc2; }
.mdz-card__shade { position: absolute; left: 0; right: 0; bottom: 0; height: 60%; background: linear-gradient(0deg, rgba(0,0,0,.62), rgba(0,0,0,0)); }
.mdz-card__tab {
  position: absolute;
  z-index: 2;
  top: -26px;
  left: 0;
  padding: 16px 12px;
  background: var(--mdz-paper);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: .2em;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  line-height: 1;
}
.mdz-card__meta { position: absolute; z-index: 2; left: 16px; right: 16px; bottom: 64px; color: #fff; font-size: 11.5px; line-height: 1.7; letter-spacing: .06em; }
.mdz-card__btn { position: absolute; z-index: 2; left: 16px; bottom: 16px; display: inline-flex; gap: 10px; padding: 7px 18px; border: 1px solid #fff; border-radius: 999px; color: #fff; font-size: 11.5px; letter-spacing: .08em; transition: background-color .25s, color .25s; }
.mdz-card__btn:after { content: '›'; }
.mdz-card__btn:hover { background: #fff; color: var(--mdz-ink); }

/* kalendarz - pas w odcieniu */
.mdz-cal { background: var(--mdz-band); }
.mdz-cal__in { max-width: var(--mdz-wrap); margin: 0 auto; padding: 90px var(--mdz-side) 96px; }
.mdz-cal__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; }
.mdz-cal__body { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; margin-top: 34px; }
.mdz-cal__img { width: 100%; height: 240px; object-fit: cover; background: #d5cdc2; }
.mdz-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.mdz-tabs__b { padding: 3px 12px; border: 1px solid var(--mdz-ink); font-size: 11px; letter-spacing: .08em; }
.mdz-tabs__b.is-on { background: var(--mdz-ink); color: #fff; }
.mdz-ev { display: block; padding: 16px 0; border-bottom: 1px solid var(--mdz-line); }
.mdz-ev[hidden] { display: none; }
.mdz-ev time { font-family: var(--mdz-latin); font-size: 11px; color: var(--mdz-mute); letter-spacing: .08em; }
.mdz-ev h3 { margin: 4px 0; font-size: 13.5px; font-weight: 700; line-height: 1.6; letter-spacing: .05em; }
.mdz-ev p { font-size: 12px; color: var(--mdz-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mdz-ev:hover h3 { color: var(--mdz-copper); }

/* o nas - tekst jak w gazecie */
.mdz-about { max-width: 900px; margin: 0 auto; padding: 150px var(--mdz-side) 160px; }
.mdz-about__h { font-size: 22px; font-weight: 700; letter-spacing: .24em; margin-bottom: 30px; }
.mdz-about__cols p { margin-bottom: 1.6em; font-size: 14px; line-height: 2.2; letter-spacing: .06em; }

/* cennik */
.mdz-price { max-width: 900px; margin: 0 auto; padding: 110px var(--mdz-side) 130px; }
.mdz-price__table { margin-top: 40px; border-top: 1px solid var(--mdz-ink); }
.mdz-price__row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 20px; padding: 20px 0; border-bottom: 1px solid var(--mdz-line); }
.mdz-price__n { font-size: 15px; font-weight: 700; letter-spacing: .1em; }
.mdz-price__d { grid-column: 1 / -1; grid-row: 2; font-size: 12.5px; color: var(--mdz-soft); }
.mdz-price__v { grid-column: 2; grid-row: 1; font-family: var(--mdz-latin); font-size: 17px; font-weight: 700; letter-spacing: .06em; white-space: nowrap; }
.mdz-price__note { margin-top: 14px; font-size: 11.5px; color: var(--mdz-mute); }

/* tematy - 3 kolumny */
.mdz-topics { max-width: var(--mdz-wrap); margin: 0 auto; padding: 0 var(--mdz-side) 120px; }
.mdz-topics__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 44px; margin-top: 48px; }
.mdz-topic img { width: 100%; height: 210px; object-fit: cover; background: #d5cdc2; }
.mdz-topic h3 { margin: 16px 0 8px; font-size: 14.5px; font-weight: 700; letter-spacing: .12em; line-height: 1.5; }
.mdz-topic h3 span { font-family: var(--mdz-latin); font-size: 11.5px; letter-spacing: .16em; color: var(--mdz-soft); }
.mdz-topic p { font-size: 12.5px; line-height: 1.9; color: var(--mdz-soft); }
.mdz-topic a { display: inline-block; margin-top: 12px; font-size: 11.5px; letter-spacing: .12em; }
.mdz-topic a:after { content: ' ›'; }
.mdz-topic a:hover { color: var(--mdz-copper); }

/* z tablicy - ciemna tablica z przypietymi kartkami */
.mdz-board { background: #2f2d2a; color: #efe9df; }
.mdz-board__in { max-width: var(--mdz-wrap); margin: 0 auto; padding: 96px var(--mdz-side) 110px; }
.mdz-board .mdz-eyebrow { border-color: #efe9df; }
.mdz-board__h { font-size: 20px; font-weight: 700; letter-spacing: .12em; line-height: 1.5; }
.mdz-board__p { margin-top: 12px; font-size: 13px; color: #b9b1a5; }
.mdz-board__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 30px; margin-top: 48px; }
.mdz-note { position: relative; padding: 24px 20px 20px; background: #f3eee4; color: var(--mdz-ink); box-shadow: 0 8px 18px rgba(0, 0, 0, .28); rotate: -1deg; }
.mdz-note:nth-child(2n) { rotate: 1.3deg; }
.mdz-note:nth-child(3n) { rotate: -.4deg; background: #f7f1e3; }
.mdz-note:before { content: ''; position: absolute; top: -10px; left: 50%; width: 74px; height: 20px; margin-left: -37px; background: rgba(226, 216, 196, .75); rotate: -3deg; }
.mdz-note__d { font-family: var(--mdz-latin); font-size: 10.5px; letter-spacing: .14em; color: var(--mdz-mute); }
.mdz-note__q { margin: 6px 0 8px; font-size: 14px; font-weight: 700; line-height: 1.6; }
.mdz-note__a { font-size: 12.5px; line-height: 1.9; color: var(--mdz-soft); }

/* zeszyt - co w cenie */
.mdz-kit { max-width: 900px; margin: 0 auto; padding: 0 var(--mdz-side) 150px; }
.mdz-kit__in { display: grid; grid-template-columns: minmax(0, 1fr); gap: 56px; }
.mdz-kit__stack { position: relative; width: 100%; max-width: 240px; height: 300px; margin: 0 auto; }
.mdz-kit__sheet { position: absolute; inset: 0; display: block; background: #fbf8f2; border: 1px solid var(--mdz-line); }
.mdz-kit__sheet:nth-child(1) { rotate: -7deg; }
.mdz-kit__sheet:nth-child(2) { rotate: 4deg; background: #f4efe6; }
.mdz-kit__sheet--top { padding: 26px 22px; background: #fffdf9; box-shadow: 0 10px 22px rgba(0, 0, 0, .08); }
.mdz-kit__brand { font-family: var(--mdz-latin); font-size: 9.5px; font-weight: 700; letter-spacing: .22em; }
.mdz-kit__big { margin-top: 70px; font-size: 26px; font-weight: 700; letter-spacing: .08em; color: var(--mdz-copper); }
.mdz-kit__lines { display: block; height: 90px; margin-top: 18px; background: repeating-linear-gradient(to bottom, transparent 0 14px, var(--mdz-line) 14px 15px); }
.mdz-kit__txt { min-width: 0; }
.mdz-kit__h { font-size: 20px; font-weight: 700; letter-spacing: .12em; line-height: 1.5; }
.mdz-kit__list { margin: 22px 0 0; padding: 0; list-style: none; }
.mdz-kit__list li { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 10px; padding: 11px 0; border-bottom: 1px solid var(--mdz-line); font-size: 13px; line-height: 1.8; color: var(--mdz-soft); }
.mdz-kit__list b { font-family: var(--mdz-latin); font-size: 12px; color: var(--mdz-copper); letter-spacing: .06em; }
.mdz-kit__note { margin-top: 16px; font-size: 12px; color: var(--mdz-mute); }

/* zapis w trzech krokach - linia z kropkami */
.mdz-path { background: var(--mdz-band); }
.mdz-path__in { max-width: var(--mdz-wrap); margin: 0 auto; padding: 90px var(--mdz-side) 100px; }
.mdz-path__h { font-size: 20px; font-weight: 700; letter-spacing: .12em; line-height: 1.5; text-align: center; }
.mdz-path__list { position: relative; margin: 50px 0 0; padding: 0; list-style: none; }
.mdz-path__list:before { content: ''; position: absolute; left: 15px; top: 8px; bottom: 8px; width: 1px; background: var(--mdz-ink); }
.mdz-path__step { position: relative; padding: 0 0 34px 54px; }
.mdz-path__n { position: absolute; left: 0; top: 0; width: 31px; height: 31px; border: 1px solid var(--mdz-ink); border-radius: 50%; background: var(--mdz-band); font-family: var(--mdz-latin); font-size: 13px; font-weight: 700; line-height: 29px; text-align: center; }
.mdz-path__step:last-child { padding-bottom: 0; }
.mdz-path__step:last-child .mdz-path__n { background: var(--mdz-ink); color: #fff; }
.mdz-path__t { font-size: 15px; font-weight: 700; letter-spacing: .1em; }
.mdz-path__p { margin-top: 6px; font-size: 13px; line-height: 1.9; color: var(--mdz-soft); }

/* stary pasek z wolnymi miejscami - wylaczony, liczby trzeba bylo poprawiac recznie
.mdz-seats { display: flex; gap: 4px; margin-top: 10px; }
.mdz-seats i { width: 10px; height: 10px; border-radius: 50%; background: var(--mdz-line); }
.mdz-seats i.is-taken { background: var(--mdz-copper); }
*/

/* stopka - kolor jak papier pakowy, byl ciemniejszy #d6c9b8 */
.mdz-foot { padding: 90px var(--mdz-side) 44px; background: var(--mdz-foot); text-align: center; }
.mdz-foot__logo { display: inline-block; }
.mdz-foot__logo img { height: 64px; width: auto; max-width: 220px; object-fit: contain; margin: 0 auto; }
.mdz-foot__word { margin: 14px 0 24px; font-family: var(--mdz-latin); font-size: 13px; font-weight: 700; letter-spacing: .5em; }
.mdz-foot__nav, .mdz-foot__legal { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 22px; font-size: 12px; letter-spacing: .12em; }
.mdz-foot__legal { margin-top: 14px; font-size: 11px; color: var(--mdz-soft); }
.mdz-foot__legal button { font-size: 11px; color: var(--mdz-soft); }
.mdz-foot a:hover, .mdz-foot__legal button:hover { color: var(--mdz-copper); }
.mdz-foot__note { margin-top: 26px; font-size: 11px; color: var(--mdz-mute); }
.mdz-foot__copy { display: block; margin-top: 8px; font-family: var(--mdz-latin); font-size: 10.5px; letter-spacing: .14em; }

@media screen and (min-width: 769px) {
  .mdz-hero { display: grid; grid-template-columns: 85% 15%; padding-bottom: 90px; }
  .mdz-hero__pic img { height: 44vw; max-height: 720px; }
  .mdz-hero__tag { justify-self: center; padding: 30px 0 0; writing-mode: vertical-rl; text-orientation: mixed; font-size: 20px; line-height: 2.2; }
  .mdz-hero__scroll { left: 42.5%; }
  .mdz-where { padding-top: 140px; padding-bottom: 120px; }
  .mdz-where__h, .mdz-cal__h, .mdz-price__h, .mdz-topics__h, .mdz-ask__h { font-size: 24px; }
  .mdz-card__img { height: 460px; }
  .mdz-card__tab { font-size: 28px; padding: 22px 16px; top: -34px; }
  .mdz-card__meta { left: 24px; bottom: 26px; right: 260px; font-size: 12px; }
  .mdz-card__btn { left: auto; right: 24px; bottom: 26px; }
  .mdz-cal__in { padding: 120px var(--mdz-side) 124px; }
  .mdz-cal__body { grid-template-columns: 35% minmax(0, 1fr); gap: 44px; }
  .mdz-cal__img { height: 100%; min-height: 320px; }
  .mdz-about { padding: 200px var(--mdz-side) 210px; }
  .mdz-about__cols { columns: 2; column-gap: 50px; }
  .mdz-topics__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
  .mdz-topic img { height: 180px; }
  .mdz-foot { padding-top: 110px; padding-bottom: 50px; }
  .mdz-path__in { padding: 120px var(--mdz-side) 130px; }
  .mdz-path__h { font-size: 24px; }
  .mdz-path__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; margin-top: 64px; }
  .mdz-path__list:before { left: 0; right: 0; top: 15px; bottom: auto; width: auto; height: 1px; }
  .mdz-path__step { padding: 52px 0 0; }
  .mdz-board__in { padding: 130px var(--mdz-side) 150px; }
  .mdz-board__h, .mdz-kit__h { font-size: 24px; }
  .mdz-board__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 34px; }
  .mdz-note:nth-child(4) { grid-column: 2; }
  .mdz-kit__in { grid-template-columns: 260px minmax(0, 1fr); gap: 70px; align-items: center; }
}

@media screen and (min-width: 1100px) {
  .mdz-about { display: grid; grid-template-columns: minmax(0, 1fr) 80px; gap: 60px; }
  .mdz-about__h { grid-column: 2; grid-row: 1; margin: 0; writing-mode: vertical-rl; text-orientation: mixed; font-size: 26px; }
  .mdz-about__cols { grid-column: 1; grid-row: 1; }
  .mdz-card__img { height: 520px; }
  .mdz-topic img { height: 230px; }
}