.film-card{position:relative;transition:opacity .25s}.film-card.is-playing{z-index:4}.film-card-visual{position:relative;transform:perspective(1100px) translateZ(0) translateY(0);transform-origin:center;transition:transform .65s cubic-bezier(.2,.75,.2,1),filter .65s;will-change:auto}.film-card-visual.is-previewing{transform:perspective(1100px) translateZ(32px) translateY(-8px);filter:drop-shadow(0 18px 22px #0009)}
.film-card-image::before{content:'';position:absolute;inset:-15px;background:var(--cover-background) center/cover;filter:blur(17px);opacity:.42;z-index:-1}.film-card-image>img,.film-card-image>video{object-fit:contain}.film-card-image.is-previewing{border-color:#d8b2a280;box-shadow:0 0 0 1px #ad6c5a22}.film-card-sound{position:absolute;inset-inline-end:12px;inset-block-start:12px;z-index:4;display:flex;align-items:center;gap:6px;max-width:calc(100% - 80px);padding:9px 12px;border:1px solid #e9c9b77a;border-radius:24px;background:#1a1010e0;backdrop-filter:blur(9px);font-size:9px;color:#f9e8df}.film-card-sound::before{content:'♪';font-size:15px;line-height:1}.film-card-sound[aria-pressed=false]{border-color:#ca766a99;background:#610f0fd9}.film-duration{inset-inline-end:auto;inset-inline-start:12px}.is-previewing .film-preview-hint{max-width:calc(100% - 115px)}
.catalogue-fields{display:block}.catalogue-search{max-width:430px}.catalogue-filter-heading{font-size:10px;color:var(--muted);margin:21px 0 11px}.catalogue-filter-chips{display:flex;gap:9px;flex-wrap:wrap}.catalogue-filter-chips button{font-size:11px;padding:10px 16px;border:1px solid #dfcfd62e;border-radius:24px;color:var(--muted);transition:background .25s,border-color .25s}.catalogue-filter-chips button[aria-pressed=true]{background:#63000066;border-color:#b76d5f8c;color:var(--text)}.catalogue-filter-chips button:hover{border-color:#c6a18b80}.catalogue-results{margin-top:20px}
.scroll-float{translate:0 var(--scroll-drift,0px);transition:opacity .85s ease,filter .85s ease;will-change:auto}.home-motion-ready .scroll-float:not(.is-revealed){opacity:0;filter:blur(3px)}.home-motion-ready .scroll-float.is-revealed{opacity:1;filter:none}.home-motion-ready .content-section{perspective:1400px}
.hero-motion {
  position: absolute;
  inset: 1px;
  z-index: 0;
  overflow: hidden;
  border-radius: 33px;
  background: #0b0808;
  pointer-events: none;
}
.hero-motion video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .92;
  filter: brightness(.97) saturate(.75) blur(.9px);
}
.hero-motion::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center, #19090c55, transparent 80%),
    linear-gradient(180deg, #230a1050, #15080b48);
}
.studio-hero .hero-glass {
  z-index: 1;
  background: linear-gradient(125deg, #29161c35, #120a0d0f 40%, #260a1229);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.studio-hero .hero-glass::after {
  content: none;
}
.studio-hero .studio-hero-content {
  padding: 32px 5%;
  gap: 19px;
}
.studio-hero .studio-welcome {
  margin: 0;
  color: #f2e5de;
  font-size: clamp(12px, 1.25vw, 16px);
  font-weight: 500;
  letter-spacing: .2em;
  text-shadow: 0 2px 8px #0b0507;
  translate: 0 clamp(10px, 2vw, 25px);
}
[dir=rtl] .studio-hero .studio-welcome {
  letter-spacing: 0;
}
.studio-hero h1.studio-wordmark {
  width: min(90%, 850px);
  gap: 12px;
}
.studio-hero .studio-services {
  max-width: 100%;
  margin: 0;
  color: #eee0da;
  font-size: clamp(12px, 1.3vw, 17px);
  text-shadow: 0 2px 8px #0b0507;
}
.studio-hero + .hero-actions,
[dir=rtl] .studio-hero + .hero-actions {
  justify-content: center;
  gap: 16px;
  margin: 26px auto 0;
}
.studio-hero + .hero-actions .button {
  justify-content: center;
  min-height: 64px;
  padding: 17px 28px;
  font-size: 15px;
}
.hero-media-controls {
  position: absolute;
  inset-inline-end: 24px;
  bottom: 20px;
  z-index: 4;
  display: flex;
  gap: 7px;
}
.hero-media-controls button {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 1px solid #d0ada578;
  border-radius: 50%;
  background: #190f0fdf;
  color: #f2dfd8;
}
.hero-media-controls button:hover,
.hero-media-controls button:focus-visible {
  background: #55252d;
}
.hero-media-controls svg {
  width: 16px;
  height: 16px;
}
.hero-media-controls button[aria-pressed=false] .icon-on,
.hero-media-controls button[aria-pressed=true] .icon-off {
  display: none;
}
@media (max-width: 760px) {
  .hero-motion { border-radius: 24px; }
  .hero-media-controls { inset-inline-end: 12px; bottom: 12px; }
  .studio-hero + .hero-actions { gap: 10px; margin-top: 18px; }
  .studio-hero + .hero-actions .button { min-height: 58px; padding: 13px 16px; font-size: 13px; }
}
@media(max-width:760px){.film-card-visual.is-previewing{transform:translateY(-5px) scale(1.015)}.film-card-sound{font-size:10px}.catalogue-filter-chips{gap:8px}.catalogue-filter-chips button{font-size:10px;padding:10px 14px}.is-previewing .film-preview-hint{display:none}}
@media(prefers-reduced-motion:reduce){.film-card-visual,.film-card-visual.is-previewing,.scroll-float,.home-motion-ready .studio-hero-content{transform:none!important;translate:none!important;transition:none!important}.home-motion-ready .scroll-float{opacity:1!important;filter:none!important}}
.motion-paused .scroll-float,.motion-paused .studio-hero-content{translate:none!important}.motion-paused .scroll-float{opacity:1!important;filter:none!important}
body .catalogue-toolbar{padding:0;border:0;background:none;backdrop-filter:none}body .catalogue-fields{display:block}body .catalogue-fields input{border-radius:30px}.catalogue-filter-heading{display:none}.catalogue-filter-chips{margin-top:18px;padding-block:18px;border-block:1px solid #dfcfd626}body>[data-grid-sound]{position:fixed;bottom:22px;inset-inline-end:215px;z-index:12;width:44px;height:44px;border:1px solid #c78b7966;border-radius:50%;background:#311818;font-size:0}body>[data-grid-sound]::before{content:"🔇";font-size:17px}body>[data-grid-sound][aria-pressed=true]::before{content:"🔊"}