.elementor-1403 .elementor-element.elementor-element-404044d0{--display:flex;--min-height:74vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--overlay-opacity:0.15;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1403 .elementor-element.elementor-element-404044d0::before, .elementor-1403 .elementor-element.elementor-element-404044d0 > .elementor-background-video-container::before, .elementor-1403 .elementor-element.elementor-element-404044d0 > .e-con-inner > .elementor-background-video-container::before, .elementor-1403 .elementor-element.elementor-element-404044d0 > .elementor-background-slideshow::before, .elementor-1403 .elementor-element.elementor-element-404044d0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1403 .elementor-element.elementor-element-404044d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1403 .elementor-element.elementor-element-404044d0:not(.elementor-motion-effects-element-type-background), .elementor-1403 .elementor-element.elementor-element-404044d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 60%;background-repeat:no-repeat;background-size:cover;}.elementor-1403 .elementor-element.elementor-element-6b632e3c{--display:flex;--min-height:15vh;--overflow:hidden;}.elementor-1403 .elementor-element.elementor-element-33b2347b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--wcf-slide-distance:40px;--wcf-slide-duration:600ms;--wcf-slide-delay:0ms;--wcf-slide-ease:ease;}.elementor-1403 .elementor-element.elementor-element-33b2347b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1403 .elementor-element.elementor-element-b9aa0e1{--wcf-duration:2000ms;--wcf-delay:0ms;--wcf-ease:cubic-bezier(.25,.8,.25,1);--wcf-skew-angle:18deg;--wcf-skew-distance:40px;}.elementor-1403 .elementor-element.elementor-element-b9aa0e1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1403 .elementor-element.elementor-element-b9aa0e1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1403 .elementor-element.elementor-element-b9aa0e1 .wcf--title{color:var( --e-global-color-secondary );font-family:"Instrument Serif", Sans-serif;font-size:7rem;font-weight:normal;font-style:italic;letter-spacing:-5px;}.elementor-1403 .elementor-element.elementor-element-b9aa0e1 .wcf--title .highlight{color:#FFFFFF;}.elementor-1403 .elementor-element.elementor-element-b36a1d4{--display:flex;--min-height:15vh;--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;--justify-content:flex-end;--margin-top:0%;--margin-bottom:5%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1403 .elementor-element.elementor-element-75289918{--wcf-duration:500ms;--wcf-delay:0ms;--wcf-ease:ease-in;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;--wcf-slide-distance:20px;}.elementor-1403 .elementor-element.elementor-element-75289918 .wcf--text{color:var( --e-global-color-secondary );}.elementor-1403 .elementor-element.elementor-element-75289918 .wcf--text, .elementor-1403 .elementor-element.elementor-element-75289918 .wcf--text *{font-family:"SuisseIntl", Sans-serif;font-size:16px;font-weight:300;line-height:1rlh;}.elementor-1403 .elementor-element.elementor-element-cb50a54{--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:3rem;--padding-bottom:3rem;--padding-left:3rem;--padding-right:3rem;}.elementor-1403 .elementor-element.elementor-element-cdc37b5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:3rem;--padding-bottom:3rem;--padding-left:3rem;--padding-right:3rem;}.elementor-1403 .elementor-element.elementor-element-a0f34d4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:3rem;--padding-bottom:3rem;--padding-left:5rem;--padding-right:5rem;}.elementor-1403 .elementor-element.elementor-element-527a75b{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:none;--border-style:none;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-1403 .elementor-element.elementor-element-7835ae3{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;font-family:"SuisseIntl", Sans-serif;font-size:24px;font-weight:300;}.elementor-1403 .elementor-element.elementor-element-7835ae3 a{color:var( --e-global-color-primary );transition-duration:0.3s;}.elementor-1403 .elementor-element.elementor-element-7835ae3 a:hover, .elementor-1403 .elementor-element.elementor-element-7835ae3 a:focus{color:var( --e-global-color-accent );}.elementor-1403 .elementor-element.elementor-element-796867f{--n-accordion-title-font-size:36px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:12px 12px 12px 12px;--n-accordion-title-normal-color:var( --e-global-color-primary );--n-accordion-title-hover-color:var( --e-global-color-primary );--n-accordion-title-active-color:var( --e-global-color-primary );--n-accordion-icon-size:25px;--n-accordion-icon-normal-color:var( --e-global-color-primary );--n-accordion-icon-hover-color:var( --e-global-color-primary );}.elementor-1403 .elementor-element.elementor-element-796867f > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}:where( .elementor-1403 .elementor-element.elementor-element-796867f > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Instrument Serif", Sans-serif;font-weight:400;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1403 .elementor-element.elementor-element-404044d0:not(.elementor-motion-effects-element-type-background), .elementor-1403 .elementor-element.elementor-element-404044d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 0%;}.elementor-1403 .elementor-element.elementor-element-404044d0{--padding-top:140px;--padding-bottom:93px;--padding-left:20px;--padding-right:20px;}.elementor-1403 .elementor-element.elementor-element-33b2347b{--padding-top:40px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;}.elementor-1403 .elementor-element.elementor-element-b9aa0e1 .wcf--title{font-size:24px;}.elementor-1403 .elementor-element.elementor-element-75289918{--container-widget-width:355px;--container-widget-flex-grow:0;width:var( --container-widget-width, 355px );max-width:355px;}.elementor-1403 .elementor-element.elementor-element-75289918 .wcf--text, .elementor-1403 .elementor-element.elementor-element-75289918 .wcf--text *{font-size:16px;}.elementor-1403 .elementor-element.elementor-element-7835ae3{font-size:16px;}.elementor-1403 .elementor-element.elementor-element-796867f{--n-accordion-title-font-size:24px;}}@media(max-width:767px){.elementor-1403 .elementor-element.elementor-element-404044d0:not(.elementor-motion-effects-element-type-background), .elementor-1403 .elementor-element.elementor-element-404044d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 0%;}.elementor-1403 .elementor-element.elementor-element-404044d0{--padding-top:115px;--padding-bottom:55px;--padding-left:15px;--padding-right:15px;}.elementor-1403 .elementor-element.elementor-element-33b2347b{--gap:7px 7px;--row-gap:7px;--column-gap:7px;--flex-wrap:nowrap;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1403 .elementor-element.elementor-element-b9aa0e1 .wcf--title{font-size:21px;letter-spacing:-0.3px;}.elementor-1403 .elementor-element.elementor-element-75289918{width:100%;max-width:100%;}.elementor-1403 .elementor-element.elementor-element-75289918 .wcf--text, .elementor-1403 .elementor-element.elementor-element-75289918 .wcf--text *{font-size:14px;}.elementor-1403 .elementor-element.elementor-element-cb50a54{--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-1403 .elementor-element.elementor-element-cdc37b5{--padding-top:01rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-1403 .elementor-element.elementor-element-7835ae3{font-size:14px;}.elementor-1403 .elementor-element.elementor-element-796867f{--n-accordion-title-font-size:21px;}:where( .elementor-1403 .elementor-element.elementor-element-796867f > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{letter-spacing:-0.3px;}}@media(min-width:768px){.elementor-1403 .elementor-element.elementor-element-404044d0{--width:100%;}.elementor-1403 .elementor-element.elementor-element-6b632e3c{--width:100%;}.elementor-1403 .elementor-element.elementor-element-cb50a54{--width:100%;}.elementor-1403 .elementor-element.elementor-element-cdc37b5{--width:100%;}.elementor-1403 .elementor-element.elementor-element-a0f34d4{--width:100%;}.elementor-1403 .elementor-element.elementor-element-527a75b{--width:100%;}}@media(min-width:1025px){.elementor-1403 .elementor-element.elementor-element-404044d0:not(.elementor-motion-effects-element-type-background), .elementor-1403 .elementor-element.elementor-element-404044d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for container, class: .elementor-element-404044d0 */#single-page-misc-hero {
    max-width: var(--site-width)!important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2373780 *//* =============================
   RECAPS ACCORDION FIX
============================= */

.elementor-widget-n-accordion,
.e-n-accordion,
.e-n-accordion-item,
.e-n-accordion-item-title {
  pointer-events: auto !important;
}

.e-n-accordion {
  position: relative;
  z-index: 100 !important;
}

.e-n-accordion-item-title {
  cursor: pointer !important;
  user-select: none;
}

.e-n-accordion-item > [role="region"] {
  overflow: hidden;
}

.e-n-accordion-item[open] > [role="region"] {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* =============================
   ACCORDION LINK CLICK FIX
============================= */

.elementor-widget-n-accordion,
.elementor-widget-n-accordion *,
.e-n-accordion,
.e-n-accordion *,
.e-n-accordion-item,
.e-n-accordion-item *,
.e-n-accordion-item [role="region"],
.e-n-accordion-item [role="region"] * {
  pointer-events: auto !important;
}

.e-n-accordion-item[open] [role="region"] {
  position: relative !important;
  z-index: 50 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.e-n-accordion-item[open] .elementor-widget-text-editor,
.e-n-accordion-item[open] .elementor-widget-text-editor *,
.e-n-accordion-item[open] .elementor-widget-text-editor p,
.e-n-accordion-item[open] .elementor-widget-text-editor a {
  pointer-events: auto !important;
}

.e-n-accordion-item[open] .elementor-widget-text-editor a {
  position: relative !important;
  z-index: 999 !important;
  cursor: pointer !important;
  text-decoration: underline;
}

/* Disable WCF hover/cursor blocking inside this accordion */
.elementor-widget-n-accordion [data-wcf-init],
.elementor-widget-n-accordion .wcf-animate,
.elementor-widget-n-accordion .wcf-played {
  pointer-events: auto !important;
}

.elementor-widget-n-accordion a {
  pointer-events: auto !important;
  cursor: pointer !important;
  text-decoration: none!important;
  color: inherit;
}

.elementor-widget-n-accordion p {
    font-size: var(--text-md)!important;
}

.accordion-content  {
    max-width: var(--reading-width)!important;
    display: flex;
    align-content: center!important;
}

#nonatized-custom-accordion {
    display: flex;
    flex-direction: row;
    width: 100%;
}/* End custom CSS */
/* Start custom CSS */main,
#cinema-html-wrapper,
#footnotes {
  max-width: var(--site-width) !important;
}


/* =============================
   CINEMA FEED BASE
============================= */

.cinema-feed,
.cinema-feed *,
.cinema-log-modal,
.cinema-log-modal * {
  box-sizing: border-box;
}

.cinema-feed {
  width: 100%;
  color: #F4F4F4;
}



/* Button */
.cinema-feed-header {
  position: relative;
  z-index: 50;
  pointer-events: auto;
}

.cinema-feed-filters {
  position: relative;
  z-index: 60;
  pointer-events: auto;
}

.cinema-filter {
  position: relative;
  z-index: 70;
  pointer-events: auto !important;
  cursor: pointer !important;
}

.cinema-card.is-hidden-by-filter {
  display: none !important;
}

/* =============================
   HEADER
============================= */

.cinema-feed-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(14px, 2vw, 24px);
  align-items: end;
  margin-bottom: clamp(22px, 4vw, 44px);
}

