#front-page-s4 {
padding-top: 6.25rem;
padding-bottom: 6.25rem
}
@media (max-width: 800px) {
#front-page-s4 {
padding-top: 3.125rem;
padding-bottom: 3.125rem
}
}

    /* Sticky stacking kart wymaga braku transform/filter na przodku - reveal
       (translate/scale/blur) tworzy containing block i psuje position:sticky.
       Na mobile zerujemy je na sekcji (fade z opacity zostaje). */
    @media (max-width: 800px) {#front-page-s4 {
        transform: none !important;
        filter: none !important
}
    }
    /* Na mobile zdejmujemy gutter z page-containera; padding wraca tylko na
       section-heading (zeby nie przylegal do krawedzi), a grid idzie full-bleed
       w prawo, z lewym 20px pod border. */
    @media (max-width: 800px) {
#front-page-s4 .page-container {
padding-left: 0px;
padding-right: 0px
}
#front-page-s4 .section-heading {
padding-left: 1.25rem;
padding-right: 1.25rem
}
}
    @media (max-width: 600px) {
#front-page-s4 .section-heading {
flex-direction: row;
align-items: center
}
}
    #front-page-s4 .container {
margin-top: 3.75rem;
flex-wrap: wrap;
gap: 1px;
background-color: rgba(138,133,121,0.2);
padding: 1px
}
    @media (max-width: 800px) {
#front-page-s4 .container {
margin-top: 2.5rem;
display: block;
gap: 0px;
background-color: transparent;
padding: 0px;
padding-left: 1.25rem
}
}
    #front-page-s4 .container .tile {
flex: 1 1 auto;
flex-basis: 22rem;
padding: 3.75rem
}
    @media (max-width: 800px) {
#front-page-s4 .container .tile {
position: sticky;
top: 0px;
width: 100%;
flex-basis: auto;
border-left-width: 1px;
border-top-width: 1px;
border-style: solid;
border-color: rgba(138,133,121,0.2);
padding-left: 2.5rem;
padding-right: 2.5rem
}
#front-page-s4 .container .tile:last-child {
border-bottom-width: 1px
}
}
    #front-page-s4 .container .tile .title {
margin-bottom: 1.25rem;
margin-top: 1.875rem;
font-size: 2rem;
font-weight: 600;
line-height: 1.2
}
    #front-page-s4 .container .tile .description {
font-size: 1rem;
font-weight: 400;
line-height: 1.4
}
    #front-page-s4 .container .tile .description > *:first-of-type {
margin-top: 0px
}
    #front-page-s4 .container .tile .description > *:last-of-type {
margin-bottom: 0px
}