/* ── INDEX PAGE ── */

/* HERO */
#hero {
  height: 100vh; min-height: 620px;
  display: flex; flex-direction: column; justify-content: flex-end;
  padding: 0 4rem 6rem;
  position: relative; overflow: hidden;
}
.hero-video-bg { position:absolute; inset:0; background:var(--black); }
.hero-video-bg video { width:100%; height:100%; object-fit:cover; opacity:0.32; }
.hero-overlay {
  position:absolute; inset:0;
  background:
    linear-gradient(to right, rgba(7,7,7,0.93) 35%, rgba(7,7,7,0.25) 100%),
    linear-gradient(to top, rgba(7,7,7,1) 0%, rgba(7,7,7,0.15) 50%);
}
.hero-grid {
  position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(185,28,28,0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(185,28,28,0.055) 1px, transparent 1px);
  background-size:60px 60px;
  mask-image:linear-gradient(to right, transparent 0%, black 25%, black 75%, transparent 100%);
}
.hero-eyebrow {
  position:relative; z-index:2;
  font-family:'Barlow Condensed',sans-serif; font-size:0.68rem; font-weight:700;
  letter-spacing:0.45em; text-transform:uppercase; color:var(--red);
  display:flex; align-items:center; gap:1rem; margin-bottom:1.2rem;
  animation:fadeUp 0.7s ease 0.1s both;
}
.hero-eyebrow::before { content:''; width:48px; height:1px; background:var(--red); }
.hero-h1 {
  position:relative; z-index:2;
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(4.5rem,11vw,10rem);
  line-height:0.88; letter-spacing:0.02em; color:var(--white);
  animation:fadeUp 0.7s ease 0.25s both;
}
.hero-h1 em { color:var(--red); font-style:normal; }
.hero-sub {
  position:relative; z-index:2;
  font-family:'Barlow Condensed',sans-serif; font-size:1.15rem; font-weight:300;
  letter-spacing:0.08em; color:var(--mid); max-width:520px;
  margin:1.2rem 0 2.5rem; line-height:1.6;
  animation:fadeUp 0.7s ease 0.4s both;
}
.hero-actions {
  position:relative; z-index:2;
  display:flex; gap:1.2rem; align-items:center; flex-wrap:wrap;
  animation:fadeUp 0.7s ease 0.55s both;
}
.hero-badge {
  position:absolute; right:5rem; bottom:5rem; z-index:2;
  width:140px; height:140px;
  animation:fadeUp 0.7s ease 0.7s both;
  filter:drop-shadow(0 0 30px rgba(185,28,28,0.45));
}
.hero-badge img { width:100%; height:100%; object-fit:contain; }
.scroll-hint {
  position:absolute; bottom:2rem; left:50%; transform:translateX(-50%);
  z-index:2;
  font-family:'Barlow Condensed',sans-serif; font-size:0.58rem; letter-spacing:0.35em;
  color:var(--gray); text-transform:uppercase;
  display:flex; flex-direction:column; align-items:center; gap:0.5rem;
  animation:fadeUp 1s ease 1.2s both;
}
.scroll-hint::after {
  content:''; width:1px; height:40px;
  background:linear-gradient(to bottom, var(--red), transparent);
  animation:scrollPulse 1.8s ease-in-out infinite;
}

/* ABOUT STRIP */
#about-strip {
  padding:6rem 4rem;
  background:var(--dark);
  display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center;
}
.strip-logo {
  display:flex; align-items:center; justify-content:center;
  background:radial-gradient(ellipse at center, rgba(185,28,28,0.1) 0%, transparent 70%);
  padding:2rem;
}
.strip-logo img { max-width:300px; filter:drop-shadow(0 0 40px rgba(185,28,28,0.4)); }
.about-pillars { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:2rem; }
.pillar {
  padding:1.2rem; border:1px solid rgba(255,255,255,0.07);
  border-left:2px solid var(--red); background:rgba(255,255,255,0.02);
}
.pillar-title {
  font-family:'Barlow Condensed',sans-serif; font-size:0.72rem; font-weight:700;
  letter-spacing:0.2em; text-transform:uppercase; color:var(--white); margin-bottom:0.35rem;
}
.pillar-body { font-size:0.8rem; color:var(--gray); line-height:1.55; }

