.elementor-1310 .elementor-element.elementor-element-4408214{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-1310 .elementor-element.elementor-element-28b7db4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1310 .elementor-element.elementor-element-b91ee12{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1310 .elementor-element.elementor-element-9c80548{width:auto;max-width:auto;font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-text );}.elementor-1310 .elementor-element.elementor-element-9c80548 a{color:var( --e-global-color-text );}.elementor-1310 .elementor-element.elementor-element-9c80548 a:hover{color:var( --e-global-color-accent );}.elementor-1310 .elementor-element.elementor-element-187f7f9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:60px 60px;--row-gap:60px;--column-gap:60px;}.elementor-1310 .elementor-element.elementor-element-e852264{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-1310 .elementor-element.elementor-element-37442b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-1310 .elementor-element.elementor-element-e1c74e0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}@media(min-width:768px){.elementor-1310 .elementor-element.elementor-element-e852264{--width:33.3333%;}.elementor-1310 .elementor-element.elementor-element-37442b8{--width:66.6666%;}}@media(max-width:1410px){.elementor-1310 .elementor-element.elementor-element-4408214{--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}.elementor-1310 .elementor-element.elementor-element-187f7f9{--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );}.elementor-1310 .elementor-element.elementor-element-e1c74e0{--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}}@media(max-width:1024px){.elementor-1310 .elementor-element.elementor-element-4408214{--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-1310 .elementor-element.elementor-element-187f7f9{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-1310 .elementor-element.elementor-element-b91ee12{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1310 .elementor-element.elementor-element-e852264{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for shortcode, class: .elementor-element-9dba87d */.filmografia-lista {
    width: 100%;
    max-width: 100%;
}

.filmografia-tytul {
    font-size: 32px;
    margin-bottom: 30px;
    font-weight: 700;
}

.filmografia-item {
    display: grid;
    grid-template-columns: 60px 1fr auto;
    gap: 30px;
    padding: 25px 0;
    border-bottom: 1px solid #E1001A;
    align-items: baseline;
}

.film-numer {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0;
    color: #999;
    padding-left: 30px;
}


/* Reset h3 - usuń domyślne style */
.film-tytul,
.film-rok {
    font-family: Libre Baskerville;
font-weight: 700;
font-style: Bold;
font-size: 30px;
leading-trim: NONE;
line-height: 40px;
letter-spacing: -2%;
}


.film-rok {
    padding-right: 30px;
}

.filmografia-item:last-child {
    border-bottom: none;
}


/* Stan początkowy */
.elementor-1310 .elementor-element.elementor-element-9dba87d .filmografia-item {
        opacity: 0;
        transform: translate3d(0, 100px, 0);
        transition: all 0.8s cubic-bezier(0.34, 0.16, 0.25, 1);
        will-change: transform, opacity;
    }
 /* Stan po animacji (JS dodaje .animate) */ 
    .elementor-1310 .elementor-element.elementor-element-9dba87d .filmografia-item.animate {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }


/* TABLET (768px - 1024px) */
@media (max-width: 1024px) {
    .filmografia-tytul {
        font-size: 28px;
        margin-bottom: 25px;
    }
    
    .filmografia-item {
        grid-template-columns: 50px 1fr auto;
        gap: 20px;
        padding: 20px 0;
    }
    
    .film-numer {
        font-size: 16px;
        line-height: 20px;
        padding-left: 20px;
    }
    
    .film-tytul,
    .film-rok {
        font-size: 24px;
        line-height: 32px;
    }
    
    .film-rok {
        padding-right: 20px;
    }
}

/* MOBILE (do 767px) */
@media (max-width: 767px) {
    .filmografia-tytul {
        font-size: 24px;
        margin-bottom: 20px;
    }
    
    .filmografia-item {
        grid-template-columns: 1fr;
        grid-template-areas: 
            "numer rok"
            "tytul tytul";
        gap: 10px;
        padding: 20px 0;
    }
    
    .film-numer {
        grid-area: numer;
        font-size: 14px;
        line-height: 18px;
        padding-left: 0;
    }
    
    .film-tytul {
        grid-area: tytul;
        font-size: 20px;
        line-height: 28px;
    }
    
    .film-rok {
        grid-area: rok;
        font-size: 14px;
        line-height: 18px;
        padding-right: 0;
        text-align: right;
        font-weight: 700;
    }
}/* End custom CSS */