.cinema-feed-kicker {
  margin: 0 0 8px;
  font-size: var(--text-xs) !important;
  line-height: 1;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0.72;
  color: var(--noir) !important;
}

.cinema-feed-title {
  margin: 0;
  font-size: calc(var(--text-2xl) + var(--text-sm)) !important;
  font-family: var(--instrument);
  color: var(--noir) !important;
}

.cinema-feed-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
}

.cinema-filter {
  appearance: none;
  border: 1px solid var(--ruby) !important;
  background: transparent;
  color: inherit;
  padding: 8px !important;
  font: inherit;
  border-radius: 15px !important;
  font-size: var(--text-sm) !important;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  transition:
    opacity 180ms ease,
    background 180ms ease,
    color 180ms ease,
    transform 180ms ease;
}


.cinema-filter:hover {
  background: var(--ruby) !important;
  color: var(--white) !important;

}

.cinema-filter.is-active {
  opacity: 1;
  background: var(--white) !important;
  color: var(--ruby) !important;
}

.cinema-filter:active {
  transform: translateY(1px);
}

.cinema-feed-status {
  display: none !important;
}

/* =============================
   LOADER
============================= */

.cinema-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 220px;
  width: 100%;
  color: #F4F4F4;
}

.cinema-loader.is-hidden {
  display: none;
}

