

@font-face { font-family: "MK Display"; src: url("https://makijazowo.pl/wp-content/uploads/static/884a66f9db1b.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "MK Sans"; src: url("https://makijazowo.pl/wp-content/uploads/static/4b38d7edfd19.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: optional; }
@font-face { font-family: "MK Sans"; src: url("https://makijazowo.pl/wp-content/uploads/static/5648726919b6.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: optional; }
@font-face { font-family: "MK Text"; src: url("https://makijazowo.pl/wp-content/uploads/static/0e0ba81dbb50.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "MK Text"; src: url("https://makijazowo.pl/wp-content/uploads/static/3113551dd887.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "MK Text"; src: url("https://makijazowo.pl/wp-content/uploads/static/e9cafaeb4fa5.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "MK Deck"; src: url("https://makijazowo.pl/wp-content/uploads/static/682a17c2d576.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }


@font-face { font-family: "MK Display Narrow"; src: local("Arial Narrow Bold"), local("ArialNarrow-Bold"); size-adjust: 86%; ascent-override: 104%; descent-override: 26%; line-gap-override: 0%; }
@font-face { font-family: "MK Display Fallback"; src: local("Arial Bold"), local("Arial-BoldMT"), local("Roboto Bold"), local("Roboto-Bold"), local("Liberation Sans Bold"); size-adjust: 69%; ascent-override: 128%; descent-override: 32%; line-gap-override: 0%; }
@font-face { font-family: "MK Sans Fallback"; src: local("Arial"), local("ArialMT"); size-adjust: 102%; ascent-override: 92%; descent-override: 24%; }
@font-face { font-family: "MK Text Fallback"; src: local("Georgia"); size-adjust: 96%; ascent-override: 90%; descent-override: 26%; }

:root {
    --mk-kohl: #000000;
    --mk-rouge: #D1052C;
    --mk-bordo: #4A0519;
    --mk-flash: #FF2BB8;
    --mk-paper: #FFFFFF;
    --mk-mirror: #EDEDED;
    --mk-nude: #E2BEA4;
    --mk-tan: #B07A5B;
    --mk-smoke: #241E33;
    --mk-ink-2: #45403D;
    --mk-hair: rgba(0, 0, 0, .14);

    --mk-display: "MK Display", "MK Display Narrow", "MK Display Fallback", sans-serif;
    --mk-sans: "MK Sans", "MK Sans Fallback", Arial, sans-serif;
    --mk-text: "MK Text", "MK Text Fallback", Georgia, serif;
    --mk-deck: "MK Deck", "MK Text", "MK Text Fallback", Georgia, serif;

    --mk-gutter: clamp(1rem, 4vw, 3rem);
    --mk-wrap: min(1360px, calc(100% - 2 * var(--mk-gutter)));
    --mk-ease: cubic-bezier(.2, .7, .2, 1);
    --mk-ease-swipe: cubic-bezier(.75, 0, .2, 1);
    --mk-swipe-mask: url("https://makijazowo.pl/wp-content/uploads/static/1a3460a18e9a.svg");
    --mk-swipe-soft: url("https://makijazowo.pl/wp-content/uploads/static/255dfaaea835.svg");

    
    --primary-color: var(--mk-kohl);
    --primary-contrast: #fff;
    --accent-color: var(--mk-rouge);
    --surface-paper: var(--mk-paper);
    --text-color: var(--mk-kohl);
    --text-secondary: var(--mk-ink-2);
    --heading-color: var(--mk-kohl);
    --font-display: var(--mk-display);
    --font-body: var(--mk-sans);
    --font-caption: var(--mk-sans);
    --display-weight: 800;
    --measure: 66ch;
}


.mk-pig-nude {
    --pig: #E2BEA4;
    --pig-ink: #000000;
    --pig-swipe: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 400 60%27 preserveAspectRatio=%27none%27%3E%3Cpath fill=%27%23E2BEA4%27 d=%27M16 12 C100 3 220 4.8 320 1.8 Q368.4 2.1 368.4 5.2 Q368.4 7.3 313.3 8.7 Q391.5 9 391.5 12.2 Q391.5 14.2 314.4 15.6 Q371.1 15.9 371.1 19.1 Q371.1 21.1 313 22.5 Q355.3 22.8 355.3 26 Q355.3 28 313.9 29.4 Q377.1 29.7 377.1 32.9 Q377.1 34.9 310.5 36.3 Q350.9 36.6 350.9 39.8 Q350.9 41.8 316.4 43.2 Q350.8 43.5 350.8 46.6 Q350.8 48.7 310.3 50.1 Q380.2 50.4 380.2 53.5 Q380.2 55.6 319.5 57 C220 60 100 58.2 28 58.2 C-8 49.2 -8 21.6 16 12 Z M339.3 47.4 Q365.8 44.9 392.2 47.4 Q365.8 49.8 339.3 47.4 Z M320.3 17.7 Q344.8 16.1 369.2 17.7 Q344.8 19.3 320.3 17.7 Z M324.8 18.8 Q341.3 16.7 357.8 18.8 Q341.3 21 324.8 18.8 Z%27/%3E%3C/svg%3E");
    --pig-cursor: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2728%27 height=%2728%27%3E%3Ccircle cx=%2714%27 cy=%2714%27 r=%2710.5%27 fill=%27%23E2BEA4%27 stroke=%27%23fff%27 stroke-width=%273%27/%3E%3Ccircle cx=%2714%27 cy=%2714%27 r=%2712.5%27 fill=%27none%27 stroke=%27%23000%27/%3E%3C/svg%3E") 14 14;
}
.mk-pig-bordo {
    --pig: #4A0519;
    --pig-ink: #FFFFFF;
    --pig-swipe: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 400 60%27 preserveAspectRatio=%27none%27%3E%3Cpath fill=%27%234A0519%27 d=%27M16 12 C100 3 220 4.8 320 1.8 Q368.4 2.1 368.4 5.2 Q368.4 7.3 313.3 8.7 Q391.5 9 391.5 12.2 Q391.5 14.2 314.4 15.6 Q371.1 15.9 371.1 19.1 Q371.1 21.1 313 22.5 Q355.3 22.8 355.3 26 Q355.3 28 313.9 29.4 Q377.1 29.7 377.1 32.9 Q377.1 34.9 310.5 36.3 Q350.9 36.6 350.9 39.8 Q350.9 41.8 316.4 43.2 Q350.8 43.5 350.8 46.6 Q350.8 48.7 310.3 50.1 Q380.2 50.4 380.2 53.5 Q380.2 55.6 319.5 57 C220 60 100 58.2 28 58.2 C-8 49.2 -8 21.6 16 12 Z M339.3 47.4 Q365.8 44.9 392.2 47.4 Q365.8 49.8 339.3 47.4 Z M320.3 17.7 Q344.8 16.1 369.2 17.7 Q344.8 19.3 320.3 17.7 Z M324.8 18.8 Q341.3 16.7 357.8 18.8 Q341.3 21 324.8 18.8 Z%27/%3E%3C/svg%3E");
    --pig-cursor: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2728%27 height=%2728%27%3E%3Ccircle cx=%2714%27 cy=%2714%27 r=%2710.5%27 fill=%27%234A0519%27 stroke=%27%23fff%27 stroke-width=%273%27/%3E%3Ccircle cx=%2714%27 cy=%2714%27 r=%2712.5%27 fill=%27none%27 stroke=%27%23000%27/%3E%3C/svg%3E") 14 14;
}
.mk-pig-smoke {
    --pig: #241E33;
    --pig-ink: #FFFFFF;
    --pig-swipe: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 400 60%27 preserveAspectRatio=%27none%27%3E%3Cpath fill=%27%23241E33%27 d=%27M16 12 C100 3 220 4.8 320 1.8 Q368.4 2.1 368.4 5.2 Q368.4 7.3 313.3 8.7 Q391.5 9 391.5 12.2 Q391.5 14.2 314.4 15.6 Q371.1 15.9 371.1 19.1 Q371.1 21.1 313 22.5 Q355.3 22.8 355.3 26 Q355.3 28 313.9 29.4 Q377.1 29.7 377.1 32.9 Q377.1 34.9 310.5 36.3 Q350.9 36.6 350.9 39.8 Q350.9 41.8 316.4 43.2 Q350.8 43.5 350.8 46.6 Q350.8 48.7 310.3 50.1 Q380.2 50.4 380.2 53.5 Q380.2 55.6 319.5 57 C220 60 100 58.2 28 58.2 C-8 49.2 -8 21.6 16 12 Z M339.3 47.4 Q365.8 44.9 392.2 47.4 Q365.8 49.8 339.3 47.4 Z M320.3 17.7 Q344.8 16.1 369.2 17.7 Q344.8 19.3 320.3 17.7 Z M324.8 18.8 Q341.3 16.7 357.8 18.8 Q341.3 21 324.8 18.8 Z%27/%3E%3C/svg%3E");
    --pig-cursor: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2728%27 height=%2728%27%3E%3Ccircle cx=%2714%27 cy=%2714%27 r=%2710.5%27 fill=%27%23241E33%27 stroke=%27%23fff%27 stroke-width=%273%27/%3E%3Ccircle cx=%2714%27 cy=%2714%27 r=%2712.5%27 fill=%27none%27 stroke=%27%23000%27/%3E%3C/svg%3E") 14 14;
}
.mk-pig-tan {
    --pig: #B07A5B;
    --pig-ink: #000000;
    --pig-swipe: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 400 60%27 preserveAspectRatio=%27none%27%3E%3Cpath fill=%27%23B07A5B%27 d=%27M16 12 C100 3 220 4.8 320 1.8 Q368.4 2.1 368.4 5.2 Q368.4 7.3 313.3 8.7 Q391.5 9 391.5 12.2 Q391.5 14.2 314.4 15.6 Q371.1 15.9 371.1 19.1 Q371.1 21.1 313 22.5 Q355.3 22.8 355.3 26 Q355.3 28 313.9 29.4 Q377.1 29.7 377.1 32.9 Q377.1 34.9 310.5 36.3 Q350.9 36.6 350.9 39.8 Q350.9 41.8 316.4 43.2 Q350.8 43.5 350.8 46.6 Q350.8 48.7 310.3 50.1 Q380.2 50.4 380.2 53.5 Q380.2 55.6 319.5 57 C220 60 100 58.2 28 58.2 C-8 49.2 -8 21.6 16 12 Z M339.3 47.4 Q365.8 44.9 392.2 47.4 Q365.8 49.8 339.3 47.4 Z M320.3 17.7 Q344.8 16.1 369.2 17.7 Q344.8 19.3 320.3 17.7 Z M324.8 18.8 Q341.3 16.7 357.8 18.8 Q341.3 21 324.8 18.8 Z%27/%3E%3C/svg%3E");
    --pig-cursor: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2728%27 height=%2728%27%3E%3Ccircle cx=%2714%27 cy=%2714%27 r=%2710.5%27 fill=%27%23B07A5B%27 stroke=%27%23fff%27 stroke-width=%273%27/%3E%3Ccircle cx=%2714%27 cy=%2714%27 r=%2712.5%27 fill=%27none%27 stroke=%27%23000%27/%3E%3C/svg%3E") 14 14;
}
.mk-pig-rouge {
    --pig: #D1052C;
    --pig-ink: #FFFFFF;
    --pig-swipe: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 400 60%27 preserveAspectRatio=%27none%27%3E%3Cpath fill=%27%23D1052C%27 d=%27M16 12 C100 3 220 4.8 320 1.8 Q368.4 2.1 368.4 5.2 Q368.4 7.3 313.3 8.7 Q391.5 9 391.5 12.2 Q391.5 14.2 314.4 15.6 Q371.1 15.9 371.1 19.1 Q371.1 21.1 313 22.5 Q355.3 22.8 355.3 26 Q355.3 28 313.9 29.4 Q377.1 29.7 377.1 32.9 Q377.1 34.9 310.5 36.3 Q350.9 36.6 350.9 39.8 Q350.9 41.8 316.4 43.2 Q350.8 43.5 350.8 46.6 Q350.8 48.7 310.3 50.1 Q380.2 50.4 380.2 53.5 Q380.2 55.6 319.5 57 C220 60 100 58.2 28 58.2 C-8 49.2 -8 21.6 16 12 Z M339.3 47.4 Q365.8 44.9 392.2 47.4 Q365.8 49.8 339.3 47.4 Z M320.3 17.7 Q344.8 16.1 369.2 17.7 Q344.8 19.3 320.3 17.7 Z M324.8 18.8 Q341.3 16.7 357.8 18.8 Q341.3 21 324.8 18.8 Z%27/%3E%3C/svg%3E");
    --pig-cursor: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2728%27 height=%2728%27%3E%3Ccircle cx=%2714%27 cy=%2714%27 r=%2710.5%27 fill=%27%23D1052C%27 stroke=%27%23fff%27 stroke-width=%273%27/%3E%3Ccircle cx=%2714%27 cy=%2714%27 r=%2712.5%27 fill=%27none%27 stroke=%27%23000%27/%3E%3C/svg%3E") 14 14;
}
.mk-pig-flash {
    --pig: #FF2BB8;
    --pig-ink: #000000;
    --pig-swipe: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 400 60%27 preserveAspectRatio=%27none%27%3E%3Cpath fill=%27%23FF2BB8%27 d=%27M16 12 C100 3 220 4.8 320 1.8 Q368.4 2.1 368.4 5.2 Q368.4 7.3 313.3 8.7 Q391.5 9 391.5 12.2 Q391.5 14.2 314.4 15.6 Q371.1 15.9 371.1 19.1 Q371.1 21.1 313 22.5 Q355.3 22.8 355.3 26 Q355.3 28 313.9 29.4 Q377.1 29.7 377.1 32.9 Q377.1 34.9 310.5 36.3 Q350.9 36.6 350.9 39.8 Q350.9 41.8 316.4 43.2 Q350.8 43.5 350.8 46.6 Q350.8 48.7 310.3 50.1 Q380.2 50.4 380.2 53.5 Q380.2 55.6 319.5 57 C220 60 100 58.2 28 58.2 C-8 49.2 -8 21.6 16 12 Z M339.3 47.4 Q365.8 44.9 392.2 47.4 Q365.8 49.8 339.3 47.4 Z M320.3 17.7 Q344.8 16.1 369.2 17.7 Q344.8 19.3 320.3 17.7 Z M324.8 18.8 Q341.3 16.7 357.8 18.8 Q341.3 21 324.8 18.8 Z%27/%3E%3C/svg%3E");
    --pig-cursor: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2728%27 height=%2728%27%3E%3Ccircle cx=%2714%27 cy=%2714%27 r=%2710.5%27 fill=%27%23FF2BB8%27 stroke=%27%23fff%27 stroke-width=%273%27/%3E%3Ccircle cx=%2714%27 cy=%2714%27 r=%2712.5%27 fill=%27none%27 stroke=%27%23000%27/%3E%3C/svg%3E") 14 14;
}
.mk-pig-kohl {
    --pig: #000000;
    --pig-ink: #FFFFFF;
    --pig-swipe: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 400 60%27 preserveAspectRatio=%27none%27%3E%3Cpath fill=%27%23000000%27 d=%27M16 12 C100 3 220 4.8 320 1.8 Q368.4 2.1 368.4 5.2 Q368.4 7.3 313.3 8.7 Q391.5 9 391.5 12.2 Q391.5 14.2 314.4 15.6 Q371.1 15.9 371.1 19.1 Q371.1 21.1 313 22.5 Q355.3 22.8 355.3 26 Q355.3 28 313.9 29.4 Q377.1 29.7 377.1 32.9 Q377.1 34.9 310.5 36.3 Q350.9 36.6 350.9 39.8 Q350.9 41.8 316.4 43.2 Q350.8 43.5 350.8 46.6 Q350.8 48.7 310.3 50.1 Q380.2 50.4 380.2 53.5 Q380.2 55.6 319.5 57 C220 60 100 58.2 28 58.2 C-8 49.2 -8 21.6 16 12 Z M339.3 47.4 Q365.8 44.9 392.2 47.4 Q365.8 49.8 339.3 47.4 Z M320.3 17.7 Q344.8 16.1 369.2 17.7 Q344.8 19.3 320.3 17.7 Z M324.8 18.8 Q341.3 16.7 357.8 18.8 Q341.3 21 324.8 18.8 Z%27/%3E%3C/svg%3E");
    --pig-cursor: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2728%27 height=%2728%27%3E%3Ccircle cx=%2714%27 cy=%2714%27 r=%2710.5%27 fill=%27%23000000%27 stroke=%27%23fff%27 stroke-width=%273%27/%3E%3Ccircle cx=%2714%27 cy=%2714%27 r=%2712.5%27 fill=%27none%27 stroke=%27%23000%27/%3E%3C/svg%3E") 14 14;
}


.portal-makijazowo {
    background: var(--mk-paper);
    color: var(--mk-kohl);
    font-family: var(--mk-sans);
    font-feature-settings: "kern" 1, "liga" 1;
}
:where(.portal-makijazowo) :is(h1, h2, h3, h4) {
    margin: 0;
    word-spacing: .07em;
    font-family: var(--mk-display);
    font-weight: 800;
    letter-spacing: -.005em;
    line-height: .95;
    color: inherit;
}
.portal-makijazowo a:hover { text-decoration: none; }
.portal-makijazowo ::selection { background: var(--mk-flash); color: #000; }
.portal-makijazowo :focus-visible { outline: 3px solid var(--mk-flash); outline-offset: 3px; border-radius: 2px; }
.portal-makijazowo [data-reveal] { animation: none; opacity: 1; transform: none; }
.portal-makijazowo .site-main { display: block; margin: 0; padding: 0; }

.mk-skip {
    position: absolute; left: .75rem; top: -4rem; z-index: 200;
    background: var(--mk-flash); color: #000; padding: .7rem 1rem;
    font-weight: 600; border-radius: 999px;
}
.mk-skip:focus { top: .75rem; }

.portal-makijazowo .reading-progress { height: 4px; background: var(--mk-rouge); z-index: 120; }


.mk-wm { display: block; width: auto; height: 100%; overflow: visible; }
.mk-wm__ink { fill: currentColor; }
.mk-wm__tail { fill: var(--mk-rouge); transform-box: fill-box; transform-origin: 100% 0; }
.mk-wm__dot { fill: var(--mk-flash); transform-box: fill-box; transform-origin: 50% 50%; }


.mk-top {
    position: sticky; top: 0; z-index: 90;
    background: var(--mk-kohl); color: #fff;
}
.mk-top__bar {
    width: var(--mk-wrap); margin-inline: auto;
    display: flex; align-items: center; gap: 1.5rem;
    min-height: 4rem;
}
.mk-top__logo { display: block; height: 32px; flex: none; color: #fff; }
.mk-top__logo:hover .mk-wm__dot { transform: scale(1.25); }
.mk-wm__dot { transition: transform .35s var(--mk-ease); }

.mk-top__toggle {
    margin-left: auto; display: inline-flex; align-items: center; gap: .55rem;
    font: 600 .95rem/1 var(--mk-sans); color: #fff;
    padding: .7rem .95rem; border: 1.5px solid rgba(255,255,255,.55); border-radius: 999px;
}
.mk-top__toggle-pan { width: .8rem; height: .8rem; border-radius: 50%; background: var(--mk-flash); transition: transform .3s var(--mk-ease); }
.mk-top__toggle[aria-expanded="true"] .mk-top__toggle-pan { transform: scale(1.35); background: var(--mk-rouge); }

.mk-nav { display: none; }
.mk-nav.is-open {
    display: block; position: absolute; left: 0; right: 0; top: 100%;
    background: var(--mk-kohl); padding: .5rem var(--mk-gutter) 2rem;
    max-height: calc(100vh - 4rem); overflow-y: auto;
    border-top: 1px solid rgba(255,255,255,.14);
}
.mk-nav__list { list-style: none; margin: 0; padding: 0; }
.mk-nav__link {
    display: flex; align-items: center; gap: .9rem;
    font: 800 2.25rem/1 var(--mk-display); color: #fff;
    padding: .7rem 0; position: relative;
}
.mk-nav__pan {
    flex: none; width: 1.1rem; height: 1.1rem; border-radius: 50%;
    background: var(--pig); box-shadow: 0 0 0 2px rgba(255,255,255,.3);
    transition: transform .3s var(--mk-ease);
}
.mk-nav__link[aria-current="page"] .mk-nav__pan { transform: scale(1.3); box-shadow: 0 0 0 2px #fff; }

.mk-find { margin-top: 1.25rem; }
.mk-find__btn {
    list-style: none; cursor: pointer;
    font: 600 .95rem/1 var(--mk-sans); color: #fff;
    display: inline-flex; align-items: center; gap: .5rem;
    padding: .7rem .95rem; border-radius: 999px; background: rgba(255,255,255,.1);
}
.mk-find__btn::-webkit-details-marker { display: none; }
.mk-find__btn::before {
    content: ""; width: .75rem; height: .75rem; border-radius: 50%;
    border: 2px solid currentColor; box-sizing: border-box;
}
.mk-find[open] .mk-find__btn { background: #fff; color: #000; }
.mk-find__panel { padding-top: 1rem; }
.mk-find .mk-search__label { color: #fff; }

@media (min-width: 1000px) {
    .mk-top__bar { min-height: 4.75rem; gap: 2.5rem; }
    .mk-top__logo { height: 34px; }
    .mk-top__toggle { display: none; }
    .mk-nav, .mk-nav.is-open {
        display: flex; align-items: center; gap: 1.5rem; margin-left: auto;
        position: static; padding: 0; background: none; border: 0; max-height: none; overflow: visible;
    }
    .mk-nav__list { display: flex; gap: 1.6rem; }
    .mk-nav__link { font: 600 .95rem/1 var(--mk-sans); gap: .5rem; padding: .6rem 0; }
    .mk-nav__pan { width: .7rem; height: .7rem; box-shadow: 0 0 0 1.5px rgba(255,255,255,.35); }
    .mk-nav__link::after {
        content: ""; position: absolute; left: -.2rem; right: -.2rem; bottom: -.05rem; height: .42rem;
        background: var(--pig); -webkit-mask: var(--mk-swipe-mask) no-repeat 0 0 / 100% 100%; mask: var(--mk-swipe-mask) no-repeat 0 0 / 100% 100%;
        transform: scaleX(0); transform-origin: 0 50%; transition: transform .45s var(--mk-ease-swipe);
    }
    .mk-nav__link:hover::after, .mk-nav__link[aria-current="page"]::after { transform: scaleX(1); }
    .mk-pig-smoke.mk-nav__link::after, .mk-pig-bordo.mk-nav__link::after { background: #fff; }
    .mk-find { margin: 0; position: relative; }
    .mk-find__panel {
        position: absolute; right: 0; top: calc(100% + 1rem); width: 26rem;
        background: #fff; color: #000; padding: 1.25rem; border: 3px solid #000;
        box-shadow: 10px 10px 0 var(--mk-rouge);
    }
    .mk-find .mk-search__label { color: #000; }
}


@media (prefers-reduced-motion: no-preference) {
    .home .mk-top__logo .mk-wm__tail { animation: mk-swipe-in .7s var(--mk-ease-swipe) .15s both; }
    .home .mk-top__logo .mk-wm__dot { animation: mk-dot-in .5s cubic-bezier(.3, 1.6, .5, 1) .8s both; }
}
@keyframes mk-swipe-in { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes mk-dot-in { from { transform: scale(0); } to { transform: scale(1); } }


.mk-chip {
    display: inline-flex; align-items: center; gap: .45rem;
    font: 600 .8rem/1 var(--mk-sans); color: #000;
    padding: .38rem .7rem .38rem .4rem; border-radius: 999px;
    background: #fff; border: 1.5px solid #000;
    position: relative; z-index: 2;
    transition: background-color .25s, color .25s;
}
.mk-chip__pan { width: .85rem; height: .85rem; border-radius: 50%; background: var(--pig); box-shadow: inset 0 0 0 1px rgba(0,0,0,.18); }
a.mk-chip:hover { background: var(--pig); color: var(--pig-ink); }
a.mk-chip:hover .mk-chip__pan { box-shadow: inset 0 0 0 2px var(--pig-ink); }

.mk-btn {
    display: inline-flex; align-items: center; position: relative; overflow: hidden;
    font: 600 1rem/1 var(--mk-sans); color: #fff; background: #000;
    padding: 1rem 1.5rem; border-radius: 999px; isolation: isolate;
}
.mk-btn span { position: relative; z-index: 1; }
.mk-btn::before {
    content: ""; position: absolute; inset: -10% -6%;
    background: var(--mk-rouge); -webkit-mask: var(--mk-swipe-soft) no-repeat 0 0 / 100% 100%; mask: var(--mk-swipe-soft) no-repeat 0 0 / 100% 100%;
    transform: scaleX(0); transform-origin: 0 50%; transition: transform .5s var(--mk-ease-swipe);
}
.mk-btn:hover::before, .mk-btn:focus-visible::before { transform: scaleX(1); }

.mk-search__label { display: block; font: 600 .95rem/1.2 var(--mk-sans); margin-bottom: .6rem; }
.mk-search__row { display: flex; gap: .5rem; }
.mk-search input[type="search"] {
    flex: 1; min-width: 0; font: 400 1rem/1.2 var(--mk-sans); color: #000;
    padding: .85rem 1rem; border: 2px solid #000; border-radius: 999px; background: #fff;
}
.mk-search input[type="search"]::placeholder { color: #6b6663; }
.mk-search button {
    font: 600 1rem/1 var(--mk-sans); color: #fff; background: var(--mk-rouge);
    padding: .85rem 1.2rem; border-radius: 999px;
}
.mk-search button:hover { background: #000; }


.mk-sec { width: var(--mk-wrap); margin-inline: auto; padding-block: clamp(3rem, 7vw, 6rem) 0; }
.mk-sec__head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem 2rem; flex-wrap: wrap; margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }
.mk-sec__h { font-size: clamp(2.5rem, 6vw, 4.5rem); display: flex; align-items: center; gap: .3em; }
.mk-sec__pan { width: .55em; height: .55em; border-radius: 50%; background: var(--pig); flex: none; box-shadow: inset 0 0 0 2px rgba(0,0,0,.12); }
.mk-sec__more { font: 600 1rem/1.3 var(--mk-sans); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: .3em; text-decoration-color: var(--pig, var(--mk-rouge)); }
.mk-sec__more:hover { text-decoration-thickness: 5px; }

.mk-grid { display: grid; gap: 2.75rem 1.5rem; grid-template-columns: 1fr; }
@media (min-width: 640px) {
    .mk-grid--4, .mk-grid--3, .mk-grid--archive, .mk-grid--feature { grid-template-columns: 1fr 1fr; }
    .mk-grid--feature .mk-card--wide, .mk-grid--archive .mk-card--wide { grid-column: 1 / -1; }
}
@media (min-width: 1000px) {
    .mk-grid--3, .mk-grid--archive { grid-template-columns: repeat(3, 1fr); }
    .mk-grid--4 { grid-template-columns: repeat(4, 1fr); }
    .mk-grid--feature { grid-template-columns: 1.5fr 1fr; }
    .mk-grid--feature .mk-card--wide { grid-column: 1; grid-row: 1 / span 2; }
    .mk-grid--archive .mk-card--wide { grid-column: span 2; grid-row: span 2; }
}


.mk-card { position: relative; display: flex; flex-direction: column; }
.mk-card__media {
    position: relative; display: block; overflow: hidden;
    aspect-ratio: 5 / 4; background: var(--pig);
}
.mk-card--wide .mk-card__media { aspect-ratio: 16 / 10; }
.mk-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--mk-ease); }
.mk-card:hover .mk-card__media img { transform: scale(1.04); }
.mk-card__blank { display: block; width: 100%; height: 100%; }
.mk-card__body { padding-top: 1.1rem; display: flex; flex-direction: column; align-items: flex-start; gap: .7rem; }
.mk-card__title { font-size: clamp(1.75rem, 2.3vw, 2.15rem); line-height: .96; text-wrap: balance; }
.mk-card--wide .mk-card__title { font-size: clamp(2.25rem, 4vw, 3.5rem); }
.mk-card__title a { color: inherit; }
.mk-card__title a::after { content: ""; position: absolute; inset: 0; z-index: 1; cursor: var(--pig-cursor), pointer; }
.mk-card__title span {
    background: var(--pig-swipe) no-repeat 0 100% / 0% .34em;
    -webkit-box-decoration-break: clone; box-decoration-break: clone;
    transition: background-size .55s var(--mk-ease-swipe);
    padding-bottom: .04em;
}
.mk-card:hover .mk-card__title span, .mk-card__title a:focus-visible span { background-size: 100% .34em; }
.mk-card__title a:focus-visible { outline: none; }
.mk-card:has(.mk-card__title a:focus-visible) { outline: 3px solid var(--mk-flash); outline-offset: 6px; }
.mk-card__dek {
    font: 400 1.05rem/1.45 var(--mk-text); color: var(--mk-ink-2); margin: 0;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.mk-card--wide .mk-card__dek { font-size: 1.2rem; max-width: 46ch; }
.mk-card__meta { font: 400 .85rem/1 var(--mk-sans); color: var(--mk-ink-2); margin: 0; }
.mk-card .mk-chip { z-index: 2; }


@media (prefers-reduced-motion: no-preference) {
    .mk-js .mk-card[data-reveal] .mk-card__media::after {
        content: ""; position: absolute; inset: 0; background: var(--pig);
        transform-origin: 100% 50%; transition: transform .85s var(--mk-ease-swipe);
    }
    .mk-js .mk-card[data-reveal] .mk-card__body { transition: opacity .6s .2s, transform .6s .2s var(--mk-ease); }
    .mk-js .mk-card[data-reveal]:not(.is-in) .mk-card__body { opacity: 0; transform: translateY(14px); }
    .mk-js:not(.mk-ready) .mk-card[data-reveal]:not(.is-in) .mk-card__body { animation: mk-failsafe 0s 3s forwards; }
    .mk-js:not(.mk-ready) .mk-card[data-reveal]:not(.is-in) .mk-card__media::after { animation: mk-failsafe-x 0s 3s forwards; }
    .mk-js .mk-card[data-reveal].is-in .mk-card__media::after { transform: scaleX(0); }
}
@keyframes mk-failsafe { to { opacity: 1; transform: none; } }
@keyframes mk-failsafe-x { to { transform: scaleX(0); } }


.mk-strap { background: var(--mk-rouge); color: #fff; }
.mk-strap__h {
    width: var(--mk-wrap); margin-inline: auto; padding-block: .7rem;
    font: 600 .95rem/1.3 var(--mk-sans); letter-spacing: 0; color: #fff;
}

.mk-lead {
    width: var(--mk-wrap); margin-inline: auto;
    display: grid; gap: 2rem; padding-block: clamp(2rem, 5vw, 4.5rem) 0;
}
.mk-lead__text { display: flex; flex-direction: column; align-items: flex-start; gap: 1.1rem; }
.mk-lead__title { font-size: clamp(3.1rem, 9vw, 7.5rem); line-height: .88; letter-spacing: -.01em; text-wrap: balance; }
.mk-lead__title a {
    background: var(--pig-swipe) no-repeat 0 96% / 0% .3em;
    -webkit-box-decoration-break: clone; box-decoration-break: clone;
    transition: background-size .6s var(--mk-ease-swipe);
}
.mk-lead__title a:hover, .mk-lead__title a:focus-visible { background-size: 100% .3em; }
.mk-lead__dek { font: italic 400 clamp(1.2rem, 1.8vw, 1.5rem)/1.35 var(--mk-deck); color: var(--mk-ink-2); max-width: 34ch; margin: 0; }
.mk-lead__meta { display: flex; flex-wrap: wrap; gap: .4rem 1.25rem; font: 400 .9rem/1.2 var(--mk-sans); color: var(--mk-ink-2); margin: 0; }
.mk-lead__media { position: relative; display: block; aspect-ratio: 16 / 10; margin-right: 12px; margin-bottom: 12px; }
.mk-lead__media::before { content: ""; position: absolute; inset: 12px -12px -12px 12px; background: var(--pig); }
.mk-lead__media img { position: relative; width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 1000px) {
    .mk-lead { grid-template-columns: 1.15fr .85fr; align-items: center; gap: 4rem; }
    .mk-lead__media { aspect-ratio: 4 / 5; margin: 0 18px 18px 0; }
    .mk-lead__media::before { inset: 18px -18px -18px 18px; }
}

@media (prefers-reduced-motion: no-preference) {
    .mk-lead__media::after, .mk-article__media::after {
        content: ""; position: absolute; inset: 0; z-index: 1; background: var(--pig);
        transform-origin: 100% 50%; animation: mk-uncover .9s var(--mk-ease-swipe) .25s both;
    }
}
@keyframes mk-uncover { from { transform: scaleX(1); } to { transform: scaleX(0); } }


.mk-palette { background: var(--mk-mirror); margin-top: clamp(3.5rem, 8vw, 7rem); padding-block: clamp(3rem, 7vw, 6rem); }
.mk-palette__inner { width: var(--mk-wrap); margin-inline: auto; }
.mk-palette__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: .75rem 2rem; margin-bottom: 2rem; }
.mk-palette__note { font: 400 1rem/1.4 var(--mk-sans); color: var(--mk-ink-2); max-width: 30ch; margin: 0; }
.mk-palette__list { list-style: none; margin: 0; padding: 0; display: grid; gap: .35rem; }
.mk-palette__item a { position: relative; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 1rem; min-height: clamp(4.25rem, 9vw, 6.5rem); }
.mk-palette__swipe {
    position: absolute; left: 0; top: 0; bottom: 0; width: var(--len);
    background: var(--pig); -webkit-mask: var(--mk-swipe-soft) no-repeat 0 0 / 100% 100%; mask: var(--mk-swipe-soft) no-repeat 0 0 / 100% 100%;
    transform-origin: 0 50%; transition: transform .5s var(--mk-ease-swipe);
}
.mk-palette__name { position: relative; padding-left: clamp(1rem, 3vw, 2rem); font: 800 clamp(2rem, 6vw, 4.25rem)/1 var(--mk-display); color: var(--pig-ink); transition: transform .4s var(--mk-ease); }
.mk-palette__count { position: relative; font: 600 .95rem/1 var(--mk-sans); color: #000; white-space: nowrap; }
.mk-palette__item a:hover .mk-palette__swipe { transform: scaleX(1.035); }
.mk-palette__item a:hover .mk-palette__name { transform: translateX(.35rem); }
.mk-palette__item a:focus-visible { outline-offset: 4px; }
@media (max-width: 639px) {
    .mk-palette__item a { grid-template-columns: 1fr; }
    .mk-palette__swipe { width: max(var(--len), 78%); }
    .mk-palette__count { position: absolute; right: 0; bottom: -.1rem; font-size: .8rem; }
}
@media (prefers-reduced-motion: no-preference) {
    .mk-js .mk-palette__item:not(.is-in) .mk-palette__swipe { transform: scaleX(0); }
    .mk-js .mk-palette__item:not(.is-in) .mk-palette__name { opacity: 0; }
    .mk-js:not(.mk-ready) .mk-palette__item:not(.is-in) .mk-palette__swipe { animation: mk-failsafe-grow 0s 3s forwards; }
    .mk-js:not(.mk-ready) .mk-palette__item:not(.is-in) .mk-palette__name { animation: mk-failsafe 0s 3s forwards; }
    .mk-js .mk-palette__item.is-in .mk-palette__swipe { animation: mk-swipe-in .8s var(--mk-ease-swipe) calc(var(--i) * 90ms) backwards; }
    .mk-js .mk-palette__item.is-in .mk-palette__name { animation: mk-fade-in .5s ease calc(var(--i) * 90ms + .35s) backwards; }
}
@keyframes mk-failsafe-grow { to { transform: scaleX(1); } }
@keyframes mk-fade-in { from { opacity: 0; } to { opacity: 1; } }


.mk-article__head { width: var(--mk-wrap); margin-inline: auto; padding-block: clamp(1.25rem, 3vw, 2.5rem) clamp(1.75rem, 4vw, 3rem); display: flex; flex-direction: column; align-items: flex-start; gap: 1.1rem; }
.portal-makijazowo .breadcrumbs { font: 400 .85rem/1.3 var(--mk-sans); letter-spacing: 0; text-transform: none; color: var(--mk-ink-2); padding: 0; }
.portal-makijazowo .breadcrumbs a:hover { color: #000; text-decoration: underline; }
.mk-article__title { font-size: clamp(2.9rem, 8vw, 6.75rem); line-height: .9; max-width: 15ch; text-wrap: balance; }
.mk-article__lede { font: italic 400 clamp(1.25rem, 2vw, 1.6rem)/1.38 var(--mk-deck); color: var(--mk-ink-2); max-width: 40ch; margin: 0; }
.mk-article__meta { display: flex; flex-wrap: wrap; gap: .4rem 1.25rem; font: 400 .9rem/1.2 var(--mk-sans); color: var(--mk-ink-2); margin: 0; }
.mk-article__meta span:first-child { color: #000; font-weight: 600; }

.mk-article__figure { width: var(--mk-wrap); margin: 0 auto; }
.mk-article__media { position: relative; aspect-ratio: 16 / 9; margin: 0 14px 14px 0; }
.mk-article__media::before { content: ""; position: absolute; inset: 14px -14px -14px 14px; background: var(--pig); }
.mk-article__media img { position: relative; width: 100%; height: 100%; object-fit: cover; }
.mk-article__figure figcaption { font: 400 .85rem/1.4 var(--mk-sans); color: var(--mk-ink-2); margin-top: 1.25rem; }

.mk-article__body {
    width: var(--mk-wrap); margin-inline: auto; padding-top: clamp(2rem, 5vw, 4rem);
    display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem;
}
.mk-steps { border: 2px solid #000; padding: 1.1rem 1.25rem; align-self: start; max-width: 66ch; }
.mk-steps__label { font: 600 .9rem/1 var(--mk-sans); margin: 0 0 .8rem; }
.mk-steps__list { list-style: none; margin: 0; padding: 0; display: grid; gap: .55rem; }
.mk-steps__list a { display: grid; grid-template-columns: 2rem 1fr; gap: .4rem; font: 400 .95rem/1.3 var(--mk-sans); color: #000; }
.mk-steps__list .num { font: 800 1.15rem/1 var(--mk-display); color: var(--mk-rouge); padding-top: .05rem; }
.mk-steps__list a:hover span:last-child, .mk-steps__list a.is-active span:last-child { text-decoration: underline; text-decoration-color: var(--pig); text-decoration-thickness: 3px; text-underline-offset: .25em; }
.mk-steps:has(.mk-steps__list[style*="none"]) { display: none; }
@media (min-width: 1100px) {
    .mk-article__body { grid-template-columns: 15rem minmax(0, 66ch) 1fr; gap: 0 clamp(2.5rem, 5vw, 5rem); }
    .mk-steps { position: sticky; top: 6.5rem; border: 0; border-top: 3px solid #000; padding: .9rem 0 0; grid-row: 1 / span 2; }
    .mk-prose, .mk-article__end { grid-column: 2; }
}


.portal-makijazowo .mk-prose { max-width: 66ch; margin: 0; font: 400 1.125rem/1.68 var(--mk-text); color: #111; }
.portal-makijazowo .mk-prose > * + * { margin-top: 1.15em; }
.portal-makijazowo .mk-prose p { font-size: inherit; line-height: inherit; }
.portal-makijazowo .mk-prose > p:first-of-type { font-size: 1.22em; line-height: 1.55; }
.portal-makijazowo .mk-prose > p:first-of-type::first-letter { float: none; font: inherit; color: inherit; padding: 0; margin: 0; }
.portal-makijazowo .mk-prose h2 {
    font: 800 clamp(2rem, 4.2vw, 2.9rem)/.98 var(--mk-display); margin-top: 1.9em; margin-bottom: .1em;
    scroll-margin-top: 6.5rem; color: #000; letter-spacing: -.005em; hyphens: manual;
}
.portal-makijazowo .mk-prose h2::before {
    content: ""; display: block; width: 3.25rem; height: .5rem; margin-bottom: .55rem;
    background: var(--pig, var(--mk-rouge)); -webkit-mask: var(--mk-swipe-mask) no-repeat 0 0 / 100% 100%; mask: var(--mk-swipe-mask) no-repeat 0 0 / 100% 100%;
}
.portal-makijazowo .mk-prose h3 { font: 600 1.35rem/1.25 var(--mk-sans); margin-top: 1.9em; scroll-margin-top: 6.5rem; letter-spacing: -.01em; }
.portal-makijazowo .mk-prose h4 { font: 600 1.1rem/1.3 var(--mk-sans); margin-top: 1.6em; }
.portal-makijazowo .mk-prose strong, .portal-makijazowo .mk-prose b { font-weight: 600; color: #000; }
.portal-makijazowo .mk-prose a {
    color: #000; border: 0; padding: 0;
    text-decoration: underline; text-decoration-color: var(--mk-rouge); text-decoration-thickness: .12em; text-underline-offset: .2em;
    transition: text-decoration-thickness .2s, color .2s;
}
.portal-makijazowo .mk-prose a:hover { background: none; color: var(--mk-rouge); text-decoration-thickness: .2em; }
.portal-makijazowo .mk-prose ul, .portal-makijazowo .mk-prose ol { padding-left: 0; list-style: none; }
.portal-makijazowo .mk-prose li { position: relative; padding-left: 1.75em; }
.portal-makijazowo .mk-prose li + li { margin-top: .5em; }
.portal-makijazowo .mk-prose ul > li::before {
    content: ""; position: absolute; left: .35em; top: .62em; width: .55em; height: .55em; border-radius: 50%;
    background: var(--pig, var(--mk-rouge));
}
.portal-makijazowo .mk-prose ol { counter-reset: mk; }
.portal-makijazowo .mk-prose ol > li { counter-increment: mk; }
.portal-makijazowo .mk-prose ol > li::before {
    content: counter(mk); position: absolute; left: 0; top: .08em;
    font: 800 1.35em/1 var(--mk-display); color: var(--mk-rouge);
}
.portal-makijazowo .mk-prose blockquote {
    margin: 2.2em 0; padding: 0 0 0 1.5rem; border: 0; position: relative;
    font: italic 400 clamp(1.45rem, 2.6vw, 1.9rem)/1.3 var(--mk-deck); color: #000; text-wrap: pretty;
}
.portal-makijazowo .mk-prose blockquote::before {
    content: ""; position: absolute; left: 0; top: .2em; bottom: .2em; width: .45rem;
    background: var(--mk-rouge); border-radius: .3rem .1rem .4rem .2rem;
}
.portal-makijazowo .mk-prose blockquote p { font: inherit; }
.portal-makijazowo .mk-prose blockquote cite { display: block; margin-top: .8rem; font: 600 .9rem/1.2 var(--mk-sans); font-style: normal; color: var(--mk-ink-2); }
.portal-makijazowo .mk-prose img { width: 100%; height: auto; margin-block: 1.5em; }
.portal-makijazowo .mk-prose figure { margin: 2em 0; }
.portal-makijazowo .mk-prose figcaption { font: 400 .85rem/1.4 var(--mk-sans); color: var(--mk-ink-2); margin-top: .6rem; }
.portal-makijazowo .mk-prose hr { border: 0; height: .6rem; margin: 2.5em 0; width: 5rem; background: var(--mk-kohl); -webkit-mask: var(--mk-swipe-mask) no-repeat 0 0 / 100% 100%; mask: var(--mk-swipe-mask) no-repeat 0 0 / 100% 100%; }
.portal-makijazowo .mk-prose .wp-block-table, .portal-makijazowo .mk-prose .mk-table { overflow-x: auto; margin-inline: 0; }
.portal-makijazowo .mk-prose table {
    width: 100%; border-collapse: collapse; margin: 1.8em 0;
    font: 400 .95rem/1.4 var(--mk-sans); font-variant-numeric: tabular-nums;
}
.portal-makijazowo .mk-prose thead th, .portal-makijazowo .mk-prose tr:first-child th { background: #000; color: #fff; font-weight: 600; text-align: left; padding: .75rem .9rem; }
.portal-makijazowo .mk-prose td, .portal-makijazowo .mk-prose tbody th { padding: .75rem .9rem; border-bottom: 1px solid var(--mk-hair); vertical-align: top; text-align: left; }
.portal-makijazowo .mk-prose tbody tr:nth-child(even) { background: #f6f6f6; }
.portal-makijazowo .mk-prose td:first-child { font-weight: 600; }
.portal-makijazowo .mk-prose code { font-size: .9em; background: var(--mk-mirror); padding: .1em .3em; border-radius: 3px; }

.mk-article__end { padding-block: 2.5rem 0; }
.mk-copy { font: 600 .95rem/1 var(--mk-sans); padding: .8rem 1.1rem; border: 2px solid #000; border-radius: 999px; }
.mk-copy:hover { background: #000; color: #fff; }

.mk-next { background: var(--pig); color: var(--pig-ink); margin-top: clamp(3.5rem, 8vw, 6rem); }
.mk-next__inner { width: var(--mk-wrap); margin-inline: auto; padding-block: clamp(2.5rem, 6vw, 5rem); display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; }
.mk-next__label { font: 600 1rem/1 var(--mk-sans); margin: 0; }
.mk-next__title { font: 800 clamp(2.4rem, 6.5vw, 5.5rem)/.92 var(--mk-display); max-width: 18ch; margin: 0; text-wrap: balance; }
.mk-next__title a { text-decoration: underline; text-decoration-thickness: .06em; text-underline-offset: .12em; }
.mk-next__title a:hover { text-decoration-thickness: .12em; }
.mk-next .mk-chip { background: transparent; border-color: currentColor; color: inherit; }
.mk-sec--related { padding-bottom: 0; }


.mk-archive__head { width: var(--mk-wrap); margin-inline: auto; padding-block: clamp(2.5rem, 7vw, 5.5rem) 0; display: flex; flex-direction: column; align-items: flex-start; gap: 1.25rem; position: relative; }
.mk-archive__swatch { display: none; }
.mk-archive__title {
    position: relative; isolation: isolate; display: inline-block;
    font-size: clamp(3.25rem, 11vw, 9rem); line-height: .9; color: var(--pig-ink);
    padding: .16em .55em .2em .4em; margin-left: -.2em; max-width: 100%; overflow-wrap: anywhere;
}
.mk-archive__title::before {
    content: ""; position: absolute; inset: 0; z-index: -1; background: var(--pig);
    -webkit-mask: var(--mk-swipe-soft) no-repeat 0 0 / 100% 100%; mask: var(--mk-swipe-soft) no-repeat 0 0 / 100% 100%;
    transform-origin: 0 50%;
}
@media (prefers-reduced-motion: no-preference) {
    .mk-archive__title::before { animation: mk-swipe-in .85s var(--mk-ease-swipe) .1s both; }
}
.mk-archive__desc { font: italic 400 clamp(1.2rem, 1.8vw, 1.45rem)/1.4 var(--mk-deck); color: var(--mk-ink-2); max-width: 44ch; margin: 0; }
.mk-archive__count { font: 600 .95rem/1 var(--mk-sans); margin: 0; }
.mk-archive__head .mk-search { width: min(34rem, 100%); }
.mk-empty p { font: 400 1.15rem/1.5 var(--mk-text); max-width: 50ch; }

.mk-pager { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 3.5rem; }
.mk-pager .page-numbers {
    display: inline-flex; align-items: center; justify-content: center; min-width: 2.9rem; height: 2.9rem; padding: 0 .9rem;
    font: 600 1rem/1 var(--mk-sans); border: 2px solid #000; border-radius: 999px;
}
.mk-pager .page-numbers.current { background: #000; color: #fff; }
.mk-pager a.page-numbers:hover { background: var(--mk-rouge); border-color: var(--mk-rouge); color: #fff; }
.mk-pager .dots { border-color: transparent; }


.mk-404__inner { width: min(46rem, calc(100% - 2 * var(--mk-gutter))); margin: 0 auto; padding-block: clamp(3rem, 9vw, 7rem) 0; display: flex; flex-direction: column; align-items: flex-start; gap: 1.5rem; }
.mk-404__pan {
    width: 7rem; height: 7rem; border-radius: 50%; border: 3px solid #000; position: relative;
    background: linear-gradient(135deg, transparent calc(50% - 2px), var(--mk-rouge) calc(50% - 2px), var(--mk-rouge) calc(50% + 2px), transparent calc(50% + 2px));
}
.mk-404__title { font-size: clamp(3rem, 9vw, 6rem); line-height: .9; }
.mk-404__text { font: 400 1.15rem/1.55 var(--mk-text); max-width: 46ch; margin: 0; }
.mk-404 .mk-search { width: min(34rem, 100%); }
.mk-404__cats { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }


.portal-makijazowo .page-content { width: var(--mk-wrap); margin: 0 auto; padding-block: clamp(2.5rem, 6vw, 5rem) 0; }
.portal-makijazowo .page-content .entry-title { font-size: clamp(3rem, 8vw, 6rem); line-height: .9; margin-bottom: 2rem; }
.portal-makijazowo .page-content .entry-content { margin: 0; max-width: 66ch; font: 400 1.125rem/1.68 var(--mk-text); }
.portal-makijazowo .page-content .entry-content p { font-size: inherit; line-height: inherit; }
.portal-makijazowo .page-content .entry-content > p:first-of-type::first-letter { float: none; font: inherit; color: inherit; padding: 0; margin: 0; }


.mk-foot { background: #000; color: #fff; margin-top: clamp(4rem, 9vw, 8rem); overflow: hidden; }
.mk-foot__inner { width: var(--mk-wrap); margin-inline: auto; padding-block: clamp(3rem, 7vw, 5.5rem) 2rem; display: grid; gap: clamp(2.5rem, 5vw, 4rem); }
.mk-foot__claim { font: 800 clamp(2.25rem, 5.5vw, 4.25rem)/.95 var(--mk-display); max-width: 20ch; margin: 0; }
.mk-foot__note { font: italic 400 1.15rem/1.45 var(--mk-deck); color: #cfcac6; max-width: 46ch; margin: 1rem 0 0; }
.mk-foot__palette { display: flex; flex-wrap: wrap; gap: 1.25rem 1.75rem; }
.mk-foot__pan { display: flex; flex-direction: column; align-items: center; gap: .6rem; font: 600 .9rem/1.2 var(--mk-sans); color: #fff; text-align: center; width: 5.5rem; }
.mk-foot__pan-dot {
    width: 4.25rem; height: 4.25rem; border-radius: 50%; background: var(--pig);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 6px #1a1a1a;
    transition: transform .35s var(--mk-ease), box-shadow .35s;
}
.mk-foot__pan:hover .mk-foot__pan-dot { transform: scale(1.08); box-shadow: inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 6px #fff; }
.mk-foot__cols { display: grid; gap: 2.25rem; border-top: 1px solid rgba(255,255,255,.2); padding-top: 2.25rem; }
@media (min-width: 800px) { .mk-foot__cols { grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); } .mk-foot__cols .mk-foot__col:last-child { grid-column: span 2; } }
.mk-foot__h { font: 600 1rem/1.2 var(--mk-sans); letter-spacing: 0; margin-bottom: .9rem; color: #fff; }
.mk-foot__col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.mk-foot__col a { color: #fff; text-decoration: underline; text-decoration-color: rgba(255,255,255,.4); text-underline-offset: .25em; }
.mk-foot__col a:hover { text-decoration-color: var(--mk-flash); }
.mk-foot__col p { font: 400 1rem/1.4 var(--mk-sans); margin: 0; }
.mk-foot .mk-search__label { display: none; }
.mk-foot .mk-search input[type="search"] { border-color: #fff; }
.mk-foot .mk-search button:hover { background: #fff; color: #000; }
.mk-foot__base { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 2rem; font: 400 .85rem/1.3 var(--mk-sans); color: #bdb8b4; }
.mk-foot__giant { width: var(--mk-wrap); margin: 0 auto; padding-bottom: 2.5rem; color: #fff; }
.mk-foot__giant .mk-wm { height: 40px; }


@media (prefers-reduced-motion: reduce) {
    .portal-makijazowo *, .portal-makijazowo *::before, .portal-makijazowo *::after {
        animation: none !important; transition: none !important; scroll-behavior: auto !important;
    }
    html { scroll-behavior: auto; }
}


.portal-makijazowo .mk-prose .inline-related-card {
    margin: 2.2em 0; padding: 1.1rem 1.25rem .4rem; border: 0; background: var(--mk-mirror);
    font: 400 1rem/1.4 var(--mk-sans); font-style: normal;
}
.portal-makijazowo .mk-prose blockquote .inline-related-card { margin-left: -1.5rem; }
.portal-makijazowo .mk-prose .inline-related-title {
    font-family: var(--mk-sans) !important; font-size: .9rem !important; font-weight: 600;
    text-transform: none; letter-spacing: 0; color: #000 !important; margin-bottom: .6rem !important;
}
.portal-makijazowo .mk-prose .inline-related-title::before { width: .75em; height: .75em; border-radius: 50%; background: var(--pig, var(--mk-rouge)); }
.portal-makijazowo .mk-prose .inline-related-title .inline-related-cat { color: #000 !important; text-decoration: underline; text-decoration-color: var(--pig, var(--mk-rouge)); text-decoration-thickness: 3px; text-underline-offset: .25em; }
.portal-makijazowo .mk-prose .inline-related-item + .inline-related-item { border-top-color: var(--mk-hair); }
.portal-makijazowo .mk-prose .inline-related-link { text-decoration: none; }
.portal-makijazowo .mk-prose .inline-related-item-title { font: 800 1.3rem/1 var(--mk-display) !important; letter-spacing: 0; word-spacing: .07em; color: #000; }
.portal-makijazowo .mk-prose .inline-related-link:hover .inline-related-item-title { color: var(--mk-rouge); }
.portal-makijazowo .mk-prose .inline-related-arrow { display: none; }


.mk-crumbs ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .3rem .45rem; }
.mk-crumbs li { display: inline-flex; align-items: center; gap: .45rem; }
.mk-crumbs li + li::before { content: "/"; color: #8a8480; }
.mk-crumbs [aria-current] { color: #000; }
@media (max-width: 699px) {
    
    .mk-crumbs li:last-child { display: none; }
}
