:root{
  --bg:#060506;
  --panel:#111014;
  --gold:#d7a943;
  --gold2:#fff0b7;
  --text:#f8f4ea;
  --muted:#b9b2a4;
  --line:rgba(215,169,67,.24);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Poppins,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px 6%;background:rgba(6,5,6,.72);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:48px;height:48px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-family:Cinzel,serif;color:var(--gold);font-weight:900;background:linear-gradient(135deg,rgba(215,169,67,.2),rgba(255,255,255,.04))}.brand strong{font-family:Cinzel,serif;display:block;letter-spacing:1.2px}.brand small{color:var(--gold);letter-spacing:4px;font-size:11px}nav{display:flex;gap:28px;color:var(--muted);font-size:14px}nav a:hover{color:var(--gold)}.nav-cta{border:1px solid var(--gold);padding:10px 18px;border-radius:999px;color:var(--gold);font-weight:700}
.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:130px 6% 80px;background:radial-gradient(circle at 20% 20%,rgba(215,169,67,.18),transparent 32%),linear-gradient(120deg,#050505 0%,#111014 48%,#211507 100%)}
.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.hero-content{position:relative;z-index:2;max-width:780px}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:3px;font-size:13px;font-weight:800;margin-bottom:14px}.hero h1,.section h2{font-family:Cinzel,serif;font-size:clamp(38px,6vw,82px);line-height:1.04;letter-spacing:-1px}.hero-text{max-width:650px;color:var(--muted);font-size:18px;margin:24px 0 34px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:999px;font-weight:800;border:1px solid transparent;cursor:pointer}.primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111}.secondary{border-color:var(--line);color:var(--text);background:rgba(255,255,255,.05)}.hero-card{position:absolute;right:7%;bottom:90px;z-index:2;width:300px;padding:26px;border:1px solid var(--line);border-radius:24px;background:rgba(17,16,20,.72);backdrop-filter:blur(12px);box-shadow:0 30px 90px rgba(0,0,0,.45)}.hero-card span{color:var(--muted);font-size:13px}.hero-card strong{display:block;color:var(--gold);font-family:Cinzel,serif;font-size:24px;margin:8px 0}.hero-card p{color:var(--muted)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0b0a0c}.stats div{text-align:center;padding:32px 16px;border-right:1px solid var(--line)}.stats strong{display:block;font-family:Cinzel,serif;color:var(--gold);font-size:36px}.stats span{color:var(--muted);font-size:14px}
.section{padding:95px 6%}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}.section h2{font-size:clamp(30px,4vw,56px)}.split p:last-child,.studio-copy p,.cta-band p{color:var(--muted);font-size:18px}.center{text-align:center}.service-grid,.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}.service-grid article,.project,.studio-box div,.contact-form{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border-radius:24px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.18)}.service-grid span{font-family:Cinzel,serif;color:var(--gold);font-size:32px;font-weight:900}.service-grid h3,.project h3{font-size:22px;margin:10px 0;color:var(--gold2)}.service-grid p,.project p{color:var(--muted)}.dark-panel{background:linear-gradient(135deg,#0a090b,#18120a);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.studio-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.studio-box{display:grid;grid-template-columns:1fr 1fr;gap:18px}.studio-box div{font-weight:800;color:var(--gold2)}.cta-band{text-align:center;background:radial-gradient(circle,rgba(215,169,67,.18),transparent 55%)}.cta-band h2{margin-bottom:12px}.cta-band .btn{margin-top:26px}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#0b0a0c}.contact-line{margin:14px 0;color:var(--muted)}.contact-line strong{color:var(--text)}.contact-form{display:flex;flex-direction:column;gap:14px}.contact-form input,.contact-form textarea{width:100%;padding:15px 16px;border-radius:14px;background:#070607;border:1px solid var(--line);color:var(--text);font-family:Poppins}.contact-form textarea{min-height:130px;resize:vertical}.contact-form button{width:fit-content}
footer{padding:30px 6%;display:flex;justify-content:space-between;gap:20px;color:var(--muted);border-top:1px solid var(--line);font-size:14px}.floating-whatsapp{position:fixed;right:22px;bottom:22px;z-index:80;background:#25D366;color:#07130a;border-radius:999px;padding:14px 18px;font-weight:900;box-shadow:0 18px 50px rgba(0,0,0,.4)}
@media (max-width:900px){nav{display:none}.nav-cta{display:none}.hero{padding-top:110px}.hero-card{position:relative;right:auto;bottom:auto;margin-top:40px}.hero{display:block}.stats,.service-grid,.project-grid,.split,.studio-section,.contact-section{grid-template-columns:1fr}.stats div{border-right:0;border-bottom:1px solid var(--line)}.studio-box{grid-template-columns:1fr}.site-header{padding:14px 5%}.brand-mark{width:42px;height:42px}.section{padding:70px 5%}footer{flex-direction:column}.hero h1{font-size:44px}}