.elementor-kit-550{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-1fd2991:#1A1B1F;--e-global-color-f93ac62:#E5E5E5;--e-global-color-e4c1a00:#1A1A1A;--e-global-color-193ea87:#E50914;--e-global-color-7a0a430:#D102D1;--e-global-color-3b4128c:#792C85;--e-global-color-be7eab9:#DD7B45;--e-global-color-4b26f47:#D45F35;--e-global-color-fb66372:#1A1B1FCC;--e-global-color-fb354da:#E5E5E5CC;--e-global-color-43c9a83:#1A1B1FF2;--e-global-color-071f34b:#D45F35B3;--e-global-color-9476a4a:#B3AFAFA6;--e-global-typography-primary-font-family:"Work Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Work Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Work Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Work Sans";--e-global-typography-accent-font-weight:500;font-family:"Work Sans", Sans-serif;font-size:13px;}.elementor-kit-550 e-page-transition{background-color:#FFBC7D;}.elementor-kit-550 h1{font-size:32px;}.elementor-kit-550 h2{font-size:28px;}.elementor-kit-550 h3{font-size:22px;}.elementor-kit-550 h4{font-size:18px;}.elementor-kit-550 h5{font-size:16px;}.elementor-kit-550 h6{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1360px;}.e-con{--container-max-width:1360px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{--lightbox-ui-color:var( --e-global-color-fb354da );--lightbox-ui-color-hover:var( --e-global-color-4b26f47 );--lightbox-text-color:var( --e-global-color-f93ac62 );--lightbox-header-icons-size:20px;--lightbox-navigation-icons-size:15px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* * THE CINESIST "SHRINK RAY"
 * This forces the 80% zoom look by shrinking the base font size
 * and all the main headings.
*/

/* 1. Set the Base Font Size */
body {
    font-size: 13px !important; 
}

/* 2. Shrink All Headings */
h1, .h1 {
    font-size: 32px !important; /* 80% of ~40px */
}
h2, .h2 {
    font-size: 28px !important; /* 80% of ~35px */
}
h3, .h3 {
    font-size: 22px !important; /* 80% of ~28px */
}
h4, .h4 {
    font-size: 18px !important; /* 80% of ~22px */
}
h5, .h5, h6, .h6 {
    font-size: 16px !important; /* 80% of ~20px */
}

/* =================================== */
/* Cinesist Person Grid Styling        */
/* =================================== */

.cinesist-person-grid {
  display: grid;
  /* Adjust columns for responsive */
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 20px;
}

.cinesist-person-card {
  display: flex;
  flex-direction: column;
}

.cinesist-person-card .cinesist-person-image-link img {
  width: 100%;
  height: auto;
  border-radius: 8px; /* Or 0px for square */
  aspect-ratio: 2 / 3; /* Classic poster ratio */
  object-fit: cover;
  margin-bottom: 10px;
  transition: transform 0.2s ease;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5); /* A Little Shadow for Effect */
}

.cinesist-person-card .cinesist-person-image-link:hover img {
  transform: scale(1.03);
}

.cinesist-person-info {
  display: flex;
  flex-direction: column;
}

.cinesist-person-info .cinesist-person-name {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--cinesist-text-primary); /* Uses your light/dark mode color! */
  text-decoration: none;
}

.cinesist-person-info .cinesist-person-name:hover {
  text-decoration: underline;
  text-decoration-color: #d45f35;
}

.cinesist-person-info .cinesist-person-role {
    font-size: 0.9rem;
    font-style: italic;
    color: var(--cinesist-text-secondary);
    transition: color 0.3s ease; /* Optional: smooth color change */
}

/* Add this new rule: */
.cinesist-person-info .cinesist-person-role:hover {
    color: #d45f35; /* The new color on hover */
}

/* Hides the extra cast/crew cards by default */
.cinesist-person-hidden {
    display: none;
}

/* NEW - This wrapper pushes the button to the right */
.cinesist-grid-toggle-wrapper {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 15px;
}

/* UPDATED - Styles the "Show All" link to be smaller */
.cinesist-grid-toggle {
    display: inline-block; /* Changed from block */
    text-align: center;
    padding: 8px 16px;     /* Made padding smaller */
    background-color: #333;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 4px;
    transition: background-color 0.2s ease;
    font-size: 14px; /* Added to control size */
}

.cinesist-grid-toggle:hover {
    background-color: #F27405; /* Your brand orange */
    color: #fff;
}

/* When the grid is toggled, show the hidden items */
.cinesist-person-grid-wrapper.is-open .cinesist-person-hidden {
    display: block;
}/* End custom CSS */