.motyw_jasny .oferta_body
{
    --oferta-body-background-rgb: var(--motyw-sekcja-kontrast-style-1-rgb);
    background-color: rgba(var(--oferta-body-background-rgb), 1);
    overflow-x: clip;
}

.motyw_jasny .header_oferta
{
    --oferta-header-max-width: calc(var(--motyw-sekcja-max-width) + (var(--padding-size) * 6));
    --oferta-header-min-height: max(780px, 100dvh);
    --oferta-header-padding-inline: max(var(--motyw-sekcja-padding-inline), calc(var(--padding-size) * 2.4));
    --oferta-header-padding-block: 60px;
    --oferta-header-grid-columns: minmax(0, 1fr) minmax(420px, 0.92fr);
    --oferta-header-grid-gap: calc(var(--padding-size) * 4.2);
    --oferta-header-content-max-width: none;
    --oferta-header-content-padding-right: calc(var(--padding-size) * 1.8);
    --oferta-header-content-padding-bottom: 0px;
    --oferta-header-media-min-height: 680px;
    --oferta-header-media-height: 780px;
    --oferta-header-media-justify: flex-end;
    --oferta-header-media-margin-top: 0px;
    --oferta-header-media-width: 100%;
    --oferta-header-grid-size: 56px;
    --oferta-header-grid-line-width: 1px;
    --oferta-header-shadow: 0 26px 72px rgba(0, 0, 0, 0.24);
    --oferta-header-background-start: var(--motyw-header-gradient-start-rgb);
    --oferta-header-background-end: var(--motyw-header-gradient-end-rgb);
    --oferta-header-grid-line: rgba(var(--motyw-header-grid-line-rgb), 0.08);
    --oferta-header-glow-primary: rgba(var(--kolor-dostarczony-4-rgb), 0.24);
    --oferta-header-glow-secondary: rgba(var(--motyw-kontekst-akcent-rgb), 0.07);
    --oferta-header-glow-light: rgba(var(--kolor-dostarczony-1-rgb), 0.07);
    --oferta-header-sheen: rgba(255, 255, 255, 0.03);
    --oferta-header-glow-primary-size: 960px 520px;
    --oferta-header-glow-primary-position: 10% 12%;
    --oferta-header-glow-light-size: 780px 440px;
    --oferta-header-glow-light-position: 92% 18%;
    --oferta-header-glow-secondary-size: 640px 360px;
    --oferta-header-glow-secondary-position: 34% 82%;
    --oferta-header-grid-mask: linear-gradient(180deg, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.4) 68%, transparent 100%);
    --oferta-header-image-overlay:
        linear-gradient(180deg, rgba(var(--motyw-kontekst-akcent-rgb), 0.08) 0%, rgba(255, 255, 255, 0) 34%, rgba(0, 0, 0, 0.24) 100%);
    --oferta-header-image-object-position: center 20%;

    --header-typo-heading-1-size: calc(var(--font-size) * 6.2);
    --header-typo-body-size: calc(var(--font-size) * 1.74);
    --header-typo-tag-size: calc(var(--font-size) * 1.3);
    --header-typo-tag-gap: calc(var(--font-size) * 1.4);
    --header-typo-heading-gap: calc(var(--font-size) * 1.45);
    --header-typo-description-gap: calc(var(--font-size) * 1.2);
    --header-typo-heading-letter-spacing: calc(var(--font-size) * -0.036);
    --motyw-typografia-opacity-body: 0.82;

    width: 100%;
    min-height: var(--oferta-header-min-height);
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: linear-gradient(180deg, var(--oferta-header-background-start) 0%, var(--oferta-header-background-end) 100%);
}

.motyw_jasny .header_oferta::before
{
    content: "";
    inset: 0;
    position: absolute;
    background-image:
        radial-gradient(var(--oferta-header-glow-primary-size) at var(--oferta-header-glow-primary-position), var(--oferta-header-glow-primary) 0%, rgba(var(--motyw-kontekst-akcent-rgb), 0) 72%),
        radial-gradient(var(--oferta-header-glow-light-size) at var(--oferta-header-glow-light-position), var(--oferta-header-glow-light) 0%, rgba(var(--motyw-kontekst-tekst-rgb), 0) 70%),
        radial-gradient(var(--oferta-header-glow-secondary-size) at var(--oferta-header-glow-secondary-position), var(--oferta-header-glow-secondary) 0%, rgba(var(--motyw-kontekst-akcent-rgb), 0) 76%),
        linear-gradient(180deg, var(--oferta-header-sheen) 0%, rgba(255, 255, 255, 0) 100%);
    background-size: auto, auto, auto, auto, cover;
    background-position: var(--oferta-header-glow-primary-position), var(--oferta-header-glow-light-position), var(--oferta-header-glow-secondary-position), center, center;
    background-repeat: no-repeat;
    background-blend-mode: normal, normal, normal, normal, soft-light;
    pointer-events: none;
    z-index: -2;
}

