:root{--bg:#262030;--bg-2:#2f2839;--bg-3:#1e1926;--ink:#f4f0f2;--ink-soft:#a89fb0;--line:#3d3548;--accent:#e73065;--maxw:1200px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:Archivo,sans-serif;font-weight:300;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;mix-blend-mode:overlay}h1,h2,h3{font-family:Fraunces,serif;font-weight:400;line-height:1.05;letter-spacing:-.02em}nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.2rem clamp(1.2rem,5vw,4rem);backdrop-filter:blur(12px);background:#2620308c;border-bottom:1px solid transparent;transition:border-color .4s,background .4s}.nav-inner{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}nav.scrolled{border-bottom:1px solid var(--line);background:#262030e6}.brand-logo{height:34px;display:block;justify-self:start}.brand-logo img{height:100%;width:auto;display:block}.nav-links{display:flex;gap:1.6rem;justify-self:center}.lang{justify-self:end}.nav-links a{color:var(--ink-soft);text-decoration:none;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;transition:color .3s}.nav-links a:hover{color:var(--ink)}.lang{display:flex;border:1px solid var(--line);border-radius:40px;overflow:hidden}.lang button{background:none;border:none;color:var(--ink-soft);cursor:pointer;font-family:Archivo;font-size:.72rem;letter-spacing:.1em;padding:.4rem .7rem;transition:.3s}.lang button.active{background:var(--accent);color:#fff;font-weight:600}@media (max-width:760px){.nav-links{display:none}}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:8rem clamp(1.2rem,5vw,4rem) 4rem;position:relative;background:radial-gradient(ellipse 80% 50% at 50% 12%,rgba(231,48,101,.18),transparent),radial-gradient(ellipse 60% 50% at 50% 95%,rgba(231,48,101,.1),transparent)}.hero-text{max-width:900px;display:flex;flex-direction:column;align-items:center}.hero-kicker{font-size:.8rem;letter-spacing:.4em;text-transform:uppercase;color:var(--accent);margin-bottom:2rem;opacity:0;animation:fade .9s .2s forwards}.hero h1{font-size:clamp(2.8rem,8.5vw,7.5rem);font-weight:300;max-width:14ch;opacity:0;animation:fade 1s .35s forwards}.hero h1 em{font-style:italic;color:var(--accent)}.hero-sub{margin-top:2rem;max-width:48ch;color:var(--ink-soft);font-size:1.05rem;opacity:0;animation:fade 1s .55s forwards}.hero-tags{margin-top:2.5rem;display:flex;gap:1.2rem;flex-wrap:wrap;opacity:0;animation:fade 1s .7s forwards}.hero-tags span{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;padding:.5rem 1.1rem;border:1px solid var(--line);border-radius:40px;color:var(--ink-soft)}@keyframes fade{to{opacity:1;transform:translateY(0)}}.hero-kicker,.hero h1,.hero-sub,.hero-tags{transform:translateY(20px)}section{padding:clamp(4rem,10vw,9rem) clamp(1.2rem,5vw,4rem)}.wrap{max-width:var(--maxw);margin:0 auto}.sec-head{display:flex;align-items:baseline;gap:1.5rem;margin-bottom:3.5rem;flex-wrap:wrap}.sec-num{font-family:Fraunces,serif;font-size:1rem;color:var(--accent)}.sec-head h2{font-size:clamp(2rem,5vw,3.6rem);flex:1}.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s,transform .9s}.reveal.in{opacity:1;transform:none}.about{border-top:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.about-grid p{font-size:1.15rem;color:var(--ink-soft);max-width:50ch}.about-grid p.lead{color:var(--ink);font-family:Fraunces,serif;font-size:1.5rem;line-height:1.35}@media (max-width:760px){.about-grid{grid-template-columns:1fr}}.disc{border-top:1px solid var(--line)}.disc-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:2.5rem}.media{position:relative;border:1px solid var(--line);border-radius:4px;overflow:hidden;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-2),var(--bg-3));transition:border-color .4s}.media:hover{border-color:var(--accent)}.media.tall{aspect-ratio:3/4}.media.wide{aspect-ratio:16/9;grid-column:1/-1}.media img,.media video{width:100%;height:100%;object-fit:cover;display:block}.media .ph{text-align:center;color:#6b6378;padding:1rem}.media .ph .icon{font-size:1.6rem;display:block;margin-bottom:.6rem;color:var(--accent);opacity:.7}.media .ph small{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;display:block;margin-top:.4rem;color:#564e63}.services-list{columns:2;column-gap:2.5rem;margin-top:2rem}.services-list li{list-style:none;padding:.7rem 0;border-bottom:1px solid var(--line);font-size:.95rem;color:var(--ink-soft);break-inside:avoid;display:flex;align-items:center;gap:.7rem}.services-list li:before{content:"—";color:var(--accent)}#foto .disc-grid{grid-template-columns:repeat(3,1fr)}@media (max-width:900px){#foto .disc-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.disc-grid,#foto .disc-grid{grid-template-columns:1fr}.services-list{columns:1}}.clients{border-top:1px solid var(--line)}.collab-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:1.2rem;align-items:stretch}.anchor-client{padding:2.5rem 2.2rem;border:1px solid var(--accent);border-radius:6px;display:flex;flex-direction:column;background:linear-gradient(135deg,rgba(231,48,101,.12),transparent)}.anchor-role{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}.anchor-name{display:block;font-family:Fraunces,serif;font-size:clamp(1.8rem,4vw,2.8rem);color:var(--ink)}.anchor-desc{margin-top:1rem;color:var(--ink-soft);font-size:1rem;max-width:42ch}.anchor-note{display:block;margin-top:auto;padding-top:1.5rem;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft)}.collab-list{display:flex;flex-direction:column;gap:1.2rem}.collab-card{flex:1;padding:1.6rem 1.8rem;border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column;justify-content:center;gap:.5rem;transition:border-color .4s,background .4s}.collab-card:hover{border-color:var(--accent);background:var(--bg-2)}.collab-name{font-family:Fraunces,serif;font-size:clamp(1.3rem,2.5vw,1.7rem);color:var(--ink)}.collab-type{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft)}@media (max-width:760px){.collab-grid{grid-template-columns:1fr}}.contact{border-top:1px solid var(--line);background:var(--bg-3)}.contact-grid{display:grid;grid-template-columns:auto auto;justify-content:center;gap:clamp(2rem,5vw,4.5rem);align-items:center}.contact-logo{display:block;align-self:center}.contact-logo img{height:clamp(180px,24vw,300px);width:auto;display:block}@media (max-width:760px){.contact-grid{grid-template-columns:1fr;gap:2.5rem}.contact-logo img{height:120px}}.contact h2{font-size:clamp(2.4rem,7vw,5rem);max-width:16ch;margin-bottom:2.5rem}.contact h2 em{font-style:italic;color:var(--accent)}.contact-info{display:flex;gap:3rem;flex-wrap:wrap;font-size:1rem}.contact-info a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:2px;transition:.3s}.contact-info a:hover{color:var(--accent)}.contact-info .label{display:block;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.5rem}footer{padding:2.5rem clamp(1.2rem,5vw,4rem);border-top:1px solid var(--line);color:var(--ink-soft);font-size:.78rem;letter-spacing:.1em}.footer-inner{max-width:var(--maxw);margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.to-top{position:fixed;bottom:1.6rem;right:1.6rem;z-index:1000;width:46px;height:46px;border-radius:50%;border:none;cursor:pointer;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .35s,transform .35s,filter .25s;box-shadow:0 6px 22px #00000059}.to-top.show{opacity:1;pointer-events:auto;transform:none}.to-top:hover{filter:brightness(1.12);transform:translateY(-2px)}[data-en],body.en [data-es]{display:none!important}body.en [data-en]{display:inline!important}body.en [data-en].block{display:block!important}
