@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#070707;--panel:#101010;--panel2:#141414;--text:#f5f3ee;--muted:#a6a39d;--line:rgba(255,255,255,.12);--gold:#f2b632;--gold2:#ffdc73;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.container{width:min(calc(100% - 64px),var(--max));margin:auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;transition:.35s;background:linear-gradient(180deg,rgba(0,0,0,.78),transparent)}.site-header.scrolled{background:rgba(5,5,5,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-wrap{height:88px;display:flex;align-items:center;justify-content:space-between}.brand-logo{display:block;width:170px}.brand-logo img{display:block;width:100%;height:auto;max-height:56px;object-fit:contain;object-position:left center}.nav{display:flex;align-items:center;gap:32px}.nav a{color:#fff;text-decoration:none;font-size:13px;letter-spacing:.04em}.nav a:not(.nav-cta){opacity:.78}.nav a:hover{opacity:1}.nav-cta{border:1px solid rgba(242,182,50,.6);padding:11px 16px;border-radius:100px;background:rgba(242,182,50,.06)}.nav-cta span{color:var(--gold)}.menu-toggle{display:none;background:none;border:0;color:white;width:42px;height:42px}.menu-toggle span{display:block;width:24px;height:1px;background:#fff;margin:7px auto}.hero{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 74% 28%,rgba(242,182,50,.16),transparent 25%),radial-gradient(circle at 30% 70%,rgba(255,255,255,.06),transparent 28%),#070707}.hero-grid{position:absolute;inset:0;opacity:.17;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(to bottom,black,transparent 80%)}.hero-orb{position:absolute;border:1px solid rgba(242,182,50,.24);border-radius:50%;filter:blur(.2px)}.orb-one{width:520px;height:520px;right:-160px;top:110px}.orb-two{width:280px;height:280px;right:70px;top:230px;border-color:rgba(255,255,255,.1)}.hero-inner{position:relative;z-index:2;padding-top:80px}.eyebrow,.kicker{font-size:11px;letter-spacing:.18em;color:#b9b6ae;text-transform:uppercase}.eyebrow span{display:inline-block;width:28px;height:1px;background:var(--gold);vertical-align:middle;margin:0 9px}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(54px,8vw,108px);line-height:.91;letter-spacing:-.065em;max-width:930px;margin:25px 0}.hero h1 em{font-style:normal;color:var(--gold);font-weight:500}.hero h1 strong{font-weight:800}.hero-copy{max-width:570px;color:#b7b4ad;line-height:1.65;font-size:16px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:34px}.btn{display:inline-flex;align-items:center;gap:20px;padding:15px 20px;border-radius:100px;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.03em}.btn-gold{background:var(--gold);color:#090909}.btn-outline{border:1px solid rgba(255,255,255,.22);color:#fff}.text-link,.arrow-link{color:#fff;text-decoration:none;font-size:13px}.text-link span,.arrow-link span{color:var(--gold);margin-left:7px}.scroll-cue{position:absolute;right:32px;bottom:128px;writing-mode:vertical-rl;color:#777;font-size:9px;letter-spacing:.18em}.scroll-cue span{display:block;width:1px;height:42px;background:var(--gold);margin:auto auto 12px}.hero-bottom{position:absolute;bottom:30px;left:0;right:0;display:flex;justify-content:space-between;color:#666;font-size:9px;letter-spacing:.22em}.section{padding:130px 0}.two-col{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.intro{background:#0a0a0a}.intro h2,.section-head h2,.statement h2,.contact h2{font-family:Manrope,sans-serif;font-size:clamp(42px,5vw,72px);line-height:1;letter-spacing:-.055em;margin:0 0 28px}.intro h2 span,.section-head h2 span,.statement h2 span,.contact h2 span{color:#777}.lead{font-size:22px;line-height:1.4;color:#eee;max-width:730px}.intro p:not(.kicker):not(.lead){color:#8f8c86;line-height:1.75;max-width:700px}.arrow-link{display:inline-block;margin-top:22px;border-bottom:1px solid #333;padding-bottom:8px}.brands{background:#0b0b0b}.section-head{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:55px}.section-note{max-width:330px;color:#818078;line-height:1.6;font-size:14px}.brand-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.brand-card{min-height:380px;padding:25px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,#171717,#0d0d0d);grid-column:span 2;transition:.35s}.brand-card:nth-child(4),.brand-card:nth-child(5){grid-column:span 3}.brand-card:hover{transform:translateY(-6px);border-color:rgba(242,182,50,.45)}.brand-card:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-80px;bottom:-100px;background:rgba(242,182,50,.1);filter:blur(20px)}.brand-no{position:absolute;right:22px;top:22px;color:#5c5a56;font-size:11px}.brand-icon{width:58px;height:58px;border:1px solid rgba(242,182,50,.45);display:grid;place-items:center;color:var(--gold);font-weight:800;font-size:14px;margin-bottom:90px}.brand-card h3{font-family:Manrope;font-size:31px;line-height:.98;letter-spacing:-.04em;margin:0 0 10px}.brand-card h3 span{font-weight:400;color:var(--gold)}.brand-card p{color:#85827c;font-size:13px}.brand-card a{position:absolute;bottom:25px;color:#fff;text-decoration:none;font-size:12px}.brand-card a span{color:var(--gold);margin-left:8px}.brand-finestack{background:radial-gradient(circle at 80% 20%,rgba(180,180,180,.12),transparent 32%),linear-gradient(145deg,#181818,#0d0d0d)}.brand-tv{background:radial-gradient(circle at 80% 20%,rgba(242,182,50,.18),transparent 32%),#111}.brand-music{background:radial-gradient(circle at 80% 20%,rgba(180,90,255,.1),transparent 32%),#111}.brand-katha{background:radial-gradient(circle at 80% 20%,rgba(70,140,255,.12),transparent 32%),#111}.brand-qliiv{background:radial-gradient(circle at 80% 20%,rgba(70,255,190,.08),transparent 32%),#111}.statement{padding:180px 0;background:linear-gradient(180deg,#0b0b0b,#111);text-align:center}.statement-inner{max-width:980px}.statement h2{font-size:clamp(46px,6vw,88px)}.statement p:last-child{max-width:650px;margin:30px auto 0;color:#8f8c86;line-height:1.7}.work{background:#0a0a0a}.work-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.work-card{min-width:0}.work-large{grid-row:span 2}.work-wide{grid-column:1/-1}.work-art{min-height:300px;position:relative;display:flex;align-items:flex-end;padding:28px;overflow:hidden;border:1px solid var(--line);background:#151515}.work-large .work-art{min-height:630px}.work-wide .work-art{min-height:350px}.work-art:before,.work-art:after{content:"";position:absolute;border-radius:50%;filter:blur(10px)}.art-film{background:radial-gradient(circle at 65% 30%,rgba(242,182,50,.32),transparent 22%),linear-gradient(140deg,#303030,#070707 70%)}.art-film:before{width:400px;height:400px;right:-100px;bottom:-180px;background:rgba(242,182,50,.14)}.art-ott{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.16),transparent 25%),linear-gradient(145deg,#1b1b1b,#050505)}.art-music{background:radial-gradient(circle at 75% 35%,rgba(180,90,255,.22),transparent 24%),linear-gradient(145deg,#16131c,#060606)}.art-katha{background:radial-gradient(circle at 70% 25%,rgba(70,140,255,.2),transparent 25%),linear-gradient(145deg,#101827,#050505)}.work-art span{position:relative;z-index:2;font-family:Manrope;font-weight:800;font-size:clamp(28px,4vw,62px);line-height:.9;letter-spacing:-.06em}.work-meta{display:flex;justify-content:space-between;gap:20px;padding:15px 2px;color:#777;font-size:10px;letter-spacing:.1em}.work-meta b{color:#ddd;font-weight:500;letter-spacing:0}.services{background:#0d0d0d}.service-list{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:60px 1fr 1fr 30px;align-items:center;gap:30px;padding:27px 0;border-bottom:1px solid var(--line)}.service>span{color:#666;font-size:11px}.service h3{font-family:Manrope;font-size:22px;margin:0}.service p{color:#777;font-size:13px;margin:0;line-height:1.5}.service b{color:var(--gold);font-size:20px}.contact{padding-top:80px}.contact-box{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;padding:75px;background:linear-gradient(135deg,#151515,#0b0b0b);border:1px solid var(--line);position:relative;overflow:hidden}.contact-box:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;right:-220px;top:-250px;border:1px solid rgba(242,182,50,.22);box-shadow:0 0 100px rgba(242,182,50,.08)}.contact h2{font-size:clamp(52px,6vw,84px)}.contact-box>div:first-child p:last-child{max-width:520px;color:#85827c;line-height:1.7}.contact-side{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.big-mail{font-family:Manrope;color:#fff;font-size:clamp(24px,3vw,44px);letter-spacing:-.04em;text-decoration:none}.big-mail span{color:var(--gold)}.contact-line{width:100%;height:1px;background:var(--line);margin:26px 0}.contact-side p{color:#777;line-height:1.6;font-size:13px;margin-bottom:24px}.footer{padding:70px 0 25px;background:#050505;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:60px}.footer-logo{width:180px;max-height:60px;object-fit:contain;object-position:left}.footer-top p{color:#686660;font-size:12px}.footer-links{display:flex;gap:25px;align-items:flex-start}.footer-links a{color:#aaa;text-decoration:none;font-size:12px}.footer-links a:hover{color:#fff}.footer-bottom{padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#555;font-size:9px;letter-spacing:.12em}.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.reveal.show{opacity:1;transform:none}
@media(max-width:900px){.container{width:min(calc(100% - 36px),var(--max))}.nav-wrap{height:72px}.brand-logo{width:135px}.brand-logo img{max-height:46px}.menu-toggle{display:block;z-index:3}.nav{display:none;position:absolute;top:72px;left:18px;right:18px;padding:20px;background:rgba(10,10,10,.97);border:1px solid var(--line);border-radius:16px;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:15px}.hero{min-height:850px}.hero-bottom{display:none}.scroll-cue{right:18px}.two-col,.contact-box{grid-template-columns:1fr;gap:40px}.brand-grid{grid-template-columns:1fr 1fr}.brand-card,.brand-card:nth-child(4),.brand-card:nth-child(5){grid-column:span 1}.section-head{align-items:flex-start;flex-direction:column;gap:15px}.work-grid{grid-template-columns:1fr}.work-large{grid-row:auto}.work-wide{grid-column:auto}.work-large .work-art{min-height:500px}.service{grid-template-columns:35px 1fr 30px}.service p{grid-column:2}.contact-box{padding:40px 28px}.footer-top{flex-direction:column}.footer-links{flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:12px}}
@media(max-width:560px){.hero h1{font-size:55px}.hero-copy{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.brand-grid{grid-template-columns:1fr}.brand-card,.brand-card:nth-child(4),.brand-card:nth-child(5){grid-column:span 1}.brand-card{min-height:330px}.brand-icon{margin-bottom:70px}.section{padding:90px 0}.statement{padding:120px 0}.work-large .work-art{min-height:400px}.work-art{min-height:240px}.service{grid-template-columns:32px 1fr}.service b{grid-column:2}.service p{grid-column:2}.footer-logo{width:155px}}
/* Brand logo slots — replace these files with your uploaded logos:
   assets/logo/brands/finestack-pictures.png
   assets/logo/brands/qlixtv.png
   assets/logo/brands/qlixmusic.png
   assets/logo/brands/kathabox.png
   assets/logo/brands/qliiv.png */
.brand-card{display:block;color:inherit;text-decoration:none;cursor:pointer}.brand-card:hover .brand-logo-box{transform:translateY(-2px);border-color:rgba(242,182,50,.65);box-shadow:0 10px 35px rgba(242,182,50,.08)}.brand-logo-box{width:min(100%,240px);height:78px;display:flex;align-items:center;justify-content:flex-start;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.22);padding:12px 16px;margin-bottom:38px;transition:.35s;border-radius:10px}.brand-logo-box img{display:block;max-width:100%;max-height:52px;width:auto;height:auto;object-fit:contain}.brand-logo-box img:not([src]),.brand-logo-box img[src=""]{display:none}.logo-placeholder{display:none;color:var(--gold);font-family:Manrope;font-weight:800;font-size:20px;letter-spacing:-.04em}.brand-logo-box img{min-width:1px}.brand-visit{position:absolute;bottom:25px;color:#fff;font-size:12px}.brand-visit b{color:var(--gold);margin-left:8px;font-weight:500}.brand-card h3{position:relative;z-index:2}.brand-card p{position:relative;z-index:2}.brand-card .brand-no{z-index:3}.brand-card .logo-placeholder{position:absolute}
@media(max-width:560px){.brand-logo-box{margin-bottom:28px;height:70px}.brand-logo-box img{max-height:46px}}