/* A woodcut apiary mark, wax on paper, and the original wooden shelves. */
.masthead .brand-mark,
.site-footer .brand-mark {
    display: block;
    flex: 0 0 auto;
    width: 93px;
    height: 81px;
    transform: none;
    border-radius: 0;
    box-shadow: none;
    background: url("ul-drzeworyt.webp") center / contain no-repeat;
}

.masthead .brand-name,
.site-footer .brand-name {
    color: #522710;
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 700;
    letter-spacing: -.045em;
}

.masthead .brand-tagline,
.site-footer .brand-tagline {
    color: #8b4e14;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
}

.intro,
.topic-index {
    background-image: url("plaster.svg"), radial-gradient(ellipse at 93% 12%, #edcc8833, transparent 62%);
    background-position: right top, center;
    background-size: min(66%, 590px) auto, cover;
    background-repeat: no-repeat;
}

.cabinet {
    background-image: url("plaster.svg"),
        repeating-linear-gradient(92deg, transparent 0 23px, #190e0629 24px, transparent 27px),
        linear-gradient(90deg, #27170f, #624026 19%, #51341f 68%, #2e1c13);
    background-position: right top, center, center;
    background-size: min(55%, 520px) auto, cover, cover;
    background-repeat: no-repeat;
}

.cabinet-top h2::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: .42em;
    background: #f4cf7d;
    clip-path: polygon(50% 0, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
    vertical-align: -.13em;
}

.site-footer {
    background-image: url("plaster.svg"), radial-gradient(ellipse at 91% 4%, #efd19d, transparent 65%);
    background-position: right top, center;
    background-size: min(60%, 580px) auto, cover;
    background-repeat: no-repeat;
}

@media (max-width: 620px) {
    .masthead .brand-mark,
    .site-footer .brand-mark {
        width: 69px;
        height: 60px;
    }

    .intro,
    .topic-index {
        background-size: min(82%, 340px) auto, cover;
    }
}