*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--red:#E8000A;--black:#0a0a0a;--white:#f2ede8;--gray:#141414;--mid:#1e1e1e;--steel:#2a2a2a;--lg:#777;--rule:rgba(255,255,255,0.07)}
html{scroll-behavior:smooth}
body{background:var(--black);color:var(--white);font-family:'Barlow',sans-serif;font-weight:300;overflow-x:hidden}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:1rem 3rem;background:rgba(10,10,10,0.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--rule)}
.nav-logo img{height:44px;width:auto}
.nav-links{display:flex;gap:2rem;list-style:none;align-items:center}
.nav-links a{color:rgba(242,237,232,0.6);text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-size:0.78rem;letter-spacing:0.2em;text-transform:uppercase;font-weight:600;transition:color 0.2s}
.nav-links a:hover{color:var(--white)}
.nav-cta{background:var(--red)!important;color:var(--white)!important;padding:0.5rem 1.4rem}

/* HERO */
.hero{height:100vh;position:relative;overflow:hidden;background:var(--black)}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease}
.hero-slide.active{opacity:1}
.hero-slide img{width:100%;height:100%;object-fit:cover;filter:brightness(0.4)}
.hero-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 4rem;background:linear-gradient(90deg,rgba(10,10,10,0.75) 45%,transparent)}
.hero-tag{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(232,0,10,0.45);padding:0.35rem 0.9rem;margin-bottom:1.8rem;width:fit-content}
.hero-tag-dot{width:6px;height:6px;background:var(--red);border-radius:50%;animation:blink 2s ease infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0.3}}
.hero-tag span{font-family:'Barlow Condensed',sans-serif;font-size:0.72rem;letter-spacing:0.28em;text-transform:uppercase;color:var(--red);font-weight:700}
.hero-h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(5rem,11vw,12rem);line-height:0.85}
.h1-outline{-webkit-text-stroke:2px var(--white);color:transparent;display:block}
.h1-red{-webkit-text-stroke:2px var(--red);color:transparent;display:block}
.h1-solid{color:var(--white);display:block}
.hero-sub{margin-top:1.8rem;font-size:1.02rem;font-weight:300;color:rgba(242,237,232,0.65);max-width:520px;line-height:1.8}
.hero-btns{margin-top:2.5rem;display:flex;gap:1rem}
.hero-dots{position:absolute;bottom:2.5rem;left:4rem;display:flex;gap:10px;z-index:10}
.hero-dot{width:28px;height:3px;background:rgba(255,255,255,0.3);cursor:pointer;transition:background 0.3s}
.hero-dot.active{background:var(--red)}
.hero-spec{position:absolute;right:3rem;top:50%;transform:translateY(-50%);border:1px solid var(--rule);border-top:2px solid var(--red);padding:1.8rem;background:rgba(10,10,10,0.9);min-width:260px;z-index:10}
.spec-lbl{font-family:'Barlow Condensed',sans-serif;font-size:0.67rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--red);font-weight:700;padding-bottom:0.8rem;border-bottom:1px solid var(--rule);margin-bottom:0.8rem}
.spec-row{display:flex;justify-content:space-between;padding:0.55rem 0;border-bottom:1px solid var(--rule);gap:1rem}
.spec-k{font-family:'Barlow Condensed',sans-serif;font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--lg)}
.spec-v{font-family:'Barlow Condensed',sans-serif;font-size:0.8rem;font-weight:600;color:var(--white);text-align:right}
.spec-v.red{color:var(--red)}
.spec-ft{margin-top:1rem;font-family:'Barlow Condensed',sans-serif;font-size:0.68rem;letter-spacing:0.12em;color:var(--lg);text-transform:uppercase}

