:root{
  --black:#030303;
  --black-2:#080808;
  --panel:#0d0d0f;
  --line:rgba(235,235,235,.16);
  --silver:#d7d7d9;
  --soft:#a9a9ad;
  --muted:#76767d;
  --white:#fff;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,sans-serif;background:var(--black);color:var(--silver);line-height:1.7;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 70% 15%,rgba(255,255,255,.12),transparent 28%),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,58px 58px;opacity:.65;z-index:-2}
a{color:inherit;text-decoration:none}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(3,3,3,.86);backdrop-filter:blur(18px);z-index:20}.brand{display:flex;flex-direction:column;line-height:1}.brand-signature{font-family:Parisienne,cursive;font-size:44px;letter-spacing:.02em;color:var(--white);text-shadow:0 0 25px rgba(255,255,255,.25)}.brand-subtitle{font-size:11px;letter-spacing:.55em;margin-left:12px;color:var(--silver)}.nav{display:flex;gap:34px;text-transform:uppercase;font-size:12px;letter-spacing:.18em}.nav a{color:#d7d7d9;opacity:.85}.nav a:hover{opacity:1}.header-cta,.btn{border:1px solid rgba(255,255,255,.32);padding:15px 24px;text-transform:uppercase;letter-spacing:.16em;font-size:12px;transition:.25s}.header-cta:hover,.btn:hover{background:var(--white);color:var(--black)}.hero{min-height:760px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;padding:80px 5vw;border-bottom:1px solid var(--line);background:linear-gradient(110deg,rgba(0,0,0,.98),rgba(13,13,15,.92)),radial-gradient(circle at 78% 40%,rgba(255,255,255,.16),transparent 34%)}.eyebrow,.section-label,.section-heading span{display:block;text-transform:uppercase;letter-spacing:.38em;font-size:12px;color:var(--soft);margin-bottom:24px}.hero h1,.intro h2,.section-heading h2,.titans h2,.contact h2{font-family:"Cormorant Garamond",serif;text-transform:uppercase;font-weight:500;line-height:.95;color:var(--silver);letter-spacing:.04em}.hero h1{font-size:74px}.hero-text{max-width:560px;margin:28px 0;color:#c8c8cc}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.btn-primary{background:rgba(255,255,255,.06)}.btn-ghost{background:transparent}.hero-logo{text-align:center;padding:60px 20px}.large-signature{font-family:Parisienne,cursive;font-size:150px;color:transparent;-webkit-text-stroke:1px #e8e8e8;text-shadow:0 18px 40px rgba(255,255,255,.25);display:block;line-height:.8}.large-company{font-size:28px;letter-spacing:.55em;color:#ddd;text-shadow:0 8px 20px rgba(255,255,255,.25)}section{padding:100px 5vw}.intro{max-width:1080px;margin:auto;text-align:center}.intro h2{font-size:52px;margin-bottom:25px}.intro p{max-width:760px;margin:auto;color:#bdbdc3}.section-heading{text-align:center;margin-bottom:56px}.section-heading h2{font-size:48px}.section-heading p{color:#aaa}.projects{background:linear-gradient(180deg,#050505,#090909)}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.project-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));min-height:420px;display:flex;flex-direction:column;justify-content:space-between;transition:.3s}.project-card:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.42);box-shadow:0 28px 70px rgba(0,0,0,.55)}.project-media{height:210px;display:flex;align-items:center;justify-content:center;padding:34px;border-bottom:1px solid var(--line);background:radial-gradient(circle,rgba(255,255,255,.08),transparent 60%)}.project-media img{max-width:100%;max-height:155px;object-fit:contain}.project-info{padding:30px;text-align:center}.project-info h3{font-family:"Cormorant Garamond",serif;text-transform:uppercase;font-size:27px;letter-spacing:.12em;color:#f1f1f1;margin-bottom:12px}.project-info p{font-size:15px;color:#b8b8bf}.text-logo{flex-direction:column}.text-logo span{font-size:82px;font-family:"Cormorant Garamond",serif;font-weight:700;background:linear-gradient(120deg,#fff,#777,#fff);-webkit-background-clip:text;color:transparent;line-height:1}.text-logo small{letter-spacing:.45em;font-size:13px;color:#ddd}.titans{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.09),transparent 36%)}.titans h2{font-size:56px}.titans-copy p{margin-bottom:22px;color:#c7c7cc}.quote{font-family:"Cormorant Garamond",serif;font-size:30px;color:#fff!important;line-height:1.2}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.metrics div{border:1px solid var(--line);padding:42px;background:rgba(255,255,255,.03);text-align:center}.metrics strong{display:block;font-family:"Cormorant Garamond",serif;font-size:58px;color:#fff;line-height:1}.metrics span{color:#aaa}.contact{text-align:center;max-width:860px;margin:auto}.contact h2{font-size:64px;margin-bottom:18px}.contact p{color:#bbb;margin-bottom:32px}footer{display:flex;justify-content:space-between;align-items:center;padding:45px 5vw;border-top:1px solid var(--line);color:#85858a}.footer-brand .brand-signature{font-size:34px}.footer-brand .brand-subtitle{font-size:9px}
@media (max-width:1100px){.nav{display:none}.hero{grid-template-columns:1fr}.project-grid{grid-template-columns:repeat(2,1fr)}.large-signature{font-size:110px}.titans{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}}
@media (max-width:680px){.site-header{height:auto;padding:20px;gap:14px;align-items:flex-start}.header-cta{display:none}.brand-signature{font-size:36px}.brand-subtitle{letter-spacing:.35em}.hero{padding:70px 22px;min-height:auto}.hero h1{font-size:48px}.large-signature{font-size:82px}.large-company{font-size:16px;letter-spacing:.36em}.project-grid{grid-template-columns:1fr}section{padding:70px 22px}.intro h2,.section-heading h2,.titans h2{font-size:38px}.contact h2{font-size:46px}footer{flex-direction:column;gap:18px;text-align:center}.hero-actions{flex-direction:column}.btn{text-align:center}}

/* Logo actualizado */
.brand-image{display:flex;align-items:center;justify-content:center;line-height:1}
.brand-image img{display:block;width:170px;height:auto;object-fit:contain;mix-blend-mode:screen}
.hero-logo img{display:block;width:min(520px,90%);height:auto;margin:0 auto;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 24px 55px rgba(255,255,255,.12))}
.footer-brand img{width:145px}
@media (max-width:680px){.brand-image img{width:140px}.hero-logo img{width:92%}}