.motyw_jasny .header_oferta::after
{
    content: "";
    inset: 0;
    position: absolute;
    background-image:
        linear-gradient(var(--oferta-header-grid-line) var(--oferta-header-grid-line-width), transparent var(--oferta-header-grid-line-width)),
        linear-gradient(90deg, var(--oferta-header-grid-line) var(--oferta-header-grid-line-width), transparent var(--oferta-header-grid-line-width));
    background-size: var(--oferta-header-grid-size) var(--oferta-header-grid-size);
    mask-image: var(--oferta-header-grid-mask);
    pointer-events: none;
    opacity: 0.7;
    z-index: -1;
}

.motyw_jasny .header_oferta .header_oferta_wewnatrz
{
    width: 100%;
    max-width: var(--oferta-header-max-width);
    min-height: inherit;
    margin: calc(var(--font-size) * 8.8) auto 0 auto;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

.motyw_jasny .header_oferta .header_oferta_grid
{
    width: 100%;
    flex: 1;
    margin: 0;
    padding: var(--oferta-header-padding-block) var(--oferta-header-padding-inline);
    display: grid;
    grid-template-columns: var(--oferta-header-grid-columns);
    gap: var(--oferta-header-grid-gap);
    align-items: center;
}

.motyw_jasny .header_oferta .header_oferta_kolumna
{
    width: 100%;
    position: relative;
}

.motyw_jasny .header_oferta .header_oferta_kolumna_tresc
{
    max-width: var(--oferta-header-content-max-width);
    padding-right: var(--oferta-header-content-padding-right);
    padding-bottom: var(--oferta-header-content-padding-bottom);
    z-index: 2;
}

.motyw_jasny .header_oferta .header_oferta_media_strefa
{
    width: 100%;
    min-height: var(--oferta-header-media-min-height);
    margin-top: var(--oferta-header-media-margin-top);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: var(--oferta-header-media-justify);
}

.motyw_jasny .header_oferta .header_oferta_media_box
{
    width: var(--oferta-header-media-width);
    position: relative;
    isolation: isolate;
    z-index: 2;
}

.motyw_jasny .header_oferta .header_oferta_media_box.efekt_podzielonego_zdjecia
{
    width: 100%;
    height: var(--oferta-header-media-height);
    min-height: var(--oferta-header-media-height);
    margin: 0;
    overflow: visible;
    position: relative;
    z-index: 1;
}

.motyw_jasny .header_oferta .header_oferta_media_box.efekt_podzielonego_zdjecia .element_zdjecia
{
    z-index: 1;
}

.motyw_jasny .header_oferta .header_oferta_media_asset
{
    width: 1px;
    height: 1px;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

@media (max-width: 1180px)
{
    .motyw_jasny .header_oferta
    {
        --oferta-header-min-height: auto;
        --oferta-header-padding-block: 120px;
        --oferta-header-grid-columns: minmax(0, 1.08fr) minmax(360px, 0.82fr);
        --oferta-header-grid-gap: calc(var(--font-size) * 4.8);
        --oferta-header-content-padding-right: 20px;
        --oferta-header-media-height: 620px;
        --oferta-header-media-min-height: 0px;
        --header-typo-heading-1-size: calc(var(--font-size) * 5.2);
    }
}

@media (max-width: 980px)
{
    .motyw_jasny .header_oferta
    {
        --oferta-header-padding-inline: max(calc(var(--padding-size) * 1.8), 5dvw);
        --oferta-header-grid-columns: minmax(0, 1fr);
        --oferta-header-grid-gap: calc(var(--font-size) * 3.6);
        --oferta-header-content-padding-right: 0px;
        --oferta-header-content-padding-bottom: 40px;
        --oferta-header-media-min-height: auto;
        --oferta-header-media-height: 560px;
        --oferta-header-media-justify: center;
        --oferta-header-media-margin-top: calc(var(--font-size) * 1.4);
        --header-typo-heading-1-size: calc(var(--font-size) * 4.6);
    }
}

@media (max-width: 640px)
{
    .motyw_jasny .header_oferta
    {
        --oferta-header-grid-gap: calc(var(--font-size) * 2.8);
        --oferta-header-media-height: 420px;
        --header-typo-heading-1-size: calc(var(--font-size) * 3.45);
    }
}