/* BUTTONS */
.btn-p{display:inline-block;background:var(--red);color:var(--white);padding:0.9rem 2rem;font-family:'Barlow Condensed',sans-serif;font-size:0.8rem;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;text-decoration:none;transition:background 0.2s,transform 0.15s;cursor:pointer;border:none}
.btn-p:hover{background:#bf0008;transform:translateY(-2px)}
.btn-g{display:inline-block;border:1px solid rgba(242,237,232,0.3);color:var(--white);padding:0.9rem 2rem;font-family:'Barlow Condensed',sans-serif;font-size:0.8rem;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;text-decoration:none;transition:all 0.2s}
.btn-g:hover{border-color:var(--white)}
.btn-w{display:inline-block;background:var(--white);color:var(--red);padding:0.9rem 2rem;font-family:'Barlow Condensed',sans-serif;font-size:0.8rem;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;text-decoration:none;transition:opacity 0.2s}
.btn-w:hover{opacity:0.88}

/* TICKER */
.ticker-wrap{overflow:hidden;background:var(--red);padding:0.7rem 0}
.ticker-inner{display:inline-flex;white-space:nowrap;animation:ticker 38s linear infinite}
.ti{font-family:'Bebas Neue',sans-serif;font-size:1rem;letter-spacing:0.12em;color:#fff;padding:0 2rem;display:inline-flex;align-items:center;gap:2rem}
.tsep{display:inline-block;width:4px;height:4px;background:rgba(255,255,255,0.4);border-radius:50%;flex-shrink:0}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* SHARED */
section{padding:7rem 3rem}
.eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:0.72rem;letter-spacing:0.32em;text-transform:uppercase;color:var(--red);font-weight:700;display:flex;align-items:center;gap:10px;margin-bottom:1rem}
.eyebrow::before{content:'';display:block;width:28px;height:1px;background:var(--red);flex-shrink:0}
.sec-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(3.5rem,6.5vw,6rem);line-height:0.88;letter-spacing:0.02em}
.reveal{opacity:0;transform:translateY(22px);transition:opacity 0.65s ease,transform 0.65s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* PRODUCTION FLOOR */
.pf{background:var(--gray);display:grid;grid-template-columns:1.1fr 0.9fr}
.pf-left{padding:7rem 4rem 7rem 3rem;border-right:1px solid var(--rule)}
.pf-left p{margin-top:1.8rem;font-size:1.02rem;color:rgba(242,237,232,0.62);line-height:1.85;max-width:520px}
.pf-left p+p{margin-top:1rem}
.pf-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.oc{padding:2.5rem 2rem;border-bottom:1px solid var(--rule);border-right:1px solid var(--rule);transition:background 0.3s}
.oc:hover{background:var(--mid)}
.oc:nth-child(2n){border-right:none}
.oc:nth-child(n+3){border-bottom:none}
.oc.feat{background:var(--red);border-color:var(--red)}
.oc.feat:hover{background:#c5000a}
.oc-num{font-family:'Bebas Neue',sans-serif;font-size:3.5rem;line-height:1;color:var(--white)}
.oc-lbl{font-family:'Barlow Condensed',sans-serif;font-size:0.72rem;letter-spacing:0.18em;text-transform:uppercase;color:rgba(242,237,232,0.52);margin-top:0.3rem}
.oc.feat .oc-lbl{color:rgba(242,237,232,0.75)}

/* VERT SLIDER */
.vs-sec{background:var(--black);display:grid;grid-template-columns:1fr 1fr;min-height:600px}
.vs-left{padding:7rem 4rem 7rem 3rem;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--rule)}
.vs-left p{margin-top:1.5rem;font-size:1rem;color:rgba(242,237,232,0.58);line-height:1.85}
.vs-right{position:relative;overflow:hidden}
.vs-slide{position:absolute;inset:0;opacity:0;transition:opacity 0.8s ease}
.vs-slide.active{opacity:1;position:relative}
.vs-slide img{width:100%;height:600px;object-fit:cover}
.vs-ctrl{position:absolute;bottom:1.5rem;right:1.5rem;display:flex;gap:8px;z-index:10}
.vs-btn{width:36px;height:36px;background:rgba(10,10,10,0.8);border:1px solid var(--rule);color:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:background 0.2s;user-select:none}
.vs-btn:hover{background:var(--red)}

/* PORTFOLIO */
.port-sec{background:var(--steel);padding:7rem 3rem}
.port-hdr{margin-bottom:4rem;display:flex;justify-content:space-between;align-items:flex-end}
.port-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.port-tile{position:relative;overflow:hidden;cursor:pointer;aspect-ratio:4/3;background:var(--mid)}
.port-tile img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease,filter 0.4s ease}
.port-tile:hover img{transform:scale(1.06);filter:brightness(0.3)}
.port-hover{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;opacity:0;transition:opacity 0.4s ease;background:linear-gradient(transparent 20%,rgba(10,10,10,0.92) 100%)}
.port-tile:hover .port-hover{opacity:1}
.port-title{font-family:'Barlow Condensed',sans-serif;font-size:1.05rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;line-height:1.15;color:var(--white)}
.port-cat{font-family:'Barlow Condensed',sans-serif;font-size:0.7rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--red);margin-top:0.4rem;font-weight:700}
.port-arrow{position:absolute;top:1.5rem;right:1.5rem;width:36px;height:36px;background:var(--red);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;opacity:0;transition:opacity 0.4s ease}
.port-tile:hover .port-arrow{opacity:1}

