:root{
  --bg:#080808; --panel:#11100e; --text:#f5f2eb; --muted:#aaa59c;
  --gold:#e5ae45; --gold2:#ffd986; --line:rgba(255,255,255,.11);
  --serif:"Playfair Display",Georgia,serif; --sans:"DM Sans",Arial,sans-serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% -10%,rgba(220,157,45,.13),transparent 32%),radial-gradient(circle at 90% 60%,rgba(180,105,20,.06),transparent 25%);z-index:-3}
.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(229,174,69,.12),transparent 65%);pointer-events:none;transform:translate(-50%,-50%);z-index:-1;transition:left .12s ease,top .12s ease}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;background:rgba(8,8,8,.76);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-weight:700;letter-spacing:-.04em;font-size:18px}.brand img{width:34px;height:34px;object-fit:contain}.brand span span{color:var(--gold)}
.nav nav,.nav>nav{display:flex;gap:30px;align-items:center}.nav nav a{color:#bdb8af;text-decoration:none;font-size:13px;transition:.25s}.nav nav a:hover{color:#fff}.nav .nav-cta{color:#090909;background:var(--gold);padding:12px 18px;border-radius:999px;font-weight:700}.nav-cta span{margin-left:8px}
.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.15fr .85fr;align-items:center;padding:7vw 9vw 8vw;position:relative;overflow:hidden}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.22;pointer-events:none}.orb-a{width:450px;height:450px;background:#9d6414;right:2%;top:8%}.orb-b{width:300px;height:300px;background:#554017;left:-5%;bottom:4%}
.hero-copy{max-width:800px;position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:.22em;color:var(--gold2);font-weight:700;margin:0 0 22px;display:flex;align-items:center;gap:10px}.eyebrow i{display:block;width:28px;height:1px;background:var(--gold)}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(58px,8vw,116px);line-height:.91;letter-spacing:-.07em;margin-bottom:30px;font-weight:700}h1 em,h2 em{font-family:var(--serif);font-weight:600;letter-spacing:-.06em;color:var(--gold2)}
.hero-sub{font-size:16px;line-height:1.75;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;margin-top:34px}.button{padding:14px 20px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:700;display:inline-flex;gap:18px;align-items:center;transition:.25s}.button-gold{background:var(--gold);color:#0a0907}.button-gold:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(229,174,69,.18)}.button-ghost{border:1px solid var(--line);color:#fff}.button-ghost:hover{border-color:rgba(255,215,134,.5);transform:translateY(-3px)}
.hero-stats{display:flex;gap:36px;margin-top:54px}.hero-stats div{display:flex;gap:10px;align-items:center}.hero-stats strong{font-family:var(--serif);font-size:20px;color:var(--gold)}.hero-stats span{font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#7e7971;line-height:1.5}
.hero-visual{display:flex;justify-content:center;align-items:center}.hero-card{width:min(420px,34vw);aspect-ratio:1;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 48%,#19130b,#080808 64%);box-shadow:0 0 100px rgba(218,156,52,.12),inset 0 0 70px rgba(255,200,100,.04);border:1px solid rgba(229,174,69,.22);animation:float 6s ease-in-out infinite}.hero-card:after{content:"";position:absolute;inset:12px;border-radius:50%;border:1px solid rgba(229,174,69,.25)}.hero-card img{width:67%;height:67%;object-fit:contain;filter:drop-shadow(0 20px 35px rgba(0,0,0,.7))}.hero-card-ring{position:absolute;inset:-28px;border-radius:50%;border:1px dashed rgba(229,174,69,.25);animation:spin 22s linear infinite}.hero-card-copy{position:absolute;bottom:28px;text-align:center}.hero-card-copy span{font-size:12px;letter-spacing:.3em;color:var(--gold)}.hero-card-copy small{display:block;font-size:7px;letter-spacing:.3em;color:#777;margin-top:6px}
.marquee-wrap{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;background:#0b0a08}.marquee{width:max-content;display:flex;align-items:center;gap:26px;animation:marquee 24s linear infinite;font-size:10px;font-weight:700;letter-spacing:.22em;color:#9d988f}.marquee b{color:var(--gold)}
.section{padding:130px 9vw}.section-head h2{font-size:clamp(44px,6vw,78px);line-height:.98;letter-spacing:-.065em;margin:0}.centered{text-align:center}.centered .eyebrow{justify-content:center}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:12vw;margin-top:70px;align-items:start}.lead{font-size:clamp(22px,2.4vw,34px);line-height:1.35;color:#c5c0b7;letter-spacing:-.035em}.lead strong{color:#fff}.service-list{border-top:1px solid var(--line)}.service-list div{display:grid;grid-template-columns:50px 1fr 25px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);transition:.25s}.service-list div:hover{padding-left:10px;background:linear-gradient(90deg,rgba(229,174,69,.06),transparent)}.service-list span{font-size:10px;color:var(--gold)}.service-list b{font-size:16px}.service-list i{font-style:normal;color:#777}
.work{padding-top:40px}.work-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:65px}.work-card{height:540px;border-radius:20px;overflow:hidden;position:relative;background:#151412;border:1px solid rgba(255,255,255,.08);transform:translateZ(0);transition:transform .5s ease,box-shadow .5s ease}.work-card.tall{height:540px}.work-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}.work-card:hover{transform:translateY(-10px);box-shadow:0 30px 55px rgba(0,0,0,.5),0 0 0 1px rgba(229,174,69,.18)}.work-card:hover img{transform:scale(1.07);filter:saturate(1.12) contrast(1.05)}.card-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),transparent 35%,rgba(0,0,0,.9) 100%)}.card-top,.card-bottom{position:absolute;left:18px;right:18px;display:flex;justify-content:space-between}.card-top{top:18px;font-size:8px;letter-spacing:.16em;color:#eee}.card-bottom{bottom:18px;display:block}.card-bottom p{font-size:9px;letter-spacing:.18em;color:var(--gold2);font-weight:700;margin-bottom:8px}.card-bottom h3{font-size:25px;line-height:1.02;letter-spacing:-.045em;margin-bottom:16px}.card-bottom a{font-size:10px;color:#bbb;text-decoration:none;border-bottom:1px solid #777;padding-bottom:3px}
.process{display:grid;grid-template-columns:.8fr 1.2fr;gap:12vw;align-items:start;background:linear-gradient(180deg,transparent,#0d0c0a,transparent)}.process-copy h2{font-size:clamp(48px,5vw,74px);line-height:.95;letter-spacing:-.06em}.process-copy>p:last-child{color:#8f8b84;line-height:1.8;max-width:460px;margin-top:28px}.process-steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:55px 1fr 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--line);align-items:start}.step span{font-size:10px;color:var(--gold)}.step h3{font-size:20px;margin:0}.step p{font-size:12px;line-height:1.7;color:#89857e;margin:0}
.tools{padding-top:100px}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:60px}.tool{padding:32px 25px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008));transition:.35s}.tool:hover{transform:translateY(-7px);border-color:rgba(229,174,69,.35);box-shadow:0 20px 40px rgba(0,0,0,.25)}.tool-icon{width:58px;height:58px;border-radius:14px;display:grid;place-items:center;font-size:22px;font-weight:700;margin-bottom:28px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.premiere{background:#2d0c46;color:#c68cff}.after{background:#15154a;color:#999cff}.resolve{background:#10282d;color:#83e0dc}.capcut{background:#111;color:#fff}.tool h3{font-size:15px;margin-bottom:7px}.tool p{font-size:10px;color:#777;margin:0;letter-spacing:.04em}
.contact{padding:150px 8vw 110px;position:relative;overflow:hidden;border-top:1px solid var(--line);background:radial-gradient(circle at 50% 30%,rgba(229,174,69,.09),transparent 35%),#0a0908}.contact-glow{position:absolute;width:700px;height:400px;border-radius:50%;left:50%;top:35%;transform:translate(-50%,-50%);background:rgba(229,174,69,.07);filter:blur(80px)}.contact-inner{position:relative;max-width:1050px;margin:auto;text-align:center}.contact h2{font-size:clamp(58px,8vw,110px);line-height:.88;letter-spacing:-.07em;margin:0}.contact-sub{max-width:540px;margin:30px auto 40px;color:#8e8981;line-height:1.7}.contact-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.contact-button{min-width:190px;display:flex;align-items:center;gap:12px;justify-content:space-between;padding:15px 18px;border:1px solid var(--line);border-radius:999px;color:#fff;text-decoration:none;font-size:12px;transition:.25s;background:rgba(255,255,255,.02)}.contact-button:hover{border-color:rgba(229,174,69,.5);transform:translateY(-4px);background:rgba(229,174,69,.06)}.contact-button b{color:var(--gold)}.social{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:17px;font-weight:700}.whatsapp{background:#173f2a;color:#7cffb1;box-shadow:0 0 18px rgba(44,255,125,.18)}.mail{background:#3a2810;color:#ffd276;box-shadow:0 0 18px rgba(255,190,65,.18)}.instagram{background:#30112e;color:#ff8fe5;box-shadow:0 0 18px rgba(255,91,211,.2)}.facebook{background:#10244a;color:#79a9ff;box-shadow:0 0 18px rgba(66,103,178,.35)}.contact-details{display:flex;justify-content:center;gap:13px;align-items:center;margin-top:38px;color:#716d66;font-size:11px}.contact-details a{color:#aaa;text-decoration:none}.contact-details a:hover{color:#fff}.address-link{max-width:520px}
footer{border-top:1px solid var(--line);padding:26px 6vw;display:flex;align-items:center;justify-content:space-between;color:#65615b;font-size:10px}footer .brand{font-size:14px}footer .brand img{width:28px;height:28px}footer a{color:#858078;text-decoration:none}footer a:hover{color:#fff}
.floating-socials{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:9px;z-index:45}.floating-socials a{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:rgba(14,13,12,.78);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);transition:.25s}.floating-socials a:hover{transform:translateX(-4px) scale(1.06);border-color:rgba(229,174,69,.5)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay{transition-delay:.15s}
@keyframes float{50%{transform:translateY(-13px) rotate(1deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:1000px){.hero{grid-template-columns:1fr;padding-top:80px}.hero-visual{margin-top:60px}.hero-card{width:320px}.work-grid{grid-template-columns:repeat(2,1fr)}.work-card:nth-child(5){grid-column:1/-1}.tool-grid{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:1fr;gap:60px}}
@media(max-width:700px){.nav{padding:0 20px}.nav nav a:not(.nav-cta){display:none}.nav-cta{padding:10px 13px!important}.hero{padding:65px 22px 75px;min-height:auto}.hero h1{font-size:62px}.hero-sub{font-size:14px}.hero-stats{gap:17px;margin-top:42px}.hero-card{width:270px}.section{padding:90px 22px}.intro-grid{grid-template-columns:1fr;gap:45px;margin-top:50px}.work-grid{grid-template-columns:1fr;margin-top:45px}.work-card,.work-card.tall{height:500px}.work-card:nth-child(5){grid-column:auto}.process{padding-left:22px;padding-right:22px}.step{grid-template-columns:38px 1fr}.step p{grid-column:2}.tool-grid{grid-template-columns:1fr 1fr;gap:10px}.tool{padding:22px 16px}.tool h3{font-size:13px}.contact{padding:110px 22px 90px}.contact h2{font-size:58px}.contact-button{width:100%;max-width:340px}.contact-details{flex-direction:column;gap:8px}.contact-details span{display:none}footer{padding:22px;flex-wrap:wrap;gap:18px}.floating-socials{right:12px;bottom:12px}.cursor-glow{display:none}}