:root {
  --cinema-ink: #080c12;
  --cinema-night: #111a2b;
  --cinema-blue: #425ce1;
  --cinema-light: #eceff5;
  --cinema-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --gold: #dce2f1;
  --paper: #edf0f4;
  --midnight: #101827;
  --blue: #425ce1;
  --primary: #425ce1;
  --ring: #6c85ff;
  scroll-padding-top: 100px;
}
body {
  overflow-x: clip;
}
.site-header {
  background: #080c12f5;
  min-height: 80px;
  border-color: #ffffff1a;
  backdrop-filter: blur(22px);
}
.site-desktop-nav {
  gap: 23px;
}
.site-desktop-nav a[aria-current='page'] {
  color: #b3c4ff;
  border-color: #859fff;
}
.site-contact-link:hover {
  background: #425ce12b;
  border-color: #859fff;
}
.site-menu[data-slot='sheet-content'],
.site-footer {
  background: #080c12;
}
.site-menu .button-gold {
  background: #425ce1;
  color: #fff;
}
.site-footer-brand {
  font-size: 76px;
}
.site-footer a:hover,
.site-footer button:hover {
  color: #b3c4ff;
}
.cinema-home,
.cinema-people-page {
  background: #080c12;
  color: #eceff5;
  font-family: LuraBody, Arial, sans-serif;
  isolation: isolate;
}
.cinema-container {
  width: calc(100% - 112px);
  max-width: 1360px;
  margin: auto;
}
.cinema-home :is(h1, h2, h3),
.cinema-people-page :is(h1, h2, h3) {
  font-family: LuraDisplay, Arial, sans-serif;
  letter-spacing: -0.04em;
  line-height: 1.06;
  text-wrap: balance;
}
.cinema-home h2,
.cinema-people-page h2 {
  font-size: clamp(42px, 5.1vw, 76px);
}
.cinema-home em,
.cinema-people-page em {
  font-style: normal;
  color: #a3b5db;
}
.cinema-home p,
.cinema-people-page p {
  line-height: 1.75;
}
.cinema-kicker {
  font:
    400 12px/1.6 LuraBody,
    Arial,
    sans-serif;
  letter-spacing: 0.12em;
  color: #a0adc1;
  text-transform: uppercase;
}
.cinema-inline {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  border-bottom: 1px solid #ffffff55;
  padding: 8px 0;
  font-size: 14px;
  line-height: 1.6;
}
.cinema-inline:hover {
  color: #aabbff;
}
.cinema-pill {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
  padding: 13px 22px;
  min-height: 52px;
  border: 1px solid #ffffff88;
  border-radius: 2px;
  background: #10182755;
  backdrop-filter: blur(12px);
  color: #fff;
  font-size: 14px;
  transition:
    background 0.4s,
    border-color 0.4s;
}
.cinema-pill:hover {
  background: #425ce1;
  border-color: #425ce1;
}
.cinema-home :is(a, button, input):focus-visible,
.cinema-people-page :is(a, button, input):focus-visible {
  outline: 2px solid #a7bcff;
  outline-offset: 5px;
}
.cinema-home [data-enter] {
  transition:
    opacity 1s var(--cinema-ease),
    transform 1.3s var(--cinema-ease),
    filter 1.2s var(--cinema-ease);
}
.cinema-home[data-motion='on'] [data-enter]:not([data-entered='true']) {
  opacity: 0;
  transform: translateY(24px);
  filter: blur(5px);
}
/* Opening shot: depth and focus are linked to natural scrolling. */
.cinema-hero {
  height: 145svh;
  min-height: 860px;
  --hero-progress: 0;
  --hero-zoom: 1.035;
  --hero-title-y: 0px;
  --hero-title-blur: 0px;
  --hero-title-opacity: 1;
}
.cinema-hero-sticky {
  position: sticky;
  top: 80px;
  height: calc(100svh - 80px);
  min-height: 580px;
  overflow: hidden;
  background: #080c12;
}
.cinema-hero-image,
.cinema-hero-shade {
  position: absolute;
  inset: 0;
}
.cinema-hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 58%;
  transform: scale(var(--hero-zoom));
  transition: transform 0.5s var(--cinema-ease);
  will-change: transform;
}
.cinema-hero-shade {
  background:
    linear-gradient(90deg, #05090dd6, #05090d44 60%, transparent),
    linear-gradient(0deg, #080c12ee, transparent 40%);
}
.cinema-hero-top {
  position: absolute;
  top: 30px;
  left: 56px;
  right: 56px;
  display: flex;
  justify-content: space-between;
  gap: 25px;
  z-index: 4;
}
.cinema-hero-top .cinema-kicker {
  color: #d4dced;
}
.cinema-hero-edition,
.cinema-hero-credit {
  font-size: 12px;
  letter-spacing: 0.12em;
  color: #b7c5da;
}
.cinema-hero-title {
  position: absolute;
  top: 19%;
  left: 56px;
  max-width: calc(100% - 112px);
  z-index: 3;
  transform: translateY(var(--hero-title-y));
  filter: blur(var(--hero-title-blur));
  opacity: var(--hero-title-opacity);
  transition:
    transform 0.35s var(--cinema-ease),
    opacity 0.35s,
    filter 0.35s;
}
.cinema-hero h1 {
  font-size: clamp(74px, 9.3vw, 145px);
  line-height: 0.97;
  letter-spacing: -0.055em;
  color: #f2f4f8;
}
.cinema-hero h1 em {
  color: #c1cee7;
}
.cinema-hero-sub {
  display: flex;
  gap: 23px;
  margin-top: 30px;
  align-items: start;
}
.cinema-hero-sub p {
  font-size: 17px;
  color: #d6dfec;
  line-height: 1.65;
}
.cinema-line {
  width: 65px;
  height: 1px;
  background: #b2c5e6;
  margin-top: 14px;
  flex-shrink: 0;
}
.cinema-hero-bottom {
  position: absolute;
  z-index: 4;
  bottom: 37px;
  left: 56px;
  right: 56px;
  display: flex;
  align-items: center;
  gap: 30px;
}
.cinema-hero-credit {
  margin-left: auto;
}
.cinema-play {
  display: flex;
  gap: 14px;
  align-items: center;
  border: 0;
  background: none;
  color: #fff;
  font-size: 14px;
  padding: 0;
}
.cinema-play > span {
  display: grid;
  place-items: center;
  width: 45px;
  height: 45px;
  border: 1px solid #ffffff88;
  border-radius: 50%;
  transition: background 0.4s;
}
.cinema-play:hover > span {
  background: #425ce1;
}
.hero-matte {
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--hero-progress) * 10%);
  background: #080c12;
  z-index: 2;
  pointer-events: none;
  transition: height 0.4s var(--cinema-ease);
}
.hero-matte-top {
  top: 0;
}
.hero-matte-bottom {
  bottom: 0;
}
.cinema-statement {
  padding: 88px 0 96px;
  border-top: 1px solid #ffffff20;
}
.cinema-statement-grid {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 80px;
  align-items: end;
  margin-top: 28px;
}
.cinema-statement-grid h2 {
  font-size: clamp(40px, 4.3vw, 65px);
  line-height: 1.12;
}
.cinema-statement-grid p {
  font-size: 18px;
  color: #a9b7cd;
  max-width: 470px;
}
.cinema-statement-grid .cinema-inline {
  margin-top: 20px;
}
/* Desktop reel pins briefly; on touch it becomes an ordinary horizontal gallery. */
.cinema-reel {
  background: #111a2b;
  --reel-x: 0px;
  --reel-progress: 0;
}
.cinema-reel[data-pinned='true'] {
  height: 265svh;
}
.cinema-reel-sticky {
  padding: 43px 0 27px;
  overflow: hidden;
}
.cinema-reel[data-pinned='true'] .cinema-reel-sticky {
  position: sticky;
  top: 80px;
  height: calc(100svh - 80px);
  min-height: 500px;
}
.cinema-reel-head {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: end;
  margin-bottom: 27px;
}
.cinema-reel-head h2 {
  font-size: clamp(42px, 4.2vw, 62px);
  margin-top: 12px;
}
.cinema-reel-controls {
  display: flex;
  align-items: center;
  gap: 25px;
}
.cinema-reel-controls > div {
  display: flex;
  gap: 9px;
}
.cinema-reel-controls button {
  display: grid;
  place-items: center;
  width: 43px;
  height: 43px;
  background: none;
  color: #e1e9f7;
  border: 1px solid #ffffff44;
  border-radius: 50%;
}
.cinema-reel-controls button:hover {
  background: #425ce1;
}
.cinema-rail {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-padding-left: 56px;
  scrollbar-width: thin;
  padding-bottom: 8px;
}
.cinema-reel[data-pinned='true'] .cinema-rail {
  overflow: hidden;
  scroll-snap-type: none;
}
.cinema-reel-track {
  display: flex;
  gap: 30px;
  width: max-content;
  padding-inline: max(56px, calc((100vw - 1360px) / 2));
  transform: translate3d(var(--reel-x), 0, 0);
  will-change: transform;
}
.cinema-film-card {
  width: clamp(420px, min(68vw, calc((100svh - 410px) * 1.7778)), 850px);
  flex-shrink: 0;
  scroll-snap-align: start;
}
.cinema-film-image {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  padding: 0;
  border: 0;
  background: #080c12;
  overflow: hidden;
}
.cinema-film-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition:
    transform 1.1s var(--cinema-ease),
    filter 0.7s;
}
.cinema-film-image:hover img {
  transform: scale(1.035);
  filter: brightness(0.85);
}
.cinema-film-number {
  position: absolute;
  top: 17px;
  left: 20px;
  color: #fff;
  font-size: 13px;
  text-shadow: 0 1px 8px #000;
}
.cinema-film-play {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid #ffffff88;
  background: #080c1277;
  color: #fff;
  backdrop-filter: blur(10px);
}
.cinema-film-caption {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px 20px;
  margin-top: 17px;
}
.cinema-film-caption > span {
  grid-column: 1/-1;
  font-size: 12px;
  letter-spacing: 0.11em;
  color: #99abc7;
}
.cinema-film-caption h3 {
  font-size: 35px;
  margin-top: 5px;
}
.cinema-film-caption p {
  font-size: 15px;
  color: #acb9cf;
  line-height: 1.6;
  max-width: 300px;
  margin-top: 6px;
}
.cinema-reel-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  margin-top: 23px;
  font-size: 12px;
  color: #95a7c4;
  letter-spacing: 0.04em;
}
.cinema-reel-progress {
  width: 160px;
  height: 1px;
  background: #ffffff33;
}
.cinema-reel-progress > span {
  display: block;
  width: 100%;
  height: 2px;
  background: #9ab2ff;
  transform: scaleX(var(--reel-progress));
  transform-origin: left;
}
.cinema-reel-scroll-hint {
  display: flex;
  align-items: center;
  gap: 14px;
}
/* The four mattes define the actual visible aspect ratio. */
.cinema-format {
  height: 230svh;
  background: #080c12;
}
.cinema-format-sticky {
  position: sticky;
  top: 80px;
  height: calc(100svh - 80px);
  min-height: 640px;
  padding: 35px 0 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 22px;
  overflow: hidden;
}
.cinema-format-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 45px;
}
.cinema-format-head h2 {
  font-size: clamp(40px, 4.1vw, 61px);
  margin-top: 12px;
}
.cinema-format-head > p {
  max-width: 420px;
  font-size: 16px;
  color: #a7b6ce;
}
.cinema-format-canvas {
  position: relative;
  width: calc(100% - 112px);
  max-width: 1170px;
  flex: 1;
  min-height: 200px;
  max-height: calc(100svh - 380px);
  margin: auto;
  overflow: hidden;
  isolation: isolate;
  --matte-x: 0%;
  --matte-y: 12%;
  --format-zoom: 1.04;
}
.cinema-format-canvas > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(var(--format-zoom));
  transition: transform 0.4s var(--cinema-ease);
}
.format-matte {
  position: absolute;
  background: #080c12;
  z-index: 2;
  pointer-events: none;
}
.format-matte-top,
.format-matte-bottom {
  left: 0;
  right: 0;
  height: var(--matte-y);
  transition: height 0.35s var(--cinema-ease);
}
.format-matte-top {
  top: 0;
}
.format-matte-bottom {
  bottom: 0;
}
.format-matte-left,
.format-matte-right {
  top: 0;
  bottom: 0;
  width: var(--matte-x);
  transition: width 0.35s var(--cinema-ease);
}
.format-matte-left {
  left: 0;
}
.format-matte-right {
  right: 0;
}
.cinema-format-label {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: calc(var(--matte-y) + 13px);
  transform: translateX(-50%);
  background: #080c12bb;
  color: #fff;
  padding: 5px 10px;
  font-size: 12px;
  letter-spacing: 0.08em;
  white-space: nowrap;
  transition: bottom 0.35s var(--cinema-ease);
}
.cinema-format-bottom {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 25px;
}
.cinema-format-buttons {
  display: flex;
  align-items: end;
  gap: 25px;
}
.cinema-format-buttons > button {
  background: none;
  border: 0;
  border-bottom: 1px solid #ffffff33;
  min-width: 58px;
  min-height: 49px;
  padding: 7px 0;
  color: #9eafc9;
  text-align: left;
  font-size: 16px;
  line-height: 1.3;
}
.cinema-format-buttons > button span {
  display: block;
  font-size: 12px;
  margin-top: 5px;
}
.cinema-format-buttons > button[data-active='true'] {
  color: #fff;
  border-color: #a3baff;
}
.cinema-format-buttons > .cinema-format-auto {
  font-size: 12px;
  min-height: 44px;
  margin-left: 12px;
}
.cinema-format-auto[aria-pressed='true'] {
  color: #b7c9ff;
  border-color: #839ce5;
}
.cinema-format-note {
  max-width: 190px;
  font-size: 12px;
  text-align: right;
  color: #8d9fbc;
  line-height: 1.65;
}
.cinema-craft {
  background: #e6e9f0;
  color: #101827;
  padding: 100px 0;
}
.cinema-craft-grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 70px;
  align-items: center;
}
.cinema-craft .cinema-kicker,
.cinema-knowledge .cinema-kicker {
  color: #536783;
}
.cinema-craft h2 {
  font-size: clamp(40px, 4.1vw, 62px);
  margin-top: 23px;
  line-height: 1.1;
}
.cinema-craft h2 em,
.cinema-knowledge h2 em {
  color: #4c638a;
}
.cinema-craft p:not(.cinema-kicker) {
  font-size: 17px;
  color: #53637b;
  max-width: 410px;
  margin-top: 24px;
}
.cinema-craft .cinema-inline {
  margin-top: 23px;
  color: #101827;
  border-color: #10182766;
}
.cinema-craft-index {
  display: flex;
  gap: 22px;
  font-size: 12px;
  color: #596c88;
  border-top: 1px solid #10182733;
  margin-top: 34px;
  padding-top: 17px;
}
.cinema-study {
  min-width: 0;
}
.cinema-study-image {
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: #080c12;
}
.cinema-study-image > img {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.cinema-study-divider {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #fff;
  pointer-events: none;
}
.cinema-study-divider span {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  width: 41px;
  height: 41px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #edf0f5;
  color: #101827;
  font-size: 22px;
  border: 1px solid #10182755;
}
.cinema-study-labels {
  position: absolute;
  inset: 15px 15px auto;
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
.cinema-study-labels > span {
  font-size: 12px;
  letter-spacing: 0.05em;
  background: #edf0f5ee;
  color: #101827;
  padding: 4px 8px;
}
.cinema-study-labels > span:last-child {
  background: #101827dd;
  color: #edf0f5;
}
.cinema-study-control {
  display: flex;
  align-items: center;
  gap: 17px;
  padding: 18px 0;
  font-size: 14px;
}
.cinema-study-control [data-slot='slider'] {
  flex: 1;
  min-width: 0;
  touch-action: pan-y;
}
.cinema-study-control [data-slot='slider-track'] {
  background: #a9b7cf;
}
.cinema-study-control [data-slot='slider-range'] {
  background: #425ce1;
}
.cinema-study-control [data-slot='slider-thumb'] {
  border-color: #425ce1;
  background: #edf0f5;
  width: 22px;
  height: 22px;
}
.cinema-study figcaption {
  font-size: 12px;
  line-height: 1.65;
  color: #5a6c86;
  max-width: 510px;
}
.cinema-collective {
  padding: 95px 0 0;
  background: #111a2b;
}
.cinema-collective-heading {
  max-width: 850px;
}
.cinema-collective-heading h2 {
  font-size: clamp(44px, 5.3vw, 80px);
  margin-top: 23px;
}
.cinema-collective-heading > p:not(.cinema-kicker) {
  max-width: 570px;
  color: #adbbd1;
  font-size: 18px;
  margin-top: 25px;
}
.cinema-production-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 28px;
  margin-top: 48px;
  align-items: start;
}
.cinema-resource {
  position: relative;
  display: block;
  isolation: isolate;
  overflow: hidden;
  background: #080c12;
}
.cinema-resource-studio {
  grid-row: span 2;
  height: 800px;
}
.cinema-resource-people {
  height: 405px;
  background: #d9e0eb;
  color: #101827;
}
.cinema-resource-equipment {
  height: 367px;
}
.cinema-resource-image {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.cinema-resource-image img {
  width: 100%;
  height: calc(100% + 70px);
  object-fit: cover;
  transform: translateY(calc(-35px + var(--parallax-y, 0px)));
  transition: transform 0.35s var(--cinema-ease);
}
.cinema-resource-image:after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, #080c12f7, #080c1288 40%, transparent 70%);
}
.cinema-resource-studio .cinema-resource-image img {
  object-position: 36% center;
}
.cinema-resource-copy {
  position: absolute;
  z-index: 2;
  left: 32px;
  right: 32px;
  bottom: 30px;
}
.cinema-resource-copy h3 {
  font-size: clamp(35px, 3.7vw, 54px);
  line-height: 1.05;
  margin-top: 13px;
}
.cinema-resource-copy p {
  font-size: 15px;
  color: #bac8dd;
  max-width: 350px;
  margin-top: 17px;
}
.cinema-resource-copy .cinema-kicker {
  color: #b9c8e1;
}
.cinema-resource-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 22px;
  font-size: 14px;
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid #ffffff55;
}
.cinema-resource:hover .cinema-resource-link {
  color: #aebfff;
}
.cinema-resource-people .cinema-resource-copy {
  left: 26px;
  right: auto;
  width: 53%;
  bottom: 27px;
}
.cinema-resource-people .cinema-resource-copy h3 {
  font-size: 35px;
}
.cinema-resource-people .cinema-resource-copy p {
  font-size: 14px;
  color: #4e6381;
  margin-top: 13px;
}
.cinema-resource-people .cinema-kicker {
  color: #4b607e;
  font-size: 12px;
  max-width: 160px;
}
.cinema-resource-people .cinema-resource-link {
  border-color: #10182744;
  margin-top: 18px;
  padding-top: 13px;
}
.cinema-resource-people:hover .cinema-resource-link {
  color: #354fcb;
}
.cinema-people-portraits {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 42%;
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 1px;
  overflow: hidden;
}
.cinema-people-portraits img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  filter: grayscale(1);
  transition: filter 1s;
}
.cinema-resource-people:hover img {
  filter: grayscale(0);
}
.cinema-resource-equipment .cinema-resource-copy h3 {
  font-size: 39px;
}
.cinema-resource-equipment .cinema-resource-copy p {
  margin-top: 12px;
}
.cinema-resource-equipment .cinema-resource-link {
  margin-top: 17px;
  padding-top: 12px;
}
.cinema-resource-equipment .cinema-resource-image:after {
  background:
    linear-gradient(90deg, #080c12e9, #080c1255), linear-gradient(0deg, #080c12cc, transparent);
}
.cinema-agency-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 28px;
  border-top: 1px solid #ffffff33;
  padding: 30px 0;
  margin-top: 30px;
  font-size: 16px;
  color: #adbad0;
}
.cinema-agency-line a {
  display: flex;
  align-items: center;
  gap: 25px;
  color: #e1e8f5;
}
.cinema-knowledge {
  background: #e6e9f0;
  color: #101827;
  padding: 95px 0;
}
.cinema-knowledge-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 90px;
  align-items: center;
}
.cinema-knowledge h2 {
  font-size: clamp(40px, 4.3vw, 64px);
  margin-top: 23px;
}
.cinema-knowledge p:not(.cinema-kicker) {
  font-size: 17px;
  color: #53637b;
  max-width: 430px;
  margin-top: 24px;
}
.cinema-knowledge-search {
  display: flex;
  align-items: center;
  gap: 14px;
  border-bottom: 1px solid #233b6588;
  margin-top: 28px;
  padding: 9px 0;
  max-width: 460px;
}
.cinema-knowledge-search input {
  font-size: 16px;
  border: 0;
  background: none;
  color: #101827;
  min-width: 0;
  width: 100%;
  padding: 12px 0;
}
.cinema-knowledge-search button {
  width: 44px;
  height: 44px;
  background: none;
  border: 0;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.cinema-knowledge-search > svg {
  flex-shrink: 0;
}
.cinema-knowledge-links {
  border-top: 1px solid #233b6544;
}
.cinema-knowledge-links > a {
  display: grid;
  grid-template-columns: 1fr 24px;
  gap: 10px 24px;
  padding: 25px 0;
  border-bottom: 1px solid #233b6544;
  transition: padding 0.35s;
}
.cinema-knowledge-links > a:hover {
  padding-left: 10px;
}
.cinema-knowledge-links > a > span {
  font-size: 12px;
  letter-spacing: 0.07em;
  color: #566d8c;
}
.cinema-knowledge-links > a > strong {
  grid-column: 1;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.5;
}
.cinema-knowledge-links > a > svg {
  grid-column: 2;
  grid-row: 1/3;
  align-self: center;
}
.cinema-knowledge-links > .cinema-knowledge-all {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 0;
  font-size: 14px;
  padding-bottom: 0;
}
.cinema-contact {
  background: #172442;
  color: #eef2fa;
  padding: 90px 0;
}
.cinema-contact-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 90px;
  margin-top: 34px;
  align-items: start;
}
.cinema-contact h2 {
  font-size: clamp(76px, 9vw, 130px);
  line-height: 0.98;
  letter-spacing: -0.05em;
}
.cinema-contact h2 em {
  color: #a8b9f1;
}
.cinema-contact-grid > div > p {
  font-size: 18px;
  color: #b5c4de;
  margin-top: 28px;
  max-width: 415px;
}
.cinema-contact-email {
  display: flex;
  align-items: center;
  gap: 24px;
  width: fit-content;
  font-size: clamp(25px, 3vw, 40px);
  letter-spacing: -0.03em;
  border-bottom: 1px solid #becbea88;
  padding-bottom: 15px;
  margin-top: 34px;
}
.cinema-contact-email svg {
  width: 28px;
  height: 28px;
}
.cinema-contact-phone {
  display: block;
  font-size: 19px;
  margin-top: 18px;
  color: #d1dff5;
}
.cinema-contact-location {
  display: block;
  font-size: 13px;
  color: #a1b4d4;
  margin-top: 28px;
}
.cinema-brief {
  background: #0b142830;
  border-top: 1px solid #adbfdf77;
  padding: 26px 28px 0;
}
.cinema-contact-grid > .cinema-brief > .cinema-kicker {
  font-size: 12px;
  color: #c0cee5;
  margin: 0 0 22px;
}
.cinema-brief label {
  display: block;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 9px;
  color: #d2dded;
}
.cinema-brief form > label:not(:first-child) {
  margin-top: 21px;
}
.cinema-brief [data-slot='select-trigger'],
.cinema-brief [data-slot='input'],
.cinema-brief [data-slot='textarea'] {
  font:
    400 16px/1.5 LuraBody,
    Arial,
    sans-serif;
  background: #101b32;
  color: #eef3fa;
  border: 1px solid #8096b677;
  border-radius: 1px;
  width: 100%;
  padding: 12px;
  min-height: 47px;
  height: auto;
  box-shadow: none;
}
.cinema-brief [data-slot='textarea'] {
  min-height: 110px;
  resize: vertical;
}
.cinema-brief [data-slot='input']::placeholder,
.cinema-brief [data-slot='textarea']::placeholder {
  color: #99aac4;
}
.cinema-brief-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  margin-top: 20px;
}
.cinema-brief-fields label > span {
  font-size: 12px;
  color: #a3b5d1;
}
.cinema-brief-fields input {
  margin-top: 9px;
}
.cinema-brief [data-slot='button'].cinema-send {
  width: 100%;
  justify-content: space-between;
  min-height: 52px;
  height: auto;
  padding: 14px 18px;
  background: #dce5f6;
  color: #14213e;
  border-radius: 1px;
  font-size: 15px;
  margin-top: 19px;
}
.cinema-brief .cinema-send:hover {
  background: #fff;
}
.cinema-brief .cinema-brief-note {
  font-size: 13px;
  color: #a6bbdd;
  line-height: 1.7;
  margin-top: 14px;
}
.cinema-brief-fallback {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  font-size: 12px;
  margin-top: 17px;
  color: #bacbe5;
}
.cinema-brief-fallback button {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 0;
  background: none;
  font-size: 12px;
  padding: 5px 0;
}
.cinema-brief-fallback a {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.cinema-rental-bridge {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  font-size: 14px;
  border-top: 1px solid #8097c355;
  padding: 23px 0;
  margin-top: 22px;
}
.cinema-selected-roles {
  font-size: 14px;
  color: #c9dbfa;
  padding: 13px 0;
}
.cinema-copy-fallback {
  margin-top: 20px !important;
}
.cinema-copy-fallback textarea {
  margin-top: 12px;
}
.cinema-film-dialog[data-slot='dialog-content'] {
  width: 100%;
  max-width: min(1080px, calc(100vw - 40px));
  max-height: calc(100dvh - 40px);
  overflow-y: auto;
  background: #080c12;
  color: #eef2fa;
  border: 1px solid #ffffff44;
  border-radius: 2px;
  padding: 22px;
  gap: 18px;
  z-index: 70;
}
.cinema-dialog-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.cinema-dialog-heading [data-slot='dialog-title'] {
  font-family: LuraDisplay, Arial, sans-serif;
  font-size: 32px;
  line-height: 1.2;
}
.cinema-dialog-heading button {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid #ffffff66;
  background: none;
  color: #fff;
}
.cinema-player {
  position: relative;
  aspect-ratio: 16/9;
  width: 100%;
  background: #000;
  overflow: hidden;
}
.cinema-player > img,
.cinema-player > iframe {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border: 0;
}
.cinema-player > [data-slot='button'] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #101827ed;
  color: #fff;
  border: 1px solid #ffffff88;
  border-radius: 1px;
  font-size: 15px;
  min-height: 52px;
  padding: 14px 20px;
  white-space: normal;
  line-height: 1.5;
}
.cinema-dialog-bottom {
  display: flex;
  justify-content: space-between;
  gap: 25px;
  font-size: 13px;
  color: #a6b8d3;
}
.cinema-dialog-bottom p {
  max-width: 550px;
  line-height: 1.65;
}
.cinema-dialog-bottom a {
  flex-shrink: 0;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.people-intro {
  padding-block: 65px 50px;
  border-bottom: 1px solid #ffffff33;
}
.people-intro > div {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 80px;
  align-items: end;
  margin-top: 25px;
}
.people-intro h1 {
  font-size: clamp(62px, 7vw, 102px);
}
.people-intro p:not(.cinema-kicker) {
  font-size: 18px;
  color: #aabbd3;
  max-width: 430px;
}

.people-team h2 {
  font-size: 56px;
  margin-top: 20px;
}

.people-team .cinema-inline {
  margin-top: 21px;
}




.people-pool {
  background: #e6e9f0;
  color: #101827;
  padding: 78px 0;
}
.people-pool .cinema-kicker {
  color: #516989;
}
.people-pool-heading {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: end;
}
.people-pool-heading h2 {
  margin-top: 20px;
}
.people-pool-heading h2 em {
  color: #4f6689;
}
.people-pool-heading > p {
  max-width: 490px;
  font-size: 17px;
  color: #536782;
}
.people-tabs {
  margin-top: 40px;
  gap: 28px;
}
.people-tabs [data-slot='tabs-list'] {
  height: auto;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  background: none;
  border-bottom: 1px solid #10182755;
  border-radius: 0;
  gap: 14px 24px;
  padding: 0;
}
.people-tabs [data-slot='tabs-trigger'] {
  flex: none;
  font:
    400 16px/1.5 LuraBody,
    Arial,
    sans-serif;
  padding: 13px 0;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: none;
  color: #586d8b;
  box-shadow: none;
  height: auto;
  min-height: 48px;
}
.people-tabs [data-slot='tabs-trigger'][data-state='active'] {
  color: #101827;
  border-bottom-color: #425ce1;
  background: none;
  box-shadow: none;
}
.people-role-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.people-role {
  padding: 25px 23px;
  border: 1px solid #10182733;
  background: #f3f5f8;
  display: flex;
  flex-direction: column;
}
.people-role.selected {
  background: #dce5f6;
  border-color: #425ce1;
}
.people-role h3 {
  font:
    700 21px/1.35 LuraBody,
    Arial,
    sans-serif;
  letter-spacing: -0.025em;
}
.people-role p {
  font-size: 16px;
  color: #566b8b;
  margin: 13px 0 22px;
}
.people-role [data-slot='button'] {
  align-self: start;
  margin-top: auto;
  min-height: 44px;
  height: auto;
  padding: 9px 12px;
  border: 1px solid #8094b3;
  background: none;
  color: #182a4b;
  border-radius: 1px;
  box-shadow: none;
  font-size: 14px;
  white-space: normal;
}
.people-role.selected [data-slot='button'] {
  background: #192e66;
  color: #fff;
  border-color: #192e66;
}
.people-selection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  border-top: 1px solid #10182744;
  padding-top: 26px;
  margin-top: 30px;
}
.people-selection strong {
  font-size: 17px;
  font-weight: 400;
}
.people-selection p {
  font-size: 14px;
  color: #566b8b;
  margin-top: 9px;
  max-width: 650px;
}
.people-selection .cinema-pill {
  background: #192e66;
  border-color: #192e66;
  flex-shrink: 0;
}
.production-page .hero,
.production-page .photography,
.production-page .quiet-contact {
  background: #0b111c;
}
.production-page .hero .gold {
  color: #afc1e9;
}
.production-page .paper,
.rental-page,
.knowledge-page {
  background: #edf0f4;
}
.production-page .team-surface {
  background: #dce3ee;
}
.production-page .button-gold,
.studio-page .button-gold,
.rental-page .rental-submit[data-slot='button'] {
  background: #425ce1;
  color: #fff;
}
.rental-page .booking-summary {
  border-top-color: #425ce1;
}
.knowledge-card-checklist {
  border-left-color: #425ce1;
}
.knowledge-takeaway {
  background: #dfe7f6;
  border-left-color: #425ce1;
}
.knowledge-page .knowledge-topic-nav button.selected {
  background: #182d64;
}
.knowledge-page .knowledge-topic-nav button.selected > span:last-child {
  color: #dbe5ff;
}
.studio-page .studio-hero {
  background: #101827;
}
.studio-page .studio-facts {
  background: #1b2d4f;
}
.studio-page .studio-facts span {
  color: #becdea;
}
.studio-page .studio-equipment-callout {
  background: #182b4b;
}
@media (min-width: 901px) and (max-height: 730px) {
  .cinema-hero-sticky {
    min-height: 510px;
  }
  .cinema-hero h1 {
    font-size: clamp(76px, 8vw, 110px);
  }
  .cinema-hero-title {
    top: 16%;
  }
  .cinema-hero-sub {
    margin-top: 20px;
  }
  .cinema-hero-bottom {
    bottom: 25px;
  }
  .cinema-reel-sticky {
    padding-top: 26px;
  }
  .cinema-reel-head h2 {
    font-size: 42px;
  }
  .cinema-film-card {
    width: clamp(380px, 44vw, 550px);
  }
  .cinema-film-caption h3 {
    font-size: 30px;
  }
  .cinema-film-caption p {
    font-size: 14px;
  }
  .cinema-reel-footer {
    margin-top: 16px;
  }
  .cinema-format-sticky {
    min-height: 545px;
    padding-top: 25px;
    gap: 16px;
  }
  .cinema-format-head h2 {
    font-size: 43px;
  }
  .cinema-format-canvas {
    max-height: calc(100svh - 340px);
  }
}
@media (max-width: 1100px) {
  .site-desktop-nav {
    gap: 16px;
    font-size: 13px;
  }
  .site-brand small {
    display: none;
  }
  .site-header {
    padding-inline: 28px;
  }
  .site-contact-link {
    font-size: 13px;
    gap: 10px;
  }
  .cinema-container {
    width: calc(100% - 72px);
  }
  .cinema-hero-top,
  .cinema-hero-bottom {
    left: 36px;
    right: 36px;
  }
  .cinema-hero-title {
    left: 36px;
    max-width: calc(100% - 72px);
  }
  .cinema-statement-grid,
  .cinema-craft-grid {
    gap: 45px;
  }
  .cinema-reel-track {
    padding-inline: 36px;
  }
  .cinema-format-canvas {
    width: calc(100% - 72px);
  }
  .cinema-resource-copy {
    left: 25px;
    right: 25px;
  }
  .cinema-resource-people .cinema-resource-copy {
    left: 23px;
  }
  .cinema-resource-people .cinema-resource-copy h3 {
    font-size: 30px;
  }
  .cinema-knowledge-grid,
  .cinema-contact-grid {
    gap: 50px;
  }
  .cinema-brief {
    padding-inline: 22px;
  }
  .people-intro > div,
  .people-team,
  .people-pool-heading {
    gap: 45px;
  }
  .people-role-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 900px) {
  .site-header {
    min-height: 74px;
    padding-inline: 24px;
  }
  .site-brand small {
    display: block;
  }
  .site-desktop-nav,
  .site-contact-link {
    display: none;
  }
  .site-menu-button {
    display: flex;
  }
  .cinema-container {
    width: calc(100% - 48px);
  }
  .cinema-hero {
    height: 140svh;
    min-height: 820px;
  }
  .cinema-hero-sticky {
    height: calc(100svh - 74px);
    top: 74px;
    min-height: 570px;
  }
  .cinema-hero-top,
  .cinema-hero-bottom {
    left: 24px;
    right: 24px;
  }
  .cinema-hero-title {
    left: 24px;
    max-width: calc(100% - 48px);
    top: 21%;
  }
  .cinema-hero h1 {
    font-size: clamp(73px, 10.2vw, 99px);
  }
  .cinema-hero-image img {
    object-position: 62% center;
  }
  .cinema-hero-credit,
  .cinema-hero-edition {
    display: none;
  }
  .cinema-hero-bottom {
    gap: 22px;
  }
  .cinema-statement {
    padding-block: 65px;
  }
  .cinema-statement-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .cinema-statement-grid p {
    font-size: 17px;
    max-width: 630px;
  }
  .cinema-reel {
    height: auto !important;
  }
  .cinema-reel-sticky,
  .cinema-reel[data-pinned='true'] .cinema-reel-sticky {
    position: static;
    height: auto;
    min-height: 0;
    padding-block: 38px 28px;
  }
  .cinema-reel-head {
    align-items: start;
  }
  .cinema-reel-head h2 {
    font-size: 45px;
  }
  .cinema-reel-controls {
    flex-direction: column;
    align-items: end;
    gap: 14px;
  }
  .cinema-film-card {
    width: 75vw;
    max-width: 620px;
  }
  .cinema-reel-track {
    padding-inline: 24px;
    gap: 24px;
    transform: none !important;
  }
  .cinema-reel .cinema-rail,
  .cinema-reel[data-pinned='true'] .cinema-rail {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 24px;
  }
  .cinema-reel-progress {
    display: none;
  }
  .cinema-reel-scroll-hint {
    font-size: 0;
  }
  .cinema-format {
    height: 215svh;
  }
  .cinema-format-sticky {
    top: 74px;
    height: calc(100svh - 74px);
    min-height: 630px;
    padding-top: 30px;
  }
  .cinema-format-head {
    gap: 30px;
  }
  .cinema-format-head h2 {
    font-size: 46px;
  }
  .cinema-format-head > p {
    font-size: 15px;
    max-width: 300px;
  }
  .cinema-format-canvas {
    width: calc(100% - 48px);
    max-height: calc(100svh - 362px);
  }
  .cinema-format-note {
    display: none;
  }
  .cinema-craft {
    padding-block: 65px;
  }
  .cinema-craft-grid {
    gap: 32px;
  }
  .cinema-craft h2 {
    font-size: 40px;
  }
  .cinema-craft-index {
    gap: 13px;
    flex-wrap: wrap;
  }
  .cinema-collective {
    padding-top: 65px;
  }
  .cinema-collective-heading h2 {
    font-size: 58px;
  }
  .cinema-production-grid {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .cinema-resource-studio {
    height: 800px;
  }
  .cinema-resource-people {
    height: 405px;
  }
  .cinema-resource-equipment {
    height: 375px;
  }
  .cinema-resource-people .cinema-resource-copy {
    width: auto;
    left: 22px;
    right: 22px;
    bottom: 23px;
  }
  .cinema-people-portraits {
    height: 145px;
    width: 100%;
    bottom: auto;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
  }
  .cinema-resource-people .cinema-kicker {
    max-width: none;
  }
  .cinema-resource-copy h3 {
    font-size: 40px;
  }
  .cinema-resource-equipment .cinema-resource-copy h3 {
    font-size: 34px;
  }
  .cinema-resource-copy p {
    font-size: 14px;
  }
  .cinema-agency-line {
    font-size: 15px;
  }
  .cinema-knowledge {
    padding-block: 65px;
  }
  .cinema-knowledge-grid {
    gap: 35px;
  }
  .cinema-knowledge h2 {
    font-size: 43px;
  }
  .cinema-knowledge-links > a > strong {
    font-size: 17px;
  }
  .cinema-contact {
    padding-block: 65px;
  }
  .cinema-contact-grid {
    gap: 36px;
    grid-template-columns: 1fr 1fr;
  }
  .cinema-contact h2 {
    font-size: 80px;
  }
  .cinema-contact-email {
    font-size: 29px;
    gap: 18px;
  }
  .cinema-brief {
    padding-inline: 18px;
  }
  .cinema-brief-fields {
    grid-template-columns: 1fr;
    gap: 11px;
  }
  .cinema-brief-fallback {
    flex-direction: column;
    align-items: start;
    gap: 9px;
  }
  .people-intro > div {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .people-intro p:not(.cinema-kicker) {
    max-width: 660px;
  }

  .people-team h2 {
    font-size: 48px;
  }

  .people-pool-heading h2 {
    font-size: 48px;
  }
  .people-selection {
    align-items: start;
  }
}
@media (max-width: 600px) {
  .site-header {
    min-height: 70px;
    padding-inline: 20px;
  }
  .site-brand img {
    width: 37px;
    height: 37px;
  }
  .cinema-container {
    width: calc(100% - 40px);
  }
  .cinema-home h2,
  .cinema-people-page h2 {
    font-size: clamp(37px, 9.4vw, 50px);
  }
  .cinema-kicker {
    font-size: 12px;
    letter-spacing: 0.07em;
  }
  .cinema-hero {
    height: 137svh;
    min-height: 790px;
  }
  .cinema-hero-sticky {
    height: calc(100svh - 70px);
    min-height: 570px;
    top: 70px;
  }
  .cinema-hero-top {
    left: 20px;
    right: 20px;
    top: 23px;
  }
  .cinema-hero-top .cinema-kicker {
    max-width: 290px;
    letter-spacing: 0.04em;
  }
  .cinema-hero-image img {
    object-position: 61% 67%;
    transform-origin: 57% 65%;
  }
  .cinema-hero-shade {
    background:
      linear-gradient(0deg, #080c12f7, transparent 49%, #080c1288),
      linear-gradient(90deg, #080c1244, transparent);
  }
  .cinema-hero-title {
    top: 18%;
    left: 20px;
    max-width: calc(100% - 40px);
  }
  .cinema-hero h1 {
    font-size: clamp(56px, 13.3vw, 79px);
    line-height: 1;
    letter-spacing: -0.05em;
  }
  .cinema-hero-sub {
    margin-top: 23px;
    gap: 13px;
  }
  .cinema-hero-sub p {
    font-size: 15px;
    line-height: 1.65;
    max-width: 290px;
  }
  .cinema-line {
    width: 26px;
    margin-top: 12px;
  }
  .cinema-hero-bottom {
    bottom: 25px;
    left: 20px;
    right: 20px;
    gap: 16px;
    flex-direction: column;
    align-items: start;
  }
  .cinema-hero-bottom .cinema-pill {
    min-height: 47px;
    padding: 11px 17px;
  }
  .cinema-play {
    font-size: 13px;
  }
  .cinema-play > span {
    width: 37px;
    height: 37px;
  }
  .cinema-statement {
    padding: 48px 0 52px;
  }
  .cinema-statement-grid {
    gap: 23px;
    margin-top: 21px;
  }
  .cinema-statement-grid h2 {
    font-size: clamp(36px, 8.8vw, 49px);
    line-height: 1.14;
  }
  .cinema-statement-grid p {
    font-size: 16px;
  }
  .cinema-inline {
    gap: 15px;
  }
  .cinema-reel-sticky {
    padding: 35px 0 25px;
  }
  .cinema-reel-head {
    flex-direction: column;
    gap: 17px;
    margin-bottom: 23px;
  }
  .cinema-reel-head h2 {
    font-size: 41px;
  }
  .cinema-reel-controls {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 20px;
  }
  .cinema-reel-controls button {
    width: 40px;
    height: 40px;
  }
  .cinema-reel-track {
    padding-inline: 20px;
    gap: 18px;
  }
  .cinema-film-card {
    width: 86vw;
    max-width: none;
  }
  .cinema-film-image {
    aspect-ratio: 1.38;
  }
  .cinema-film-play {
    width: 44px;
    height: 44px;
    right: 15px;
    bottom: 15px;
  }
  .cinema-film-caption {
    grid-template-columns: 1fr;
    gap: 4px;
    margin-top: 16px;
  }
  .cinema-film-caption h3 {
    font-size: 31px;
  }
  .cinema-film-caption p {
    max-width: 300px;
    font-size: 15px;
  }
  .cinema-reel-footer {
    letter-spacing: 0;
    font-size: 12px;
    line-height: 1.6;
    gap: 15px;
  }
  .cinema-reel-footer > span:first-child {
    max-width: 245px;
  }
  .cinema-format {
    height: 205svh;
  }
  .cinema-format-sticky {
    top: 70px;
    height: calc(100svh - 70px);
    min-height: 600px;
    padding: 26px 0 20px;
    gap: 19px;
  }
  .cinema-format-head {
    display: block;
  }
  .cinema-format-head h2 {
    font-size: 41px;
    margin-top: 14px;
  }
  .cinema-format-head > p {
    font-size: 14px;
    margin-top: 16px;
    max-width: 400px;
    line-height: 1.65;
  }
  .cinema-format-head > p br {
    display: none;
  }
  .cinema-format-canvas {
    width: calc(100% - 40px);
    min-height: 200px;
    max-height: calc(100svh - 400px);
  }
  .cinema-format-buttons {
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    flex-wrap: wrap;
  }
  .cinema-format-buttons > button {
    font-size: 15px;
    min-width: 43px;
  }
  .cinema-format-buttons > .cinema-format-auto {
    font-size: 12px;
    min-width: 0;
    max-width: 68px;
    text-align: right;
    margin-left: 0;
  }
  .cinema-format-label {
    font-size: 12px;
    padding: 5px 7px;
  }
  .cinema-craft {
    padding-block: 52px;
  }
  .cinema-craft-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .cinema-craft h2 {
    font-size: 41px;
    margin-top: 21px;
  }
  .cinema-craft p:not(.cinema-kicker) {
    font-size: 16px;
    max-width: 100%;
    margin-top: 22px;
  }
  .cinema-craft-index {
    margin-top: 25px;
    gap: 18px;
  }
  .cinema-study-labels {
    inset: 12px 12px auto;
  }
  .cinema-study-labels > span {
    font-size: 12px;
    padding: 3px 6px;
  }
  .cinema-study-divider span {
    width: 36px;
    height: 36px;
    font-size: 20px;
  }
  .cinema-collective {
    padding-top: 51px;
  }
  .cinema-collective-heading h2 {
    font-size: 44px;
    margin-top: 20px;
  }
  .cinema-collective-heading > p:not(.cinema-kicker) {
    font-size: 16px;
    margin-top: 22px;
  }
  .cinema-production-grid {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 31px;
  }
  .cinema-resource-studio {
    height: 505px;
    grid-row: auto;
  }
  .cinema-resource-copy {
    left: 23px;
    right: 23px;
    bottom: 24px;
  }
  .cinema-resource-copy h3 {
    font-size: 40px;
  }
  .cinema-resource-copy p {
    font-size: 15px;
  }
  .cinema-resource-people {
    height: 380px;
  }
  .cinema-resource-people .cinema-resource-copy {
    width: 55%;
    left: 22px;
    right: auto;
    bottom: 25px;
  }
  .cinema-resource-people .cinema-resource-copy h3 {
    font-size: 33px;
  }
  .cinema-resource-people .cinema-kicker {
    max-width: 160px;
    font-size: 12px;
  }
  .cinema-resource-people .cinema-resource-copy p {
    font-size: 14px;
    max-width: 200px;
  }
  .cinema-people-portraits {
    width: 40%;
    height: 100%;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
  }
  .cinema-resource-people .cinema-resource-link {
    gap: 10px;
  }
  .cinema-resource-equipment {
    height: 355px;
  }
  .cinema-resource-equipment .cinema-resource-copy h3 {
    font-size: 37px;
  }
  .cinema-resource-equipment .cinema-resource-copy p {
    font-size: 15px;
  }
  .cinema-agency-line {
    display: block;
    padding-block: 25px;
    margin-top: 25px;
    font-size: 15px;
  }
  .cinema-agency-line a {
    margin-top: 12px;
    justify-content: space-between;
    gap: 16px;
  }
  .cinema-knowledge {
    padding-block: 50px;
  }
  .cinema-knowledge-grid {
    grid-template-columns: 1fr;
    gap: 31px;
  }
  .cinema-knowledge h2 {
    font-size: 41px;
    margin-top: 21px;
  }
  .cinema-knowledge p:not(.cinema-kicker) {
    font-size: 16px;
    max-width: 100%;
    margin-top: 20px;
  }
  .cinema-knowledge-search {
    margin-top: 22px;
  }
  .cinema-knowledge-links > a {
    padding-block: 22px;
  }
  .cinema-knowledge-links > a > strong {
    font-size: 18px;
  }
  .cinema-contact {
    padding-block: 50px;
  }
  .cinema-contact > .cinema-container > .cinema-kicker {
    max-width: 280px;
    line-height: 1.7;
  }
  .cinema-contact-grid {
    grid-template-columns: 1fr;
    gap: 36px;
    margin-top: 26px;
  }
  .cinema-contact h2 {
    font-size: 81px;
  }
  .cinema-contact-grid > div > p {
    font-size: 16px;
    max-width: 100%;
    margin-top: 23px;
  }
  .cinema-contact-email {
    font-size: 30px;
    margin-top: 27px;
    gap: 23px;
  }
  .cinema-contact-phone {
    font-size: 18px;
    margin-top: 17px;
  }
  .cinema-contact-location {
    font-size: 13px;
    margin-top: 23px;
  }
  .cinema-brief {
    padding: 23px 20px 0;
  }
  .cinema-brief-fallback {
    gap: 11px;
  }
  .cinema-brief-fallback button,
  .cinema-brief-fallback a {
    font-size: 13px;
  }
  .cinema-rental-bridge {
    gap: 14px;
    font-size: 14px;
    line-height: 1.5;
    padding-block: 21px;
  }
  .cinema-film-dialog[data-slot='dialog-content'] {
    max-width: calc(100vw - 22px);
    padding: 14px;
    gap: 14px;
  }
  .cinema-dialog-heading [data-slot='dialog-title'] {
    font-size: 27px;
  }
  .cinema-player > [data-slot='button'] {
    font-size: 14px;
    min-width: 215px;
    padding: 12px 15px;
  }
  .cinema-dialog-bottom {
    flex-direction: column;
    gap: 13px;
    font-size: 12px;
  }
  .cinema-dialog-bottom a {
    font-size: 14px;
  }
  .people-intro {
    padding-block: 37px 34px;
  }
  .people-intro > div {
    gap: 22px;
    margin-top: 20px;
  }
  .people-intro h1 {
    font-size: clamp(51px, 12vw, 69px);
  }
  .people-intro p:not(.cinema-kicker) {
    font-size: 16px;
  }

  .people-team h2 {
    font-size: 43px;
  }




  .people-pool {
    padding-block: 44px;
  }
  .people-pool-heading {
    grid-template-columns: 1fr;
    gap: 23px;
  }
  .people-pool-heading h2 {
    font-size: 43px;
    margin-top: 18px;
  }
  .people-pool-heading > p {
    font-size: 16px;
  }
  .people-tabs {
    margin-top: 29px;
    gap: 22px;
  }
  .people-tabs [data-slot='tabs-list'] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px 18px;
    align-items: stretch;
  }
  .people-tabs [data-slot='tabs-trigger'] {
    font-size: 14px;
    justify-content: start;
    white-space: normal;
    text-align: left;
    padding-block: 12px;
  }
  .people-role-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .people-role {
    padding: 23px;
  }
  .people-selection {
    flex-direction: column;
    gap: 20px;
    padding-top: 23px;
  }
  .site-footer-brand {
    font-size: 63px;
  }
  .site-footer-main {
    gap: 20px;
  }
}
@media (max-width: 360px) {
  .cinema-hero h1 {
    font-size: 54px;
  }
  .cinema-hero-sub .cinema-line {
    display: none;
  }
  .cinema-home h2 {
    font-size: 36px;
  }
  .cinema-format-head h2 {
    font-size: 37px;
  }
  .cinema-format-buttons {
    gap: 9px;
  }
  .cinema-format-buttons > .cinema-format-auto {
    max-width: 59px;
  }
  .cinema-resource-people .cinema-resource-copy h3 {
    font-size: 29px;
  }
  .cinema-contact-email {
    font-size: 27px;
  }
  .cinema-brief {
    padding-inline: 17px;
  }
}
.motion-paused .cinema-hero,
.cinema-home[data-motion='off'] .cinema-hero {
  height: auto;
  min-height: 0;
}
.motion-paused .cinema-hero-sticky,
.cinema-home[data-motion='off'] .cinema-hero-sticky {
  position: relative;
  top: 0;
}
.motion-paused .cinema-reel,
.cinema-home[data-motion='off'] .cinema-reel {
  height: auto !important;
}
.motion-paused .cinema-reel-sticky,
.cinema-home[data-motion='off'] .cinema-reel-sticky {
  position: relative !important;
  top: 0 !important;
  height: auto !important;
}
.motion-paused .cinema-rail,
.cinema-home[data-motion='off'] .cinema-rail {
  overflow-x: auto !important;
}
.motion-paused .cinema-reel-track,
.cinema-home[data-motion='off'] .cinema-reel-track {
  transform: none !important;
}
.motion-paused .cinema-format,
.cinema-home[data-motion='off'] .cinema-format {
  height: auto;
}
.motion-paused .cinema-format-sticky,
.cinema-home[data-motion='off'] .cinema-format-sticky {
  position: relative;
  top: 0;
}
.motion-paused [data-enter],
.cinema-home[data-motion='off'] [data-enter] {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .cinema-hero,
  .cinema-reel,
  .cinema-format {
    height: auto !important;
    min-height: 0;
  }
  .cinema-hero-sticky,
  .cinema-reel-sticky,
  .cinema-format-sticky {
    position: relative !important;
    top: 0 !important;
  }
  .cinema-reel-sticky {
    height: auto !important;
  }
  .cinema-rail {
    overflow-x: auto !important;
  }
  .cinema-reel-track {
    transform: none !important;
  }
  [data-enter] {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
  }
}
@media print {
  .cinema-hero,
  .cinema-reel,
  .cinema-format {
    height: auto !important;
    min-height: 0;
  }
  .cinema-hero-sticky,
  .cinema-reel-sticky,
  .cinema-format-sticky {
    position: relative !important;
    top: 0 !important;
    height: auto !important;
    min-height: 0;
  }
  .cinema-reel-track {
    transform: none !important;
    flex-wrap: wrap;
    width: 100%;
  }
  .cinema-film-card {
    width: 45%;
    break-inside: avoid;
  }
  .cinema-hero-sticky {
    min-height: 450px;
  }
  .cinema-format-canvas {
    height: 300px;
  }
  .cinema-home [data-enter] {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
  }
}

/* Scroll direction: drawing → exposure → finished image. */
.cinema-hero {
  height: 245svh;
  min-height: 0;
  --hero-zoom: 1.015;
  --hero-pan: 0px;
  --hero-photo-blur: 0px;
  --hero-sketch-blur: 0px;
  --hero-sketch-opacity: 1;
  --hero-title-x: 0px;
  --hero-develop: 0;
}
.cinema-hero-sticky {
  min-height: 0;
}
.cinema-hero-image {
  transform: translate3d(0, var(--hero-pan), 0) scale(var(--hero-zoom));
  transform-origin: 56% 62%;
  will-change: transform;
}
.cinema-hero-image img {
  position: absolute;
  inset: 0;
  transform: none;
  transition: none;
  will-change: auto;
}
.cinema-hero-photo {
  filter: blur(var(--hero-photo-blur));
  will-change: filter;
}
.cinema-hero-sketch {
  opacity: var(--hero-sketch-opacity);
  filter: blur(var(--hero-sketch-blur));
  will-change: opacity, filter;
}
.cinema-hero-shade {
  background:
    linear-gradient(90deg, #05090dc4, #05090d38 68%, transparent),
    linear-gradient(0deg, #080c12e8, transparent 38%, #080c1222);
}
.cinema-hero-title {
  transform: translate3d(var(--hero-title-x), var(--hero-title-y), 0);
  transition: none;
  will-change: transform, opacity, filter;
}
.cinema-title-line {
  display: block;
  animation: cinema-opening 1.7s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.cinema-title-line:nth-child(2) {
  animation-delay: 0.16s;
}
.cinema-hero-sub {
  animation: cinema-opening 1.7s 0.28s cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes cinema-opening {
  from {
    opacity: 0;
    filter: blur(18px);
    transform: translate3d(0, 42px, 0);
  }
  to {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0);
  }
}
.cinema-hero-credit {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  min-width: 205px;
  color: #e8edf8;
}
.cinema-hero-credit > span:first-child {
  font-size: 12px;
  letter-spacing: 0.12em;
}
.cinema-hero-credit small {
  font-size: 12px;
  letter-spacing: 0.03em;
  color: #bac7dc;
}
.cinema-hero-meter {
  height: 2px;
  width: 205px;
  background: #ffffff33;
  overflow: hidden;
}
.cinema-hero-meter i {
  display: block;
  height: 100%;
  background: #c7d4f5;
  transform-origin: left;
  transform: scaleX(var(--hero-develop));
}
.cinema-hero-study-note {
  position: absolute;
  bottom: 14px;
  left: 56px;
  z-index: 4;
  color: #c3cada;
  font-size: 12px;
  opacity: calc(var(--hero-sketch-opacity) * 0.85);
  pointer-events: none;
}
.hero-matte {
  height: calc(var(--hero-progress) * 5%);
  transition: none;
}
.cinema-hero-bottom {
  bottom: 46px;
}
.cinema-statement {
  padding-block: clamp(90px, 12vw, 170px);
  overflow: hidden;
}
.cinema-focus-line {
  display: block;
  opacity: var(--focus-opacity, 1);
  filter: blur(var(--focus-blur, 0px));
  transform: translate3d(var(--focus-x, 0px), 0, 0);
  will-change: opacity, filter, transform;
}
.cinema-statement-grid {
  align-items: center;
}

/* Slow, directional entrances. Each content block resolves into focus. */
.cinema-home [data-enter] {
  --enter-x: 0px;
  --enter-y: 58px;
  transition:
    opacity 1.15s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1.55s cubic-bezier(0.16, 1, 0.3, 1),
    filter 1.45s cubic-bezier(0.16, 1, 0.3, 1);
}
.cinema-home [data-enter='left'] {
  --enter-x: -72px;
  --enter-y: 32px;
}
.cinema-home [data-enter='right'] {
  --enter-x: 72px;
  --enter-y: 32px;
  transition-delay: 0.12s;
}
.cinema-home [data-enter='focus'] {
  --enter-y: 48px;
}
.cinema-home[data-motion='on'] [data-enter]:not([data-entered='true']) {
  opacity: 0;
  transform: translate3d(var(--enter-x), var(--enter-y), 0) scale(0.965);
  filter: blur(16px);
}
.cinema-home[data-motion='on'] [data-enter='focus']:not([data-entered='true']) {
  transform: translate3d(0, 48px, 0) scale(0.91);
  filter: blur(21px);
}
.cinema-home [data-entered='true'] {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
}
.cinema-home :is(.cinema-craft, .cinema-collective, .cinema-knowledge, .cinema-contact) {
  overflow: clip;
}
.cinema-reel-track {
  position: relative;
}
.cinema-film-card {
  transform: translate3d(0, var(--card-y, 0px), 0) scale(var(--card-scale, 1));
  transform-origin: center 30%;
  will-change: transform;
}
.cinema-film-image img {
  transform: translate3d(var(--card-image-x, 0px), 0, 0) scale(1.09);
  filter: blur(var(--card-blur, 0px));
  transition: filter 0.4s;
}
.cinema-film-image:hover img {
  transform: translate3d(var(--card-image-x, 0px), 0, 0) scale(1.09);
  filter: blur(0) brightness(0.9);
}
.cinema-film-card:focus-within .cinema-film-image img {
  filter: none;
}
.cinema-film-play {
  transition:
    transform 0.7s cubic-bezier(0.16, 1, 0.3, 1),
    background 0.5s;
}
.cinema-film-image:hover .cinema-film-play {
  transform: scale(1.1);
  background: #425ce1bb;
}
.cinema-format {
  height: 265svh;
}
.cinema-format-sticky {
  min-height: 0;
}
.cinema-format-canvas {
  background: #080c12;
  --frame-width: 100%;
  --frame-height: 100%;
  --matte-y: 0%;
}
.cinema-format-frame {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--frame-width);
  height: var(--frame-height);
  transform: translate(-50%, -50%);
  overflow: hidden;
  box-shadow: 0 0 0 1px #ffffff14;
}
.cinema-format-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 45% 85%;
}
.format-matte-top,
.format-matte-bottom,
.format-matte-left,
.format-matte-right,
.cinema-format-label {
  transition: none;
}
.cinema-format-label {
  bottom: calc(var(--matte-y) + 10px);
  font-size: 12px;
  letter-spacing: 0.04em;
  padding: 4px 8px;
}
.cinema-format-buttons > button {
  transition:
    color 0.35s,
    border-color 0.35s;
  position: relative;
}
.cinema-format-buttons > button:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 2px;
  background: #a8bdff;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.cinema-format-buttons > button[data-active='true']:after {
  transform: scaleX(1);
}
.cinema-study-image {
  transform: perspective(1100px) rotateX(var(--study-tilt, 0deg)) scale(var(--study-scale, 1));
  will-change: transform;
  transform-origin: center;
}
.cinema-resource-image img {
  height: calc(100% + 200px);
  transform: translate3d(0, calc(-100px + var(--parallax-y, 0px)), 0)
    scale(var(--parallax-scale, 1));
  transition: none;
  will-change: transform;
}
.cinema-resource-copy {
  transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.cinema-resource:hover .cinema-resource-copy {
  transform: translateY(-7px);
}
.cinema-resource-link svg,
.cinema-inline svg {
  transition: transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);
}
.cinema-resource:hover .cinema-resource-link svg,
.cinema-inline:hover svg {
  transform: translate(3px, -3px);
}
.cinema-knowledge-links > a:nth-child(2) {
  transition-delay: 0.16s;
}
.cinema-knowledge-links > a:nth-child(3) {
  transition-delay: 0.3s;
}
@media (max-width: 1100px) {
  .cinema-hero-study-note {
    left: 36px;
  }
  .cinema-hero-credit {
    min-width: 155px;
  }
  .cinema-hero-meter {
    width: 155px;
  }
}
@media (max-width: 900px) {
  .cinema-hero {
    height: 235svh;
    min-height: 0;
  }
  .cinema-hero-sticky {
    min-height: 0;
  }
  .cinema-hero-credit {
    display: flex;
    min-width: 130px;
  }
  .cinema-hero-meter {
    width: 130px;
  }
  .cinema-hero-study-note {
    left: 24px;
  }
  .cinema-statement {
    padding-block: 80px 95px;
  }
  .cinema-home [data-enter='left'] {
    --enter-x: -42px;
  }
  .cinema-home [data-enter='right'] {
    --enter-x: 42px;
  }
  .cinema-format {
    height: 255svh;
  }
  .cinema-format-sticky {
    min-height: 0;
  }
  .cinema-film-image img {
    transform: translate3d(var(--card-image-x, 0px), 0, 0) scale(1.12);
  }
}
@media (max-width: 600px) {
  .cinema-hero {
    height: 225svh;
  }
  .cinema-hero-sticky {
    min-height: 0;
  }
  .cinema-hero-image img {
    transform: none;
    object-position: 61% 67%;
  }
  .cinema-hero-bottom {
    bottom: 43px;
    gap: 16px;
  }
  .cinema-hero-credit {
    position: absolute;
    right: 0;
    top: 0;
    min-width: 0;
    max-width: 135px;
    gap: 8px;
    text-align: right;
  }
  .cinema-hero-credit > span:first-child {
    font-size: 12px;
    letter-spacing: 0.015em;
    max-width: 120px;
    line-height: 1.4;
  }
  .cinema-hero-credit small {
    display: none;
  }
  .cinema-hero-meter {
    width: 110px;
  }
  .cinema-hero-bottom .cinema-pill {
    padding-inline: 14px;
    gap: 14px;
  }
  .cinema-hero-study-note {
    left: 20px;
    bottom: 15px;
    font-size: 12px;
  }
  .cinema-statement {
    padding-block: 66px 78px;
  }
  .cinema-statement-grid {
    gap: 30px;
  }
  .cinema-format {
    height: 250svh;
  }
  .cinema-format-sticky {
    min-height: 0;
    gap: 16px;
    padding-block: 24px 18px;
  }
  .cinema-format-head h2 {
    font-size: 37px;
    line-height: 1.05;
  }
  .cinema-format-head > p {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 14px;
  }
  .cinema-format-canvas {
    min-height: 150px;
    max-height: none;
  }
  .cinema-format-buttons {
    gap: 10px;
  }
  .cinema-format-label {
    font-size: 12px;
    padding: 3px 6px;
  }
  .cinema-home [data-enter='left'] {
    --enter-x: -28px;
  }
  .cinema-home [data-enter='right'] {
    --enter-x: 28px;
  }
}
@media (max-height: 650px) {
  .cinema-hero-sticky {
    min-height: 0;
  }
  .cinema-hero-title {
    top: 17%;
  }
  .cinema-hero h1 {
    font-size: clamp(48px, 8vw, 88px);
  }
  .cinema-hero-sub {
    margin-top: 16px;
  }
  .cinema-hero-sub p {
    font-size: 14px;
  }
  .cinema-hero-top {
    top: 18px;
  }
  .cinema-hero-bottom {
    bottom: 36px;
  }
  .cinema-format-sticky {
    min-height: 0;
    padding-block: 16px;
    gap: 12px;
  }
  .cinema-format-head h2 {
    font-size: 32px;
    margin-top: 8px;
  }
  .cinema-format-head > p {
    font-size: 14px;
    line-height: 1.5;
  }
  .cinema-format-canvas {
    min-height: 100px;
    max-height: none;
  }
  .cinema-format-buttons > button {
    font-size: 14px;
    min-height: 44px;
  }
}
@media (max-height: 500px) {
  .cinema-hero {
    height: 220svh;
  }
  .cinema-hero-sub {
    display: none;
  }
  .cinema-hero-top {
    display: none;
  }
  .cinema-hero-title {
    top: 10%;
  }
  .cinema-hero h1 {
    font-size: 52px;
  }
  .cinema-hero-credit small {
    display: none;
  }
  .cinema-format-head > p {
    display: none;
  }
  .cinema-format-head h2 br {
    display: none;
  }
  .cinema-format-head h2 {
    font-size: 28px;
  }
  .cinema-format-head .cinema-kicker {
    font-size: 12px;
  }
  .cinema-format-buttons > button span {
    display: none;
  }
}
.motion-paused .cinema-home .cinema-hero-sketch,
.cinema-home[data-motion='off'] .cinema-hero-sketch {
  opacity: 0 !important;
}
.motion-paused .cinema-home :is(.cinema-title-line, .cinema-hero-sub),
.cinema-home[data-motion='off'] :is(.cinema-title-line, .cinema-hero-sub) {
  animation: none !important;
}
.motion-paused .cinema-home :is(.cinema-focus-line, .cinema-study-image, .cinema-film-card),
.cinema-home[data-motion='off'] :is(.cinema-focus-line, .cinema-study-image, .cinema-film-card) {
  filter: none !important;
  transform: none !important;
  opacity: 1 !important;
}
.motion-paused .cinema-home .cinema-hero-study-note,
.cinema-home[data-motion='off'] .cinema-hero-study-note {
  display: none;
}
.motion-paused .cinema-home .cinema-hero-image,
.cinema-home[data-motion='off'] .cinema-hero-image {
  transform: none !important;
}
.motion-paused .cinema-home .cinema-hero-credit small,
.cinema-home[data-motion='off'] .cinema-hero-credit small {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .cinema-home :is(.cinema-title-line, .cinema-hero-sub) {
    animation: none !important;
  }
  .cinema-home :is(.cinema-focus-line, .cinema-study-image, .cinema-film-card, .cinema-hero-image) {
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
  }
  .cinema-hero-sketch,
  .cinema-hero-study-note {
    display: none !important;
  }
  .cinema-hero-photo {
    filter: none !important;
  }
  .cinema-home * {
    transition: none !important;
  }
  .cinema-hero-credit small {
    display: none;
  }
}
@media print {
  .cinema-home :is(.cinema-focus-line, .cinema-study-image, .cinema-film-card) {
    filter: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
  .cinema-hero-sketch,
  .cinema-hero-study-note {
    display: none !important;
  }
}

/* The opening stays on the screen as the next chapter rises over it. */
.cinema-hero {
  position: relative;
  z-index: 0;
  height: 190svh;
}
.cinema-hero-sticky {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 0;
}
.cinema-hero-image {
  transform: none;
  will-change: auto;
}
.cinema-home > section:not(.cinema-hero) {
  position: relative;
  z-index: 1;
}
.cinema-home > .cinema-statement {
  background: var(--cinema-ink);
  /* Let the incoming gradient extend above the chapter instead of clipping it. */
  overflow: visible;
  border-top: 0;
  box-shadow: none;
}
/* The incoming chapter carries a soft edge over the fixed hero image. */
.cinema-home > .cinema-statement::before {
  content: '';
  position: absolute;
  inset-inline: 0;
  bottom: calc(100% - 1px);
  height: clamp(140px, 26svh, 300px);
  background: linear-gradient(
    to bottom,
    #080c1200 0%,
    #080c1214 18%,
    #080c1247 40%,
    #080c1299 65%,
    #080c12e0 84%,
    var(--cinema-ink) 100%
  );
  pointer-events: none;
}
.cinema-hero[data-covered='true'] .cinema-hero-sticky {
  visibility: hidden;
  pointer-events: none;
}
@media (max-width: 900px) {
  .cinema-hero {
    height: 180svh;
  }
}

/* Chapters remain in place until the following opaque chapter covers them. */
.cinema-home > section[data-cinema-hold] {
  position: sticky;
  top: var(--hold-top, 80px);
  z-index: 1;
}
.cinema-home > section[data-cinema-hold][data-covered='true'] {
  visibility: hidden;
  pointer-events: none;
}
.cinema-home > .cinema-collective,
.cinema-home > .cinema-contact {
  box-shadow: 0 -22px 65px #03060b30;
}
.motion-paused .cinema-home > section[data-cinema-hold],
.cinema-home[data-motion='off'] > section[data-cinema-hold] {
  position: relative;
  top: 0;
  visibility: visible;
  pointer-events: auto;
}
@media (prefers-reduced-motion: reduce) {
  .cinema-home > section[data-cinema-hold] {
    position: relative !important;
    top: 0 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}
@media print {
  .cinema-home > section[data-cinema-hold] {
    position: relative !important;
    top: 0 !important;
    visibility: visible !important;
  }
}

/* First visit: a rack focus, then a widescreen aperture opens onto the sketch. */
html[data-lura-intro='pending']:after {
  content: '';
  position: fixed;
  inset: 0;
  background: #080c12;
  z-index: 100;
  pointer-events: none;
}
html:is([data-lura-intro='pending'], [data-lura-intro='playing'])
  :is(.cinema-title-line, .cinema-hero-sub) {
  animation-play-state: paused;
}
.cinema-intro-overlay[data-slot='dialog-overlay'] {
  background: transparent;
  z-index: 100;
  animation: none !important;
}
.cinema-intro-dialog[data-slot='dialog-content'] {
  position: fixed;
  inset: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  transform: none;
  translate: none;
  display: block;
  z-index: 101;
  overflow: hidden;
  animation: none !important;
  color: #edf1f9;
  font-family: LuraBody, Arial, sans-serif;
}
.cinema-intro-curtain {
  position: absolute;
  left: 0;
  right: 0;
  height: 50.2%;
  background: #080c12;
  will-change: transform;
  animation: cinema-aperture 1.1s 1.25s cubic-bezier(0.76, 0, 0.24, 1) both;
}
.cinema-intro-curtain-top {
  top: 0;
  --curtain-exit: -101%;
}
.cinema-intro-curtain-bottom {
  bottom: 0;
  --curtain-exit: 101%;
}
@keyframes cinema-aperture {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(var(--curtain-exit));
  }
}
.cinema-intro-brand {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 21px;
  pointer-events: none;
  animation: cinema-logo-exit 0.6s 1.13s ease-in both;
}
.cinema-intro-brand > p {
  font-size: 12px;
  letter-spacing: 0.19em;
  line-height: 1.8;
  color: #aab9d1;
  animation: cinema-logo-focus 1s 0.17s cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes cinema-logo-focus {
  from {
    opacity: 0;
    filter: blur(28px);
    transform: scale(1.08);
  }
  to {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
  }
}
@keyframes cinema-logo-exit {
  from {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
  }
  to {
    opacity: 0;
    filter: blur(20px);
    transform: scale(0.97);
  }
}
.cinema-intro-skip {
  position: absolute;
  right: 36px;
  bottom: 30px;
  display: flex;
  align-items: center;
  gap: 28px;
  min-height: 44px;
  padding: 11px 17px;
  background: #080c1299;
  border: 1px solid #c2cee44d;
  border-radius: 2px;
  font-size: 13px;
  color: #dfe7f7;
  backdrop-filter: blur(14px);
  cursor: pointer;
}
.cinema-intro-skip:focus-visible {
  outline: 2px solid #afc3ff;
  outline-offset: 5px;
}
.cinema-intro-skip:hover {
  border-color: #c2cee4;
}
.cinema-hero-edition {
  display: flex;
  align-items: center;
  gap: 24px;
}
.cinema-intro-replay {
  font: inherit;
  color: #d4dced;
  background: none;
  border: 0;
  border-bottom: 1px solid #b9c8e255;
  padding: 5px 0;
  letter-spacing: 0.025em;
  cursor: pointer;
  white-space: nowrap;
  min-height: 35px;
}
.cinema-intro-replay:hover {
  color: #fff;
  border-color: #fff;
}

/* Independent content layers travel slowly, arriving and leaving through focus. */
.cinema-home[data-motion='on'] .cinema-depth-layer {
  transform: translate3d(0, var(--depth-y, 0px), 0) scale(var(--depth-scale, 1));
  filter: blur(var(--depth-blur, 0px));
  opacity: var(--depth-opacity, 1);
  will-change: transform, filter, opacity;
}
.cinema-home .cinema-depth-layer:focus-within {
  filter: none !important;
  opacity: 1 !important;
}
.cinema-statement {
  min-height: 75svh;
  display: flex;
  align-items: center;
  padding-block: clamp(110px, 14vh, 180px);
}
.cinema-collective-depth {
  padding-block: 50px 65px;
}

/* 05 is a full-screen reading stage in the same ink palette as the films. */
.cinema-home > .cinema-knowledge {
  background: #080c12;
  color: #edf1f9;
  min-height: calc(100svh - 80px);
  padding: clamp(55px, 7vh, 96px) 0;
  display: flex;
  align-items: center;
  border-top: 1px solid #ffffff18;
  isolation: isolate;
  overflow: clip;
}
.cinema-wiki-symbols {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
}
.cinema-wiki-symbols > span {
  position: absolute;
  font-family: LuraDisplay, Arial, sans-serif;
  line-height: 1;
  color: #c9d5ef;
  opacity: 0.033;
  will-change: transform;
  font-size: clamp(360px, 74svh, 920px);
}
.cinema-wiki-question {
  left: 1%;
  top: -4%;
  transform: translate3d(0, var(--wiki-symbol-y, 0px), 0)
    rotate(calc(-12deg + var(--wiki-symbol-turn, 0deg)));
  filter: blur(1px);
}
.cinema-wiki-exclamation {
  right: 8%;
  bottom: -12%;
  transform: translate3d(0, calc(var(--wiki-symbol-y, 0px) * -0.7), 0)
    rotate(calc(9deg - var(--wiki-symbol-turn, 0deg)));
  filter: blur(2px);
}
.cinema-wiki-stage {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 38px;
}
.cinema-wiki-editorial {
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 1;
}
.cinema-wiki-editorial .cinema-kicker {
  color: #98a8c2;
  letter-spacing: 0.16em;
}
.cinema-home .cinema-knowledge h2 {
  font-size: clamp(62px, 7.3vw, 112px);
  line-height: 1.02;
  letter-spacing: -0.045em;
  margin-top: 25px;
}
.cinema-home .cinema-knowledge h2 em {
  color: #acbddb;
}
.cinema-knowledge .cinema-wiki-editorial > p:not(.cinema-kicker) {
  font-size: 18px;
  color: #aebbd0;
  max-width: 640px;
  margin: 24px auto 0;
  line-height: 1.7;
}
.cinema-wiki-tools {
  width: 100%;
  position: relative;
  z-index: 2;
}
.cinema-knowledge-search {
  max-width: 640px;
  margin: 0 auto;
  background: #e1e8f606;
  border: 1px solid #b9c8e244;
  border-radius: 3px;
  padding: 6px 16px;
  color: #a8b8d2;
  backdrop-filter: blur(18px);
}
.cinema-knowledge-search:focus-within {
  border-color: #9ab2ed;
  background: #e1e8f60b;
}
.cinema-knowledge-search input {
  color: #edf2fb;
  font-size: 16px;
}
.cinema-knowledge-search input::placeholder {
  color: #99a9c2;
}
.cinema-knowledge .cinema-knowledge-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
  border: 0;
  margin: 34px auto 0;
  max-width: 1100px;
}
.cinema-knowledge .cinema-knowledge-links > a {
  border-top: 1px solid #a3b5d544;
  border-bottom: 0;
  padding: 22px 0 10px;
  grid-template-columns: 1fr 22px;
  gap: 13px 15px;
  transition:
    color 0.5s,
    border-color 0.5s,
    transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: 0s;
}
.cinema-knowledge .cinema-knowledge-links > a:hover {
  padding-left: 0;
  transform: translateY(-4px);
  border-color: #c2d1f2;
}
.cinema-knowledge .cinema-knowledge-links > a > span {
  font-size: 12px;
  letter-spacing: 0.08em;
  color: #8498b9;
}
.cinema-knowledge .cinema-knowledge-links > a > strong {
  font-size: 18px;
  line-height: 1.55;
  color: #dbe4f4;
  max-width: 280px;
}
.cinema-knowledge .cinema-knowledge-links > a > svg {
  color: #aabddd;
  width: 19px;
  height: 19px;
}
.cinema-wiki-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 28px;
  margin-top: 29px;
}
.cinema-wiki-actions .cinema-inline {
  font-size: 15px;
  color: #dce6f8;
  gap: 25px;
  border-color: #b7c8e555;
}
.cinema-wiki-actions > span {
  font-size: 13px;
  color: #8196b9;
}
@media (min-width: 901px) and (max-height: 790px) {
  .cinema-home > .cinema-knowledge {
    padding-block: 45px;
  }
  .cinema-home .cinema-knowledge h2 {
    font-size: 72px;
    margin-top: 18px;
  }
  .cinema-wiki-stage {
    gap: 28px;
  }
  .cinema-knowledge .cinema-wiki-editorial > p:not(.cinema-kicker) {
    margin-top: 19px;
    font-size: 16px;
  }
  .cinema-knowledge .cinema-knowledge-links {
    margin-top: 25px;
  }
  .cinema-knowledge .cinema-knowledge-links > a {
    padding-top: 18px;
  }
  .cinema-wiki-actions {
    margin-top: 20px;
  }
}
@media (max-width: 900px) {
  .cinema-hero-edition {
    display: flex;
    gap: 0;
  }
  .cinema-hero-edition > span {
    display: none;
  }
  .cinema-hero-top {
    gap: 18px;
  }
  .cinema-hero-top .cinema-kicker {
    max-width: calc(100% - 110px);
  }
  .cinema-intro-replay {
    font-size: 12px;
  }
  .cinema-home > .cinema-knowledge {
    min-height: calc(100svh - 74px);
    padding-block: 65px;
  }
  .cinema-home .cinema-knowledge h2 {
    font-size: clamp(55px, 8.5vw, 77px);
  }
  .cinema-wiki-stage {
    gap: 31px;
  }
  .cinema-knowledge .cinema-knowledge-links {
    gap: 23px;
  }
  .cinema-knowledge .cinema-knowledge-links > a > strong {
    font-size: 16px;
  }
  .cinema-collective-depth {
    padding-block: 32px 46px;
  }
}
@media (max-width: 600px) {
  .cinema-intro-skip {
    bottom: 24px;
    right: 20px;
    left: 20px;
    justify-content: space-between;
    background: #080c12aa;
  }
  .cinema-intro-brand {
    gap: 19px;
  }
  .cinema-intro-brand > p {
    font-size: 12px;
    letter-spacing: 0.1em;
  }
  .cinema-statement {
    min-height: 70svh;
    padding-block: 110px;
  }
  .cinema-collective-depth {
    padding-block: 24px 40px;
  }
  .cinema-home > .cinema-knowledge {
    min-height: calc(100svh - 70px);
    padding-block: 55px;
  }
  .cinema-home .cinema-knowledge h2 {
    font-size: clamp(43px, 11.5vw, 66px);
    margin-top: 21px;
  }
  .cinema-wiki-editorial .cinema-kicker {
    font-size: 12px;
    letter-spacing: 0.07em;
  }
  .cinema-knowledge .cinema-wiki-editorial > p:not(.cinema-kicker) {
    font-size: 16px;
    line-height: 1.65;
    margin-top: 20px;
    max-width: 330px;
  }
  .cinema-wiki-stage {
    gap: 30px;
  }
  .cinema-wiki-symbols > span {
    font-size: 540px;
    opacity: 0.027;
  }
  .cinema-wiki-question {
    left: -105px;
    top: 0;
  }
  .cinema-wiki-exclamation {
    right: -40px;
    bottom: 6%;
  }
  .cinema-knowledge .cinema-knowledge-links {
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: 26px;
  }
  .cinema-knowledge .cinema-knowledge-links > a {
    padding: 17px 0;
    gap: 8px 16px;
  }
  .cinema-knowledge .cinema-knowledge-links > a > strong {
    font-size: 16px;
    max-width: 100%;
  }
  .cinema-knowledge .cinema-knowledge-links > a > span {
    font-size: 12px;
  }
  .cinema-wiki-actions {
    flex-direction: column;
    gap: 14px;
    margin-top: 15px;
  }
  .cinema-knowledge-search {
    padding-inline: 12px;
  }
  .cinema-knowledge-search input {
    padding-block: 10px;
  }
}
.motion-paused .cinema-depth-layer,
.cinema-home[data-motion='off'] .cinema-depth-layer {
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
}
.motion-paused .cinema-intro-replay {
  display: none;
}
.motion-paused .cinema-wiki-symbols > span,
.cinema-home[data-motion='off'] .cinema-wiki-symbols > span {
  transform: none !important;
}
@media (prefers-reduced-motion: reduce) {
  html[data-lura-intro='pending']:after,
  .cinema-intro-replay {
    display: none !important;
  }
  .cinema-depth-layer {
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
  }
  .cinema-wiki-symbols > span {
    transform: none !important;
  }
}
@media print {
  .cinema-intro-dialog,
  .cinema-intro-overlay,
  .cinema-intro-replay,
  .cinema-wiki-symbols {
    display: none !important;
  }
  .cinema-depth-layer {
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
  }
}

/* Final chapter: native sticky positioning pins the panel during its horizontal
   entrance. The overlapping runway preserves the chapter's original end position. */
.cinema-contact-scene {
  --contact-runway: 0px;
  position: relative;
  display: flow-root;
  z-index: 2;
  pointer-events: none;
  margin-top: calc(-1 * var(--contact-runway));
  scroll-margin-top: calc(-1 * var(--contact-runway));
}
.cinema-contact-scene::after {
  content: '';
  display: block;
  height: var(--contact-runway);
}
.cinema-home[data-motion='on'] .cinema-contact-scene {
  --contact-runway: max(0px, calc(100svh - var(--chapter-header, 80px)));
}
.cinema-contact-scene > .cinema-contact {
  position: relative;
  pointer-events: auto;
  min-height: calc(100svh - 80px);
  box-shadow: 22px 0 65px #03060b38;
}
.cinema-home[data-motion='on'] .cinema-contact-scene > .cinema-contact {
  position: sticky;
  top: var(--chapter-header, 80px);
}
.cinema-home[data-motion='on'] .cinema-contact-scene:not([data-contact-entered='true']) > .cinema-contact {
  transform: translate3d(var(--contact-x, 0px), 0, 0);
  will-change: transform;
}
.cinema-home[data-motion] .cinema-contact-scene [data-enter] {
  opacity: 1;
  filter: none;
  transform: none;
  transition: none;
}
@media (max-width: 900px) {
  .cinema-contact-scene > .cinema-contact {
    min-height: calc(100svh - 74px);
  }
}
@media (max-width: 600px) {
  .cinema-contact-scene > .cinema-contact {
    min-height: calc(100svh - 70px);
  }
}
.motion-paused .cinema-contact-scene,
.cinema-home[data-motion='off'] .cinema-contact-scene {
  --contact-runway: 0px !important;
}
.motion-paused .cinema-contact-scene > .cinema-contact,
.cinema-home[data-motion='off'] .cinema-contact-scene > .cinema-contact {
  position: relative;
  top: 0;
  transform: none !important;
  will-change: auto;
}
@media (prefers-reduced-motion: reduce) {
  .cinema-contact-scene {
    --contact-runway: 0px !important;
  }
  .cinema-contact-scene > .cinema-contact {
    position: relative !important;
    top: 0 !important;
    transform: none !important;
    will-change: auto;
  }
}
@media print {
  .cinema-contact-scene {
    --contact-runway: 0px !important;
  }
  .cinema-contact-scene > .cinema-contact {
    position: relative !important;
    top: 0 !important;
    transform: none !important;
    box-shadow: none;
  }
}

/* Brand intro and quiet CTA cues: transforms only, no layout changes. */
.cinema-intro-brand > img {
  width: clamp(145px, 19vw, 255px);
  height: auto;
  animation: cinema-logo-focus 1.05s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.cinema-film-image img {
  transition: none;
}
:is(.cinema-pill, .site-contact-link, .cinema-send, .button-gold)
  > :is(svg, span[aria-hidden='true']) {
  transition: transform 0.55s var(--cinema-ease);
}
:is(.cinema-pill, .site-contact-link, .cinema-send, .button-gold):is(:hover, :focus-visible)
  > :is(svg, span[aria-hidden='true']) {
  transform: translate(4px, -3px);
}
@keyframes cta-invitation {
  0%,
  82%,
  100% {
    transform: translateX(0);
  }
  88% {
    transform: translateX(4px);
  }
  94% {
    transform: translateX(0);
  }
}
.site-contact-link > span {
  animation: cta-invitation 7s 3s ease-in-out 3;
}
.cinema-hero-bottom .cinema-pill > svg {
  animation: cta-invitation 7s 4s ease-in-out 3;
}
@media (min-width: 901px) and (min-height: 561px) {
  .cinema-home:not([data-motion='off']) .cinema-reel {
    height: 265svh;
  }
  .cinema-home:not([data-motion='off']) .cinema-reel-sticky {
    position: sticky;
    top: 80px;
    height: calc(100svh - 80px);
    min-height: 500px;
  }
  .cinema-home:not([data-motion='off']) .cinema-reel .cinema-rail {
    overflow: hidden;
    scroll-snap-type: none;
  }
}
.motion-paused :is(.site-contact-link > span, .cinema-hero-bottom .cinema-pill > svg) {
  animation: none !important;
  transform: none !important;
}
@media (prefers-reduced-motion: reduce) {
  :is(.site-contact-link > span, .cinema-hero-bottom .cinema-pill > svg) {
    animation: none !important;
    transform: none !important;
  }
}

/* Direct project inquiry; preserves the cinematic contact composition. */
.cinema-inquiry-fields {
  border: 0;
  padding: 0;
  min-width: 0;
}
.cinema-inquiry-fields > label:not(:first-child) {
  margin-top: 21px;
}
.cinema-privacy {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 20px;
}
.cinema-privacy [data-slot='checkbox'] {
  flex-shrink: 0;
  margin-top: 4px;
  border-color: #a7bbdd;
}
.cinema-privacy label {
  margin: 0;
  font-size: 13px;
}
.cinema-privacy a,
.cinema-inquiry-success a {
  text-decoration: underline;
}
.project-honeypot {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  pointer-events: none;
}
.cinema-inquiry-error {
  font-size: 14px;
  line-height: 1.6;
  padding: 15px;
  border: 1px solid #ce95a0;
  background: #412837;
  color: #fff;
  margin-top: 18px;
}
.cinema-inquiry-success {
  padding: 30px 0;
  outline: none;
}
.cinema-inquiry-success h3 {
  font-size: 36px;
  margin-top: 20px;
}
.cinema-inquiry-success p {
  font-size: 16px;
  line-height: 1.7;
  margin-top: 18px;
  color: #c4d2e8;
}
.cinema-brief .cinema-inquiry-fields .cinema-send:disabled {
  opacity: 0.6;
}
.project-inbox .request-actions {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.admin-tabs {
  flex-wrap: wrap;
  height: auto;
}

/* Chapter stages: the view fills the screen; long content remains fully reachable. */
.cinema-snap-anchor {
  height: 0;
  width: 100%;
  pointer-events: none;
}
.cinema-home {
  --chapter-header: 80px;
}
.cinema-home > :is(.cinema-statement, .cinema-craft, .cinema-knowledge),
.cinema-home .cinema-contact,
.cinema-home .cinema-reel-sticky,
.cinema-home .cinema-format-sticky {
  min-height: calc(100svh - var(--chapter-header));
  box-sizing: border-box;
}
.cinema-home > .cinema-craft {
  display: flex;
  align-items: center;
}
.cinema-home .cinema-reel-sticky {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* 04: three equal, actionable entrances into production. */
.cinema-home > .cinema-production-stage {
  min-height: calc(100svh - var(--chapter-header));
  padding: clamp(36px, 5svh, 72px) 0;
  display: flex;
  align-items: center;
  background: #0d1421;
}
.production-stage-heading {
  display: grid;
  grid-template-columns: 1.25fr 1fr;
  align-items: end;
  gap: 40px;
  margin-bottom: 30px;
}
.production-stage-heading h2 {
  font-size: clamp(40px, 4.7vw, 76px);
  line-height: 1.02;
  margin-top: 17px;
}
.production-stage-heading h2 em {
  color: #a8b9ef;
}
.production-stage-heading > p {
  color: #b8c3d5;
  font-size: 16px;
  max-width: 440px;
  line-height: 1.65;
  margin-left: auto;
}
.production-stage-choices {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.production-choice {
  display: block;
  position: relative;
  min-height: clamp(380px, 53svh, 620px);
  overflow: hidden;
  background: #080c12;
  isolation: isolate;
  border: 1px solid #ccd6ec28;
}
.production-choice > img,
.production-crew-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition:
    transform 1.1s var(--cinema-ease),
    filter 1.1s var(--cinema-ease);
}
.production-choice > img {
  object-position: center 36%;
}
.production-choice::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #060c1544, #060c1510 22%, #060c15cf 55%, #060c15 100%);
  z-index: 1;
}
.production-choice-number {
  position: absolute;
  top: 22px;
  left: 24px;
  z-index: 2;
  font-size: 12px;
  letter-spacing: 0.14em;
  color: white;
}
.production-choice-content {
  position: absolute;
  inset: auto 24px 24px;
  z-index: 2;
}
.production-choice-content .cinema-kicker {
  font-size: 12px;
  color: #b9c8e1;
  letter-spacing: 0.1em;
}
.production-choice h3 {
  margin-top: 12px;
  font-size: clamp(31px, 3vw, 48px);
  line-height: 1.07;
}
.production-choice h3 em {
  color: #b2c1ee;
}
.production-choice p {
  font-size: 16px;
  line-height: 1.55;
  color: #c4cddd;
  margin-top: 16px;
  max-width: 340px;
}
.production-choice-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 0 0;
  margin-top: 25px;
  border-top: 1px solid #c2d0ed55;
  font-size: 16px;
  font-weight: 600;
}
.production-choice-action svg {
  transition: transform 0.6s var(--cinema-ease);
}
.production-choice:hover > img,
.production-choice:hover .production-crew-image {
  transform: scale(1.05);
}
.production-choice:hover .production-choice-action svg {
  transform: translate(4px, -4px);
}
.production-choice:focus-visible {
  outline: 2px solid #b2c1ee;
  outline-offset: 5px;
}
.production-crew-image {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.production-crew-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 28%;
}
.production-stage-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 25px;
  padding-top: 24px;
}
.production-stage-bottom p {
  font-size: 14px;
  color: #9baac1;
  max-width: 670px;
}
.production-stage-bottom a {
  flex-shrink: 0;
}
@media (max-width: 900px) {
  .production-stage-heading {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .production-stage-heading > p {
    margin-left: 0;
    max-width: 650px;
  }
  .production-stage-choices {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    padding: 5px 2px 20px;
    gap: 16px;
  }
  .production-choice {
    flex: 0 0 min(82vw, 410px);
    scroll-snap-align: start;
    min-height: 450px;
  }
  .production-choice h3 {
    font-size: 40px;
  }
  .production-stage-bottom {
    flex-wrap: wrap;
  }
}
@media (max-height: 760px) and (min-width: 901px) {
  .cinema-home > .cinema-production-stage {
    padding-block: 30px;
  }
  .production-stage-heading {
    margin-bottom: 24px;
  }
  .production-stage-heading h2 {
    font-size: 48px;
  }
  .production-choice {
    min-height: 350px;
  }
  .production-choice h3 {
    font-size: 32px;
  }
  .production-choice p {
    margin-top: 12px;
    font-size: 15px;
  }
  .production-choice-action {
    margin-top: 17px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .production-choice > img,
  .production-crew-image,
  .production-choice-action svg {
    transition: none;
    transform: none !important;
  }
}

/* Team: bounded portraits and equal space for all seven members. */
.people-team {
  display: block;
  padding-block: 72px 88px;
  scroll-margin-top: 100px;
}
.people-team-heading {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: start;
  margin-bottom: 38px;
}
.people-team-heading > div > p:not(.cinema-kicker) {
  max-width: 560px;
  margin-top: 0;
  color: #b3c0d3;
  font-size: 17px;
}
.people-roster {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.people-member {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  min-width: 0;
  padding: 28px;
  border: 1px solid #ffffff20;
  border-radius: 6px;
  background: #0d131e;
}
.people-member .people-avatar {
  display: block;
  width: 72px;
  height: 72px;
  max-width: 72px;
  flex: 0 0 72px;
  border-radius: 50%;
  object-fit: cover;
  filter: grayscale(1);
}
.people-member .people-monogram {
  display: grid;
  place-items: center;
  color: #bbcaeb;
  background: #172238;
  border: 1px solid #ffffff15;
  font-size: 28px;
}
.people-member > div { min-width: 0; }
.people-member h3 { font-size: 31px; line-height: 1.2; overflow-wrap: anywhere; }
.people-member p { margin-top: 8px; color: #b3c0d3; font-size: 14px; line-height: 1.6; }
.people-team-cta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 22px;
  min-width: 0;
  padding: 28px;
  border: 1px solid #829fe659;
  border-radius: 6px;
  background: linear-gradient(145deg, #192b4c, #111c31);
  color: #eceff5;
  transition: border-color 180ms ease, background-color 180ms ease;
}
.people-team-cta .cinema-kicker { color: #bdccee; font-size: 10px; }
.people-team-cta strong { font: 700 30px/1.15 LuraDisplay, Arial, sans-serif; }
.people-team-cta > span:last-child { display: flex; align-items: center; gap: 12px; font-size: 13px; }
.people-team-cta:hover { border-color: #b3c4ff; }
@media (max-width: 1100px) {
  .people-roster { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .people-member { flex-direction: row; align-items: center; padding: 24px; gap: 20px; }
  .people-team-cta { gap: 16px; }
  .people-team-cta strong { font-size: 27px; }
}
@media (max-width: 760px) {
  .people-team-heading { grid-template-columns: 1fr; gap: 24px; margin-bottom: 28px; }
  .people-team { padding-block: 46px 54px; }
  .people-member { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 540px) {
  .people-roster { grid-template-columns: 1fr; gap: 12px; }
  .people-member { flex-direction: row; align-items: center; padding: 22px 18px; gap: 20px; }
  .people-member h3 { font-size: 28px; }
  .people-member p { font-size: 14px; }
  .people-team-cta { padding: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .people-team-cta { transition: none; }
}
.production-page .production-team-roster { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 24px; padding: 0; margin: 0; list-style: none; }
.production-team-roster li { padding: 20px 0; border-top: 1px solid #18283830; }
.production-team-roster strong { display: block; font-size: 25px; }
.production-team-roster span { display: block; margin-top: 6px; font-size: 13px; color: #526173; }
@media (max-width: 560px) { .production-page .production-team-roster { grid-template-columns: 1fr; } }

/* Quiet reading surface for company information and legal documents. */
.legal-surface { background: #edf0f4; color: #172431; color-scheme: light; }
.legal-page { padding-block: 140px 90px; max-width: 1020px; }
.legal-page :is(h1, h2, h3) { color: #172431; }
.legal-page .cinema-kicker { color: #526173; }
.legal-page h1 { margin-top: 18px; font-size: clamp(42px,6vw,76px); line-height: 1.1; overflow-wrap: anywhere; }
.legal-navigation { display: flex; flex-wrap: wrap; gap: 14px 28px; margin-block: 28px 48px; padding-bottom: 25px; border-bottom: 1px solid #17243130; }
.legal-page a { color: #244a82; text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.legal-page a:hover { color: #172431; }
.legal-page a:focus-visible { outline: 2px solid #244a82; outline-offset: 4px; border-radius: 2px; }
.legal-copy { max-width: 780px; font-size: 17px; line-height: 1.8; }
.legal-copy section { margin-block: 36px; }
.legal-copy h2 { font-size: 27px; line-height: 1.3; margin-bottom: 18px; }
.legal-copy p + p { margin-top: 18px; }
.legal-copy dl div { padding-block: 12px; border-bottom: 1px solid #17243120; display: grid; grid-template-columns: minmax(150px, .7fr) 1fr; gap: 20px; }
.legal-copy dt { color: #526173; }
.legal-copy dd { margin: 0; }
.legal-copy li { margin-block: 12px; }
.legal-copy ul, .legal-copy ol { padding-left: 1.4em; }
.legal-date { margin-top: 48px; color: #526173; font-size: 13px; }
.legal-review-note { border: 1px solid #76634366; padding: 24px; background: #e8e3d8; }
@media (max-width: 600px) { .legal-page { padding-top: 110px; } .legal-copy dl div { grid-template-columns: 1fr; gap: 3px; } }