:root{color-scheme:dark;--bg:#090a0e;--panel:#11131b;--panel2:#171923;--ink:#f3f0eb;--muted:#b0acb7;--line:#34323b;--accent:#ef9b7d;--accent2:#9da6e3;--max:1180px;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{max-width:100%;display:block}button{font:inherit}.skip{position:absolute;top:-100px;left:20px;background:#fff;color:#111;padding:10px 16px;z-index:100}.skip:focus{top:10px}.wrap{width:min(calc(100% - 64px),var(--max));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:60;background:rgba(9,10,14,.83);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08)}.navrow{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:20px}.brand img{width:142px;height:auto}.nav{display:flex;align-items:center;gap:30px}.nav a{font-size:13px;color:#c1bfca;transition:color .2s}.nav a:hover,.nav a[aria-current=page]{color:var(--ink)}.nav .nav-contact{color:var(--accent);border-bottom:1px solid #9a6554;padding-bottom:3px}.mobile-toggle{display:none;border:1px solid var(--line);border-radius:8px;color:white;background:transparent;padding:7px 12px}
.eyebrow{display:inline-block;color:var(--accent);text-transform:uppercase;font-size:11px;letter-spacing:.22em;font-weight:700}.hero{position:relative;isolation:isolate;padding:126px 0 105px;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 75% 15%,rgba(108,91,133,.19),transparent 48%),radial-gradient(ellipse at 10% 80%,rgba(174,91,71,.12),transparent 42%)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.hero h1,.page-hero h1{font-size:clamp(48px,6.2vw,91px);font-weight:500;letter-spacing:-.065em;line-height:1.02;margin:24px 0}.hero h1 em,.page-hero h1 em{font-family:var(--serif);font-weight:400;color:var(--accent);letter-spacing:-.048em}.lead{font-size:clamp(17px,1.7vw,21px);color:#c3bec8;line-height:1.7;max-width:650px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:12px 21px;border-radius:4px;border:1px solid #c68a73;font-size:13px;font-weight:600;color:#171018;background:#efaa8e;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#ffc2a8}.button.ghost{background:transparent;color:#f2e8e4;border-color:#6d5960}.button.ghost:hover{background:#1d1920}.hero-visual{position:relative;aspect-ratio:4/5;max-height:570px;overflow:hidden;background:#151724;border-radius:4px;border:1px solid #403943}.hero-visual img{height:100%;width:100%;object-fit:cover;object-position:center;filter:saturate(.75) contrast(1.08) brightness(.72)}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(9,10,14,.9))}.visual-note{position:absolute;z-index:1;bottom:24px;left:24px;right:24px;border-top:1px solid rgba(255,255,255,.3);padding-top:15px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#ddd}.index-number{color:var(--accent);margin-right:12px}
.section{padding:106px 0;border-top:1px solid rgba(255,255,255,.085)}.section.soft{background:#0d0f16}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.section h2,.page-section h2{font-size:clamp(33px,4.1vw,55px);font-weight:500;line-height:1.14;letter-spacing:-.043em;margin:14px 0}.section .section-intro{max-width:450px;color:var(--muted);font-size:16px}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.feature{border:1px solid var(--line);padding:33px 30px;min-height:315px;background:linear-gradient(160deg,#171821,#0f1016);display:flex;flex-direction:column}.feature .num{font-family:var(--serif);color:var(--accent);font-size:21px}.feature h3{font-size:29px;letter-spacing:-.04em;font-weight:500;margin:47px 0 10px}.feature p{color:var(--muted);font-size:14px;margin:0}.feature a{display:inline-block;margin-top:auto;padding-top:22px;color:#ffd4c4;font-size:13px}.quote{padding:55px 0 30px;max-width:950px}.quote blockquote{font-family:var(--serif);font-size:clamp(29px,4vw,56px);line-height:1.26;letter-spacing:-.035em;margin:0;color:#f0e6e0}.quote p{color:var(--muted)}
.project-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}.project-art{aspect-ratio:16/11;overflow:hidden;border:1px solid #333}.project-art img{width:100%;height:100%;object-fit:cover;filter:brightness(.83)}.project-copy h3{font-size:clamp(34px,4vw,52px);font-weight:500;letter-spacing:-.04em;line-height:1.13;margin:16px 0}.project-copy p{color:var(--muted);font-size:16px}.text-link{display:inline-block;color:#ffd1bd;border-bottom:1px solid #986e5b;padding:12px 0 4px;font-size:14px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}.metric{border-top:1px solid var(--line);padding-top:15px}.metric span{display:block;color:var(--accent);font-family:var(--serif);font-size:30px}.metric p{font-size:13px;color:var(--muted);margin:3px 0}.closing{padding:96px 0 110px;background:radial-gradient(ellipse at center,rgba(118,70,80,.18),transparent 64%);text-align:center}.closing h2{font-family:var(--serif);font-size:clamp(35px,5vw,65px);font-weight:400;line-height:1.18;letter-spacing:-.035em;max-width:800px;margin:18px auto 24px}.closing p{color:var(--muted);max-width:600px;margin:0 auto 25px}
.page-hero{padding:110px 0 82px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 80% 0%,rgba(119,85,118,.16),transparent 55%)}.page-hero .wrap{max-width:950px}.page-hero h1{font-size:clamp(43px,5.6vw,74px)}.page-hero .lead{max-width:800px}.page-section{padding:78px 0}.prose-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:75px}.prose-grid aside{position:relative}.prose-grid aside p{color:var(--muted)}.prose-grid article p{color:#c8c4cc;font-size:17px;line-height:1.85;margin:0 0 22px}.prose-grid article h2{font-size:34px;margin:0 0 24px}.principles{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:33px}.principle{padding:25px;border:1px solid var(--line);background:#12131a}.principle b{display:block;font-size:17px;font-weight:600;margin-bottom:8px}.principle p{font-size:14px!important;line-height:1.65!important;margin:0!important}.band{background:#12131a;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:70px 0}.band h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.04em;font-weight:500;margin:0 0 20px}.band p{color:var(--muted);max-width:780px;font-size:17px}.band .text-link{margin-top:10px}
.footer{border-top:1px solid var(--line);padding:43px 0 29px;background:#08090c}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-logo{width:135px}.footer p{color:#8f8d98;font-size:12px;margin:12px 0}.footer-links{display:flex;gap:20px;font-size:13px;color:#c6bfc9;flex-wrap:wrap}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:36px;padding-top:16px;border-top:1px solid #27262e;color:#85818a;font-size:11px}.small-label{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--accent)}
@media(max-width:900px){.hero-grid,.project-grid,.prose-grid{grid-template-columns:1fr;gap:40px}.hero{padding:70px 0}.hero-visual{aspect-ratio:16/9;max-height:450px}.three{grid-template-columns:1fr 1fr}.section-head{align-items:start;flex-direction:column}.prose-grid aside{max-width:640px}.hero h1{font-size:clamp(47px,8vw,72px)}}
@media(max-width:640px){.wrap{width:min(calc(100% - 36px),var(--max))}.navrow{min-height:69px}.brand img{width:119px}.mobile-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:#111219;padding:20px 18px 28px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:12px 8px;border-bottom:1px solid #2d2d34}.hero{padding:64px 0 68px}.hero h1{font-size:clamp(45px,11vw,64px)}.hero-visual{aspect-ratio:4/3}.section{padding:70px 0}.three,.principles,.metrics{grid-template-columns:1fr}.feature{min-height:240px}.feature h3{margin-top:22px}.page-hero{padding:72px 0 65px}.page-section{padding:60px 0}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}.closing{padding:73px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* V2 — Hero original recuperado, navegación en overlay y footer editorial */
.site-header-overlay{position:sticky;top:0;margin-bottom:-84px;z-index:80;background:rgba(8,10,15,.40);-webkit-backdrop-filter:blur(20px) saturate(1.25);backdrop-filter:blur(20px) saturate(1.25);border-bottom:1px solid rgba(255,255,255,.13)}
.site-header-overlay .navrow{min-height:84px}
.animated-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#132132 0%,#0b101a 46%,#090a0e 80%);min-height:320px;}
.animated-hero-stage{position:relative;width:100%;max-width:1700px;margin:0 auto;aspect-ratio:1376/768;min-height:320px;max-height:850px;overflow:hidden;}
.hero-glow{position:absolute;inset:9% 0 0;width:100%;height:82%;filter:blur(57px);opacity:.8;z-index:0;pointer-events:none}
.hero-wave{position:absolute;left:0;right:0;top:22%;height:42%;z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:.93}
.hero-wave canvas{display:block;width:100%;height:100%;filter:drop-shadow(0 0 17px rgba(240,125,85,.28))}
.animated-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;z-index:2;pointer-events:none;user-select:none}
.hero-bottom-fade{position:absolute;inset:auto 0 0;height:14%;background:linear-gradient(transparent,var(--bg));z-index:3;pointer-events:none}
.hero-intro{padding:24px 0 104px;position:relative;background:var(--bg);}
.hero-intro-inner{max-width:930px;text-align:center}
.hero-intro h1{font-size:clamp(45px,5.8vw,77px);font-weight:500;letter-spacing:-.058em;line-height:1.06;margin:22px auto 19px}
.hero-intro h1 em{color:var(--accent);font-family:var(--serif);font-weight:400}
.hero-intro .lead{max-width:810px;margin:0 auto;color:#c6c2cb}
.hero-intro .text-link{margin-top:23px}
.page-hero{padding-top:88px}
.context-note{font-size:15px;color:var(--muted);border-top:1px solid var(--line);padding-top:21px;margin-top:30px}
.context-note a{color:var(--accent);border-bottom:1px solid rgba(239,155,125,.5)}
.footer-minimal{padding:31px 0 33px;text-align:center}
.footer-minimal p{margin:0;color:#bcb9c1;font-size:13px;letter-spacing:.005em;line-height:1.8}
.footer-minimal a{font-weight:650;color:#eee8e5}
.footer-minimal a:hover{color:var(--accent)}
.footer-minimal .footer-sep{color:var(--accent);padding:0 12px}
@media(max-width:900px){.animated-hero-stage{min-height:270px}.hero-intro{padding-bottom:75px}.page-hero{padding-top:70px}}
@media(max-width:640px){.site-header-overlay{margin-bottom:-69px}.site-header-overlay .navrow{min-height:69px}.animated-hero-stage{min-height:240px;aspect-ratio:4/3}.animated-hero-art{width:100%;height:100%;object-fit:cover;object-position:center}.hero-wave{top:25%;height:40%}.hero-glow{filter:blur(31px)}.hero-intro{padding:37px 0 65px}.hero-intro h1{font-size:clamp(41px,10vw,59px)}.page-hero{padding-top:60px}.footer-minimal .footer-sep{display:none}.footer-minimal p span:last-child{display:block}}
@media(prefers-reduced-motion:reduce){.hero-wave{opacity:.5}.hero-glow{opacity:.55}}