:root{
  --bg-main:#061312;--bg-deep:#020807;--bg-secondary:#0b1f1c;--card:#0d2421;
  --teal:#3bd1b4;--teal-soft:#1f7a6f;--gold:#d8aa52;--gold2:#f2d28b;
  --mint:#d8fff6;--text-main:#e8f3ef;--text-muted:#8fa9a3;--line:rgba(94,220,195,.16)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;color:var(--text-main);font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at 20% 8%,rgba(39,132,116,.28),transparent 34%),radial-gradient(circle at 80% 0%,rgba(216,170,82,.12),transparent 28%),linear-gradient(180deg,#071817 0%,#020807 65%,#010403 100%);overflow-x:hidden}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}.fallback-hidden{display:none!important}
.noise{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.05;mix-blend-mode:screen;background-image:repeating-radial-gradient(circle at 0 0,rgba(255,255,255,.45) 0 1px,transparent 1px 3px);background-size:4px 4px}
.cursor-glow{position:fixed;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(59,209,180,.13),transparent 65%);pointer-events:none;transform:translate(-50%,-50%);z-index:1;filter:blur(8px)}
.progress-bar{position:fixed;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--teal),var(--gold2));z-index:99;box-shadow:0 0 14px rgba(59,209,180,.5)}
.site-header{position:fixed;z-index:30;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:18px 6vw;background:linear-gradient(180deg,rgba(2,8,7,.88),rgba(2,8,7,.55),rgba(2,8,7,.12));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(59,209,180,.08)}
.logo-wrap{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.04em}.logo-img{height:42px;max-width:160px;width:auto;object-fit:contain;filter:drop-shadow(0 0 14px rgba(59,209,180,.18));transition:.35s}.logo-wrap span{color:var(--mint);font-size:18px;transition:.35s}.logo-wrap:hover .logo-img{transform:scale(1.1)}.logo-wrap:hover span{color:var(--gold2)}
.desktop-nav{display:flex;gap:34px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:#d7ece7}.desktop-nav a{opacity:.8;transition:.3s}.desktop-nav a:hover{opacity:1;color:var(--gold2);text-shadow:0 0 14px rgba(216,170,82,.45)}
.talk-btn,.primary-btn,.form-submit{cursor:pointer;border:1px solid rgba(216,170,82,.32);background:rgba(59,209,180,.08);box-shadow:0 0 24px rgba(59,209,180,.12),inset 0 0 18px rgba(255,255,255,.03);color:var(--mint);border-radius:999px;padding:13px 25px;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;transition:.35s;display:inline-flex;align-items:center;justify-content:center;gap:12px}
.talk-btn:hover,.primary-btn:hover,.form-submit:hover{background:rgba(216,170,82,.13);box-shadow:0 0 32px rgba(216,170,82,.25);transform:translateY(-2px)}
.menu-btn{display:none;background:none;border:0;color:white;font-size:28px}.mobile-nav{display:none}
.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:120px 6vw 80px;overflow:hidden}.hero-video,.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-bg{background:url('assets/images/hero-poster.jpg') center/cover;filter:saturate(.75) contrast(1.05) brightness(.62) hue-rotate(20deg)}.hero-video{z-index:1;filter:saturate(.75) contrast(1.05) brightness(.62)}.hero-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(2,8,7,.96) 0%,rgba(5,20,18,.78) 35%,rgba(5,20,18,.34) 64%,rgba(2,8,7,.82) 100%),radial-gradient(circle at 62% 38%,rgba(216,170,82,.18),transparent 28%),linear-gradient(180deg,rgba(9,34,30,.25),rgba(2,8,7,.98))}
.hero-content{position:relative;z-index:3;max-width:820px}.eyebrow,.label{text-transform:uppercase;color:var(--gold2);font-size:12px;font-weight:800;letter-spacing:.18em;opacity:.9}
h1,h2{font-family:"Bebas Neue",Impact,sans-serif;line-height:.9;letter-spacing:.018em;margin:18px 0;text-transform:uppercase}h1{font-size:clamp(68px,8vw,132px)}h2{font-size:clamp(48px,5.5vw,86px)}h1 span,h2 span{color:var(--teal);text-shadow:0 0 22px rgba(59,209,180,.28)}
.hero-text{max-width:590px;color:#b5c9c3;line-height:1.8;font-size:16px}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:34px;flex-wrap:wrap}.primary-btn{border-radius:4px}
.play-btn,.mini-play{cursor:pointer;background:rgba(5,20,18,.42);color:#dffff8;border:1px solid rgba(223,255,248,.55);backdrop-filter:blur(8px);transition:.35s}.play-btn{display:inline-flex;gap:12px;align-items:center;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;border:0;background:transparent}.play-btn span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(216,255,246,.5);box-shadow:0 0 22px rgba(59,209,180,.2)}
.hero-index{position:absolute;right:7vw;bottom:70px;z-index:4;color:#c3eee5;display:flex;align-items:center;gap:18px;font-weight:800;letter-spacing:.14em}.hero-index span{width:80px;height:1px;background:var(--gold);box-shadow:0 0 10px var(--gold)}
.scroll-hint{position:absolute;left:38px;bottom:78px;z-index:4;transform:rotate(-90deg);color:#78938d;text-transform:uppercase;letter-spacing:.22em;font-size:11px}
.particles span{position:absolute;z-index:4;width:4px;height:4px;border-radius:50%;background:var(--gold2);box-shadow:0 0 14px 4px rgba(216,170,82,.35);animation:float 7s linear infinite}.particles span:nth-child(1){left:55%;top:42%}.particles span:nth-child(2){left:50%;top:48%;animation-delay:1.3s}.particles span:nth-child(3){left:60%;top:52%;animation-delay:2s}@keyframes float{from{transform:translateY(30px);opacity:0}20%{opacity:1}to{transform:translateY(-90px) translateX(30px);opacity:0}}
.section{padding:92px 6vw;position:relative;border-top:1px solid rgba(59,209,180,.08)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}.section-head h2{max-width:820px}.section-head a{color:var(--gold2);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.14em}.label:after{content:"";display:inline-block;width:70px;height:1px;margin-left:20px;vertical-align:middle;background:linear-gradient(90deg,var(--gold),transparent)}
.work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.work-card{aspect-ratio:16/10;position:relative;border-radius:14px;overflow:hidden;background:var(--card);border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.42);transition:.45s}.work-card video,.work-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.70) contrast(1.05) brightness(.65);transition:.6s}.work-card video{z-index:1}.work-card img{z-index:0}.work-card video.fallback-hidden + img{z-index:1}.work-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(2,8,7,.95));z-index:2}.work-card:hover{transform:translateY(-8px) scale(1.015);border-color:rgba(216,170,82,.35);box-shadow:0 22px 70px rgba(0,0,0,.55),0 0 28px rgba(216,170,82,.12)}.work-card:hover video,.work-card:hover img{transform:scale(1.05);filter:saturate(.85) brightness(.75)}
.mini-play{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%}.work-card div{position:absolute;z-index:3;left:20px;right:20px;bottom:20px}.work-card h3{margin:0 0 6px;text-transform:uppercase;font-size:18px}.work-card p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.5}
.about{min-height:58vh;position:relative;display:flex;align-items:center;padding:110px 6vw;overflow:hidden}.about-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,7,.96),rgba(5,20,18,.72),rgba(2,8,7,.92)),url('assets/images/about-poster.jpg') center/cover;filter:saturate(.62) brightness(.55)}.about-content{position:relative;z-index:3;max-width:780px}.about-content p:not(.eyebrow){max-width:610px;color:#a8bcb6;line-height:1.8}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.service-card{min-height:250px;padding:30px;border-radius:14px;background:linear-gradient(180deg,rgba(21,55,50,.72),rgba(6,19,18,.76));border:1px solid var(--line);box-shadow:inset 0 0 36px rgba(255,255,255,.025),0 18px 55px rgba(0,0,0,.32);backdrop-filter:blur(12px);transition:.35s}.service-card:hover{transform:translateY(-7px);border-color:rgba(216,170,82,.3);box-shadow:0 0 30px rgba(216,170,82,.10),0 20px 60px rgba(0,0,0,.45)}.service-card span{color:var(--gold2);font-size:36px;font-family:"Bebas Neue";text-shadow:0 0 18px rgba(216,170,82,.25)}.service-card h3{text-transform:uppercase;font-size:18px;margin:22px 0 12px}.service-card p{color:var(--text-muted);line-height:1.7}
.process-frame{position:relative;overflow:hidden;border-radius:18px;border:1px solid rgba(216,170,82,.20);box-shadow:0 30px 80px rgba(0,0,0,.58),0 0 40px rgba(59,209,180,.08)}.process-frame img{width:100%;max-height:500px;object-fit:cover;filter:saturate(.68) brightness(.65)}.tag{position:absolute;top:24px;z-index:3;padding:8px 16px;border:1px solid rgba(216,255,246,.36);border-radius:999px;background:rgba(2,8,7,.45);backdrop-filter:blur(8px);font-size:11px;text-transform:uppercase;letter-spacing:.15em}.before{left:24px}.after{right:24px}.slider{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#dffff8;color:#061312;font-weight:900;box-shadow:0 0 30px rgba(59,209,180,.3)}
.marquee-section{overflow:hidden;border-top:1px solid rgba(59,209,180,.08);border-bottom:1px solid rgba(59,209,180,.08);background:rgba(15,35,32,.26);padding:14px 0}.marquee-track{display:flex;align-items:center;gap:18px;width:max-content;animation:marq 28s linear infinite}.marquee-track span{font-family:"Bebas Neue";font-size:28px;letter-spacing:.08em;color:#c4ddd7;opacity:.75}.marquee-track i{width:6px;height:6px;border-radius:50%;background:var(--gold)}@keyframes marq{to{transform:translateX(-50%)}}
.contact{display:grid;grid-template-columns:1fr 1.35fr .8fr;gap:34px;padding:90px 6vw;background:radial-gradient(circle at 82% 25%,rgba(216,170,82,.12),transparent 28%),linear-gradient(180deg,rgba(7,24,22,.75),rgba(2,8,7,1));border-top:1px solid rgba(59,209,180,.10)}.contact h2{font-size:clamp(38px,4vw,70px)}.contact p{color:var(--text-muted);line-height:1.7}.contact-form input,.contact-form textarea{width:100%;color:var(--text-main);background:rgba(4,16,15,.72);border:1px solid rgba(216,170,82,.18);border-radius:8px;padding:16px 18px;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:rgba(216,170,82,.55);box-shadow:0 0 22px rgba(216,170,82,.12)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}textarea{height:150px;margin:14px 0;resize:none}.form-submit{width:100%;border-radius:8px}.contact-info{font-size:14px;padding-top:52px}
footer{padding:28px 6vw;display:flex;justify-content:space-between;align-items:center;gap:22px;color:#79948d;background:#010403;border-top:1px solid rgba(59,209,180,.08)}footer p{color:#e9fff9;font-weight:900}footer div{display:flex;gap:22px}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:90;display:none;align-items:center;justify-content:center;padding:5vw}.modal.open{display:flex}.modal video{width:min(100%,1100px);max-height:82vh;border:1px solid var(--line);border-radius:14px}.close-modal{position:absolute;right:28px;top:22px;background:none;border:0;color:white;font-size:44px;cursor:pointer}
.reveal{opacity:1;transform:none;transition:opacity .8s ease,transform .8s ease}.js-ready .reveal{opacity:0;transform:translateY(26px)}.js-ready .reveal.visible{opacity:1;transform:none}
@media(max-width:1100px){.work-grid{grid-template-columns:repeat(2,1fr)}.services-grid{grid-template-columns:repeat(2,1fr)}.contact{grid-template-columns:1fr}.desktop-nav,.talk-btn{display:none}.menu-btn{display:block}.mobile-nav{position:fixed;z-index:29;top:86px;left:6vw;right:6vw;padding:20px;border-radius:18px;background:rgba(4,16,15,.88);border:1px solid var(--line);backdrop-filter:blur(18px);flex-direction:column;gap:18px}.mobile-nav.open{display:flex}.mobile-nav a{padding:12px 6px;border-bottom:1px solid rgba(255,255,255,.06)}}
@media(max-width:620px){.site-header{padding:18px 5vw}.logo-img{height:34px}.logo-wrap span{font-size:16px}.hero{padding:110px 5vw 70px}.hero-index,.scroll-hint{display:none}.work-grid,.services-grid,.two-col{grid-template-columns:1fr}.section,.about,.contact{padding-left:5vw;padding-right:5vw}footer{flex-direction:column;align-items:flex-start}}

@media(max-width:420px){h1{font-size:58px}.hero-text{font-size:15px}.hero-actions{gap:14px}.primary-btn,.talk-btn,.form-submit{padding:12px 18px}.play-btn span{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cursor-glow{display:none}}