.cinema-loader-circle {
  width: 26px;
  height: 26px;
  border: 1px solid rgba(244, 244, 244, 0.28);
  border-top-color: #F4F4F4;
  border-radius: 999px;
  animation: cinema-loader-spin 0.8s linear infinite;
}

.cinema-loader-text {
  font-size: var(--text-base) !important;
  color: var(--noir) !important;
  text-transform: uppercase;
}

@keyframes cinema-loader-spin {
  to {
    transform: rotate(360deg);
  }
}

/* =============================
   GRID
============================= */

.cinema-grid {
  display: none;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: clamp(14px, 1.6vw, 24px);
  width: 100%;
}

.cinema-grid.is-loaded {
  display: grid;
}

/* =============================
   CARD
============================= */

.cinema-card {
  position: relative;
  display: block;
  grid-column: span 4;
  aspect-ratio: 16 / 9;
  min-height: 220px;
  overflow: hidden;
  isolation: isolate;
  color: #F4F4F4;
  background: #111;
  text-decoration: none;
  cursor: default;
  border: 1px solid rgba(244, 244, 244, 0.22);
  transition:
    filter 0.6s ease,
    border-color 0.4s ease,
    transform 0.4s ease;
  pointer-events: auto;
}

.cinema-card:hover {
  filter: grayscale(0%);
  border-color: rgba(244, 244, 244, 0.58);
}

