* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #111; color: #fff; font-family: 'Georgia', serif; overflow-y: scroll; }

/* HERO */
.hero-section { position: relative; height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; overflow: hidden; }
.video-placeholder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.video-placeholder video { width: 100%; height: 100%; object-fit: cover; opacity: 0.4; }
.hero-content { position: relative; z-index: 2; }

/* ANIMATED LOGO */
.logo-reveal { 
  width: 300px; /* Adjust this to make the logo larger or smaller */
  height: auto;
  margin-bottom: 20px;
  animation: magicReveal 2s ease-out forwards;
}
.subtitle-reveal { 
  font-size: 20px; color: #c5a075; letter-spacing: 2px;
  animation: magicReveal 2.5s ease-out forwards;
}

@keyframes magicReveal { 
  0% { opacity: 0; transform: scale(0.9); filter: blur(20px); } 
  100% { opacity: 1; transform: scale(1); filter: blur(0px); } 
}

/* SHOWREEL */
.showreel-section { padding: 100px 20px; text-align: center; background: #111; }
.section-title { font-size: 36px; margin-bottom: 40px; }
.video-frame { max-width: 900px; margin: 0 auto; aspect-ratio: 16/9; border: 1px solid #c5a075; background: #000; }
.video-frame iframe { width: 100%; height: 100%; }
/* MANIFESTO GRID */
.manifesto-section { padding: 100px 20px; background: #0a0a0a; border-top: 1px solid #222; }
.manifesto-grid { 
  display: grid; 
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); 
  gap: 40px; 
  margin-top: 50px; 
}
.pillar { 
  padding: 30px; 
  border-left: 1px solid #c5a075; 
  transition: 0.4s; 
}
.pillar:hover { background: #151515; transform: translateY(-10px); }
.pillar h3 { color: #fff; font-size: 18px; letter-spacing: 2px; margin-bottom: 15px; }
.pillar p { color: #888; font-size: 14px; line-height: 1.6; }
/* CONTACT SECTION */
.contact-section { 
  padding: 80px 20px; 
  text-align: center; 
  background-color: #050505; 
  border-top: 1px solid #c5a075; 
}
.contact-link { 
  display: block; 
  font-size: 32px; 
  color: #fff; 
  text-decoration: none; 
  margin-bottom: 20px; 
}
.social-links { 
  color: #c5a075; 
  font-size: 12px; 
  letter-spacing: 4px; 
  margin-bottom: 40px; 
}
.social-links a { 
  color: #c5a075; 
  text-decoration: none; 
  transition: 0.3s;
}
.social-links a:hover { color: #fff; }
.footer-bottom { border-top: 1px solid #222; padding-top: 20px; color: #444; font-size: 10px; }
.contact-group { margin-bottom: 30px; }
.contact-link { 
  display: block; 
  font-size: 28px; 
  color: #fff; 
  text-decoration: none; 
  margin-bottom: 10px; 
  transition: 0.3s;
}
.contact-link:hover { color: #c5a075; }