/* LIGHTBOX */
.lb{display:none;position:fixed;inset:0;z-index:500;background:rgba(10,10,10,0.97);overflow-y:auto}
.lb.open{display:block}
.lb-in{max-width:1000px;margin:0 auto;padding:5rem 3rem 4rem}
.lb-close{position:fixed;top:1.5rem;right:2rem;background:none;border:none;color:var(--white);font-size:2rem;cursor:pointer;z-index:600;opacity:0.7;transition:opacity 0.2s;line-height:1}
.lb-close:hover{opacity:1;color:var(--red)}
.lb-eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:0.72rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--red);font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:10px}
.lb-eyebrow::before{content:'';width:28px;height:1px;background:var(--red)}
.lb-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(2rem,5vw,4.5rem);line-height:0.9;margin-bottom:0.8rem}
.lb-cat{font-family:'Barlow Condensed',sans-serif;font-size:0.78rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--lg);margin-bottom:2.5rem}
.lb-img{width:100%;max-height:72vh;object-fit:contain;background:var(--gray)}
.lb-ig{display:inline-flex;align-items:center;gap:8px;margin-top:1.5rem;font-family:'Barlow Condensed',sans-serif;font-size:0.78rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--lg);text-decoration:none;border:1px solid var(--rule);padding:0.5rem 1rem;transition:border-color 0.2s,color 0.2s}
.lb-ig:hover{border-color:var(--red);color:var(--red)}
.lb-ig svg{width:15px;height:15px;fill:currentColor;flex-shrink:0}

/* ASSEMBLY */
.asm{background:var(--black)}
.asm-hdr{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end;margin-bottom:5rem;padding-bottom:2.5rem;border-bottom:1px solid var(--rule)}
.asm-intro{font-size:0.95rem;color:rgba(242,237,232,0.48);line-height:1.85;margin-top:1rem}
.asm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule)}
.stn{background:var(--black);padding:3rem 2.5rem 2.5rem;position:relative;transition:background 0.35s}
.stn:hover{background:var(--gray)}
.stn::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--rule);transition:background 0.35s}
.stn:hover::before{background:var(--red)}
.stn-id{font-family:'Barlow Condensed',sans-serif;font-size:0.68rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--red);margin-bottom:2rem;font-weight:700}
.stn-name{font-family:'Barlow Condensed',sans-serif;font-size:1.42rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:0.9rem;line-height:1.1}
.stn-desc{font-size:0.87rem;color:rgba(242,237,232,0.48);line-height:1.75}
.stn-out{margin-top:1.8rem;padding-top:1.2rem;border-top:1px solid var(--rule);font-family:'Barlow Condensed',sans-serif;font-size:0.69rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--lg)}
.stn-out span{color:var(--white);font-weight:600}