/* SERVICES PREVIEW */
#services-preview {
  padding:6rem 4rem; background:var(--black);
}
.services-grid {
  display:grid; grid-template-columns:repeat(3,1fr); gap:1px;
  background:rgba(255,255,255,0.05); margin-top:3rem;
}
.service-card {
  background:var(--black); padding:2.5rem 2rem; position:relative; overflow:hidden;
  transition:background 0.3s;
}
.service-card:hover { background:var(--charcoal); }
.service-card::before {
  content:''; position:absolute; top:0; left:0; right:0; height:2px;
  background:var(--red); transform:scaleX(0); transform-origin:left; transition:transform 0.3s;
}
.service-card:hover::before { transform:scaleX(1); }
.svc-num {
  font-family:'Bebas Neue',sans-serif; font-size:3.5rem;
  color:rgba(255,255,255,0.04); line-height:1;
  position:absolute; top:1rem; right:1.5rem;
}
.svc-icon { font-size:1.8rem; margin-bottom:1rem; }
.svc-title {
  font-family:'Barlow Condensed',sans-serif; font-size:1.05rem; font-weight:700;
  letter-spacing:0.12em; text-transform:uppercase; color:var(--white); margin-bottom:0.7rem;
}
.svc-body { font-size:0.83rem; line-height:1.65; color:var(--gray); }
.svc-link {
  display:inline-block; margin-top:1.2rem;
  font-family:'Barlow Condensed',sans-serif; font-size:0.62rem; font-weight:700;
  letter-spacing:0.25em; text-transform:uppercase; color:var(--red); text-decoration:none;
  transition:color 0.2s;
}
.svc-link:hover { color:var(--red-hot); }
.svc-link::after { content:' →'; }

/* PRODUCERS CTA */
#producers-cta {
  padding:7rem 4rem; background:var(--charcoal);
  display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center;
}
.producers-points { display:flex; flex-direction:column; gap:1.2rem; margin-top:2rem; }
.point { display:flex; gap:1rem; align-items:flex-start; }
.point-num {
  font-family:'Bebas Neue',sans-serif; font-size:2rem;
  color:var(--red); line-height:1; min-width:2rem;
}
.point-title {
  font-family:'Barlow Condensed',sans-serif; font-size:0.85rem; font-weight:700;
  letter-spacing:0.1em; text-transform:uppercase; color:var(--white); margin-bottom:0.2rem;
}
.point-body { font-size:0.82rem; color:var(--gray); line-height:1.6; }
.cta-box {
  background:var(--dark); padding:3rem;
  border:1px solid rgba(255,255,255,0.06); border-left:3px solid var(--red);
  text-align:center;
}
.cta-box-tag {
  font-family:'Barlow Condensed',sans-serif; font-size:0.62rem; font-weight:700;
  letter-spacing:0.4em; text-transform:uppercase; color:var(--red); margin-bottom:1rem;
}
.cta-box h3 {
  font-family:'Bebas Neue',sans-serif; font-size:2.8rem;
  line-height:0.95; margin-bottom:1rem;
}
.cta-box p { font-size:0.9rem; color:var(--mid); line-height:1.7; margin-bottom:2rem; }
.cta-box-email {
  display:block; font-family:'Barlow Condensed',sans-serif; font-size:1.05rem;
  color:var(--gold-bright); letter-spacing:0.08em; margin-bottom:2rem; text-decoration:none;
  transition:color 0.2s;
}
.cta-box-email:hover { color:var(--white); }

/* KEYFRAMES */
@keyframes fadeUp {
  from { opacity:0; transform:translateY(24px); }
  to   { opacity:1; transform:translateY(0); }
}
@keyframes scrollPulse {
  0%,100% { opacity:0.3; height:30px; }
  50%      { opacity:1;   height:50px; }
}

@media(max-width:768px) {
  #hero { padding:0 1.5rem 4rem; }
  .hero-badge { display:none; }
  #about-strip { grid-template-columns:1fr; gap:2rem; padding:4rem 1.5rem; }
  #services-preview { padding:4rem 1.5rem; }
  .services-grid { grid-template-columns:1fr; }
  #producers-cta { grid-template-columns:1fr; gap:3rem; padding:4rem 1.5rem; }
  .about-pillars { grid-template-columns:1fr; }
}