/* Clients: selected vertical end-credits film treatment. */
.clients-showcase{height:auto;aspect-ratio:45/32;min-height:0;display:grid;grid-template-columns:minmax(320px,.8fr) minmax(520px,1.2fr);grid-template-rows:minmax(0,1fr);align-items:stretch;overflow:hidden;background:var(--black)}
.clients-heading{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;height:100%;min-height:0;padding:clamp(70px,8vw,130px);overflow:hidden;background:#111}
.clients-heading-video{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.78)}
.clients-heading-shade{display:none!important}
.clients-heading .kicker,.clients-heading h2{position:relative;z-index:1}
.clients-heading h2{margin:10px 0 0;font-size:clamp(56px,7vw,116px);line-height:.86;letter-spacing:-.06em;font-weight:900}
.clients-heading .kicker{margin:0}
.clients-ours{position:relative;z-index:1;top:-.45em;right:-.04em;direction:rtl;display:inline-flex;align-items:center;justify-content:center;min-width:2.25em;margin-top:-.38em;margin-bottom:-.82em;padding:.09em .23em .12em;color:var(--black);background:var(--red);transform:rotate(-7deg) scale(.5);transform-origin:top right;white-space:nowrap}
.clients-ours-word{position:relative;display:inline-flex;align-items:center;direction:ltr;font-size:.667em;line-height:1;gap:0}
.clients-ours-text{display:inline-block;direction:rtl}
.clients-asterisk{order:2;align-self:flex-start;margin:-.1em 0 0 .02em;font-size:.42em;line-height:1}
.clients-ours-word>span:not(.clients-asterisk):not(.clients-heart){order:1}
.clients-vav{position:relative;display:inline-block}
.clients-ours .clients-heart{order:0;display:inline-block;margin:.12em calc(.04em + 9px) 0 -9px;font:900 .38em/1 Arial,sans-serif;translate:-4px 0;transform-origin:center;animation:clients-heartbeat 1.05s ease-in-out infinite}
.clients-film-stage{position:relative;min-height:0;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,2vw,28px);padding:0 clamp(18px,3vw,48px);overflow:hidden;background:linear-gradient(180deg,#0a0a0a,transparent 10%,transparent 90%,#0a0a0a)}
.clients-projection{position:absolute;z-index:5;inset:0;pointer-events:none;opacity:.1;background-image:repeating-radial-gradient(circle at 17% 31%,#fff5 0 1px,transparent 1px 4px);background-size:8px 8px;mix-blend-mode:screen;animation:clients-grain .35s steps(2,end) infinite}
.clients-film-stage:before,.clients-film-stage:after{content:"";position:absolute;z-index:4;left:0;right:0;height:15vh;pointer-events:none}.clients-film-stage:before{top:0;background:linear-gradient(#0a0a0a,transparent)}.clients-film-stage:after{bottom:0;background:linear-gradient(transparent,#0a0a0a)}
.clients-reel{position:relative;display:flex;flex-direction:column;padding:0 clamp(20px,2.1vw,34px);background-color:#09070d;background-image:repeating-linear-gradient(to bottom,var(--cream) 0 13px,transparent 13px 23px),repeating-linear-gradient(to bottom,var(--cream) 0 13px,transparent 13px 23px);background-repeat:repeat-y;background-size:12px 100%,12px 100%;background-position:6px 0,calc(100% - 6px) 0;border-inline:7px solid #09070d;will-change:transform}
.clients-reel-a{animation:clients-roll 28s linear infinite,clients-shudder .42s steps(2,end) infinite}.clients-reel-b{animation:clients-roll 32s linear infinite reverse,clients-shudder .46s steps(2,end) -.08s infinite;transform:translateY(-28%)}
.clients-film-stage:hover .clients-reel{animation-play-state:paused}
.client-film-frame{position:relative;flex:0 0 190px;display:grid;place-items:center;padding:28px;background:var(--cream);border:8px solid #09070d;box-shadow:inset 0 0 0 1px #1113}
.client-film-frame:after{content:"FRAME " attr(data-frame);position:absolute;right:12px;bottom:8px;color:var(--red);font:900 9px/1 Montserrat,sans-serif;letter-spacing:.12em}
.client-film-frame img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
@keyframes clients-roll{to{transform:translate3d(0,-50%,0)}}
@keyframes clients-shudder{0%,100%{left:0;top:0}35%{left:.35px;top:-.1px}70%{left:-.35px;top:.1px}}
@keyframes clients-grain{0%,100%{transform:translate(0)}50%{transform:translate(1px,-1px)}}

@keyframes clients-heartbeat {
  0%, 36%, 100% { transform: scale(1.5); }
  12% { transform: scale(1.77); }
  22% { transform: scale(1.56); }
  29% { transform: scale(1.695); }
}

/* Behind-the-scenes: a deliberately uneven museum wall, not a standard tile grid. */
.bts{height:auto;min-height:100svh;padding:clamp(80px,9vw,150px) 7vw;background:#111}
.bts .section-title{margin-bottom:clamp(32px,4vw,64px)}
.museum-gallery {
  direction: ltr;
}

.museum-piece {
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  color: var(--cream);
  text-align: left;
  cursor: zoom-in;
  min-width: 0;
  font-family: Montserrat, Heebo, sans-serif;
}

.museum-frame {
  transition: transform .35s ease, box-shadow .35s ease;
}

.museum-piece img {
  filter: saturate(.88) contrast(1.06);
}

.museum-piece:focus-visible {
  outline: 2px solid var(--red);
  outline-offset: 5px;
}

.card-title {
  font-family: Heebo, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
}

body.card-title-light-preview .card-title {
  font-weight: 500;
}

.work-subtitle {
  font-size: clamp(12px, 1.07vw, 17px);
}

@media (max-width: 780px) {
  .bts {
    padding: 82px 24px;
  }

  .bts .section-title {
    margin-bottom: 32px;
  }

  .museum-piece:hover .museum-frame,
  .museum-piece:focus-visible .museum-frame {
    transform: translateY(-8px) rotate(-.4deg);
  }
}

@media (min-width: 781px) {
  .bts {
    height: 100svh;
    min-height: 0;
    padding: 44px 7vw 24px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  .bts .section-title {
    margin-bottom: 18px;
    flex: 0 0 auto;
  }

  .bts .section-title h2 {
    font-size: clamp(30px, 3.45vw, 54px);
    line-height: .98;
  }

  .bts .section-title .kicker {
    margin-bottom: 9px;
  }

  .museum-piece:hover .museum-frame,
  .museum-piece:focus-visible .museum-frame {
    transform: translateY(-2px);
  }
}

/* Active BTS gallery: continuous right-to-left archive strip. */
.bts .museum-gallery {
  display: block !important;
  position: relative !important;
  flex: 1 1 auto;
  width: 100% !important;
  height: min(43svh, 480px) !important;
  min-height: 290px !important;
  margin: 0 !important;
  overflow: hidden !important;
  isolation: isolate;
}

.bts .museum-gallery .museum-track {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  gap: 10px !important;
  width: max-content !important;
  height: 100% !important;
  min-height: 0;
  direction: ltr;
  animation: none !important;
  will-change: transform !important;
}

.bts .museum-gallery .museum-track.is-loop-ready {
  animation: bts-gallery-flow-true-final 88s linear infinite !important;
}

.bts .museum-gallery .museum-piece,
.bts .museum-gallery .museum-piece[class*="piece-"] {
  display: block !important;
  position: relative !important;
  inset: auto !important;
  flex: 0 0 clamp(260px, 29vw, 480px) !important;
  width: clamp(260px, 29vw, 480px) !important;
  max-width: clamp(260px, 29vw, 480px) !important;
  height: 100% !important;
  min-height: 0;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
  grid-column: auto !important;
  grid-row: auto !important;
  background: transparent;
  overflow: hidden !important;
  contain: layout paint;
}

.bts .museum-gallery .museum-frame {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: none !important;
}

.bts .museum-gallery .museum-piece img {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: 100% !important;
  object-fit: cover !important;
  object-position: center;
  background: transparent !important;
}

.bts .museum-gallery .museum-video {
  pointer-events: none !important;
}

.bts .museum-gallery .museum-piece video {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: 100% !important;
  object-fit: cover !important;
  object-position: center;
  z-index: 1;
  opacity: 0;
  background: transparent !important;
  transition: opacity .25s ease;
}

.bts .museum-gallery .museum-video-fallback {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.bts .museum-gallery .museum-video.is-video-ready video {
  opacity: 1;
}

.bts .museum-caption {
  display: none !important;
}

.bts .museum-gallery:hover .museum-track,
.bts .museum-gallery:focus-within .museum-track {
  animation-play-state: paused !important;
}

@keyframes bts-gallery-flow-true-final {
  to {
    transform: translate3d(calc(-1 * var(--museum-loop-distance, 0px)), 0, 0);
  }
}

@media (max-width: 780px) {
  .bts .museum-gallery {
    height: min(41svh, 360px) !important;
    min-height: 245px !important;
  }

  .bts .museum-gallery .museum-track {
    gap: 6px !important;
  }

  .bts .museum-gallery .museum-track.is-loop-ready {
    animation-duration: 76s !important;
  }

  .bts .museum-gallery .museum-piece,
  .bts .museum-gallery .museum-piece[class*="piece-"] {
    flex-basis: 76vw !important;
    width: 76vw !important;
    max-width: 76vw !important;
  }
}

@media (max-width: 780px) {
  .clients-showcase{height:100svh;aspect-ratio:auto;min-height:0;grid-template-columns:1fr;grid-template-rows:minmax(0,55fr) minmax(0,45fr)}
  .clients-heading{height:auto;min-height:0;padding:78px 6vw 28px;justify-content:flex-end}
  .clients-heading h2{font-size:clamp(48px,14vw,70px)}
  .clients-film-stage{direction:ltr;height:auto;min-height:0;grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:4px;padding:6px 0}
  .clients-film-stage:before,.clients-film-stage:after{top:0;bottom:0;width:12vw;height:auto}
  .clients-film-stage:before{right:auto;background:linear-gradient(90deg,#0a0a0a,transparent)}
  .clients-film-stage:after{left:auto;background:linear-gradient(90deg,transparent,#0a0a0a)}
  .clients-reel{direction:ltr;flex-direction:row;padding:17px 0;background-image:repeating-linear-gradient(to right,var(--cream) 0 13px,transparent 13px 23px),repeating-linear-gradient(to right,var(--cream) 0 13px,transparent 13px 23px);background-repeat:repeat-x;background-size:100% 10px;background-position:0 5px,0 calc(100% - 5px);border-inline:0;border-block:6px solid #09070d}
  .clients-reel-a{animation:clients-roll-mobile-ltr 28s linear infinite,clients-shudder .42s steps(2,end) infinite}
  .clients-reel-b{animation:clients-roll-mobile-rtl 32s linear infinite,clients-shudder .46s steps(2,end) -.08s infinite}
  .client-film-frame{flex-basis:145px;padding:20px;border-width:6px}
  @keyframes clients-roll-mobile-ltr{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}
  @keyframes clients-roll-mobile-rtl{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
}

@media (prefers-reduced-motion: reduce) {
  .clients-reel,
  .clients-projection,
  .clients-heart {
    animation: none;
  }
}
/* Restored final client-logo refinements. */
.client-film-frame:after{display:none!important}
.client-film-frame[data-logo="client-09-full.svg"]{background:#fff!important}
.client-film-frame[data-logo^="client-09-full.svg"]{background:#fff!important}
.client-film-frame[data-logo^="client-09-full.svg"] img{width:88%!important;height:auto!important;max-height:78%!important;object-fit:contain!important;object-position:center!important;mix-blend-mode:normal!important;margin:auto!important}
.client-film-frame[data-logo="client-11.png"] img{width:72%!important;height:72%!important;object-fit:contain!important;object-position:center!important}
.client-film-frame[data-logo="client-mda.png"] img{width:82%!important;height:82%!important;object-fit:contain!important;object-position:center!important;mix-blend-mode:normal!important}
.client-film-frame[data-logo="client-mishloha.png"] img{width:70%!important;height:70%!important;object-fit:contain!important;object-position:center!important;mix-blend-mode:normal!important}
.client-film-frame[data-logo="client-israel-police.png"] img{width:76%!important;height:76%!important;object-fit:contain!important;object-position:center!important;mix-blend-mode:normal!important}
.client-film-frame{justify-items:center!important;align-items:center!important}
.client-film-frame img{object-position:center!important;margin:auto!important}
@media(max-width:780px){.clients-reel{animation-play-state:running!important;will-change:transform!important}.clients-reel-a{animation:clients-roll-mobile-rtl 24s linear infinite!important;animation-play-state:running!important}.clients-reel-b{animation:clients-roll-mobile-ltr 27s linear infinite!important;animation-play-state:running!important}.clients-ours{margin-top:-.34em;margin-bottom:-.46em}}