:root {
  --paper:#f2f0e9;
  --ink:#11110f;
  --muted:#67645d;
  --line:#c7c2b7;
  --soft:#e8e4db;
  --pad:clamp(20px,3.5vw,58px);
}
* {
  box-sizing:border-box;
}
html {
  scroll-behavior:smooth;
}
body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.35;
}
a {
  color:inherit;
  text-decoration:none;
}
button {
  font:inherit;
}
img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.site-header {
  position:sticky;
  top:0;
  z-index:30;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:18px var(--pad);
  border-bottom:1px solid var(--line);
  background:rgba(242,240,233,.94);
  backdrop-filter:blur(12px);
}
.wordmark {
  font-weight:700;
  letter-spacing:-.03em;
}
nav {
  display:flex;
  gap:24px;
  font-size:14px;
}
nav a:hover,.social-links a:hover,.text-link:hover {
  opacity:.55;
}
.hero {
  min-height:calc(100svh - 58px);
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  border-bottom:1px solid var(--line);
}
.hero-copy {
  padding:clamp(46px,7vw,120px) var(--pad);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.eyebrow,.kicker {
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin:0;
  color:var(--muted);
}
h1 {
  font-size:clamp(52px,7.2vw,122px);
  line-height:.88;
  letter-spacing:-.075em;
  margin:60px 0 44px;
  font-weight:700;
}
.dek {
  font-size:clamp(18px,2vw,28px);
  max-width:620px;
  margin:0;
  letter-spacing:-.025em;
}
.hero-image {
  margin:0;
  min-height:690px;
  overflow:hidden;
  background:#ddd;
}
.hero-image img {
  object-position:50% 30%;
}
.reel-link {
  appearance:none;
  display:inline-block;
  align-self:flex-start;
  background:none;
  color:inherit;
  border:0;
  border-bottom:1px solid var(--ink);
  padding:0 0 4px;
  margin:0 0 20px;
  font-size:clamp(20px,2vw,28px);
  cursor:pointer;
}
.reel-link:hover {
  opacity:.55;
}
.section {
  padding:90px var(--pad);
}
.about-grid {
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:80px;
  margin-top:40px;
}
.about-grid h2,.contact-section h2 {
  font-size:clamp(38px,5.6vw,86px);
  line-height:.98;
  letter-spacing:-.055em;
  margin:0;
}
.about-copy {
  font-size:19px;
}
.about-copy p:first-child {
  margin-top:0;
}
.entity-link,.inline-link,.small-link {
  border-bottom:1px solid rgba(17,17,15,.55);
  text-decoration-thickness:1px;
  transition:color .16s ease,border-color .16s ease;
}
.entity-link:hover,.inline-link:hover,.small-link:hover {
  color:var(--accent);
  border-color:var(--accent);
}
.feature-section {
  padding:95px 0 20px;
}
.feature-first {
  padding-top:0;
  border-top:0;
}
.feature-head {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--pad);
  align-items:end;
}
.feature-head h2 {
  margin:18px 0 0;
}
.feature-copy {
  font-size:18px;
}
.feature-copy p {
  margin:0 0 18px;
}
.section-action {
  appearance:none;
  background:none;
  border:0;
  border-bottom:1px solid var(--ink);
  padding:0 0 3px;
  cursor:pointer;
  display:inline-block;
  margin-top:18px;
}
.section-action:hover {
  opacity:.55;
}
.carousel {
  position:relative;
  margin-left:calc(var(--pad)*-1);
  margin-right:calc(var(--pad)*-1);
}
.carousel-track {
  display:flex;
  gap:12px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  padding:0 var(--pad) 22px;
}
.carousel-track::-webkit-scrollbar {
  display:none;
}
.slide {
  position:relative;
  flex:0 0 min(42vw,600px);
  aspect-ratio:4/5;
  height:auto;
  margin:0;
  scroll-snap-align:start;
  overflow:hidden;
  background:#ddd;
}
.slide img {
  object-position:center;
}
.slide-caption {
  position:absolute;
  left:18px;
  bottom:18px;
  z-index:2;
  max-width:calc(100% - 36px);
  padding:10px 12px;
  background:rgba(242,240,233,.93);
  border:1px solid var(--ink);
  font-size:13px;
  line-height:1.3;
  backdrop-filter:blur(8px);
}
.slide-caption strong {
  display:block;
  font-size:14px;
  margin-bottom:2px;
}
.slide-caption span {
  display:block;
  color:var(--muted);
}
.project-slide {
  cursor:pointer;
}
.project-slide:hover img {
  transform:scale(1.012);
}
.project-slide img {
  transition:transform .25s ease;
}
.project-slide .slide-caption:after {
}
.carousel-btn {
  position:absolute;
  z-index:6;
  top:50%;
  transform:translateY(-50%);
  width:48px;
  height:48px;
  border:1px solid var(--ink);
  border-radius:50%;
  background:var(--paper);
  cursor:pointer;
}
.carousel-btn.prev {
  left:18px;
}
.carousel-btn.next {
  right:18px;
}
.morcheeba img {
  filter:contrast(1.08) saturate(.9) brightness(.97);
}
.pos-top img {
  object-position:50% 24%;
}
.pos-face img {
  object-position:42% center;
}
.pos-bowlero img {
  object-position:52% center;
}
.pos-alias img {
  object-position:46% center;
}
.pos-oba img {
  object-position:50% center;
}
.series-section {
}
.series-grid {
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--ink);
  border-left:1px solid var(--ink);
}
.series-card {
  min-height:300px;
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border-right:1px solid var(--ink);
  border-bottom:1px solid var(--ink);
}
.series-card h3 {
  font-size:clamp(28px,3vw,48px);
  line-height:.95;
  letter-spacing:-.045em;
  margin:0;
}
.series-card p {
  margin:0;
  color:var(--muted);
}
.series-card .status {
  font-size:12px;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.films-section {
}
.film-carousel .slide {
  flex-basis:min(76vw,1080px);
  background:var(--ink);
}
.film-cover {
}
.film-cover img {
}
.film-cover-overlay {
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  color:var(--paper);
}
.film-cover-overlay h3 {
  font-size:clamp(42px,7vw,100px);
  line-height:.9;
  letter-spacing:-.065em;
  margin:0;
  max-width:900px;
}
.film-cover-overlay .watch {
  align-self:flex-start;
  border-bottom:1px solid currentColor;
  padding-bottom:3px;
}
.press-scan {
}
.press-scan img {
}
.festival-slide {
  background:var(--paper)!important;
  border:1px solid var(--ink);
}
.festival-slide h3 {
  line-height:.95;
  letter-spacing:-.05em;
  margin:0 0 24px;
}
.festival-list {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px 30px;
  margin:0;
  padding:0;
  list-style:none;
  font-size:14px;
}
.festival-list li {
}
.festival-list strong {
  display:block;
}
.film-project-meta {
  display:grid;
  grid-template-columns:160px 1fr 1fr;
  gap:24px;
  padding-top:16px;
  border-top:1px solid var(--ink);
  margin-top:4px;
}
.film-project-meta h3 {
  font-size:clamp(30px,3.5vw,54px);
  line-height:.95;
  letter-spacing:-.045em;
  margin:0;
}
.film-project-meta p {
  margin:0;
}
.press-section {
  margin-top:85px;
}
.press-list {
}
.press-item {
  display:grid;
  align-items:start;
}
.press-item .publication {
  font-weight:700;
}
.press-item p {
  margin:0;
}
.press-item .creditline {
  color:var(--muted);
}
.press-item:hover .publication {
  text-underline-offset:4px;
}
.contact-section {
  min-height:auto;
  display:flex;
  flex-direction:column;
}
.contact-section h2 {
  margin:46px 0 18px;
}
.contact-email {
  display:inline-block;
  align-self:flex-start;
  font-size:clamp(18px,1.8vw,24px);
  border-bottom:1px solid var(--ink);
  padding-bottom:3px;
}
.contact-email:hover {
  opacity:.55;
}
.social-links {
  display:flex;
  gap:22px;
  margin-top:24px;
  flex-wrap:wrap;
}
.pending {
  opacity:.45;
}
.footer-link {
  border-bottom:1px solid currentColor;
}
footer {
  display:flex;
  justify-content:space-between;
  padding:20px var(--pad);
  font-size:12px;
  color:var(--muted);
}
.reel-dialog,.film-dialog {
  width:min(1120px,94vw);
  max-width:none;
  padding:0;
  border:1px solid var(--ink);
  background:var(--ink);
  color:var(--paper);
}
.reel-dialog::backdrop,.film-dialog::backdrop {
  background:rgba(17,17,15,.72);
  backdrop-filter:blur(5px);
}
.dialog-shell {
  display:grid;
  grid-template-rows:auto 1fr;
}
.dialog-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:16px 18px;
}
.dialog-head h2 {
  margin:4px 0 0;
  font-size:clamp(24px,3vw,42px);
  line-height:1;
  letter-spacing:-.04em;
}
.dialog-head .kicker {
  color:rgba(242,240,233,.6);
}
.dialog-close {
  border:1px solid var(--paper);
  color:var(--paper);
  background:transparent;
  width:42px;
  height:42px;
  border-radius:50%;
  font-size:22px;
  cursor:pointer;
}
.player-wrap {
  width:100%;
  aspect-ratio:16/9;
  background:#000;
}
.player-wrap iframe {
  display:block;
  width:100%;
  height:100%;
  border:0;
}
.inner-hero {
  padding:100px var(--pad) 70px;
  border-bottom:1px solid var(--line);
}
.inner-hero h1 {
  margin:35px 0 24px;
  max-width:1180px;
}
.inner-lede {
  font-size:clamp(19px,2vw,28px);
  max-width:820px;
  margin:0;
}
.inner-grid {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:var(--pad);
  align-items:start;
}
.inner-media {
  margin:0;
  aspect-ratio:4/5;
  overflow:hidden;
  background:#ddd;
}
.inner-copy h2 {
  font-size:clamp(34px,4vw,64px);
  line-height:.96;
  letter-spacing:-.05em;
  margin:0 0 30px;
}
.inner-copy p {
  font-size:18px;
  max-width:720px;
}
.project-facts {
  margin:35px 0;
  padding:0;
  list-style:none;
}
.project-facts li {
  display:grid;
  grid-template-columns:160px 1fr;
  gap:20px;
}
.project-facts strong {
  font-weight:400;
  color:var(--muted);
}
.gallery-head {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;
  margin-bottom:25px;
}
.gallery-head h2 {
  font-size:clamp(38px,5vw,72px);
  line-height:.95;
  letter-spacing:-.055em;
  margin:0;
}
.single-gallery {
  display:grid;
  grid-template-columns:1fr .55fr;
  gap:12px;
}
.single-gallery figure {
  margin:0;
  min-height:560px;
}
.single-gallery .ig-card {
  border:1px solid var(--ink);
  padding:30px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:var(--soft);
}
.ig-card h3 {
  font-size:clamp(30px,4vw,58px);
  line-height:.95;
  letter-spacing:-.05em;
  margin:0;
}
.ig-card a {
  align-self:flex-start;
  border-bottom:1px solid var(--ink);
  padding-bottom:3px;
}
.related-press {
  margin-top:70px;
}
.related-press h3 {
  font-size:18px;
  margin:0 0 15px;
}
.seo-copy {
  max-width:880px;
  font-size:18px;
}
.seo-copy h2 {
  font-size:clamp(34px,4vw,60px);
  letter-spacing:-.05em;
  line-height:.98;
  margin:0 0 24px;
}
.film-page-watch {
  display:inline-block;
  margin-top:24px;
  border-bottom:1px solid var(--ink);
  padding-bottom:3px;
  background:none;
  border-left:0;
  border-right:0;
  border-top:0;
  cursor:pointer;
}
.archive-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:40px;
}
.archive-grid figure {
  margin:0;
  background:#ddd;
}
.archive-grid .scan img {
  padding:20px;
  background:#ddd8cf;
}
.archive-festivals {
  border:1px solid var(--ink);
  padding:30px;
}
.archive-festivals h3 {
  font-size:clamp(30px,4vw,54px);
  line-height:.95;
  letter-spacing:-.05em;
  margin:0 0 25px;
}
.credits-hero {
  padding:110px var(--pad) 70px;
  border-bottom:1px solid var(--line);
}
.credits-hero h1 {
  margin:34px 0 0;
  max-width:1000px;
}
.credits-note {
  color:var(--muted);
  max-width:680px;
  margin-top:30px;
}
.credits-grid {
  display:grid;
  grid-template-columns:220px 1fr;
  gap:50px;
}
.credits-grid:first-of-type {
  border-top:0;
}
.credits-grid h2 {
  margin:0;
  font-size:16px;
  font-weight:400;
}
.credit-list {
  margin:0;
  padding:0;
  list-style:none;
}
.credit-list li {
  display:grid;
  grid-template-columns:minmax(220px,1.2fr) 1fr auto;
  gap:28px;
}
.credit-title {
  font-weight:700;
}
.credit-year {
  color:var(--muted);
  white-space:nowrap;
}
.back-link {
  display:inline-block;
  margin-top:30px;
  border-bottom:1px solid var(--ink);
}
@media(max-width:1000px) {
  .series-grid {
    grid-template-columns:1fr 1fr;
  }
  .press-item {
    grid-template-columns:160px 1fr;
  }
  .press-item .creditline {
    grid-column:2;
  }
  .single-gallery {
    grid-template-columns:1fr;
  }
  .single-gallery .ig-card {
    min-height:300px;
  }
  .inner-grid {
    grid-template-columns:1fr;
  }
  .inner-media {
    max-width:680px;
  }
  .archive-grid {
    grid-template-columns:1fr;
  }
}
@media(max-width:820px) {
  .site-header nav {
    gap:14px;
  }
  .hero {
    grid-template-columns:1fr;
  }
  .hero-copy {
    min-height:70svh;
  }
  .hero-image {
    min-height:auto;
    aspect-ratio:4/5;
  }
  .section {
    padding-top:68px;
    padding-bottom:68px;
  }
  .about-grid {
    grid-template-columns:1fr;
    gap:30px;
  }
  .feature-head {
    grid-template-columns:1fr;
    gap:18px;
  }
  .slide {
    flex-basis:78vw;
  }
  .film-carousel .slide {
    flex-basis:90vw;
  }
  .carousel-btn {
    display:none;
  }
  .feature-section {
    padding-top:68px;
  }
  .feature-first {
    padding-top:0;
  }
  .series-section,.films-section,.press-section {
    margin-top:68px;
  }
  .festival-list {
    grid-template-columns:1fr;
  }
  .film-project-meta {
    grid-template-columns:1fr;
    gap:8px;
  }
  .press-item {
    grid-template-columns:1fr;
    gap:5px;
  }
  .press-item .creditline {
    grid-column:auto;
  }
  .credits-grid {
    grid-template-columns:1fr;
    gap:20px;
  }
  .credit-list li {
    grid-template-columns:1fr;
    gap:3px;
  }
  .credits-hero {
    padding-top:75px;
  }
  .project-facts li {
    grid-template-columns:120px 1fr;
  }
  .reel-dialog,.film-dialog {
    width:96vw;
  }
}
@media(max-width:520px) {
  .site-header {
    padding-top:15px;
    padding-bottom:15px;
  }
  .wordmark {
    font-size:14px;
  }
  nav {
    font-size:12px;
  }
  h1 {
    font-size:17vw;
    margin:42px 0 30px;
  }
  .hero-copy {
    min-height:64svh;
  }
  .section {
    padding-top:56px;
    padding-bottom:56px;
  }
  .series-grid {
    grid-template-columns:1fr;
  }
  .slide-caption {
    left:12px;
    bottom:12px;
    max-width:calc(100% - 24px);
  }
  .press-scan img {
    padding:12px;
  }
  .single-gallery figure {
    min-height:420px;
  }
  .inner-hero {
    padding-top:72px;
  }
}
:root {
}
.entity-link,.inline-link,.small-link,.text-link,.content-link,.back-link,.film-page-watch,.section-action,.reel-link,.contact-email,.social-links a,.ig-card a {
  border:0!important;
  text-decoration:none!important;
  font-style:italic;
  color:inherit;
  transition:color .16s ease,opacity .16s ease
;
}
.entity-link:hover,.inline-link:hover,.small-link:hover,.text-link:hover,.content-link:hover,.back-link:hover,.film-page-watch:hover,.section-action:hover,.reel-link:hover,.contact-email:hover,.social-links a:hover,.ig-card a:hover,
nav a:hover {
  color:var(--accent)!important;
  opacity:1;
}
.press-item {
  transition:color .16s ease;
}
.press-item:hover {
}
.press-item:hover .publication {
}
.press-item .publication {
  font-style:italic;
}
.project-slide .slide-caption:after {
  content:"";
}
.carousel-btn {
  font-size:28px;
  line-height:1;
  font-weight:300;
}
.series-grid {
  display:none;
}
.series-carousel .carousel-track {
}
.series-carousel .series-slide {
  flex:0 0 min(68vw,980px);
  aspect-ratio:16/8.5;
  background:transparent;
  overflow:visible;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:12px 8vw 22px 0
;
}
.series-slide h3 {
  font-size:clamp(52px,7vw,108px);
  line-height:.9;
  letter-spacing:-.065em;
  margin:12px 0 0;
  max-width:850px;
}
.series-slide p {
  margin:0;
  color:var(--muted);
  font-size:18px;
}
.series-slide .status {
  font-size:12px;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.festival-slide {
  overflow:hidden!important;
  padding:clamp(24px,3vw,42px)!important;
}
.festival-slide h3 {
  font-size:clamp(30px,3.2vw,50px)!important;
  margin-bottom:16px!important;
}
.festival-slide .festival-list {
  font-size:clamp(11px,.82vw,13px);
  gap:8px 26px;
}
.festival-slide .festival-list li {
  padding-top:7px;
  line-height:1.25;
}
.press-list {
  width:100%;
  overflow:hidden;
}
.press-item {
  width:100%;
  min-width:0;
}
.press-item>* {
  min-width:0;
  overflow-wrap:anywhere;
}
.oba-context {
  padding-top:44px;
  padding-bottom:44px;
}
.oba-context p {
  margin:0;
  max-width:880px;
  font-size:clamp(20px,2.2vw,30px);
  letter-spacing:-.02em;
}
.oba-gallery figure img {
  object-position:center;
}
.compact-related {
  margin-top:55px;
  padding-top:18px;
}
.compact-related h3 {
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--muted);
  font-weight:400;
  margin:0 0 10px;
}
.compact-related p {
  margin:0;
  font-size:18px;
}
.archive-grid figure {
  min-height:0;
  height:auto;
}
.archive-grid figure img {
  height:auto;
  object-fit:contain;
}
.film-archive-hero {
  background:transparent!important;
}
.film-archive-hero img {
  width:100%;
  height:auto;
  object-fit:contain;
}
.archive-grid .scan img {
  height:auto;
  object-fit:contain;
}
@media(max-width:1000px) {
  .series-carousel .series-slide {
    flex-basis:80vw;
  }
  .press-item {
    grid-template-columns:150px minmax(0,1fr);
  }
  .press-item .creditline {
    grid-column:2;
  }
}
@media(max-width:820px) {
  .series-carousel .series-slide {
    flex-basis:88vw;
    aspect-ratio:4/3;
    padding-right:5vw;
  }
  .press-item {
    grid-template-columns:1fr;
    gap:5px;
  }
  .press-item .creditline {
    grid-column:auto;
  }
}
:focus-visible {
  outline:2px solid var(--accent);
  outline-offset:4px;
}
button:focus-visible,.carousel-btn:focus-visible {
  outline-offset:3px;
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after {
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}
:root {
  --accent:#11110f;
}
.entity-link,.inline-link,.small-link,.text-link,.content-link,.back-link,.film-page-watch,.section-action,.reel-link,.hosting-reel-link,.contact-email,.social-links a,.ig-card a {
  color:var(--ink)!important;
}
.entity-link:hover,.inline-link:hover,.small-link:hover,.text-link:hover,.content-link:hover,.back-link:hover,.film-page-watch:hover,.section-action:hover,.reel-link:hover,.hosting-reel-link:hover,.contact-email:hover,.social-links a:hover,.ig-card a:hover,
nav a:hover,.press-item:hover {
  color:var(--ink)!important;
  opacity:1!important;
  text-shadow:.35px 0 currentColor,-.35px 0 currentColor;
}
.press-item:hover .publication {
  font-weight:inherit;
  text-decoration:none;
}
.reel-link,.section-action,.hosting-reel-link,.film-page-watch,.content-link,.back-link,.contact-email {
  text-transform:none;
}
.hosting-slide {
  aspect-ratio:auto!important;
  overflow:visible!important;
  background:transparent!important;
}
.hosting-slide>img {
  aspect-ratio:4/5;
  height:auto!important;
  object-fit:cover;
}
.hosting-under {
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:18px;
  padding-top:10px;
  font-size:14px;
  line-height:1.25;
  background:var(--paper);
}
.hosting-meta {
  color:var(--muted);
}
.hosting-reel-link {
  appearance:none;
  background:none;
  padding:0;
  cursor:pointer;
  white-space:nowrap;
  font-size:14px;
}
.project-facts-primary {
  margin:0 0 34px;
}
.seo-copy p {
  max-width:800px;
  line-height:1.5;
  margin:0 0 1.15em;
}
@media(max-width:820px) {
  .hosting-under {
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
  }
}
.hero-copy-minimal {
  justify-content:flex-start;
}
.hero-copy-minimal h1 {
  margin-bottom:0;
}
.films-section {
  margin-top:85px;
}
.series-section {
  margin-top:85px;
}
.synopsis-slide {
  background:var(--paper)!important;
  border:1px solid var(--ink);
  padding:clamp(28px,4vw,52px);
  overflow:auto;
}
.synopsis-slide h3 {
  font-size:clamp(40px,5.5vw,78px);
  line-height:.9;
  letter-spacing:-.06em;
  margin:14px 0 22px;
}
.synopsis-credits {
  font-size:clamp(13px,1.3vw,17px);
  color:var(--muted);
  max-width:880px;
  margin:0 0 26px;
}
.synopsis-copy {
  font-size:clamp(15px,1.45vw,20px);
  line-height:1.4;
  max-width:940px;
}
.synopsis-copy p {
  margin:0 0 .8em;
}
.project-dialog {
  width:min(1200px,96vw);
  max-width:none;
  padding:0;
  border:1px solid var(--ink);
  background:var(--ink);
  color:var(--paper);
}
.project-dialog::backdrop {
  background:rgba(17,17,15,.72);
  backdrop-filter:blur(5px);
}
.sisters-projector {
  padding:18px 0 0;
}
.sisters-carousel {
  margin:0;
}
.sisters-carousel .carousel-track {
  padding:0 18px 18px;
  gap:10px;
}
.sisters-carousel .slide {
  flex-basis:min(58vw,680px);
  aspect-ratio:4/5;
  background:#111;
}
.sisters-carousel .slide img {
  object-fit:cover;
}
.projector-footer {
  display:flex;
  justify-content:space-between;
  gap:24px;
  padding:14px 18px 18px;
  font-size:14px;
}
.projector-footer p {
  margin:0;
}
.project-dialog .content-link {
  color:var(--paper)!important;
}
.oba-single-image {
  max-width:1000px;
}
.oba-ig-image {
  display:block;
  position:relative;
  overflow:hidden;
}
.oba-ig-image img {
  width:100%;
  height:auto;
  object-fit:contain;
}
.oba-post-overlay {
  position:absolute;
  left:18px;
  bottom:18px;
  background:rgba(242,240,233,.94);
  color:var(--ink);
  padding:10px 12px;
  font-size:13px;
  line-height:1.25;
}
.oba-post-overlay span,.oba-post-overlay em {
  display:block;
}
.oba-post-overlay span {
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:10px;
  color:var(--muted);
  margin-bottom:2px;
}
.oba-ig-image:hover .oba-post-overlay em {
  text-shadow:.35px 0 currentColor,-.35px 0 currentColor;
}
@media(max-width:820px) {
  .projector-footer {
    flex-direction:column;
    gap:6px;
  }
  .sisters-carousel .slide {
    flex-basis:78vw;
  }
  .synopsis-slide {
    padding:24px;
  }
}
.about-role {
  margin-top:1.35em!important;
  color:var(--muted);
  font-size:14px;
  letter-spacing:.02em;
}
.feature-head.feature-head-stacked {
  grid-template-columns:1fr;
  align-items:start;
  gap:0;
}
.feature-subline {
  margin:16px 0 0;
}
.series-carousel .carousel-track {
  gap:12px;
  align-items:flex-start;
}
.series-carousel .series-item {
  flex:0 0 min(43vw,620px);
  scroll-snap-align:start;
  color:inherit;
  text-decoration:none;
  min-width:0;
}
.series-media {
  margin:0;
  width:100%;
  aspect-ratio:1/1;
  overflow:hidden;
  background:#fff;
}
.series-media img {
  width:100%;
  height:100%;
  object-fit:cover;
}
.series-media-contain img {
  object-fit:contain;
  background:#fff;
}
.series-media-logo {
  background:#062d1c;
}
.series-media-logo img {
  object-fit:cover;
}
.series-caption {
  padding:12px 2px 0;
  display:flex;
  align-items:flex-start;
}
.series-caption h3 {
  margin:0 0 2px;
  font-size:18px;
  line-height:1.1;
  letter-spacing:-.025em;
}
.series-caption p {
  margin:0;
  color:var(--muted);
  font-size:14px;
}
.series-caption .visually-quiet {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.series-link:hover .series-caption p,
.series-link:hover .series-caption h3 {
  text-shadow:.35px 0 currentColor,-.35px 0 currentColor;
}
.press-item:hover {
  color:inherit!important;
  text-shadow:none!important;
}
.press-item .entity-link:hover {
  text-shadow:.35px 0 currentColor,-.35px 0 currentColor;
}
@media(max-width:820px) {
  .series-carousel .series-item {
    flex-basis:82vw;
  }
  .feature-subline {
    font-size:15px;
    margin-top:12px;
  }
}
.on-camera-carousel .carousel-track {
  align-items:flex-start;
}
.on-camera-carousel .slide {
  flex:0 0 min(42vw,600px);
  aspect-ratio:auto!important;
  overflow:visible!important;
  background:transparent!important;
}
.on-camera-carousel .screen-media {
  width:100%;
  aspect-ratio:4/5;
  overflow:hidden;
  background:#ddd;
}
.on-camera-carousel .screen-media img {
  width:100%;
  height:100%!important;
  object-fit:cover;
}
.on-camera-carousel .screen-caption {
  position:static;
  max-width:none;
  padding:10px 2px 0;
  margin:0;
  background:transparent;
  border:0;
  border-top:1px solid var(--line);
  backdrop-filter:none;
  font-size:13px;
  line-height:1.3;
}
.on-camera-carousel .screen-caption strong,
.on-camera-carousel .screen-caption em,
.on-camera-carousel .screen-caption span {
  display:block;
}
.on-camera-carousel .screen-caption strong {
  font-size:14px;
  margin-bottom:2px;
}
.on-camera-carousel .screen-caption span {
  color:var(--muted);
}
.on-camera-carousel .screen-caption-empty {
  visibility:hidden;
}
.on-camera-carousel .hosting-caption {
  justify-content:space-between;
  align-items:baseline;
  gap:18px;
}
.on-camera-carousel .hosting-caption .hosting-meta {
  color:var(--muted);
}
.on-camera-carousel .project-slide .screen-caption:after {
  content:"";
}
@media(max-width:820px) {
  .on-camera-carousel .slide {
    flex-basis:78vw;
  }
  .on-camera-carousel .hosting-caption {
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
  }
}
.credits-source {
}
.hero-reel-link {
  margin-top:28px;
  margin-bottom:0;
  font-size:clamp(16px,1.5vw,20px);
  align-self:flex-start;
}
@media(max-width:520px) {
  .hero-reel-link {
    margin-top:18px;
    font-size:15px;
  }
}
.alias-open-card {
  cursor:pointer;
}
.alias-open-card:focus-visible {
}
.alias-shell {
  max-width:1180px;
}
.alias-projector {
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(320px,.8fr);
  gap:clamp(24px,4vw,60px);
  align-items:center;
}
.alias-project-image {
  margin:0;
  aspect-ratio:1/1;
  overflow:hidden;
  background:#ddd;
}
.alias-project-image img {
  width:100%;
  height:100%;
  object-fit:cover;
}
.alias-project-copy {
  font-size:clamp(17px,1.6vw,22px);
  line-height:1.45;
  max-width:620px;
}
.alias-project-copy p {
  margin:0;
}
@media(max-width:820px) {
  .alias-projector {
    grid-template-columns:1fr;
  }
  .alias-project-copy {
    max-width:none;
  }
}
html,body {
  max-width:100%;
  overflow-x:hidden;
}
main,section,article {
  min-width:0;
}
@media(max-width:820px) {
  :root {
    --pad:24px;
  }
  .site-header {
    padding:14px var(--pad);
    align-items:center;
  }
  .wordmark {
    font-size:12px;
  }
  nav {
    gap:16px;
    font-size:12px;
    flex-wrap:wrap;
    justify-content:flex-end;
  }
  .section {
    padding:64px var(--pad);
  }
  .feature-section {
    padding:64px 0 16px;
  }
  .feature-head {
    margin-bottom:24px;
  }
  /* Prevent horizontal page drift from edge-bleed carousels on mobile. */
  .carousel {
    margin-left:0;
    margin-right:0;
    overflow:hidden;
  }
  .carousel-track {
    padding:0 0 18px;
    gap:10px;
    scroll-padding-left:0;
    scroll-padding-right:0;
  }
  .carousel-btn {
    display:none;
  }
  /* Each mobile card should fit fully in view rather than peeking past the edge. */
  .on-camera-carousel .slide,
  .film-carousel .slide,
  .series-carousel .series-item,
  .sisters-carousel .slide {
    flex-basis:100%!important;
    max-width:100%;
  }
  .on-camera-carousel .screen-caption,
  .series-caption {
    min-height:0;
  }
  .series-media,
  .on-camera-carousel .screen-media {
    width:100%;
  }
  .press-list {
    border-top:1px solid var(--ink);
  }
  .press-item {
    padding:18px 0;
  }
  .social-links {
    gap:16px;
  }
}
:root {
  --type-display:clamp(52px,7.2vw,122px);
  --type-section:clamp(48px,6vw,92px);
  --type-card:18px;
  --type-body:16px;
  --type-small:14px;
}
.feature-section {
  border-top:0!important;
}
.series-caption,.on-camera-carousel .screen-caption {
  border-top:0!important;
}
.press-list {
}
.press-item {
}
.social-links {
  border-top:0!important;
  padding-top:0!important;
}
.compact-related {
  border-top:0!important;
}
.section {
  position:relative;
  border-bottom:0!important;
}
.about-section::after,.work-section::after {
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:100vw;
  height:1px;
  background:var(--line);
  bottom:0;
}
.feature-head h2 {
  font-size:var(--type-section)!important;
  line-height:.92;
  letter-spacing:-.055em;
}
.feature-subline {
  font-size:var(--type-body)!important;
  line-height:1.4;
  max-width:620px;
}
.series-caption h3,.on-camera-carousel .screen-caption strong {
  font-size:var(--type-card)!important;
  line-height:1.12;
}
.series-caption p,.on-camera-carousel .screen-caption,.hosting-reel-link {
  font-size:var(--type-small)!important;
}
.on-camera-carousel .screen-caption,.series-caption {
  padding:12px 0 0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.on-camera-carousel .screen-caption {
  min-height:74px;
}
.series-caption {
  min-height:70px;
}
.film-cover {
  overflow:hidden;
}
.film-cover img {
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
  background:var(--paper);
}
.film-cover-overlay {
  background:linear-gradient(to top,rgba(17,17,15,.62) 0%,rgba(17,17,15,0) 48%);
  padding:clamp(22px,3vw,42px)!important;
}
.film-cover-overlay .watch {
  border:0!important;
  font-style:italic;
  font-size:clamp(16px,1.5vw,20px);
  padding:0!important;
}
.press-section .feature-head h2 {
}
.press-list {
  max-width:1050px;
}
.press-item {
  grid-template-columns:180px minmax(0,1fr) minmax(0,1fr)!important;
  gap:24px!important;
  line-height:1.35;
}
.press-item .publication {
}
.press-item .creditline {
}
.dialog-head {
  border-bottom:0!important;
}
.projector-footer {
  border-top:0!important;
}
.entity-link,.inline-link,.small-link,.text-link,.content-link,.back-link,.film-page-watch,.section-action,.reel-link,.hosting-reel-link,.contact-email,.social-links a,.ig-card a {
  text-decoration:none!important;
  border:0!important;
  font-style:italic!important;
}
.project-slide .screen-caption:after {
  content:""!important;
}
.oba-hero .inner-lede {
  margin-top:20px;
  font-size:clamp(18px,1.6vw,24px);
  line-height:1.35;
}
.oba-hero .inner-lede strong {
  font-weight:700;
}
.films-section,.series-section,.press-section {
}
@media(max-width:1000px) {
  .press-item {
    grid-template-columns:150px minmax(0,1fr)!important;
  }
  .press-item .creditline {
    grid-column:2;
  }
}
@media(max-width:820px) {
  .feature-head h2 {
    font-size:clamp(44px,13vw,68px)!important;
  }
  .press-section .feature-head h2 {
    font-size:clamp(38px,11vw,58px)!important;
  }
  .press-item {
    grid-template-columns:1fr!important;
    gap:4px!important;
    padding:12px 0!important;
  }
  .press-item .creditline {
    grid-column:auto;
  }
  .about-section::after,.work-section::after {
    width:100vw;
  }
}
:root {
}
.about-copy,.about-archive-copy,.feature-subline,.press-item,.series-caption p,.screen-caption {
  font-size:var(--body-size);
}
.series-caption h3,.screen-caption strong,.screen-caption em {
  font-size:var(--card-title);
}
.about-archive {
  display:grid;
  grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);
  gap:clamp(34px,5vw,80px);
  margin-top:70px;
  align-items:start;
}
.about-archive-image {
  margin:0;
  aspect-ratio:4/5;
  overflow:hidden;
  background:#ddd;
}
.about-archive-image img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.about-archive-copy {
  max-width:850px;
  line-height:1.5;
}
.about-archive-copy p {
  margin:0 0 1.15em;
}
.network-strip {
  display:flex;
  flex-wrap:wrap;
  gap:12px 26px;
  margin-top:34px;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
}
.network-strip span {
  white-space:nowrap;
}
.on-camera-carousel .hosting-meta {
}
.on-camera-carousel .hosting-reel-link,.film-watch-link {
  font-size:15px;
}
.alias-open-card {
  outline:0!important;
  border:0!important;
}
.alias-open-card:focus-visible {
  outline:2px solid currentColor!important;
  outline-offset:4px!important;
}
.film-carousel .slide {
  height:min(67vw,760px);
  aspect-ratio:auto;
  overflow:hidden;
}
.film-cover {
  display:flex;
  flex-direction:column;
  background:var(--paper)!important;
  padding:0!important;
  cursor:default;
}
.film-card-head {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
  padding:0 0 18px;
  background:var(--paper);
}
.film-card-head h3 {
  font-size:clamp(34px,4.4vw,66px);
  line-height:.92;
  letter-spacing:-.055em;
  margin:8px 0 0;
}
.film-watch-link {
  appearance:none;
  border:0;
  background:none;
  font-style:italic;
  cursor:pointer;
}
.film-watch-link:hover {
  text-shadow:.35px 0 currentColor,-.35px 0 currentColor;
}
.film-cover-media {
  margin:0;
  flex:1;
  min-height:0;
  background:#000;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.film-cover-media img {
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
.press-scan {
  background:#fff!important;
  flex-basis:min(58vw,700px)!important;
}
.press-scan img {
  width:100%;
  height:100%;
  object-fit:contain;
  padding:0;
  background:#fff;
}
.press-scan .slide-caption {
  background:rgba(242,240,233,.94);
}
.carousel-btn {
  display:none!important;
}
.carousel-ui {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-top:10px;
  font-size:13px;
  color:var(--muted);
}
.carousel-actions {
  display:flex;
  gap:18px;
  align-items:center;
}
.carousel-actions button {
  appearance:none;
  border:0;
  background:none;
  padding:0;
  color:var(--ink);
  cursor:pointer;
  font-style:italic;
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.carousel-actions button:disabled {
  opacity:.25;
  cursor:default;
}
.carousel-actions svg {
  width:15px;
  height:15px;
  display:block;
  flex:none;
}
.carousel-count {
  font-variant-numeric:tabular-nums;
}
.series-item {
  display:block;
}
.series-caption {
  border-top:0!important;
  padding-top:10px!important;
}
.press-list {
  border-top:0!important;
}
.press-item {
  border-bottom:0!important;
}
.press-item + .press-item {
}
.press-section .feature-head {
  margin-bottom:20px;
}
.contact-section h2 a {
  display:inline-block;
  font:inherit;
  color:inherit;
  text-decoration:none;
  font-style:normal;
}
.contact-section h2 a:hover {
  text-shadow:.5px 0 currentColor,-.5px 0 currentColor;
}
@media(max-width:820px) {
  .about-archive {
    grid-template-columns:1fr;
    margin-top:44px;
    gap:28px;
  }
  .about-archive-image {
    aspect-ratio:4/5;
  }
  .network-strip {
    gap:10px 18px;
  }
  .carousel {
    overflow:visible;
  }
  .carousel-track {
    overflow-x:auto;
    padding-right:0;
  }
  .on-camera-carousel .slide,.series-carousel .series-item,.film-carousel .slide {
    flex-basis:calc(100% - 34px)!important;
    max-width:none;
  }
  .film-carousel .slide {
    height:auto;
    min-height:0;
  }
  .film-cover-media {
    aspect-ratio:4/3;
    flex:none;
  }
  .synopsis-slide,.festival-slide {
    min-height:560px;
  }
  .press-scan {
    flex-basis:calc(82% - 8px)!important;
    min-height:560px;
  }
  .carousel-ui {
    padding-top:8px;
  }
  .carousel-actions {
    gap:14px;
  }
}
:root {
  --body-size:17px;
  --card-title:18px;
  --section-gap:68px;
}
.section {
  padding-top:72px;
  padding-bottom:72px;
}
.feature-section {
  padding-top:0;
  padding-bottom:0;
}
.films-section,.series-section,.press-section {
}
.feature-head {
  margin-bottom:24px;
}
.network-strip {
  border-top:0!important;
  padding-top:0!important;
}
.festival-list li {
  border-top:0!important;
  padding-top:0!important;
}
.synopsis-slide,.festival-slide,.support-slide {
  border:0!important;
  box-shadow:none!important;
}
.film-project-open,.film-summary-open,.film-support-carousel,.press-support,.festival-support {
  border:0!important;
}
.about-copy,.about-archive-copy,.feature-subline,.film-summary-open,.press-item,.series-caption p,.on-camera-carousel .screen-caption {
  font-size:var(--body-size)!important;
  line-height:1.45;
}
.series-caption h3,.on-camera-carousel .screen-caption strong,.on-camera-carousel .screen-caption em,.film-project-head-open h3,.festival-support h3 {
  font-size:var(--card-title)!important;
  line-height:1.15;
  letter-spacing:-.02em;
}
.kicker,.eyebrow {
  font-size:12px!important;
}
.on-camera-carousel .hosting-meta {
  color:var(--ink)!important;
  font-size:var(--card-title)!important;
  font-weight:700!important;
}
.on-camera-carousel .hosting-reel-link {
}
.alias-open-card,.alias-open-card:focus,.alias-open-card:active,.alias-open-card:focus-visible {
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.film-project-open {
}
.film-project-head-open {
  margin-bottom:18px;
}
.film-project-head-open h3 {
}
.film-watch-link {
}
.film-hero-open {
}
.film-hero-open img {
}
.film-summary-open {
  padding-top:22px;
}
.film-summary-open p {
}
.film-credits-open {
  font-size:var(--body-size)!important;
}
.film-support-carousel {
  margin-top:34px!important;
}
.film-support-carousel .carousel-track {
  align-items:flex-start;
  padding-bottom:10px;
}
.support-slide {
  position:relative;
  flex:0 0 min(72vw,980px);
  scroll-snap-align:start;
  background:transparent!important;
  margin:0;
  overflow:visible;
}
.festival-support {
}
.festival-support h3 {
}
.festival-support .festival-list {
}
.press-support {
  flex-basis:min(50vw,640px)!important;
}
.press-support img {
  padding:0!important;
}
.press-support figcaption {
  padding-top:10px;
}
.press-support figcaption span {
  color:var(--muted);
}
.press-item {
  font-size:var(--body-size)!important;
  padding:8px 0!important;
}
.press-item .publication {
  font-size:var(--body-size)!important;
}
.press-item .creditline {
  font-size:var(--body-size)!important;
}
.press-item + .press-item {
  margin-top:8px!important;
}
@media(max-width:820px) {
  :root {
    --body-size:16px;
    --card-title:18px;
    --section-gap:52px;
  }
  .section {
    padding-top:56px;
    padding-bottom:56px;
  }
  .feature-head {
    margin-bottom:20px;
  }
  .films-section,.series-section,.press-section {
    margin-top:var(--section-gap)!important;
  }
  /* Keep the film hero full-width and readable;
  synopsis is normal flow beneath it. */
  .film-project-head-open {
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
    margin-bottom:14px;
  }
  .film-project-head-open h3 {
    font-size:clamp(30px,9vw,46px)!important;
  }
  .film-hero-open {
    width:100%;
    max-width:none;
  }
  .film-hero-open img {
    width:100%;
    height:auto;
  }
  .film-summary-open {
    padding-top:16px;
    max-width:none;
  }
  .film-support-carousel {
    margin-top:26px!important;
  }
  .film-support-carousel .carousel-track {
    gap:12px;
  }
  .support-slide {
    flex-basis:calc(100% - 34px)!important;
    max-width:none;
  }
  .festival-support .festival-list {
    grid-template-columns:1fr;
    gap:11px;
    font-size:var(--body-size);
  }
  .press-support {
    flex-basis:calc(100% - 34px)!important;
  }
  .press-support img {
    width:100%;
    height:auto!important;
  }
  /* One-body-size policy on mobile. */
  .about-copy,.about-archive-copy,.feature-subline,.film-summary-open,.press-item,.series-caption p,.on-camera-carousel .screen-caption,.film-credits-open {
    font-size:var(--body-size)!important;
  }
  .series-caption h3,.on-camera-carousel .screen-caption strong,.on-camera-carousel .screen-caption em,.on-camera-carousel .hosting-meta {
    font-size:var(--card-title)!important;
  }
}
.feature-section {
  position:relative;
}
.films-section,.series-section,.press-section {
  margin-top:0!important;
  padding-top:56px!important;
}
.films-section::before,.series-section::before,.press-section::before {
  content:"";
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  width:100vw;
  height:1px;
  background:var(--line);
}
.press-section .feature-head h2 {
  font-size:var(--type-section)!important;
  line-height:.92;
  letter-spacing:-.055em;
}
.film-project-head-open h3,.festival-support h3 {
  font-size:var(--card-title)!important;
  line-height:1.15;
  letter-spacing:-.02em;
  font-weight:700;
}
.film-project-head-open h3 {
}
.festival-support h3 {
}
.feature-subline {
  color:var(--muted);
}
.hosting-meta,.hosting-reel-link,.film-watch-link,.film-project-head-open h3 {
  color:var(--ink)!important;
}
.project-facts {
  border-top:0!important;
}
.project-facts li {
  border-bottom:0!important;
  padding:8px 0!important;
}
.archive-festivals,.single-gallery .ig-card {
  border:0!important;
}
.credits-grid {
  border-top:0!important;
  padding:36px 0!important;
}
.credit-list li {
  border-bottom:0!important;
  padding:10px 0!important;
}
@media(max-width:820px) {
  .films-section,.series-section,.press-section {
    padding-top:44px!important;
  }
  .film-project-head-open h3,.festival-support h3 {
    font-size:var(--card-title)!important;
  }
}
.on-camera-carousel .hosting-caption {
  display:block!important;
}
.on-camera-carousel .hosting-caption strong {
  display:block;
  color:var(--ink)!important;
  font-size:var(--card-title)!important;
  font-weight:700!important;
}
.on-camera-carousel .hosting-reel-link {
  display:block;
  color:var(--ink)!important;
  font-size:var(--body-size)!important;
  font-style:italic!important;
  font-weight:400!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}
.on-camera-carousel .screen-caption {
  color:var(--ink)!important;
}
.on-camera-carousel .screen-caption strong,.on-camera-carousel .screen-caption em {
  color:var(--ink)!important;
}
@media(max-width:820px) {
  .on-camera-carousel .hosting-caption {
    display:block!important;
  }
  .on-camera-carousel .hosting-reel-link {
    font-size:var(--body-size)!important;
  }
}
.films-section .feature-head {
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
}
.film-project-open {
}
.film-project-head-open {
}
.film-project-head-open h3 {
}
.film-watch-link {
}
.film-hero-open {
}
.film-hero-open img {
}
.film-summary-open {
}
.film-summary-open p {
}
.film-credits-open {
}
.film-support-carousel {
}
.film-support-carousel .carousel-track {
  overflow-x:auto;
  scroll-snap-type:x mandatory;
}
.film-support-carousel .support-slide {
  scroll-snap-align:start;
  margin:0;
  padding:0!important;
  overflow:visible!important;
}
.festival-support {
  padding:0!important;
}
.festival-support .kicker {
  margin-bottom:8px;
}
.festival-support h3 {
  margin:0 0 22px!important;
  font-size:var(--card-title)!important;
}
.festival-support .festival-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px 44px;
  font-size:var(--body-size)!important;
  line-height:1.35;
}
.festival-support .festival-list li {
  min-width:0;
}
.festival-support .festival-list strong {
  display:block;
  margin-bottom:2px;
}
.press-support {
  display:block!important;
  text-align:left;
}
.press-support img {
  display:block;
  width:min(100%,760px)!important;
  height:auto!important;
  margin:0 auto;
  object-fit:contain!important;
  background:transparent!important;
}
.press-support figcaption {
  width:min(100%,760px);
  margin:10px auto 0;
  display:flex;
  justify-content:space-between;
  gap:16px;
  font-size:var(--body-size)!important;
}
.film-support-carousel + .carousel-ui {
}
@media(max-width:820px) {
  .films-section .feature-head,.film-project-open,.film-support-carousel,.film-support-carousel + .carousel-ui {
    max-width:none;
  }
  .film-project-head-open {
    grid-template-columns:1fr;
    gap:6px;
    align-items:start;
  }
  .film-project-head-open h3 {
    font-size:var(--card-title)!important;
  }
  .film-summary-open {
    max-width:none;
    padding-top:16px;
  }
  .festival-support .festival-list {
    grid-template-columns:1fr;
    gap:12px;
  }
  .press-support img,.press-support figcaption {
    width:100%!important;
  }
}
@media(max-width:820px) {
  /* Series images may bleed to the carousel edge, but all copy aligns with the site text margin. */
  .series-caption {
    padding:10px var(--pad) 0!important;
    width:100%;
  }
}
@media(max-width:820px) {
  /* Match Series: media can use the carousel width, while copy aligns to the site text margin. */
  .on-camera-carousel .screen-caption {
    padding:10px var(--pad) 0!important;
    width:100%;
  }
  .on-camera-carousel .hosting-caption {
    display:block!important;
  }
  .on-camera-carousel .hosting-caption strong {
    display:block!important;
    margin:0 0 3px!important;
  }
  .on-camera-carousel .hosting-reel-link {
    display:block!important;
    margin:0!important;
    text-align:left!important;
  }
}
.logo-strip {
  display:grid!important;
  grid-template-columns:repeat(5,minmax(110px,1fr));
  gap:clamp(22px,3vw,46px)!important;
  align-items:center;
  margin-top:42px!important;
  padding-top:0!important;
  border:0!important;
}
.logo-strip a {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:72px;
  opacity:.82;
  transition:opacity .18s ease,transform .18s ease;
}
.logo-strip a:hover {
  opacity:1;
  transform:translateY(-1px);
}
.logo-strip img {
  display:block;
  width:100%;
  height:56px;
  object-fit:contain;
}
.logo-strip a:nth-child(3) img {
  height:62px;
}
.logo-strip a:nth-child(5) img {
  height:68px;
}
@media(max-width:820px) {
  .logo-strip {
    grid-template-columns:repeat(2,minmax(120px,1fr));
    gap:24px 30px!important;
    margin-top:30px!important;
  }
  .logo-strip a {
    min-height:58px;
  }
  .logo-strip img {
    height:44px;
  }
  .logo-strip a:nth-child(3) img {
    height:48px;
  }
  .logo-strip a:nth-child(5) img {
    height:54px;
  }
}
.film-project-head-open {
}
.film-watch-link {
}
@media(max-width:820px) {
  .film-project-head-open {
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:14px!important;
    align-items:end!important;
  }
  .film-watch-link {
    justify-self:end!important;
    text-align:right!important;
    white-space:nowrap;
  }
}
.films-section .feature-head {
  margin-bottom:26px;
}
.film-project-open {
  width:100%;
  max-width:none;
  margin:0;
}
.film-project-head-open {
  grid-template-columns:minmax(0,1fr) auto!important;
  margin:0 0 16px!important;
}
.film-project-head-open h3 {
  margin:5px 0 0!important;
  font-size:var(--card-title)!important;
  line-height:1.12!important;
  letter-spacing:-.02em!important;
}
.film-watch-link {
  padding:0!important;
  font-size:var(--body-size)!important;
  line-height:1.2!important;
  color:var(--ink)!important;
  white-space:nowrap;
}
.film-hero-open {
  width:100%;
  max-width:none;
  margin:0;
  background:transparent;
}
.film-hero-clickable {
  cursor:pointer;
}
.film-hero-clickable:focus-visible {
  outline:2px solid var(--ink);
  outline-offset:4px;
}
.film-hero-open img {
  display:block;
  width:100%;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  background:transparent!important;
}
.film-summary-open {
  width:min(100%,900px);
  max-width:900px;
  margin:0;
  padding:20px 0 0;
  font-size:var(--body-size)!important;
  line-height:1.5!important;
}
.film-summary-open p {
  margin:0 0 .9em;
}
.film-credits-open {
  margin-bottom:1em!important;
  color:var(--muted);
}
.film-support-carousel {
  width:100%;
  max-width:none;
  margin:30px 0 0!important;
  overflow:hidden!important;
}
.film-support-carousel .carousel-track {
  width:100%;
  padding:0!important;
  gap:0!important;
}
.film-support-carousel .support-slide {
  flex:0 0 100%!important;
  width:100%!important;
  max-width:100%!important;
}
.film-support-carousel + .carousel-ui {
  max-width:none;
  margin:0;
  padding-top:12px;
}
@media(max-width:820px) {
  .films-section .feature-head {
    margin-bottom:22px;
  }
  .film-project-head-open {
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:end!important;
    gap:12px!important;
    margin-bottom:12px!important;
  }
  .film-project-head-open h3 {
    font-size:var(--card-title)!important;
  }
  .film-watch-link {
    justify-self:end!important;
    align-self:end!important;
    text-align:right!important;
    font-size:var(--body-size)!important;
  }
  .film-hero-open {
    width:100%;
    margin:0;
  }
  .film-hero-open img {
    width:100%;
    height:auto!important;
    object-fit:contain!important;
  }
  .film-summary-open {
    width:100%;
    max-width:none;
    padding-top:16px;
  }
  .film-support-carousel {
    margin-top:24px!important;
  }
  .film-support-carousel .support-slide {
    flex-basis:100%!important;
  }
}
.film-project-head-open {
  display:flex!important;
  justify-content:flex-start!important;
  align-items:flex-end!important;
  gap:16px!important;
  width:100%;
}
.film-watch-link {
  justify-self:auto!important;
  align-self:flex-end!important;
  margin:0 0 1px!important;
  text-align:left!important;
}
.on-camera-carousel .hosting-caption strong {
  margin:0!important;
  line-height:1.15!important;
}
.on-camera-carousel .hosting-reel-link {
  margin-top:1px!important;
  line-height:1.2!important;
}
.credits-source {
  margin:12px 0 0!important;
  font-size:var(--body-size)!important;
  line-height:1.35!important;
  color:var(--ink)!important;
}
.credits-source + .back-link {
  margin-top:10px!important;
  font-size:var(--body-size)!important;
}
@media(max-width:820px) {
  .film-project-head-open {
    display:flex!important;
    flex-direction:row!important;
    justify-content:flex-start!important;
    align-items:flex-end!important;
    gap:12px!important;
  }
  .film-watch-link {
    margin:0 0 1px!important;
    text-align:left!important;
  }
  .on-camera-carousel .hosting-reel-link {
    margin-top:0!important;
  }
}

/* V32 — local About archive assets and final logo placement */
.about-archive-gallery {
  min-width:0;
}
.about-archive-image-main {
  margin:0;
  aspect-ratio:4/5;
  overflow:hidden;
  background:#ddd;
}
.about-archive-image-main img,
.about-archive-secondary-image img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.about-archive-secondary {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:12px;
}
.about-archive-secondary-image {
  margin:0;
  aspect-ratio:4/3;
  overflow:hidden;
  background:#ddd;
}
.about-section > .logo-strip {
  width:100%;
  margin-top:56px!important;
}
@media(max-width:820px) {
  .about-archive-secondary {
    gap:8px;
    margin-top:8px;
  }
  .about-section > .logo-strip {
    margin-top:38px!important;
  }
}

/* V33 — carousel consistency across mobile and half-width browser layouts */
@media(max-width:1100px) {
  .on-camera-carousel .slide,
  .series-carousel .series-item {
    flex:0 0 100%!important;
    width:100%!important;
    max-width:none!important;
  }
  .on-camera-carousel .screen-caption,
  .series-caption {
    width:100%!important;
    padding-left:var(--pad)!important;
    padding-right:var(--pad)!important;
  }
}
@media(max-width:820px) {
  .on-camera-carousel .slide,
  .series-carousel .series-item,
  .film-carousel .slide {
    flex-basis:100%!important;
    width:100%!important;
    max-width:none!important;
  }
}
/* V35 — single Series project with Train of Freedom-style festival history */
.series-project-open {
  width:100%;
}
.series-feature-link {
  display:block;
  color:inherit;
  text-decoration:none;
}
.series-feature-media {
  margin:0;
  width:100%;
  overflow:hidden;
}
.series-feature-media img {
  display:block;
  width:100%;
  height:auto;
}
.series-feature-caption {
  padding:14px 0 0;
}
.series-feature-caption h3,
.series-festival-history h3 {
  margin:0;
  font-size:var(--card-title);
  line-height:1.05;
  letter-spacing:-.035em;
}
.series-feature-caption p {
  margin:4px 0 0;
  color:var(--muted);
  font-size:var(--body-size);
}
.series-festival-history {
  margin-top:34px;
  padding-top:0;
}
.series-festival-history .kicker {
  margin-bottom:10px;
}
.series-festival-history h3 {
  margin-bottom:22px;
}
@media(max-width:820px) {
  .series-feature-caption {
    padding:12px var(--pad) 0;
  }
  .series-festival-history {
    margin-top:28px;
  }
}

/* V36 review — final layout consolidation */
.about-more-link{
  display:inline-block;
  margin-top:.25rem;
  font-size:inherit;
  font-style:italic;
  color:inherit;
  text-decoration:none;
}
.about-more-link:hover{font-weight:600}

/* Train of Freedom: title/action together, compact stacked metadata */
.film-project-head-open{
  align-items:flex-start;
}
.film-project-head-open > div:first-child{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.28rem;
}
.film-watch-link{
  margin:0 !important;
  align-self:flex-start !important;
  font-size:1rem !important;
  line-height:1.2;
}
.film-credits-open{
  display:flex;
  flex-direction:column;
  gap:.12rem;
  font-size:.82rem !important;
  line-height:1.35;
  margin:.85rem 0 1.2rem !important;
}
.film-credits-open span{display:block}

/* Festival headings function as compact labels */
.festival-support h3,
.series-festival-history h3{
  font-size:.8rem !important;
  line-height:1.2;
  letter-spacing:.11em;
  text-transform:uppercase;
  font-weight:500 !important;
  margin:.3rem 0 1rem !important;
}

/* Contact: keep action and links visually connected */
.contact-section h2{
  margin-bottom:.55rem !important;
}
.contact-section .social-links{
  margin-top:0 !important;
  padding-top:0 !important;
}

@media (max-width: 760px){
  .film-watch-link{font-size:.98rem !important}
  .film-credits-open{font-size:.78rem !important;margin:.7rem 0 1rem !important}
  .contact-section h2{margin-bottom:.4rem !important}
}

/* Expanded About */
.about-detail-page{padding-top:var(--header-h,72px)}
.about-detail-hero h1{font-size:clamp(3.8rem,9vw,8.5rem);line-height:.9;margin:.35rem 0 1.25rem}
.about-detail-lede{max-width:780px;font-size:clamp(1.35rem,2.2vw,2.2rem);line-height:1.25;color:var(--muted,#6c6962)}
.about-story-block{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:clamp(2rem,5vw,6rem);align-items:start}
.about-story-block:not(.about-story-visual){grid-template-columns:minmax(0,760px)}
.about-story-visual.reverse .about-story-copy{order:1}.about-story-visual.reverse figure{order:2}
.about-story-block figure{margin:0}.about-story-block figure img{display:block;width:100%;height:auto}
.about-story-copy{max-width:760px}.about-story-copy h2{font-size:clamp(2rem,4vw,4.2rem);line-height:.98;margin:.4rem 0 1.1rem}
.about-story-copy p{font-size:clamp(1.05rem,1.45vw,1.35rem);line-height:1.5;margin:0 0 1rem}
.about-inline-logo{display:block;width:auto;height:auto;max-height:58px;max-width:230px;object-fit:contain;margin:0 0 1.1rem}
.about-inline-logo.current{max-width:190px}.about-inline-logo.univision{max-width:260px}
.about-inline-links,.about-detail-link{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.about-inline-links a,.about-detail-link{color:inherit;font-style:italic;text-decoration:none}.about-inline-links a:hover,.about-detail-link:hover{font-weight:600}
@media(max-width:760px){.about-story-block,.about-story-block:not(.about-story-visual){grid-template-columns:1fr;gap:1.4rem}.about-story-visual.reverse .about-story-copy,.about-story-visual.reverse figure{order:initial}.about-detail-hero h1{font-size:clamp(3.2rem,18vw,5.6rem)}.about-inline-logo{max-height:44px;max-width:200px}}

/* V37 — On Camera is a pure professional-look carousel. */
.looks-carousel .slide { display:block; }
.looks-carousel .screen-media { margin-bottom:0; }
.looks-carousel .screen-media img { display:block; width:100%; height:100%; object-fit:cover; }
.looks-carousel + .carousel-ui { margin-top:18px; }
@media (max-width: 900px){
  .looks-carousel .slide { flex:0 0 100%; max-width:100%; }
}


/* V38 — final pre-deploy consolidation */
/* Homepage About: concise bio, one editorial image, one clear handoff. */
.about-home-visual{
  margin-top:clamp(2rem,4vw,4rem);
  width:min(100%,980px);
}
.about-home-image{margin:0;overflow:hidden}
.about-home-image img{display:block;width:100%;height:auto}
.about-home-visual .about-more-link{
  margin-top:.75rem;
  font-size:var(--body-size);
}

/* Keep Train of Freedom action directly under title and metadata intentionally quiet. */
.film-project-head-open{display:block!important}
.film-project-head-open>div:first-child{display:flex!important;flex-direction:column!important;gap:.24rem!important}
.film-watch-link{display:block!important;margin:0!important;align-self:flex-start!important}
.film-credits-open{font-size:.8rem!important;line-height:1.35!important;gap:.1rem!important}

/* Expanded About: current screen work is image-led without repeating the homepage hero. */
.about-current-visuals{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
.about-current-visuals figure{margin:0}
.about-current-visuals img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.about-current-visuals figcaption{font-size:.82rem;line-height:1.3;margin-top:.5rem;color:var(--muted)}

/* Contact links belong visually to the CTA. */
.contact-section h2{margin-bottom:.35rem!important}
.contact-section .social-links{margin-top:0!important;gap:.9rem 1.35rem}

/* Credits intro and first category are one continuous section. */
.credits-page .inner-hero,
.credits-page .credits-intro,
.credits-page .credits-header{border-bottom:0!important}

@media(max-width:760px){
  .about-home-visual{margin-top:1.75rem}
  .about-current-visuals{grid-template-columns:1fr;gap:1.25rem}
  .about-current-visuals img{aspect-ratio:4/5}
  .film-credits-open{font-size:.77rem!important}
  .contact-section h2{margin-bottom:.28rem!important}
}

/* V40 — typography, spacing and portrait-carousel consolidation */
/* Small supporting lines behave as one typographic system across sections. */
.feature-subline,
.series-feature-caption p,
.about-more-link,
.hero-reel-link,
.film-watch-link {
  text-transform:uppercase;
  letter-spacing:.075em;
}
.feature-subline,
.series-feature-caption p {
  font-size:.82rem!important;
  line-height:1.35!important;
  font-weight:500;
}
.about-home-visual .about-more-link {
  display:inline-block;
  font-size:.82rem!important;
  line-height:1.25;
  font-style:normal;
  text-decoration:none;
}
.hero-reel-link,
.film-watch-link {
  font-size:.86rem!important;
  line-height:1.2!important;
  font-style:normal!important;
  font-weight:500!important;
  text-decoration:none!important;
  border:0!important;
  padding:0!important;
}

/* Taller portrait frame for the professional-look carousel. */
.looks-carousel .screen-media {
  aspect-ratio:3/4!important;
  background:transparent!important;
}
.looks-carousel .screen-media img {
  object-fit:cover!important;
  object-position:center center;
}

/* Train of Freedom festival history is now a static continuation, not a second carousel. */
.film-support-static {
  margin-top:clamp(2rem,4vw,3.5rem);
  width:100%;
}
.film-support-static .kicker,
.series-festival-history .kicker {
  text-transform:uppercase;
}
.film-support-static h3,
.series-festival-history h3 {
  margin-top:.35rem!important;
  margin-bottom:1.35rem!important;
}

/* More cohesive vertical rhythm between major work sections. */
.films-section,
.series-section,
.press-section {
  padding-top:46px!important;
}
.feature-head {
  margin-bottom:20px!important;
}
.looks-carousel + .carousel-ui {
  margin-top:10px!important;
}

@media(max-width:760px){
  .section { padding-top:56px!important; padding-bottom:56px!important; }
  .feature-first { padding-top:0!important; }
  .films-section,
  .series-section,
  .press-section { padding-top:36px!important; }
  .feature-head { margin-bottom:16px!important; }
  .looks-carousel .screen-media { aspect-ratio:3/4!important; }
  .looks-carousel + .carousel-ui { margin-top:8px!important; }
  .film-support-static { margin-top:2rem; }
  .series-festival-history { margin-top:2rem!important; }
}


/* V41 — unified typography, copy width, spacing and in-site press projectors */
:root{--body-size:17px;--meta-size:12px;--copy-max:1200px;--content-gap:clamp(18px,2.4vw,34px)}

/* One quiet metadata language throughout the site. */
.eyebrow,.kicker,.feature-subline,.project-meta,.series-feature-caption p,.festival-support h3,.series-festival-history h3,.credits-grid>h2{
  color:var(--muted)!important;font-size:var(--meta-size)!important;line-height:1.35!important;letter-spacing:.11em!important;text-transform:uppercase!important;font-weight:500!important;
}
.feature-subline{margin-top:.65rem!important}
.project-meta{margin:.25rem 0 .25rem!important}

/* Main project titles and body copy follow a single scale. */
.film-project-head-open h3,.series-feature-caption h3{font-size:clamp(24px,2vw,31px)!important;line-height:1.05!important;letter-spacing:-.025em!important;margin:0!important}
.film-summary-open,.festival-list,.press-list,.credit-list,.about-story-copy p{font-size:var(--body-size)!important;line-height:1.5!important}
.film-summary-open{width:min(100%,var(--copy-max))!important;max-width:var(--copy-max)!important;padding-top:var(--content-gap)!important}
.film-summary-open p{max-width:none!important}
.festival-list{width:100%;max-width:none}
.festival-list li{font-size:var(--body-size)!important;line-height:1.42!important;margin-bottom:1rem!important}
.festival-list strong{font-size:inherit!important;line-height:inherit!important;margin-bottom:.08rem!important}

/* Project hierarchy: title first, then metadata/action. */
.film-project-head-open>div:first-child{gap:.28rem!important}
.film-watch-link,.hero-reel-link,.about-more-link{font-size:var(--meta-size)!important;letter-spacing:.11em!important;font-weight:500!important}

/* Festival history is a single category label, not two competing labels. */
.film-support-static,.series-festival-history{margin-top:clamp(2.25rem,4vw,4rem)!important}
.festival-support h3,.series-festival-history h3{margin:0 0 1.25rem!important}

/* Shared horizontal and vertical rhythm. */
.feature-section{padding-top:clamp(44px,5vw,72px)!important;padding-bottom:0!important}
.feature-first{padding-top:0!important}
.feature-head{margin-bottom:clamp(16px,2vw,24px)!important}
.film-project-open,.series-project-open,.press-list{width:100%!important;max-width:none!important}
.press-section{padding-bottom:clamp(18px,3vw,36px)!important}
.contact-section{padding-top:clamp(54px,6vw,82px)!important}

/* Press is interactive but never sends visitors away from the site. */
.press-item{display:block;width:100%;appearance:none;background:none;border:0;text-align:left;color:inherit;font:inherit;cursor:pointer;padding:10px 0!important}
.press-item .publication{font-size:var(--body-size)!important;font-weight:700}
.press-item p{font-size:var(--body-size)!important;line-height:1.4!important;margin:.12rem 0!important}
.press-item .creditline{color:var(--muted)!important}
.press-item:hover .publication{opacity:.58}
.press-shell{width:min(94vw,1050px)!important}
.press-projector{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:clamp(22px,4vw,52px);align-items:start}
.press-projector-image{margin:0;overflow:hidden}
.press-projector-image img{display:block;width:100%;height:auto;max-height:70vh;object-fit:cover}
.press-projector-copy{font-size:var(--body-size);line-height:1.5}
.press-projector-copy p{margin:0 0 .75rem}
.oba-press-actions{display:flex;gap:1rem;flex-wrap:wrap}
.oba-press-actions button{appearance:none;background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer}
.oba-press-actions button:hover{opacity:.58}

/* Credits page categories use the same quiet metadata treatment. */
.credits-grid>h2{margin-top:.15rem!important}
.credit-list li{font-size:var(--body-size)!important;line-height:1.4!important}

@media(max-width:760px){
  :root{--body-size:16px;--meta-size:11px}
  .film-summary-open{width:100%!important;max-width:none!important}
  .press-projector{grid-template-columns:1fr;gap:1.25rem}
  .press-projector-image img{max-height:none}
  .feature-section{padding-top:36px!important}
  .feature-first{padding-top:0!important}
}

/* V43 SEO/detail-page cleanup */
.film-archive-hero{grid-column:1 / -1}
.archive-festivals{grid-column:1 / -1}
.about-detail-page .about-story-copy p{max-width:70ch}


/* V44 working — left-aligned section hierarchy + quiet press list */
/* Main work headings use the same left edge at every width. */
.work-section .feature-head,
.work-section .feature-head.feature-head-stacked,
.films-section .feature-head,
.series-section .feature-head,
.press-section .feature-head {
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  text-align:left!important;
  justify-content:flex-start!important;
}
.work-section .feature-head > div { width:100%!important; max-width:none!important; }

/* Press stays editorial: no gray cards or boxes. */
.press-list{display:block!important;background:transparent!important;border:0!important;}
.press-item{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:clamp(12px,1.4vw,18px) 0!important;
}
.press-item + .press-item{border-top:0!important;margin-top:.3rem!important;}
.press-item:hover{background:transparent!important;}
.press-article-link{
  display:inline-block;
  margin-top:.65rem;
  color:inherit;
  font-size:var(--meta-size)!important;
  line-height:1.35;
  letter-spacing:.11em;
  text-transform:uppercase;
  text-decoration:none;
  font-weight:500;
}
.press-article-link:hover{opacity:.58;}

/* V44 review — unify film copy with site-wide body behavior */
.film-summary-open{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
.film-summary-open p{
  width:100%!important;
  max-width:none!important;
  font-size:var(--body-size)!important;
  line-height:1.5!important;
}
.festival-list,
.festival-list li,
.press-item,
.press-item p,
.credit-list,
.credit-list li,
.about-copy,
.about-story-copy p,
.series-feature-caption p{
  font-size:var(--body-size)!important;
}
.festival-list li,
.press-item p,
.credit-list li{
  line-height:1.5!important;
}

/* V44 callout pass — one horizontal grid for every work section */
.work-section {
  --work-gutter: 0px;
}

/* Section heads, project copy and supporting lists all start on the same grid line. */
.work-section .feature-head,
.work-section .film-project-head-open,
.work-section .film-summary-open,
.work-section .film-support-static,
.work-section .series-feature-caption,
.work-section .series-festival-history,
.work-section .press-list {
  margin-left:var(--work-gutter)!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  width:calc(100% - var(--work-gutter))!important;
  max-width:none!important;
  box-sizing:border-box!important;
}

/* Keep all primary work-section titles on the same scale and baseline behavior. */
.work-section .feature-head h2 {
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}

/* Project titles share one scale; metadata shares the quiet uppercase system. */
.work-section .film-project-head-open h3,
.work-section .series-feature-caption h3 {
  font-size:clamp(24px,2vw,31px)!important;
  line-height:1.05!important;
  margin:0!important;
}

@media(max-width:820px){
  /* The page section already supplies var(--pad); do not add a second mobile inset. */
  .work-section .series-feature-caption {
    padding:12px 0 0!important;
  }
  .work-section .feature-head,
  .work-section .film-project-head-open,
  .work-section .film-summary-open,
  .work-section .film-support-static,
  .work-section .series-feature-caption,
  .work-section .series-festival-history,
  .work-section .press-list {
    margin-left:0!important;
    width:100%!important;
  }
}

/* V44 copy-width fix — narrative copy follows the same work grid as headings and media */
.work-section .film-summary-open,
.work-section .film-summary-open p,
.work-section .about-copy,
.work-section .press-list,
.work-section .series-festival-history,
.work-section .film-support-static {
  width:100%!important;
  max-width:none!important;
}
.work-section .film-summary-open p {
  display:block!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Use a consistent readable measure only where the page is intentionally editorial, not in project sections. */
.about-detail-page .about-story-copy p,
.credits-page .credit-list,
.oba-page .oba-copy {
  max-width:70ch;
}

@media (min-width:821px){
  .work-section .film-summary-open{
    padding-right:0!important;
  }
}


/* V45 FINAL — unified work grid, typography, spacing, responsive behavior */
:root{
  --body-size:17px;
  --meta-size:12px;
  --work-title-size:clamp(24px,2vw,31px);
  --section-title-size:clamp(38px,4.2vw,64px);
  --work-gap:clamp(42px,5vw,70px);
}

/* One horizontal grid for every homepage work section. */
.work-section,
.work-section .feature-section,
.work-section .feature-head,
.work-section .film-project-open,
.work-section .film-project-head-open,
.work-section .film-summary-open,
.work-section .film-support-static,
.work-section .series-project-open,
.work-section .series-feature-caption,
.work-section .series-festival-history,
.work-section .press-list {
  box-sizing:border-box;
}
.work-section .feature-head,
.work-section .film-project-head-open,
.work-section .film-summary-open,
.work-section .film-support-static,
.work-section .series-feature-caption,
.work-section .series-festival-history,
.work-section .press-list {
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Section and project hierarchy. */
.work-section .feature-head h2{
  font-size:var(--section-title-size)!important;
  line-height:.98!important;
  margin:0!important;
}
.work-section .film-project-head-open h3,
.work-section .series-feature-caption h3{
  font-size:var(--work-title-size)!important;
  line-height:1.06!important;
  letter-spacing:-.025em!important;
  margin:0!important;
}
.eyebrow,.kicker,.feature-subline,.project-meta,
.series-feature-caption p,.film-support-static h3,
.series-festival-history h3,.credits-grid>h2{
  color:var(--muted)!important;
  font-size:var(--meta-size)!important;
  line-height:1.35!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  font-weight:500!important;
}
.feature-subline{margin:.55rem 0 0!important}
.project-meta{margin:.3rem 0 0!important}
.film-watch-link,.hero-reel-link,.about-more-link,.press-article-link{
  font-size:var(--meta-size)!important;
  line-height:1.35!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  font-style:normal!important;
  font-weight:500!important;
}

/* Train of Freedom reads as one compact unit. */
.film-project-head-open>div:first-child{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:.28rem!important;
}
.film-watch-link{margin-top:.08rem!important}
.film-summary-open{
  width:100%!important;
  max-width:none!important;
  padding-top:clamp(18px,2.3vw,30px)!important;
}
.film-summary-open p{
  width:100%!important;
  max-width:none!important;
  font-size:var(--body-size)!important;
  line-height:1.5!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Festival copy uses the same body scale as narrative copy. */
.film-support-static,.series-festival-history{
  margin-top:clamp(34px,4vw,58px)!important;
}
.film-support-static h3,.series-festival-history h3{
  margin:0 0 1.1rem!important;
}
.festival-list,
.festival-list li{
  font-size:var(--body-size)!important;
  line-height:1.5!important;
}
.festival-list{width:100%!important;max-width:none!important}
.festival-list li{margin-bottom:.9rem!important}
.festival-list strong{font-size:inherit!important;line-height:inherit!important}

/* Series caption follows the same project grid and type system. */
.series-feature-caption{padding-top:12px!important}
.series-feature-caption p{margin:.3rem 0 0!important}

/* Quiet press list; detail stays in projector. */
.press-list{display:block!important;background:transparent!important;border:0!important}
.press-item{
  display:block!important;
  width:100%!important;
  padding:clamp(11px,1.3vw,17px) 0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  text-align:left!important;
}
.press-item+.press-item{border-top:0!important;margin-top:.25rem!important}
.press-item .publication,.press-item p{
  font-size:var(--body-size)!important;
  line-height:1.42!important;
}
.press-item .publication{font-weight:700!important}
.press-item p{margin:.12rem 0!important}
.press-item .creditline{color:var(--muted)!important}

/* Consistent section rhythm. */
.feature-section{padding-top:var(--work-gap)!important;padding-bottom:0!important}
.feature-first{padding-top:0!important}
.feature-head{margin-bottom:clamp(16px,2vw,24px)!important}
.press-section{padding-bottom:clamp(18px,3vw,34px)!important}
.contact-section{padding-top:clamp(48px,5vw,72px)!important}
.contact-section h2{margin-bottom:clamp(10px,1.2vw,16px)!important}
.social-links{margin-top:0!important}

/* Portrait carousel: taller frames and true full-width slides on narrow screens. */
.looks-carousel .screen-media{aspect-ratio:3/4!important;margin-bottom:0!important}
.looks-carousel .screen-media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}

@media(max-width:820px){
  :root{--body-size:16px;--meta-size:11px;--work-gap:36px}
  .work-section .feature-head,
  .work-section .film-project-head-open,
  .work-section .film-summary-open,
  .work-section .film-support-static,
  .work-section .series-feature-caption,
  .work-section .series-festival-history,
  .work-section .press-list{
    width:100%!important;
    margin-left:0!important;
    padding-left:0!important;
  }
  .on-camera-carousel .slide,
  .looks-carousel .slide{
    flex:0 0 100%!important;
    width:100%!important;
    max-width:100%!important;
  }
  .series-feature-caption{padding:12px 0 0!important}
  .film-summary-open{padding-top:18px!important}
  .film-support-static,.series-festival-history{margin-top:32px!important}
}


/* V47 — expanded About action links use the unified metadata/action system */
.about-detail-page .about-detail-link,
.about-detail-page > .back-link{
  color:var(--muted,#6c6962) !important;
  font-size:.8rem !important;
  line-height:1.2;
  letter-spacing:.11em;
  text-transform:uppercase;
  font-style:normal !important;
  font-weight:500;
  text-decoration:none;
}
.about-detail-page .about-detail-link:hover,
.about-detail-page > .back-link:hover{
  color:var(--text,#111) !important;
  font-weight:600;
}

/* V48 — tighten expanded About vertical rhythm */
.about-detail-page .section{padding-top:clamp(2.4rem,4vw,4.5rem)!important;padding-bottom:clamp(2.4rem,4vw,4.5rem)!important;}
.about-detail-page .about-story-block + .about-story-block{margin-top:0!important;}
.about-story-copy h2{margin:.25rem 0 .8rem!important;}
.about-story-copy p:last-child{margin-bottom:0!important;}
.about-current-visuals figcaption{margin-top:.4rem;}
@media(max-width:760px){.about-detail-page .section{padding-top:2rem!important;padding-bottom:2rem!important}.about-story-block{gap:1rem!important}.about-story-copy h2{margin:.2rem 0 .65rem!important}}

/* V49 — expanded About typography and television layout consolidation */
.about-detail-page{
  --about-body:var(--body-size,17px);
  --about-meta:var(--meta-size,12px);
  --about-project:clamp(26px,2.6vw,38px);
  --about-gap:clamp(38px,4.5vw,64px);
}
.about-detail-page > .section{
  padding-top:var(--about-gap)!important;
  padding-bottom:var(--about-gap)!important;
}
.about-detail-page .about-detail-hero{
  padding-top:clamp(54px,6vw,90px)!important;
  padding-bottom:clamp(44px,5vw,70px)!important;
}
.about-detail-page .about-detail-lede{
  max-width:70ch!important;
  font-size:clamp(18px,1.8vw,26px)!important;
  line-height:1.38!important;
}
.about-detail-page .about-story-block{
  gap:clamp(24px,3.5vw,52px)!important;
}
.about-detail-page .about-story-copy,
.about-detail-page .about-experience-copy{
  max-width:72ch!important;
}
.about-detail-page .about-story-copy h2,
.about-detail-page .about-story-intro h2{
  font-size:clamp(32px,3.6vw,52px)!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
  margin:.35rem 0 .8rem!important;
}
.about-detail-page .about-story-copy p,
.about-detail-page .about-experience-copy p{
  font-size:var(--about-body)!important;
  line-height:1.5!important;
  margin:0 0 .9rem!important;
  max-width:70ch!important;
}
.about-detail-page .kicker,
.about-detail-page figcaption,
.about-detail-page .about-detail-link,
.about-detail-page .back-link{
  font-size:var(--about-meta)!important;
  line-height:1.35!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  color:var(--muted)!important;
  font-style:normal!important;
  font-weight:500!important;
}
.about-tv-section{
  display:block!important;
}
.about-story-intro{
  margin-bottom:clamp(28px,3.5vw,48px)!important;
}
.about-experience{
  display:grid;
  grid-template-columns:minmax(260px,.68fr) minmax(0,1.32fr);
  gap:clamp(24px,3.5vw,52px);
  align-items:start;
  padding:clamp(28px,3vw,44px) 0;
}
.about-experience + .about-experience{
  border-top:1px solid rgba(103,100,93,.22);
}
.about-experience h3{
  font-size:var(--about-project)!important;
  line-height:1.05!important;
  letter-spacing:-.025em!important;
  margin:.35rem 0 .75rem!important;
}
.about-inline-logo{
  margin:0 0 .8rem!important;
}
.about-tv-gallery{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  align-items:start;
}
.about-tv-gallery-two{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.about-tv-gallery-four{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.about-tv-gallery figure{
  margin:0;
}
.about-tv-gallery img{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
}
.about-tv-gallery figure:first-child img{
  object-position:center;
}
.about-tv-gallery figcaption{
  margin-top:.45rem!important;
}
.about-experience-current .about-tv-gallery img{
  aspect-ratio:4/5;
}
.about-experience-univision{
  grid-template-columns:minmax(0,720px);
  padding-bottom:0;
}
.about-detail-page > .back-link{
  display:inline-block;
  margin:0 var(--pad) clamp(48px,6vw,80px)!important;
}
@media(max-width:820px){
  .about-detail-page{--about-gap:34px}
  .about-detail-page > .section{
    padding-top:34px!important;
    padding-bottom:34px!important;
  }
  .about-detail-page .about-story-block{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
  .about-experience{
    grid-template-columns:1fr;
    gap:18px;
    padding:26px 0;
  }
  .about-tv-gallery,
  .about-tv-gallery-two,
  .about-tv-gallery-four{
    grid-template-columns:1fr 1fr;
  }
  .about-tv-gallery figure:first-child{
    grid-column:1/-1;
  }
  .about-tv-gallery figure:first-child img{
    aspect-ratio:16/10;
  }
  .about-experience-current .about-tv-gallery figure:first-child{
    grid-column:auto;
  }
  .about-experience-current .about-tv-gallery img{
    aspect-ratio:4/5;
  }
}
@media(max-width:520px){
  .about-tv-gallery,
  .about-tv-gallery-two,
  .about-tv-gallery-four{
    grid-template-columns:1fr;
  }
  .about-tv-gallery figure:first-child{grid-column:auto}
  .about-tv-gallery img,
  .about-tv-gallery figure:first-child img,
  .about-experience-current .about-tv-gallery img{
    aspect-ratio:auto;
    height:auto;
    object-fit:contain;
  }
}

/* V50 — simplified Career & Credits narrative */
.about-detail-hero-editorial{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);
  gap:clamp(28px,5vw,72px);
  align-items:end;
}
.about-detail-portrait{margin:0;overflow:hidden}
.about-detail-portrait img{display:block;width:100%;height:auto;max-height:760px;object-fit:cover;object-position:center 32%}
.about-chapter{display:block!important}
.about-chapter-head{max-width:72ch;margin-bottom:clamp(22px,3vw,38px)}
.about-chapter-head h2{font-size:clamp(32px,3.6vw,52px);line-height:1;letter-spacing:-.04em;margin:.35rem 0 0}
.about-chapter-copy{max-width:72ch}
.about-chapter-copy p{font-size:var(--body-size);line-height:1.5;margin:0 0 1rem}
.screen-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,34px);margin-bottom:clamp(34px,4vw,56px)}
.screen-work-card figure,.screen-work-row figure{margin:0}
.screen-work-card figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.screen-work-card .screen-work-copy{padding-top:.85rem}
.screen-work-copy{max-width:68ch}
.screen-work-copy h3{font-size:clamp(24px,2.5vw,36px);line-height:1.06;letter-spacing:-.025em;margin:.3rem 0 .65rem}
.screen-work-copy p{font-size:var(--body-size);line-height:1.5;margin:0}
.screen-work-row{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:clamp(22px,3.5vw,48px);align-items:start;padding:clamp(30px,3.5vw,50px) 0}
.screen-work-row + .screen-work-row{border-top:1px solid rgba(103,100,93,.18)}
.screen-work-row figure>img,.screen-work-single-image img{display:block;width:100%;height:auto}
.screen-work-trippin figure img{aspect-ratio:16/10;object-fit:cover}
.screen-work-tv{grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr)}
.screen-work-broadcast{grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr)}
.screen-work-morcheeba figure img{aspect-ratio:4/5;object-fit:cover}
.about-detail-page .screen-work-copy .kicker,.about-detail-page .about-chapter-head .kicker{margin-bottom:.2rem}
.about-detail-page .about-inline-logo{margin-bottom:.7rem!important}
.about-detail-page .about-tv-gallery figcaption{font-size:var(--meta-size)!important;color:var(--muted)!important;letter-spacing:.11em;text-transform:uppercase;line-height:1.35}
.about-detail-page > .about-chapter + .about-chapter{border-top:1px solid rgba(103,100,93,.18)}
@media(max-width:820px){
  .about-detail-hero-editorial{grid-template-columns:1fr;align-items:start}
  .about-detail-portrait img{max-height:none}
  .screen-work-grid{grid-template-columns:1fr}
  .screen-work-row,.screen-work-tv,.screen-work-broadcast{grid-template-columns:1fr;gap:18px}
  .screen-work-row{padding:28px 0}
}

/* V51 — Credits actions follow unified light-gray uppercase system */
.credits-page .credits-source a,
.credits-page .back-link{
  color:var(--muted,#6c6962)!important;
  font-size:var(--meta-size,.8rem)!important;
  line-height:1.2!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  font-style:normal!important;
  font-weight:500!important;
  text-decoration:none!important;
}
.credits-page .credits-source a:hover,
.credits-page .back-link:hover{
  color:var(--ink,#111)!important;
  font-weight:600!important;
}

/* V54 — keep Selected Credits compact on very wide screens */
.credits-grid{
  grid-template-columns:220px minmax(0,980px)!important;
  column-gap:50px!important;
  width:100%;
  max-width:1250px;
  align-items:start;
}
.credits-page .credit-list{
  width:100%;
  max-width:980px!important;
}
.credits-page .credit-list li{
  grid-template-columns:minmax(220px,300px) minmax(280px,500px) 90px!important;
  column-gap:28px!important;
  justify-content:start;
  align-items:baseline;
}
.credits-page .credit-year{
  text-align:right;
}

@media(max-width:1000px){
  .credits-grid{
    grid-template-columns:1fr!important;
    gap:18px!important;
    max-width:none;
  }
  .credits-page .credit-list{
    max-width:none!important;
  }
  .credits-page .credit-list li{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:4px 18px!important;
  }
  .credits-page .credit-list li > span:nth-child(2){
    grid-column:1 / -1;
    grid-row:2;
  }
  .credits-page .credit-year{
    grid-column:2;
    grid-row:1;
    text-align:right;
  }
}

/* V55 — Credits typography aligned with site-wide metadata system */
.credits-page .credits-note{
  color:var(--muted,#6c6962)!important;
  font-size:var(--meta-size,.8rem)!important;
  line-height:1.35!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  font-style:normal!important;
  font-weight:500!important;
  max-width:none!important;
}

.credits-page .credits-source a,
.credits-page .back-link{
  color:var(--muted,#6c6962)!important;
  font-size:var(--meta-size,.8rem)!important;
  line-height:1.2!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  font-style:normal!important;
  font-weight:500!important;
  text-decoration:none!important;
}

/* V56 — reliable in-page navigation with sticky header */
#about,#work,#contact,#on-camera,#films,#series,#press{
  scroll-margin-top:84px;
}
.contact-section{
  position:relative;
  z-index:1;
}


/* V57 — show the full Canal Trece / Vive Digital photos */
.screen-work-tv .about-tv-gallery img{
  aspect-ratio:auto !important;
  height:auto !important;
  object-fit:contain !important;
}
.screen-work-tv .about-tv-gallery figure:first-child img{
  aspect-ratio:auto !important;
  object-fit:contain !important;
}


.about-experience-univision{
  display:grid;
  grid-template-columns:minmax(260px,.68fr) minmax(0,1.32fr);
  gap:clamp(24px,3.5vw,52px);
  align-items:start;
}
.about-experience-univision .about-tv-gallery img{
  aspect-ratio:16/10;
  object-fit:cover;
}
@media(max-width:820px){
  .about-experience-univision{
    grid-template-columns:1fr;
    gap:18px;
  }
}
@media(max-width:520px){
  .about-experience-univision .about-tv-gallery img{
    aspect-ratio:auto;
    height:auto;
    object-fit:contain;
  }
}


/* V60 — harmonize expanded About page */
.about-detail-page{
  --about-row-gap:clamp(28px,3.2vw,46px);
  --about-grid-gap:clamp(22px,3vw,42px);
}

/* Keep one visual rhythm inside Screen Work; no decorative dividers between credits. */
.screen-work-row{
  gap:var(--about-grid-gap)!important;
  padding:var(--about-row-gap) 0!important;
}
.screen-work-row + .screen-work-row{
  border-top:0!important;
}
.screen-work-grid{
  gap:var(--about-grid-gap)!important;
  margin-bottom:var(--about-row-gap)!important;
}
.screen-work-copy h3{
  margin:.28rem 0 .55rem!important;
}
.screen-work-copy p{
  line-height:1.48!important;
}

/* Canal Trece: 2 x 2 editorial grid, full photographs, no cropping. */
.screen-work-tv .about-tv-gallery-four{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.screen-work-tv .about-tv-gallery-four figure{
  min-width:0;
}
.screen-work-tv .about-tv-gallery-four img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
}

/* Univision: two equal landscape frames. */
.about-experience-univision .about-tv-gallery-two{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.about-experience-univision .about-tv-gallery-two img{
  width:100%!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
}

/* Captions all share the same spacing and metadata treatment. */
.about-detail-page .about-tv-gallery figcaption{
  margin-top:.5rem!important;
  min-height:1.35em;
}

/* Major chapters remain distinct; internal credits do not. */
.about-detail-page > .about-chapter + .about-chapter{
  border-top:1px solid rgba(103,100,93,.16)!important;
}

/* Keep logos visually subordinate to titles. */
.about-inline-logo{
  max-height:48px!important;
  margin:0 0 .7rem!important;
}
.about-inline-logo.univision{max-width:230px!important}
.about-inline-logo.current{max-width:175px!important}

@media(max-width:820px){
  .screen-work-tv .about-tv-gallery-four,
  .about-experience-univision .about-tv-gallery-two{
    grid-template-columns:1fr!important;
  }
  .screen-work-tv .about-tv-gallery-four img,
  .about-experience-univision .about-tv-gallery-two img{
    aspect-ratio:auto!important;
    height:auto!important;
    object-fit:contain!important;
  }
}

/* V62 — restrained education/accolade signal on expanded About */
.about-detail-accolade{
  margin:.9rem 0 0!important;
  color:var(--muted,#6c6962)!important;
  font-size:var(--meta-size,.8rem)!important;
  line-height:1.35!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  font-style:normal!important;
  font-weight:500!important;
}

/* V63 — homepage About without milkshake image */
.about-home-actions{
  margin-top:clamp(1.25rem,2.2vw,2rem);
}

/* V66 — Video Art + Performance Art */
.video-art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;margin-top:2rem}.video-art-item{min-width:0}.video-art-frame{width:100%;aspect-ratio:16/9;background:#111;overflow:hidden;margin-bottom:.8rem}.video-art-frame iframe{width:100%;height:100%;display:block;border:0}.performance-art-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.5rem,4vw,4rem);align-items:start}.performance-art-image{margin:0}.performance-art-image img{width:100%;height:auto;display:block}@media (max-width:800px){.video-art-grid{grid-template-columns:1fr;gap:2rem}.performance-art-row{grid-template-columns:1fr}}


/* V67 — Video Art opens in the existing projector language */
.video-art-trigger{
  appearance:none;
  border:0;
  padding:0;
  margin:0;
  background:transparent;
  cursor:pointer;
  display:block;
  width:100%;
  text-align:left;
  overflow:hidden;
}
.video-art-trigger img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  transition:transform .25s ease;
}
.video-art-trigger:hover img,
.video-art-trigger:focus-visible img{transform:scale(1.01)}
.video-art-trigger:focus-visible{outline:1px solid currentColor;outline-offset:4px}
.video-art-dialog .dialog-shell{max-width:min(1120px,92vw)}