.cinema-card-bg {
  position: absolute;
  inset: -7%;
  z-index: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  filter: brightness(30%);
  will-change: transform;
  pointer-events: none;

  transition: filter 0.3s var(--cubic) !important;
}

.cinema-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: var(--red);
  filter: contrast(300%);
  filter: brightness(300%);
  opacity: 0.8;
  mix-blend-mode: screen;
  filter: brightness(100%);
  opacity: 0.5;
  mix-blend-mode: hard-light;
}

.cinema-card-grain {
  position: absolute;
  inset: 0;
  z-index: 2;
  background-repeat: repeat;
  background-size: 300px;
  mix-blend-mode: soft-light;
  opacity: 1 !important;
  pointer-events: none;
  transition: opacity 0.6s ease;
}

.cinema-card:hover .cinema-card-bg {
  filter: brightness(100%);
  transition: filter 0.3s var(--cubic) !important;
}

.cinema-card:hover::after {
  background: transparent !important;
  filter: contrast(100%) brightness(100%);
  opacity: 1;
  mix-blend-mode: normal;
}

.cinema-card:hover .cinema-card-synopsis {
  display: none !important;
  transition: display 0.2s var(--cubic) !important;
}

.cinema-card-content {
  position: relative;
  z-index: 3;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(14px, 1.65vw, 24px);
  text-align: center;
  pointer-events: none;
}

.cinema-card-rating {
  margin: 0;
  font-size: var(--text-xs) !important;
  line-height: 1;
  margin-block-end: 0 !important;
  letter-spacing: 0.14em;
}

.cinema-card-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  max-width: min(88%, 520px);
  margin: auto;
}

.cinema-card-title {
  margin: 0;
  font-size: var(--text-xl) !important;
  line-height: 0.95;
  font-weight: 400 !important;
  font-family: var(--instrument) !important;
  font-style: italic !important;
  text-wrap: balance;
}

.cinema-card-credit {
  margin: 0;
  font-size: var(--text-xs) !important;
  line-height: 1.35 !important;
  text-transform: uppercase;
  letter-spacing: -0.045em;
  font-family: var(--mono) !important;
  margin-block-end: 0 !important;
}

.cinema-card-credit span {
  font-weight: 700;
  font-size: var(--text-xs) !important;
  font-family: var(--intl) !important;
  letter-spacing: 0;
  line-height: 1.35 !important;
}

.cinema-card-synopsis {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-width: 52ch;
  overflow: hidden;
  margin: 0;
  margin-bottom: 5px;
  font-size: 12px !important;
  line-height: 1.42;
  opacity: 0.86;
}

.cinema-card-footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  line-height: 1.2 !important;
  text-transform: uppercase;
}

.cinema-card-footer span {
  font-size: 12px !important;
}

.cinema-card-footer span:first-child {
  text-align: left;
}

