.page-hero {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid rgba(36, 49, 47, .08);
    background: var(--page-hero-bg, #fffaf0);
    isolation: isolate;
}
.page-hero__shell {
    position: relative;
    min-height: clamp(290px, 26vw, 430px);
    padding-top: clamp(24px, 3vw, 42px);
    padding-bottom: clamp(38px, 4.5vw, 60px);
}
.page-hero-breadcrumbs {
    position: relative;
    z-index: 4;
    display: flex;
    justify-content: center;
    width: 100%;
}
.page-hero-breadcrumbs ol {
    display: flex;
    max-width: min(100%, 1050px);
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 13px;
    margin: 0;
    padding: 0;
    color: #345d51;
    font-size: clamp(.88rem, 1.2vw, 1rem);
    font-weight: 700;
    list-style: none;
    text-align: center;
}
.page-hero-breadcrumbs li { display: inline-flex; align-items: center; min-width: 0; }
.page-hero-breadcrumbs a,
.page-hero-breadcrumbs span { color: inherit; text-decoration: none; }
.page-hero-breadcrumbs a { display: inline-flex; align-items: center; gap: 9px; }
.page-hero-breadcrumbs a:hover,
.page-hero-breadcrumbs a:focus-visible { color: #17483d; text-decoration: underline; }
.page-hero-breadcrumbs__home-icon {
    display: inline-grid;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    place-items: center;
    border: 1px solid rgba(243, 189, 47, .45);
    border-radius: 50%;
    background: rgba(255, 246, 215, .82);
    color: #1d7560;
    box-shadow: 0 6px 16px rgba(36, 49, 47, .06);
}
.page-hero-breadcrumbs__home-icon svg { width: 19px; height: 19px; }
.page-hero-breadcrumbs__separator { color: var(--page-hero-accent, #f3bd2f); }
.page-hero-breadcrumbs__separator svg { width: 14px; height: 14px; }
.page-hero-breadcrumbs [aria-current="page"] { color: #24473e; }
.page-hero__content {
    position: relative;
    z-index: 3;
    display: flex;
    max-width: 980px;
    flex-direction: column;
    align-items: center;
    margin: clamp(30px, 4vw, 52px) auto 0;
    text-align: center;
}
.page-hero__icon {
    width: var(--page-hero-icon-size, 58px);
    height: var(--page-hero-icon-size, 58px);
    margin-bottom: 18px;
    object-fit: contain;
}
.page-hero__title {
    max-width: 22ch;
    margin: 0;
    color: var(--page-hero-title, #17483d);
    font-family: "Baloo 2", var(--font-heading);
    font-size: clamp(2.5rem, 5vw, 4.6rem);
    font-weight: 600;
    line-height: 1.04;
    letter-spacing: -.02em;
    text-wrap: balance;
}
.page-hero__accent {
    display: block;
    width: min(760px, 72vw);
    height: 7px;
    margin: 20px auto 0;
    border-radius: 55% 45% 60% 40%;
    background: var(--page-hero-accent, #f3bd2f);
    clip-path: polygon(0 44%,8% 31%,17% 41%,29% 26%,43% 38%,57% 21%,71% 35%,86% 25%,100% 48%,88% 68%,74% 59%,59% 77%,44% 63%,28% 82%,13% 66%,3% 78%);
}
.page-hero__subtitle {
    max-width: 760px;
    margin: 16px auto 0;
    color: #4a5753;
    font-size: clamp(1rem, 1.5vw, 1.16rem);
    line-height: 1.55;
}
.page-hero__decoration {
    position: absolute;
    z-index: 1;
    width: min(var(--page-hero-decor-size, 190px), 19vw);
    height: auto;
    opacity: var(--page-hero-decor-opacity, .52);
    object-fit: contain;
    pointer-events: none;
    user-select: none;
}
.page-hero__decoration--top-left { top: 112px; left: clamp(18px, 4vw, 76px); }
.page-hero__decoration--top-right { top: 104px; right: clamp(18px, 4vw, 76px); }

/* Tytuł podstrony znajduje się w globalnym nagłówku, nie w karcie treści. */
.page-layout--with-hero { padding-top: clamp(42px, 5vw, 66px); }
.page-layout--with-hero .page-content > .entry-title { display: none; }

@media (max-width: 900px) {
    .page-hero__shell { min-height: 330px; }
    .page-hero__decoration { width: min(145px, 20vw); opacity: calc(var(--page-hero-decor-opacity, .52) * .82); }
    .page-hero__content { max-width: 74%; }
}
@media (max-width: 620px) {
    .page-hero__shell { min-height: 320px; padding-inline: 8px; padding-bottom: 38px; }
    .page-hero-breadcrumbs ol { gap: 7px 8px; font-size: .82rem; }
    .page-hero-breadcrumbs__home-icon { width: 30px; height: 30px; flex-basis: 30px; }
    .page-hero-breadcrumbs [aria-current="page"] { max-width: 68vw; }
    .page-hero__content { max-width: 92%; margin-top: 34px; }
    .page-hero__title { font-size: clamp(2.05rem, 10vw, 3rem); }
    .page-hero__accent { width: 78vw; margin-top: 14px; }
    .page-hero__decoration { width: 78px; opacity: calc(var(--page-hero-decor-opacity, .52) * .56); }
    .page-hero__decoration--top-left { top: 108px; left: -8px; }
    .page-hero__decoration--top-right { top: 112px; right: -8px; }
}