/* BUILD SEQUENCE */
.bseq{background:var(--steel);padding:7rem 3rem}
.bseq-hdr{text-align:center;margin-bottom:5rem}
.steps{display:flex;justify-content:space-between;position:relative;gap:1rem}
.steps::before{content:'';position:absolute;top:27px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,var(--red) 15%,var(--red) 85%,transparent)}
.step{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;padding:0 1rem;position:relative}
.step-node{width:54px;height:54px;border:2px solid var(--red);background:var(--steel);display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:1.35rem;color:var(--red);margin-bottom:1.5rem;position:relative;z-index:1}
.step-name{font-family:'Barlow Condensed',sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:0.6rem}
.step-desc{font-size:0.8rem;color:rgba(242,237,232,0.42);line-height:1.6}

/* MANIFESTO */
.mani{background:var(--red);padding:5rem 3rem;display:flex;align-items:center;justify-content:space-between;gap:4rem;flex-wrap:wrap}
.mani-txt{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.8rem,5.5vw,5rem);line-height:0.9;flex:1;min-width:300px;color:var(--white)}
.mani-sub{flex:0 0 360px}
.mani-sub p{font-size:1rem;color:rgba(242,237,232,0.82);line-height:1.85;margin-bottom:2rem}

/* CLIENT LOGOS */
.clients-sec{background:var(--gray);padding:5rem 3rem;overflow:hidden}
.clients-hdr{text-align:center;margin-bottom:3.5rem}
.clients-hdr h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);margin-top:1rem}
.logo-wrap{overflow:hidden;position:relative}
.logo-wrap::before,.logo-wrap::after{content:'';position:absolute;top:0;bottom:0;width:120px;z-index:2}
.logo-wrap::before{left:0;background:linear-gradient(90deg,var(--gray),transparent)}
.logo-wrap::after{right:0;background:linear-gradient(270deg,var(--gray),transparent)}
.logo-scroll{display:flex;animation:logoscroll 32s linear infinite;width:max-content}
.logo-scroll:hover{animation-play-state:paused}
@keyframes logoscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.logo-item{flex:0 0 160px;height:80px;display:flex;align-items:center;justify-content:center;padding:0 20px;border-right:1px solid var(--rule);filter:brightness(0) invert(1);opacity:0.32;transition:opacity 0.3s}
.logo-item:hover{opacity:0.8}
.logo-item img{max-width:110px;max-height:44px;object-fit:contain}

/* DISCIPLINES */
.disc-sec{background:var(--gray);padding:7rem 3rem}
.disc-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:4rem;border-top:1px solid var(--rule);border-left:1px solid var(--rule)}
.disc-item{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:1.7rem 2.5rem;display:flex;align-items:center;gap:1.5rem;transition:background 0.25s}
.disc-item:hover{background:var(--mid)}
.disc-arr{font-family:'Barlow Condensed',sans-serif;font-size:1.1rem;color:var(--red);flex-shrink:0;transition:transform 0.2s}
.disc-item:hover .disc-arr{transform:translateX(5px)}
.disc-name{font-family:'Barlow Condensed',sans-serif;font-size:1.18rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em}

