/*
        filmmakers page styles
    */
    
    .filmmakers-container {
        grid-column: 2 / 3;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: var(--space-5xl);
    }
    
    .filmmaker-card {
        display: grid;
        grid-template-columns: 1fr;
        background: var(--silver);
        transition: all 0.2s var(--transition);
        height: 100%;
    }
    
    .filmmaker-card-link:hover .filmmaker-card {
        background: var(--bg-main);
        color: var(--accent);
    }
    
    /* .filmmaker-card-image {
        grid-column: 1 / 2;
        overflow: hidden;
    }
    
    .filmmaker-card-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s var(--transition);
    } */
    
    .filmmaker-card-text-wrapper {
        grid-column: 1 / -1;
        padding: var(--space-xl);
        display: flex;
        flex-direction: column;
        gap: var(--space-lg);
        justify-content: flex-start;
    }
    
    .filmmaker-card h2 {
        font-size: var(--fs-lg);
        font-weight: normal;
        margin: 0;
        color: inherit;
    }

    .filmmaker-card h2 a {
        color: inherit;
        text-decoration: none;
    }
    
    .filmmaker-card-link:hover h2 a {
        text-decoration: underline;
    }
    
    .filmmaker-bio {
        font-size: var(--fs-sm);
        color: inherit;
        /* line-height: 1.4; */
    }
    
    .filmmaker-bio p {
        margin-bottom: var(--space-md);
    }
    
    .filmmaker-films-section h3 {
        font-size: var(--fs-sm);
        font-weight: normal;
        margin-bottom: var(--space-sm);
        color: inherit;
    }
    
    .filmmaker-films-list {
        display: flex;
        flex-direction: column;
        gap: var(--space-lg);
    }
    
    .filmmaker-film-link {
        color: inherit;
        text-decoration: none;
        font-size: var(--fs-sm);
        transition: all 0.2s var(--transition);
    }
    
    .filmmaker-film-link:hover {
        text-decoration: underline;
    }
    
    .filmmaker-film-info {
        font-size: var(--fs-base);
        color: inherit;
        /* opacity: 0.8; */
        margin-left: var(--space-sm);
    }

    .filmmaker-films-container {
        grid-column: 1 / -1;
        padding: 0 var(--space-xl) var(--space-xl);
    }
    
    @media (max-width: 768px) {
        .filmmaker-films-container {
            padding: var(--space-sm);
        }

        .content-wrapper {
            grid-template-columns: 1fr;
        }

        .search-utilities {
            position: static;
            top: auto;
            grid-column: 1 / -1;
        }

        .filmmakers-container {
            grid-column: 1 / -1;
        }
        
        .filmmaker-card {
            grid-template-columns: 1fr;
            min-height: auto;
        }
        
        .filmmaker-card-image {
            aspect-ratio: 16/9;
        }
        
        .filmmaker-card-text-wrapper {
            padding: var(--space-lg);
        }
        
        .filmmaker-card h2 {
            font-size: var(--fs-md);
        }
        
        .filmmaker-bio {
            font-size: var(--fs-sm);
        }
        
        .filmmaker-film-link {
            font-size: var(--fs-sm);
        }

        .filmmaker-films-container .film-card {
            background: var(--silver);
            padding-top: var(--space-lg);
        }
        .film-card:hover {
            background: var(--brownish);
            color: var(--accent);
        }
    }