/* =============================== */
/* RESPONSIVE FONT CONTROL */
/* =============================== */
/* Tablet */
@media (max-width: 1024px) {
    .pre-title {
        font-size: clamp(0.75rem, 1.5vw, 1.25rem);
        letter-spacing: 3px;
        padding: 8px 18px;
    }
    .main-line {
        font-size: clamp(1.5rem, 3vw, 3rem);
    }
	
	
    .bottom-logo img {
        width: 300px;
    }
    .event-year-text {
        font-size: clamp(2rem, 4vw, 2.5rem);
    }
	
    .film-track {
        grid-template-columns:
            repeat(2, 1fr);
    }	
	
	
    .program-ribbon {
        display: none;
    }
    .name-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }
}
/* Mobile */
@media (max-width: 768px) {
    .pre-title {
        font-size: clamp(0.5rem, 1vw, 0.75rem);
        letter-spacing: 2px;
        padding: 7px 16px;
    }
    .main-line {
        font-size: clamp(1rem, 2vw, 1.25rem);
        line-height: 1.3;
    }
	
    .logo-top-left {
        top: 15px;
		position:absolute;
		    left: 50%;
    transform: translate(-50%);
    }
    .logo-top-left img {
        width: 200px;
			filter:drop-shadow(0 0 30px rgba(255, 255, 255, 0.5));
        drop-shadow(0 0 100px rgba(255, 255, 255, 0.5));

    }
	
	    .fleur-watermark {
        width: 80px;
        top: 20px;
        right: 20px;
    }
	
	.ribbon-layer{
		bottom:0;
	}
	
	.hero-text-group{
		padding:0 30px;
}
    .event-year-text {
        font-size: clamp(1.5rem, 3vw, 2.5rem);
    }
	
	    .film-track {
        grid-template-columns:
            1fr;
    }
    .review-title {
        font-size: clamp(2rem, 4vw, 3rem);
    }
	
	    .name-grid {
        grid-template-columns:
            1fr;
    }
}