/* CONTACT */
.ct-sec{background:var(--black);display:grid;grid-template-columns:1fr 1fr}
.ct-left{padding:7rem 4rem 7rem 3rem;border-right:1px solid var(--rule);display:flex;flex-direction:column;justify-content:center}
.ct-left h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(3rem,5.5vw,5rem);line-height:0.88;margin-top:1rem;margin-bottom:2rem}
.ct-left p{font-size:0.98rem;color:rgba(242,237,232,0.52);line-height:1.85;max-width:400px;margin-bottom:2.5rem}
.ct-links{display:flex;flex-direction:column;gap:0.85rem}
.ct-links a{font-family:'Barlow Condensed',sans-serif;font-size:0.82rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(242,237,232,0.48);text-decoration:none;display:flex;align-items:center;gap:10px;transition:color 0.2s}
.ct-links a:hover{color:var(--red)}
.ct-links a::before{content:'→';color:var(--red)}
.ct-right{padding:7rem 3rem 7rem 4rem;background:var(--gray);display:flex;flex-direction:column;justify-content:center}
.f-lbl{font-family:'Barlow Condensed',sans-serif;font-size:0.68rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--lg);font-weight:700;display:block;margin-bottom:0.4rem}
.f-fld{margin-bottom:1.2rem}
.f-fld input,.f-fld textarea,.f-fld select{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,0.14);color:var(--white);padding:0.75rem 0;font-family:'Barlow',sans-serif;font-size:0.95rem;font-weight:300;outline:none;transition:border-color 0.2s;resize:none}
.f-fld input:focus,.f-fld textarea:focus,.f-fld select:focus{border-bottom-color:var(--red)}
.f-fld select option{background:#1e1e1e}
.f-row2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}

