.film-grid-section{width:100%;max-width:1200px;margin:4rem auto;padding:0 1rem;box-sizing:border-box;text-align:center}.film-grid-title{text-align:left;font-family:var(--font-main,"Syne",sans-serif);font-size:2.8rem;font-weight:700;color:var(--accent-bright-blue);margin-bottom:6rem;text-transform:uppercase}.film-grid-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem;margin-bottom:3rem}.flippable-card-container{width:100%;aspect-ratio:1080/1352;background-color:transparent;perspective:1000px;cursor:pointer}.flippable-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .7s;transform-style:preserve-3d;border-radius:15px}.flippable-card-container:hover .flippable-card-inner{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:15px;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}.card-front{background-color:var(--card-bg,#1a1a2e);color:var(--text-color,white)}.card-text-content{padding:1rem;font-family:var(--font-main,"Syne",sans-serif);font-size:1.5rem;font-weight:600;display:flex;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-color,#ffffff);background-color:var(--card-bg,#2c2c54)}.card-back{background-color:var(--card-bg,#1a1a2e);transform:rotateY(180deg)}.card-back-background-image{object-fit:cover;opacity:.15;z-index:0}.card-back-background-image,.play-button-container{position:absolute;top:0;left:0;width:100%;height:100%}.play-button-container{z-index:1}.play-button-container,.play-button-icon{display:flex;align-items:center;justify-content:center}.play-button-icon{width:100px;height:100px;background-color:rgba(255,255,255,.2);border:2px solid #fff;border-radius:50%}.play-button-container:hover .play-button-icon{animation:bounce-soft .9s ease-in-out 2}.play-button-icon svg{width:50%;fill:#fff;transform:translateX(10%)}.card-back-content{position:absolute;top:0;left:0;width:100%;padding:1.5rem;box-sizing:border-box;z-index:2;color:#ffffff;text-shadow:0 1px 4px rgba(0,0,0,.6)}.card-back-text{text-align:center;font-size:1.9rem;font-weight:700;margin:0}.card-back-location-info{position:absolute;bottom:1.5rem;left:0;width:100%;padding:1rem;box-sizing:border-box;z-index:2;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6);text-align:center}.card-back-location-info p{margin:0;font-size:1.1rem;line-height:1.5;font-weight:500;white-space:pre-line}.ticket-link-icon{position:absolute;top:20px;right:20px;z-index:3;width:40px;height:40px;color:#fff;opacity:.8;transition:all .2s ease-in-out;animation:fadeIn-ticket .3s ease-out}.ticket-link-icon:hover{opacity:1;transform:scale(1.1);color:var(--accent-bright-blue)}.ticket-link-icon svg{width:100%;height:100%;fill:currentColor}.video-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:1000;cursor:default}.video-modal-content{position:relative;width:90%;max-width:960px;background-color:#000}.modal-video-player{width:100%;aspect-ratio:16/9;border:none;height:auto}.video-modal-close-button{position:absolute;top:-40px;right:0;background:transparent;border:none;color:#fff;font-size:3rem;font-weight:300;cursor:pointer;line-height:1}@keyframes bounce-soft{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes fadeIn-ticket{0%{opacity:0;transform:translateY(-10px)}to{opacity:.8;transform:translateY(0)}}.film-grid-button-container{text-align:center}.film-grid-button{display:inline-block;padding:.8rem 2rem;font-family:var(--font-main,"Syne",sans-serif);font-size:1rem;font-weight:500;color:var(--text-color,#ffffff);background:linear-gradient(90deg,#8A2BE2,#4B0082);border:none;border-radius:999px;text-decoration:none;cursor:pointer;transition:transform .2s ease-out,box-shadow .2s ease-out;box-shadow:0 2px 8px rgba(0,0,0,.3)}.film-grid-button:focus-visible,.film-grid-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px rgba(var(--primary-rgb,138,43,226),.5)}@media (max-width:768px){.film-grid-title{font-size:2.2rem;margin-bottom:2rem}.film-grid-container{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width:480px){.film-grid-title{font-size:1.8rem}.film-grid-container{grid-template-columns:1fr;gap:1.5rem}.flippable-card-container{max-width:300px;margin:0 auto}.card-text-content span{font-size:1.3rem}.card-back-text{font-size:1.5rem}.film-grid-button{padding:.7rem 1.5rem;font-size:.9rem}}