.cinema-card-footer span:last-child {
  text-align: right;
}


/* If it is the only span present, force it to align left */
.cinema-card-footer span:only-of-type {
  text-align: left;
}

/* =============================
   READ LOG BUTTON
============================= */

.cinema-card-log-button {
  position: absolute;
  right: 8px;
  bottom: 10px;
  z-index: 10;
  appearance: none;
  border: 0.5px solid var(--olive) !important;
  background: var(--ruby) !important;
  color: var(--white) !important;
  padding: 8px 9px !important;
  font-size: 12px !important;
  line-height: 1;
  font-weight: 400 !important;
  font-family: var(--mono) !important;
  text-transform: uppercase;
  cursor: pointer;
  backdrop-filter: blur(8px);
  pointer-events: auto;
  transition:
    all 0.1s var(--cubic) !important;
}

.cinema-card-log-button:hover {
  background: var(--olive) !important;
  color: var(--ruby) !important;
}

.cinema-card-log-button:active {
  transform: translateY(1px);
}

/* =============================
   ENTRY TYPE COLORS
============================= */

.cinema-card[data-entry-type="Watch"] .cinema-card-rating,
.cinema-card[data-entry-type="Watch"] .cinema-card-footer span:last-child {
  color: var(--pink);
}

/* =============================
   MODAL
============================= */

.cinema-log-modal {
  position: fixed;
  inset: 0;
  z-index: 2147483647 !important;
  display: none;
  color: #F4F4F4;
  overflow: hidden;
  overscroll-behavior: contain;
  width: 100vw !important;
  height: 100dvh !important;
  max-width: none !important;
}

.cinema-log-modal.is-open {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.cinema-log-backdrop {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: rgba(0, 0, 0, 0.68);
  cursor: pointer;
  pointer-events: auto;
}

/* 
  This is only a dim layer INSIDE the panel.
  It does NOT carry the TMDB image.
*/
.cinema-log-blur-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.cinema-log-blur-bg::after {
  content: none !important;
}

/* 
  TMDB backdrop image is applied here by JS:
  panel.style.backgroundImage = url(...)
*/
.cinema-log-panel {
  display: block !important;
  position: relative !important;
  z-index: 2 !important;
  width: min(1060px, calc(100vw - 28px)) !important;
  height: calc(100dvh - 28px) !important;
  max-height: calc(100dvh - 28px) !important;
  overflow-y: auto !important;
  overflow-x: hidden;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  margin: 14px auto;
  padding: clamp(18px, 3vw, 34px);
  border: 1px solid rgba(244, 244, 244, 0.28);
  pointer-events: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  isolation: isolate;

  background-color: rgb(13 13 13 / 68%);
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-blend-mode: multiply;
}

/* keep actual panel content above the dim overlay */
.cinema-log-panel>*:not(.cinema-log-blur-bg) {
  position: relative;
  z-index: 1;
}

.cinema-log-panel * {
  pointer-events: auto;
}

.cinema-log-close {
  position: sticky;
  top: 0;
  z-index: 20;
  display: block;
  margin-left: auto;
  appearance: none;
  border: 1px solid var(--ruby) !important;
  background: var(--olive) !important;
  color: var(--ruby) !important;
  padding: 8px 12px !important;
  margin-bottom: clamp(18px, 2vw, 26px) !important;
  font-size: 14px !important;
  line-height: 1 !important;
  text-transform: uppercase;
  font-weight: 400 !important;
  cursor: pointer;
  pointer-events: auto;
}

.cinema-log-close:hover {
  background: var(--ruby) !important;
  color: var(--olive) !important;
}

.cinema-log-layout {
  display: grid;
  grid-template-columns: minmax(170px, 280px) minmax(0, 1fr);
  gap: clamp(22px, 4vw, 50px);
  align-items: start;
}

.cinema-log-poster-wrap {
  position: sticky;
  top: 0;
}

.cinema-log-poster {
  display: block;
  width: 100%;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  border: 1px solid rgba(244, 244, 244, 0.28);
  background: rgba(244, 244, 244, 0.08);
}

.cinema-log-content {
  min-width: 0;
}

.cinema-log-kicker {
  margin: 0 0 10px;
  font-size: var(--text-xs) !important;
  line-height: 1.2 !important;
  opacity: 0.74;
    text-shadow: 
    -0.5px -0.5px 0 rgba(0, 0, 0, 0.3),  
     0.5px -0.5px 0 rgba(0, 0, 0, 0.3),
    -0.5px  0.5px 0 rgba(0, 0, 0, 0.3),
     0.5px  0.5px 0 rgba(0, 0, 0, 0.3);
}

.cinema-log-title {
  margin: 0 0 10px;
  font-size: var(--text-xl) !important;
  line-height: 0.9;
  font-family: var(--instrument) !important;
  font-weight: 700 !important;
  text-wrap: balance;
  color: var(--sky)!important;
 text-shadow: 
    -0.5px -0.5px 0 rgb(0 0 0 / 50%),  
     0.5px -0.5px 0 rgb(0 0 0 / 50%),
    -0.5px  0.5px 0 rgb(0 0 0 / 50%),
     0.5px  0.5px 0 rgb(0 0 0 / 50%);
}

.cinema-log-credit {
  margin: 0 0 clamp(22px, 3vw, 36px) !important;
  font-size: var(--text-sm) !important;
  line-height: 1 !important;
  text-transform: uppercase;
  text-shadow: 
    -0.5px -0.5px 0 rgba(0, 0, 0, 0.3),  
     0.5px -0.5px 0 rgba(0, 0, 0, 0.3),
    -0.5px  0.5px 0 rgba(0, 0, 0, 0.3),
     0.5px  0.5px 0 rgba(0, 0, 0, 0.3);
}

.cinema-log-review {
  border-top: 1px solid var(--white)!important;
  padding-top: 5vh;
  max-width: 78ch;
  padding-bottom: 12vh;
   text-shadow: 
    -0.5px -0.5px 0 rgba(0, 0, 0, 0.3),  
     0.5px -0.5px 0 rgba(0, 0, 0, 0.3),
    -0.5px  0.5px 0 rgba(0, 0, 0, 0.3),
     0.5px  0.5px 0 rgba(0, 0, 0, 0.3);
}

.cinema-log-review p {
  margin: 0 0 1.12em;
  font-size: var(--text-sm) !important;
  color: var(--white) !important;
  line-height: 1.6 !important;
}

html.cinema-log-is-open,
body.cinema-log-is-open {
  overflow: hidden !important;
}

/* Safety because JS moves modal to body */
body>.cinema-log-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  width: 100vw !important;
  height: 100dvh !important;
  max-width: none !important;
  overflow: hidden !important;
}