/* FOOTER */
footer{background:#050505;padding:2.5rem 3rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;border-top:1px solid var(--rule)}
.ft-logo img{height:34px}
.ft-copy{font-size:0.75rem;color:var(--lg);letter-spacing:0.06em;text-align:center}
.ft-links{display:flex;gap:2rem;list-style:none;justify-content:flex-end}
.ft-links a{color:var(--lg);text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-size:0.75rem;letter-spacing:0.15em;text-transform:uppercase;transition:color 0.2s}
.ft-links a:hover{color:var(--red)}

@media(max-width:1024px){.hero-spec{display:none}.pf,.vs-sec,.ct-sec{grid-template-columns:1fr}.asm-hdr{grid-template-columns:1fr;gap:1.5rem}.port-grid{grid-template-columns:1fr 1fr}.port-hdr{flex-direction:column;align-items:flex-start;gap:1rem}}
@media(max-width:768px){nav{padding:1rem 1.5rem}.nav-links{display:none}section{padding:5rem 1.5rem}.asm-grid{grid-template-columns:1fr}.disc-grid{grid-template-columns:1fr}.steps{flex-wrap:wrap;gap:2rem}.steps::before{display:none}.mani{flex-direction:column}footer{grid-template-columns:1fr;text-align:center}.ft-links{justify-content:center}.f-row2{grid-template-columns:1fr;gap:0}.port-grid{grid-template-columns:1fr}.hero-overlay{padding:0 2rem}}

/* ORIGINAL PRODUCTIONS */
.prods-section {
  background: #080808;
  padding: 0;
}
.prods-header {
  padding: 7rem 3rem 4rem;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 2rem;
}
.prods-header-right {
  max-width: 400px;
  font-size: 0.95rem;
  color: rgba(242,237,232,0.42);
  line-height: 1.85;
}
.prod-card {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 580px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  position: relative;
  overflow: hidden;
}
.prod-card.reverse { direction: rtl; }
.prod-card.reverse > * { direction: ltr; }
.prod-poster {
  position: relative;
  overflow: hidden;
}
.prod-poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  transition: transform 0.6s ease;
  filter: brightness(0.75);
}
.prod-card:hover .prod-poster img { transform: scale(1.04); filter: brightness(0.6); }
.prod-poster-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  padding: 2rem;
}
.prod-info {
  padding: 4rem 4rem 4rem 3.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.prod-card.reverse .prod-info { padding: 4rem 3.5rem 4rem 4rem; }
.prod-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0.3rem 0.9rem;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 0.68rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 1.5rem;
  width: fit-content;
}
.prod-badge.series { background: rgba(0,200,80,0.12); color: #00c850; border: 1px solid rgba(0,200,80,0.25); }
.prod-badge.film { background: rgba(100,160,255,0.12); color: #80aaff; border: 1px solid rgba(100,160,255,0.25); }
.prod-badge.live { background: rgba(232,0,10,0.12); color: var(--red); border: 1px solid rgba(232,0,10,0.25); }
.prod-badge-dot { width: 5px; height: 5px; border-radius: 50%; background: currentColor; animation: blink 2s ease infinite; }
.prod-number {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 5.5rem;
  line-height: 1;
  color: rgba(255,255,255,0.04);
  position: absolute;
  top: 1rem;
  right: 2rem;
  pointer-events: none;
  user-select: none;
}
.prod-title {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(2.8rem, 5vw, 5rem);
  line-height: 0.88;
  margin-bottom: 0.6rem;
  letter-spacing: 0.02em;
}
.prod-subtitle {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 0.85rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: rgba(242,237,232,0.45);
  margin-bottom: 1.8rem;
  font-weight: 600;
}
.prod-logline {
  font-size: 1rem;
  color: rgba(242,237,232,0.68);
  line-height: 1.85;
  margin-bottom: 2rem;
  max-width: 440px;
}
.prod-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 2.5rem;
}
.prod-tag {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 0.7rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(242,237,232,0.4);
  border: 1px solid rgba(255,255,255,0.1);
  padding: 0.3rem 0.8rem;
}
.prod-actions {
  display: flex;
  gap: 1rem;
  align-items: center;
  flex-wrap: wrap;
}
.prod-btn-primary {
  background: var(--red);
  color: var(--white);
  padding: 0.75rem 1.8rem;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  cursor: pointer;
  border: none;
  transition: background 0.2s, transform 0.15s;
}
.prod-btn-primary:hover { background: #bf0008; transform: translateY(-1px); }
.prod-btn-ghost {
  color: rgba(242,237,232,0.5);
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  cursor: pointer;
  border: none;
  background: none;
  transition: color 0.2s;
}
.prod-btn-ghost:hover { color: var(--white); }

/* INQUIRY MODAL */
.prod-modal-bg {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 700;
  background: rgba(5,5,5,0.95);
  align-items: center;
  justify-content: center;
}
.prod-modal-bg.open { display: flex; }
.prod-modal {
  background: #141414;
  border: 1px solid rgba(255,255,255,0.08);
  border-top: 2px solid var(--red);
  padding: 3rem;
  max-width: 560px;
  width: 90%;
  position: relative;
}
.prod-modal-close {
  position: absolute;
  top: 1rem;
  right: 1.5rem;
  background: none;
  border: none;
  color: rgba(242,237,232,0.5);
  font-size: 1.5rem;
  cursor: pointer;
  transition: color 0.2s;
}
.prod-modal-close:hover { color: var(--red); }
.prod-modal-title {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 2.2rem;
  line-height: 0.9;
  margin-bottom: 0.4rem;
}
.prod-modal-sub {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--red);
  margin-bottom: 1.8rem;
}
.prod-modal p {
  font-size: 0.9rem;
  color: rgba(242,237,232,0.55);
  line-height: 1.8;
  margin-bottom: 2rem;
}
.prod-modal-field { margin-bottom: 1rem; }
.prod-modal-field label {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 0.68rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: rgba(242,237,232,0.45);
  font-weight: 700;
  display: block;
  margin-bottom: 0.35rem;
}
.prod-modal-field input,
.prod-modal-field textarea,
.prod-modal-field select {
  width: 100%;
  background: rgba(255,255,255,0.04);
  border: none;
  border-bottom: 1px solid rgba(255,255,255,0.12);
  color: var(--white);
  padding: 0.65rem 0;
  font-family: 'Barlow', sans-serif;
  font-size: 0.9rem;
  outline: none;
  transition: border-color 0.2s;
  resize: none;
}
.prod-modal-field input:focus,
.prod-modal-field textarea:focus,
.prod-modal-field select:focus { border-bottom-color: var(--red); }
.prod-modal-field select option { background: #1e1e1e; }

@media(max-width:900px){
  .prod-card { grid-template-columns: 1fr; min-height: auto; }
  .prod-poster { height: 280px; }
  .prod-card.reverse { direction: ltr; }
  .prod-info { padding: 3rem 1.5rem; }
  .prods-header { padding: 5rem 1.5rem 3rem; }
  .prod-number { display: none; }
}