:root{--space-black:#05080c;--slate:#111827;--neon-green:#95C11F;--silver:#F8FAFC;--muted:#94a3b8;}html{scroll-behavior:smooth;}body{background-color:var(--space-black);color:var(--silver);font-family:'Inter',sans-serif;overflow-x:hidden;}h1,h2,h3,h4,h5,h6{font-family:'Outfit',sans-serif;color:var(--silver);}.header{background-color:rgba(5,8,12,0.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,0.05);transition:all 0.3s ease;}.navmenu a{color:var(--silver)!important;font-weight:500;font-size:0.95rem;text-transform:uppercase;letter-spacing:1px;}.navmenu a:hover,.navmenu a.active{color:var(--neon-green)!important;}.logo img{height:95px;width:auto;filter:drop-shadow(0 0 10px rgba(149,193,31,0.2));}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 20px;text-align:center;background:linear-gradient(to bottom,rgba(5,8,12,0.4)0%,rgba(5,8,12,1)100%),url('../images/areas/cinematic_hero.png')center/cover !important;position:relative;}.tagline{color:var(--neon-green);text-transform:uppercase;letter-spacing:4px;font-size:0.9rem;font-weight:600;margin-bottom:20px;animation:fadeInDown 1s ease forwards;}.hero h1{font-size:clamp(3rem,6vw,5.5rem);font-weight:900;line-height:1.1;margin:0 auto;text-shadow:0 10px 30px rgba(0,0,0,0.8);background:linear-gradient(180deg,#FFFFFF 0%,#a1a1aa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:fadeInUp 1s ease forwards 0.2s;opacity:0;}.hero p{font-size:clamp(1.1rem,2vw,1.3rem);max-width:800px;margin:30px auto;line-height:1.7;color:var(--muted);animation:fadeInUp 1s ease forwards 0.4s;opacity:0;}.hero-cta{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:40px;animation:fadeInUp 1s ease forwards 0.6s;opacity:0;}.btn{background:var(--neon-green);color:#000 !important;padding:16px 32px;border-radius:4px;text-decoration:none;font-weight:600;font-family:'Outfit',sans-serif;letter-spacing:1px;text-transform:uppercase;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border:1px solid var(--neon-green);box-shadow:0 0 20px rgba(149,193,31,0.3);}.btn:hover{background:#7ca318;border-color:#7ca318;transform:translateY(-2px);box-shadow:0 10px 30px rgba(149,193,31,0.5);}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,0.3);color:var(--silver)!important;box-shadow:none;}.btn-outline:hover{background:rgba(255,255,255,0.05);border-color:var(--silver);}.pitch-section{padding:120px 20px;background:var(--space-black);position:relative;}.pitch-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}.pitch-text h2{font-size:3rem;font-weight:700;margin-bottom:20px;line-height:1.2;}.pitch-text p{font-size:1.15rem;color:var(--muted);line-height:1.8;margin-bottom:20px;}.pitch-glass{background:rgba(17,24,39,0.6);backdrop-filter:blur(10px);border:1px solid rgba(149,193,31,0.2);padding:40px;border-radius:12px;box-shadow:inset 0 0 20px rgba(149,193,31,0.05);position:relative;overflow:hidden;}.pitch-glass::before{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(149,193,31,0.1),transparent);animation:shine 4s infinite;}@media(max-width:900px){.pitch-grid{grid-template-columns:1fr;}}.pillars-section{padding:100px 20px;background:var(--slate);}.section-header{text-align:center;margin-bottom:80px;}.section-header h2{font-size:3rem;margin-bottom:15px;}.section-header p{color:var(--muted);max-width:600px;margin:0 auto;font-size:1.1rem;}.pillar-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}.pillar-card{background:var(--space-black);border:1px solid rgba(255,255,255,0.05);border-radius:8px;padding:40px 30px;transition:all 0.4s ease;position:relative;z-index:1;}.pillar-card:hover{transform:translateY(-10px);border-color:var(--neon-green);box-shadow:0 15px 35px rgba(0,0,0,0.6),0 0 20px rgba(149,193,31,0.2);}.pillar-icon{font-size:2.5rem;color:var(--neon-green);margin-bottom:25px;}.pillar-card h3{font-size:1.5rem;margin-bottom:15px;}.pillar-card ul{list-style:none;padding:0;margin:0;color:var(--muted);}.pillar-card ul li{margin-bottom:10px;padding-left:20px;position:relative;}.pillar-card ul li::before{content:'•';color:var(--neon-green);position:absolute;left:0;}@media(max-width:900px){.pillar-grid{grid-template-columns:1fr;}}.projects-section{padding:120px 20px;background:var(--space-black);}.posters-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;}.poster{aspect-ratio:2/3;background:var(--slate);border-radius:8px;border:1px solid rgba(255,255,255,0.05);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;transition:all 0.3s ease;position:relative;overflow:hidden;}.poster::after{content:'IN DEVELOPMENT';position:absolute;top:20px;right:-30px;background:var(--neon-green);color:#000;font-size:0.7rem;font-weight:800;padding:5px 30px;transform:rotate(45deg);font-family:'Outfit';}.poster:hover{transform:scale(1.03);border-color:var(--neon-green);box-shadow:0 20px 40px rgba(0,0,0,0.8),0 0 30px rgba(149,193,31,0.4);z-index:2;}.poster i{font-size:3rem;color:rgba(255,255,255,0.1);margin-bottom:20px;}.poster h4{font-size:1.2rem;color:var(--muted);}.legacy-section{padding:120px 20px;background:linear-gradient(to right,var(--slate)50%,var(--space-black)50%);}.legacy-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:0;}.legacy-content{background:var(--slate);padding:60px 80px 60px 0;}.legacy-image{background:linear-gradient(rgba(5,8,12,0.8),rgba(5,8,12,0.8)),url('../images/areas/vintage_camera.png')center/cover;border-radius:0 12px 12px 0;min-height:400px;}.legacy-content blockquote{font-family:'Outfit',sans-serif;font-size:1.4rem;font-style:italic;font-weight:300;line-height:1.6;border-left:4px solid var(--neon-green);padding-left:20px;margin:30px 0;}.legacy-content p{color:var(--muted);line-height:1.8;margin-bottom:20px;}@media(max-width:900px){.legacy-section{background:var(--slate);}.legacy-grid{grid-template-columns:1fr;}.legacy-content{padding:40px 0;}.legacy-image{border-radius:12px;}}.mobile-nav-toggle{display:none;}@media(max-width:900px){.mobile-nav-toggle{display:block;cursor:pointer;font-size:1.8rem;}.navmenu ul{display:none;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:rgba(5,8,12,0.95);backdrop-filter:blur(10px);padding:20px 0;text-align:center;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1);}.navmenu.active ul{display:flex;}.navmenu ul li{margin:15px 0;}.header .btn{display:none;}}.site-footer{background:var(--space-black)!important;background-color:var(--space-black)!important;border-top:1px solid rgba(255,255,255,0.05);color:var(--muted);padding-top:80px;}.site-footer h3,.site-footer h4{color:var(--silver);font-family:'Outfit';}.site-footer a{color:var(--muted);}.site-footer a:hover{color:var(--neon-green);}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding:0 20px;}@media(max-width:900px){.footer-container{grid-template-columns:1fr;text-align:center;gap:30px;}.footer-col img{margin:0 auto 20px !important;}.footer-col p{margin:0 auto;}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px);}to{opacity:1;transform:translateY(0);}}@keyframes shine{100%{left:200%;}}.fade-in-scroll{opacity:0;transform:translateY(30px);transition:opacity 0.8s ease-out,transform 0.8s ease-out;}.fade-in-scroll.visible{opacity:1;transform:translateY(0);}:root{--space-black:#05080c;--slate:#111827;--neon-green:#95C11F;--silver:#F8FAFC;--muted:#94a3b8;}body{background-color:var(--space-black);color:var(--silver);font-family:'Inter',sans-serif;overflow-x:hidden;}h1,h2,h3,h4,h5,h6{font-family:'Outfit',sans-serif;color:var(--silver);}.header{background-color:rgba(5,8,12,0.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,0.05);transition:all 0.3s ease;}.navmenu a{color:var(--silver)!important;font-weight:500;font-size:0.95rem;text-transform:uppercase;letter-spacing:1px;}.navmenu a:hover,.navmenu a.active{color:var(--neon-green)!important;}.logo img{height:95px;width:auto;filter:drop-shadow(0 0 10px rgba(149,193,31,0.2));}.btn{background:var(--neon-green);color:#000 !important;padding:16px 32px;border-radius:4px;text-decoration:none;font-weight:600;font-family:'Outfit',sans-serif;letter-spacing:1px;text-transform:uppercase;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border:1px solid var(--neon-green);box-shadow:0 0 20px rgba(149,193,31,0.3);}.btn:hover{background:#7ca318;border-color:#7ca318;transform:translateY(-2px);box-shadow:0 10px 30px rgba(149,193,31,0.5);}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,0.3);color:var(--silver)!important;box-shadow:none;}.btn-outline:hover{background:rgba(255,255,255,0.05);border-color:var(--silver);}.contact-hero{padding:180px 20px 100px;text-align:center;background:linear-gradient(to bottom,rgba(5,8,12,0.4)0%,rgba(5,8,12,1)100%),url('../images/areas/cinematic_hero.png')center/cover !important;}.contact-hero h1{color:#ffffff;font-size:clamp(2.5rem,4vw,4rem);margin-bottom:15px;font-weight:900;text-shadow:0 4px 20px rgba(0,0,0,0.8);background:linear-gradient(180deg,#FFFFFF 0%,#a1a1aa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.contact-hero p{font-size:1.15rem;max-width:700px;margin:0 auto;line-height:1.6;color:var(--muted);text-shadow:0 2px 10px rgba(0,0,0,0.8);}.contact-container{max-width:1200px;margin:80px auto;padding:0 20px;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;}@media(max-width:900px){.contact-container{grid-template-columns:1fr;}}.contact-card{background:var(--slate);padding:40px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.05);border-top:4px solid var(--neon-green);}.contact-card.info-card{border-top-color:#3b82f6;background:rgba(17,24,39,0.6);backdrop-filter:blur(10px);}.contact-card h2{font-size:2.2rem;color:#ffffff;margin-bottom:10px;}.contact-card .sub-text{color:var(--muted);margin-bottom:30px;font-size:1.05rem;}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;}@media(max-width:600px){.form-grid{grid-template-columns:1fr;}}.form-group{margin-bottom:20px;}.form-group label{display:block;font-family:'Outfit',sans-serif;font-weight:500;margin-bottom:8px;color:var(--silver);font-size:0.95rem;}.form-control{width:100%;padding:14px 16px;border-radius:4px;border:1px solid rgba(255,255,255,0.1);font-family:'Inter',sans-serif;font-size:1rem;background:var(--space-black);color:var(--silver);transition:all 0.3s ease;box-sizing:border-box;}.form-control::placeholder{color:#64748b;}.form-control:focus{outline:none;border-color:var(--neon-green);background:#000;box-shadow:0 0 0 2px rgba(149,193,31,0.2);}textarea.form-control{min-height:150px;resize:vertical;}.btn-submit{background:var(--neon-green);color:#000;border:none;padding:14px 30px;font-family:'Outfit',sans-serif;font-size:1.05rem;border-radius:4px;cursor:pointer;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:transform 0.3s,box-shadow 0.3s;display:inline-flex;align-items:center;gap:10px;}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(149,193,31,0.2);background:#7ca318;}.info-item{display:flex;align-items:flex-start;gap:15px;margin-bottom:25px;}.info-item i{font-size:1.4rem;color:var(--neon-green);margin-top:4px;}.info-item h4{font-family:'Outfit',sans-serif;color:var(--silver);margin:0 0 5px;font-size:1.2rem;}.info-item p{color:var(--muted);margin:0;line-height:1.6;}.map-box{border-radius:8px;overflow:hidden;margin-top:30px;border:1px solid rgba(255,255,255,0.05);}.map-box iframe{width:100%;height:250px;border:0;display:block;filter:invert(90%)hue-rotate(180deg)grayscale(50%);}.mobile-nav-toggle{display:none;}@media(max-width:900px){.mobile-nav-toggle{display:block;cursor:pointer;font-size:1.8rem;}.navmenu ul{display:none;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:rgba(5,8,12,0.95);backdrop-filter:blur(10px);padding:20px 0;text-align:center;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1);}.navmenu.active ul{display:flex;}.navmenu ul li{margin:15px 0;}.header .btn{display:none;}}.site-footer{background:var(--space-black)!important;background-color:var(--space-black)!important;border-top:1px solid rgba(255,255,255,0.05);color:var(--muted);padding-top:80px;}.site-footer h3,.site-footer h4{color:var(--silver);font-family:'Outfit';}.site-footer a{color:var(--muted);}.site-footer a:hover{color:var(--neon-green);}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding:0 20px;}@media(max-width:900px){.footer-container{grid-template-columns:1fr;text-align:center;gap:30px;}.footer-col img{margin:0 auto 20px !important;}.footer-col p{margin:0 auto;}}#backToTop{display:none;position:fixed;bottom:30px;right:30px;z-index:999;font-size:1.2rem;border:none;outline:none;background-color:var(--neon-green);color:#000;cursor:pointer;width:50px;height:50px;border-radius:50%;box-shadow:0 4px 15px rgba(149,193,31,0.4);transition:all 0.3s ease;display:flex;justify-content:center;align-items:center;}#backToTop:hover{background-color:#7ca318;transform:translateY(-3px);box-shadow:0 6px 20px rgba(149,193,31,0.6);}

/* VIDEO MODAL */
.video-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(5,8,12,0.95); backdrop-filter: blur(10px); align-items: center; justify-content: center; } .video-modal.active { display: flex; animation: fadeIn 0.3s ease; } .video-modal-content { position: relative; width: 90%; max-width: 1000px; aspect-ratio: 16/9; } .video-modal-content iframe { width: 100%; height: 100%; border-radius: 12px; border: 1px solid rgba(149,193,31,0.3); box-shadow: 0 0 50px rgba(149,193,31,0.2); } .close-video { color: #fff; position: absolute; top: -45px; right: 0; font-size: 30px; cursor: pointer; transition: 0.3s; } .close-video:hover { color: #95C11F; transform: scale(1.1); } @keyframes fadeIn { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } .video-trigger { cursor: pointer; }

/* PRELOADER */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--space-black);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.8s ease, visibility 0.8s ease;
}
.projector-wrapper { position: relative; display: flex; align-items: center; justify-content: center; transform: translateX(-50px); }
.camera-svg { position: relative; z-index: 2; filter: drop-shadow(0 0 10px rgba(149,193,31,0.5)); }
.reel { animation: spin 2s linear infinite; }
.projector-light { position: absolute; top: 53%; left: 160px; transform: translateY(-50%); width: 0; height: 0; border-top: 150px solid transparent; border-bottom: 150px solid transparent; border-right: 400px solid rgba(149,193,31,0.15); z-index: 1; animation: flicker 0.1s infinite alternate; pointer-events: none; }
@keyframes spin { 100% { transform: rotate(360deg); } }
@keyframes flicker { 0% { opacity: 0.6; } 100% { opacity: 1; } }
body.loaded #preloader {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
@keyframes pulse {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.1); opacity: 0.6; }
  100% { transform: scale(1); opacity: 1; }
}