body>.cinema-log-modal.is-open {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body>.cinema-log-modal .cinema-log-backdrop {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
}

body>.cinema-log-modal .cinema-log-panel {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body>.cinema-log-modal .cinema-log-blur-bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
}


/* PROFILE STATS */

.nona-lbx-profile {
  width: 100%;
  color: inherit;
  position: relative;
  z-index: 2;
  padding-bottom: 4vh;
  border-bottom: 1px solid var(--olive)!important;
}

.nona-lbx-profile,
.nona-lbx-profile * {
  box-sizing: border-box;
}

.nona-lbx-profile__inner {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(24px, 5vw, 72px);
  color: inherit;
}

/* left side */

.nona-lbx-profile__identity {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: clamp(16px, 2vw, 24px);
}

.nona-lbx-profile__avatar-link {
  flex: 0 0 auto;
  display: block;
  width: 72x;
  height: 72px!important;
  border-radius: 999px;
  border: 2px solid var(--red)!important;
  overflow: hidden;
  color: inherit;
  text-decoration: none;
  background: color-mix(in srgb, currentColor 14%, transparent);
}

.nona-lbx-profile__avatar-link.has-avatar-error {
  background: color-mix(in srgb, currentColor 22%, transparent);
}

.nona-lbx-profile__avatar {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  min-width: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.3s var(--cubic)!important;
}

.nona-lbx-profile__avatar:hover {
  transform: scale(1.1);
  transition: transform 0.3s var(--cubic)!important;
}

/* name + meta */

.nona-lbx-profile__main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.nona-lbx-profile__name-row {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

.nona-lbx-profile__name-link {
  min-width: 0;
  color: inherit;
  text-decoration: none;
}

.nona-lbx-profile__name::before{
  content:"@"
}

.nona-lbx-profile__name {
  margin: 0;
  color: inherit;
  font-size: var(--text-2xl)!important;
  font-weight: 400!important;
  font-family: var(--instrument)!important;
  line-height: 1;
  color: var(--ruby)!important;
  letter-spacing:-0.02em!important;
  white-space: nowrap;
}

/* All Links Hover */

.nona-lbx-profile__name:hover,
.nona-lbx-profile__meta-item span:hover,
.nona-lbx-profile__stat-value:hover{
  color: var(--red)!important;
  opacity: 1!important;
  transition: all 0.3s var(--cubic)!important;
}

/* dots */

.nona-lbx-profile__more {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2.5px;
  color: inherit;
  text-decoration: none;
  opacity: 0.45;
  background: currentColor;
}

.nona-lbx-profile__more span {
  width: 3px;
  height: 3px;
  border-radius: 999px;
  background: var(--background, #0d0d0d);
}

.nona-lbx-profile__more:hover {
  opacity: 0.75;
}

/* meta */

.nona-lbx-profile__meta {
  min-width: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 18px;
  color: var(--ruby)!important;
  line-height: 1.2;
  letter-spacing: 0.03em;
}

.nona-lbx-profile__meta-item {
  display: inline-flex;
  gap: 6px;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}



.nona-lbx-profile__meta-icon {
  display: inline-flex;
  justify-content: center;
  flex: 0 0 auto;
  font-size: var(--text-xs)!important;
  line-height: 1;
  color: var(--ruby)!important;
  align-content: center;
  align-items: center;
  line-height: 1.4!important;
}

.nona-lbx-profile__meta-item {
  display: inline-flex;
  gap: 6px;
  flex-direction: row;
  align-content: center;
}

.nona-lbx-profile__meta-item span {
  font-size: var(--text-sm)!important;
  color: var(--ruby)!important;
  letter-spacing: 0!important;
  margin-bottom: 0!important;
  padding-bottom: 0!important;
  margin-block-end: 0!important;
  line-height: 1.4!important;
  justify-self: end;
}

/* stats */

.nona-lbx-profile__stats {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: inherit;
}

.nona-lbx-profile__stat {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: clamp(64px, 7vw, 90px);
  padding: 0.5rem 1rem;
  color: var(--ruby)!important;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  border radius: 10px!important;
}

.nona-lbx-profile__stat:hover {
  background-color: var(--olive);
  transition: all 0.3s var(--cubic)!important;
  color: var(--ruby)!important;
}

.nona-lbx-profile__stat+.nona-lbx-profile__stat {
  border-left: 1px solid var(--olive);
}

.nona-lbx-profile__stat-value {
  display: block;
  color: var(--ruby)!important;
  font-style: italic;
  font-size: var(--text-2xl);
  font-family: var(--instrument);
  font-weight: 400;
  line-height: 0.95;
  letter-spacing: 0.01em;
}

.nona-lbx-profile__stat-label {
  display: block;
  margin-top: 7px;
  color: var(--gray)!important;
  opacity: 0.7;
  font-size: var(--text-xs)!important;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}


/* click safety */

.nona-lbx-profile a {
  pointer-events: auto !important;
}



/* responsive */

@media (max-width: 1023px) {
  .nona-lbx-profile__inner {
    align-items: flex-start;
    flex-direction: column;
    gap: 28px;
  }

  .nona-lbx-profile__stats {
    width: 100%;
    justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .nona-lbx-profile__stat {
    min-width: 78px;
  }
}

@media (max-width: 767px) {
  .nona-lbx-profile__inner {
    flex-direction: column;
    align-items: stretch;
    gap: 3vh;
  }

  .nona-lbx-profile__name {
    font-size: var(--text-xl)!important;
  }

  .nona-lbx-profile__identity {
    align-items: center;
  }

.nona-lbx-profile__meta-item span,
  .nona-lbx-profile__meta-icon {
    font-size: 12px!important;
}
  
  .nona-lbx-profile__stat-label {
    font-size: 9px!important;
  }

  .nona-lbx-profile__avatar-link {
    width: 72px;
    height: 72px;
  }

  .nona-lbx-profile__stats {
    justify-content: flex-start;
  }

  .nona-lbx-profile__stat-value {
    font-size: var(--text-lg)!important;
  }
  .nona-lbx-profile__stat {
    min-width: 40px;
    padding-inline: 14px!important;
  }
}

/* =============================
   RESPONSIVE
============================= */

@media (max-width: 1080px) {
  main,
#cinema-html-wrapper,
  #cinema-feed,
#footnotes {
  max-width: 1024px!important;
}
  
  .cinema-feed-header {
    gap: 14px;
  }


.cinema-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px!important;
}
  
  .cinema-card {
    grid-column: auto;
    aspect-ratio: 4 / 3!important;
    min-height: 100%;
  }

  .cinema-card-content {
    padding: 12px;
  }

  .cinema-card-main {
    max-width: 100%;
    gap: 8px;
  }

   .cinema-card-log-button {
    font-size: 11px!important;
     padding: 4px!important;
  }

  .cinema-card-credit,
  .cinema-card-credit span,
  .cinema-card-synopsis  {
    font-size: 11px!important;
  }

   .cinema-card-synopsis  {
-webkit-line-clamp: 3;
  }

  .cinema-card-title {
    font-size: var(--text-lg)!important;
  }

  .cinema-card-footer {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .cinema-card-footer span {
    font-size: 11px!important;
    max-width: 60%;
  }

  .cinema-card-log-button {
    right: 14px;
    bottom: 14px;
  }

  .cinema-log-modal.is-open {
    align-items: stretch;
  }

  .cinema-log-layout {
    grid-template-columns: 150px auto;
  }

  .cinema-log-kicker {
    font-size: var(--text-sm)!important;
  }

}

@media (max-width: 780px) {

  main,
#cinema-html-wrapper,
  #cinema-feed,
#footnotes {
  max-width: 760px !important;
}
  
  .cinema-feed-header {
    gap: 14px;
  }


.cinema-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px!important;
}

  .cinema-filter {
  font-size: 12px !important;
  }
  
  .cinema-card {
    grid-column: auto;
    aspect-ratio: 4 / 5!important;
  }

  .cinema-card-content {
    padding: 12px;
  }

  .cinema-card-main {
    max-width: 100%;
    gap: 8px;
  }

   .cinema-card-log-button {
    font-size: 11px!important;
     padding: 4px!important;
  }

  .cinema-card-credit,
  .cinema-card-credit span,
  .cinema-card-synopsis  {
    font-size: 11px!important;
  }

   .cinema-card-synopsis  {
-webkit-line-clamp: 6;
  }

  .cinema-card-title {
    font-size: var(--text-md)!important;
  }

  .cinema-card-footer {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .cinema-card-footer span {
    font-size: 9px!important;
    max-width: 60%;
  }

  .cinema-card-log-button {
    right: 14px;
    bottom: 14px;
  }

  .cinema-log-modal.is-open {
    align-items: stretch;
  }

  .cinema-log-panel {
    width: min(100% - 20px, 720px);
    height: calc(100dvh - 20px);
    max-height: calc(100dvh - 20px);
    margin: 10px auto;
    padding: 18px;
  }

  .cinema-log-layout {
   display: flex;
   flex-direction: column;
   align-items: center;
  }

  .cinema-log-content {
    min-width: 100%;
    width: 100%;
  }

  .cinema-log-poster-wrap {
    position: relative;
    top: auto;
    max-width: 150px;
  }

  .cinema-log-kicker,.cinema-log-credit,.cinema-log-review p{
    font-size: var(--text-xs)!important;
    text-align: justify;
  }

  .cinema-log-title{
     font-size: var(--text-xl)!important;
  }
  
  
  .cinema-log-kicker, .cinema-log-title,.cinema-log-credit {
     text-align: center!important;
  }
}

@media (max-width: 480px) {
  main,
#cinema-html-wrapper,
  #cinema-feed,
#footnotes {
  max-width: 450px!important;
}


  .cinema-feed-header{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  

.cinema-grid {
  grid-template-columns: 1fr;
  gap: 5px!important;
}
  
  .cinema-card {
    grid-column: auto;
    aspect-ratio: 16 / 9!important;
    min-height: 100%;
  }
}/* End custom CSS */