@font-face{font-family:Command;src:url('assets/command.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#05090b;color:#dce1e2;font-family:Arial,sans-serif;font-size:16px;background-image:linear-gradient(90deg,transparent 49.8%,#20313918 50%,transparent 50.2%);background-size:8px 8px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #ff6b45;outline-offset:5px}::selection{background:#ff4826;color:#05090b}.shell{max-width:1440px;margin:auto;border-left:1px dashed #344147;border-right:1px dashed #344147}header{min-height:74px;display:flex;align-items:center;gap:28px;padding:16px 40px;border-bottom:1px solid #3b464b}.brand{font-family:Command,'Arial Narrow',sans-serif;font-stretch:condensed;font-weight:750;font-size:25px;white-space:nowrap}.brand b{padding:0 8px}b,em{color:#ff4826;font-style:normal}nav{display:flex;gap:26px;margin:auto}nav a,.mono,.eyebrow,.status,aside,.flow,.tags,footer p,.back-top{font-family:Consolas,monospace;font-size:12px;line-height:1.5}nav a{color:#9aa4a9;font-size:11px;white-space:nowrap}nav a:hover,nav a.active{color:#ff4826}.status{color:#8c989d;font-size:11px;white-space:nowrap;display:flex;align-items:center;gap:15px}.status i{width:10px;height:10px;background:#ff4826;border-radius:50%;box-shadow:0 0 20px #ff4826}h1,h2,h3{font-family:Command,'Arial Narrow',Impact,sans-serif;font-stretch:condensed;font-weight:800;margin:0;line-height:1.02;letter-spacing:-.025em}p{margin:0;line-height:1.35}.eyebrow{color:#98a4aa;margin-bottom:10px}.eyebrow b{margin-right:20px}.hero{min-height:460px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.hero-art{position:absolute;inset:0 0 0 31%;background-image:url('assets/reference.png');background-size:169% auto;background-position:87% 4%;}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#05090b,transparent 25%),linear-gradient(0deg,#05090b 0%,transparent 22%)}.hero-copy{position:relative;padding:26px 40px 58px;width:49%;z-index:1}.hero h1{font-size:clamp(64px,7.7vw,108px);line-height:.91;letter-spacing:-.045em;font-stretch:condensed;text-shadow:0 3px 1px #4f595d}.hero h1 strong{display:block;color:#ff4826;text-shadow:0 0 24px #ff3c263c;font-weight:800}.arrow{font-family:Arial,sans-serif;font-size:.82em;font-weight:400}.lead{font-size:20px;max-width:425px;margin-top:19px}.muted{color:#98a4aa;margin-top:8px}.button{border:1px solid #ff4826;background:#ff4826;color:#080b0c;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 20px;font-family:Command,'Arial Narrow',sans-serif;font-stretch:condensed;font-weight:800;font-size:15px;cursor:pointer;min-height:46px;transition:background .2s}.button:hover{background:#ff754f}.hero .button{width:max-content;margin-top:20px;box-shadow:0 0 24px #ff48262b}.hero-bottom{position:absolute;bottom:0;left:40px;right:40px;border-top:1px solid #3b464b88;display:flex;justify-content:space-between;padding:12px 0;color:#87949b;font-size:11px;z-index:2}.hero-bottom b{margin-left:14px}.section{padding:22px 28px;border-top:1px solid #41494d}.section-head{display:grid;grid-template-columns:1.25fr 1fr .32fr;align-items:center;gap:32px;margin-bottom:18px}.section-head h2{font-size:32px}.section-head>p{max-width:450px;color:#c0c9cc;font-size:14px}.section-head aside,aside{border-left:1px solid #344047;padding-left:18px;color:#93a0a7;font-size:11px} .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{position:relative;isolation:isolate;border:1px solid #3e484c;background:#071013;overflow:hidden;padding:15px 18px 12px;min-height:217px}.card:before,.card:after{content:'';position:absolute;width:17px;height:8px;pointer-events:none;border-color:#ff4826;border-style:solid;z-index:2}.card:before{top:5px;left:5px;border-width:1px 0 0 1px}.card:after{bottom:5px;left:5px;border-width:0 0 1px 1px}.number{color:#ff4826;font-family:Consolas,monospace;font-size:17px;position:relative;z-index:2}.card h3{font-size:28px;position:relative;margin-top:43px}.card p{font-size:14px;max-width:330px;margin:7px 0 12px;color:#c4cdd1}.art{position:absolute;top:0;left:0;right:0;height:112px;z-index:-1;opacity:.8;background-image:url('assets/reference.png');background-size:350% auto;mask-image:linear-gradient(#000 45%,transparent)}.art-intelligence{background-position:5% 32%}.art-creative{background-position:92% 32%}.chart{background:linear-gradient(100deg,#05090b55,#0f1e24);display:flex;align-items:center;padding-top:10px}.chart svg{width:100%;height:100%}.flow{display:flex;justify-content:space-between;align-items:center;gap:5px;border:1px solid #26353b;padding:8px;background:#0c171b99;font-size:10px;color:#a9b5bb;white-space:nowrap}.flow b{font-weight:400}.projects .card{min-height:209px}.projects .number{display:block;margin-top:65px}.projects h3{margin-top:0;font-size:24px}.projects p{padding-right:36px;margin-bottom:12px;max-width:350px}.projects .art{height:145px}.art-radar{background-position:5% 50%}.art-watch{background-position:49% 50%}.art-loop{background-position:92% 50%}.project-link{position:absolute;right:18px;bottom:52px;background:#ff4826;color:#05090b;width:32px;height:32px;display:grid;place-items:center;font-size:23px}.project-link:hover{background:#ff8a6a}.tags{font-size:10px;border:1px solid #21333a;width:max-content;max-width:100%;padding:3px 10px;color:#a0afb6}.manifesto{display:grid;grid-template-columns:1.1fr .9fr .55fr .27fr;gap:25px;align-items:center;position:relative;overflow:hidden}.manifesto h2{font-size:56px;color:#ff4826;text-shadow:0 0 22px #ff482638}.manifesto p{margin-top:6px}.manifesto ol{margin:0;padding:8px 0;list-style:none;counter-reset:principles;font-size:14px;line-height:1.65;color:#bdc7cc}.manifesto li{counter-increment:principles;display:flex;gap:23px}.manifesto li:before{content:'0' counter(principles);color:#ff4826;font-family:Consolas,monospace}.manifesto-art{align-self:stretch;background:url('assets/flaka.jpg') 95% 82%/230% auto;filter:brightness(.55) saturate(.65);min-height:126px;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 70%,transparent)}.identity{display:grid;grid-template-columns:1.3fr 1fr 1fr .3fr;gap:10px;padding-bottom:0;padding-top:0;min-height:247px}.identity-title{padding-top:24px;z-index:2}.identity h2{font-size:36px}.identity h2 em{font-size:.84em;display:inline-block}.identity aside{align-self:center}.person{position:relative;min-height:247px;overflow:hidden}.person img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.6) brightness(.7);mask-image:linear-gradient(0deg,transparent 0%,#000 40%,#000 90%)}.flaka img{object-position:50% 12%;height:590px;top:-19px}.chinaski img{height:380px;object-position:center top;top:-27px;filter:grayscale(1) brightness(.83);mask-image:linear-gradient(0deg,transparent 22%,#000 55%,#000 90%)}.person>div{position:absolute;inset:auto 10px 16px;z-index:2}.person h3{color:#ff4826;font-size:24px;margin-bottom:5px}.person p{font-size:12px;line-height:1.5;color:#d0d8dd;max-width:230px}.contact{display:grid;grid-template-columns:1fr 1.2fr .37fr;gap:30px;padding:25px 40px}.contact h2{font-size:55px}.contact h2 span{color:#ff4826}.contact>div>p:last-child{font-size:14px;max-width:330px;margin-top:15px}.contact form{padding:14px;border:1px solid #344249;display:grid;gap:9px;align-content:start}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}label{display:block;min-width:0}label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}input,textarea{width:100%;border:1px solid #3b4b52;background:linear-gradient(135deg,#0b161b,#070d10);color:#e0e7e9;padding:10px 12px;font-size:13px;border-radius:0}input::placeholder,textarea::placeholder{color:#aab7bf;opacity:1}textarea{resize:vertical;min-height:66px}input:focus,textarea:focus{outline:1px solid #ff4826;border-color:#ff4826}form .button{padding:10px 17px}#form-status{font-size:12px;color:#98a6ae;line-height:1.4}.contact aside{border:1px solid #344249;padding:16px}.stripes{height:82px;margin:15px 0;background:repeating-linear-gradient(135deg,transparent 0 15px,#15232a 15px 27px)}footer{border-top:1px solid #41494d;border-bottom:1px solid #41494d;padding:26px 40px;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .brand{font-size:20px}footer p{color:#8c9aa3;font-size:11px;margin-top:10px}footer>p{text-align:right}.back-top{color:#ff4826;font-size:11px}.skip{position:fixed;top:-80px;left:15px;z-index:10;background:#ff4826;color:#000;padding:15px}.skip:focus{top:10px}@media(min-width:1440px){.hero{min-height:510px}.hero-copy{padding-top:40px;padding-bottom:70px}}@media(max-width:1100px){header{padding:18px 26px;gap:18px}nav{gap:14px}.status{display:none}.section-head{grid-template-columns:1.2fr 1fr}.section-head aside{display:none}.hero-copy{width:54%;padding-left:28px}.hero{min-height:440px}.hero h1{font-size:85px}.hero .lead{font-size:18px}.hero-art{left:28%}.identity{grid-template-columns:1.25fr 1fr 1fr}.identity aside{display:none}.identity h2{font-size:31px}.manifesto{grid-template-columns:1.1fr 1fr .6fr}.manifesto aside{display:none}.manifesto h2{font-size:47px}.contact{grid-template-columns:1fr 1.2fr}.contact aside{display:none}.flow{font-size:8px;gap:3px}.card{padding-left:13px;padding-right:13px}.card h3{font-size:26px}}@media(max-width:760px){.shell{margin:0 10px}header{padding:17px 18px;display:block}.brand{font-size:24px}nav{margin:15px 0 0;gap:17px;overflow-x:auto;padding-bottom:7px}nav a{font-size:10px}nav a:nth-child(4){display:none}.hero{min-height:610px;justify-content:flex-start}.hero-art{inset:265px -30px 20px -15px;background-size:165% auto;background-position:87% 4%}.hero-art:after{background:linear-gradient(180deg,#05090b 0%,transparent 25%,transparent 70%,#05090b 100%)}.hero-copy{width:100%;padding:24px 20px 0}.hero .eyebrow{font-size:10px}.hero h1{font-size:clamp(58px,13vw,88px)}.hero h1 strong{display:inline}.hero h1 .arrow{padding:0 5px}.hero h1{max-width:500px}.lead{max-width:380px!important;font-size:17px!important}.hero .button{font-size:13px;padding:13px 14px;gap:12px}.hero-bottom{left:20px;right:20px;font-size:9px}.hero-bottom span:last-child{display:none}.section{padding:22px 18px}.section-head{display:block}.section-head h2{font-size:29px}.section-head>p{margin-top:12px;font-size:14px}.cards{grid-template-columns:1fr;gap:14px}.card{min-height:210px;padding:16px 18px}.card h3{font-size:30px}.card p{max-width:100%;font-size:15px}.flow{font-size:10px;padding:9px}.art{background-size:345% auto;height:118px}.projects .card{min-height:230px}.projects h3{font-size:27px}.projects .number{margin-top:75px}.projects p{max-width:100%;padding-right:46px}.tags{font-size:10px}.manifesto{grid-template-columns:1fr;gap:14px}.manifesto h2{font-size:53px}.manifesto-art{display:none}.manifesto ol{font-size:15px}.identity{grid-template-columns:1fr 1fr;gap:12px;padding-bottom:0}.identity-title{grid-column:1/-1;padding-top:0}.identity h2{font-size:34px}.person{min-height:250px}.flaka img{height:440px;top:0}.chinaski img{height:310px;top:0}.person p{font-size:12px}.person>div{left:0;right:0;bottom:16px}.contact{grid-template-columns:1fr;gap:23px}.contact h2{font-size:50px}.contact form{padding:12px}.form-row{grid-template-columns:1fr}input,textarea{font-size:16px}.contact>div>p:last-child{font-size:16px}footer{padding:22px 18px;flex-wrap:wrap}footer>p{text-align:left;font-size:10px}.back-top{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero-art{background-image:url('assets/hero-control-room.png');background-size:cover;background-position:50% 50%}@media(max-width:760px){.hero-art{background-size:cover;background-position:50% 50%}}
/* Standalone artwork: keep all titles as real HTML text. */
.art-intelligence,.art-creative,.art-radar,.art-watch,.art-loop{background-image:url('assets/hero-control-room.png');background-size:180% auto}
.art-intelligence{background-position:50% 8%}.art-creative{background-position:0% 43%}.art-radar{background-size:210% auto;background-position:52% 7%}.art-watch{background-size:135% auto;background-position:55% 60%}.art-loop{background-position:100% 44%}
.chinaski img{height:470px;top:-25px;object-fit:cover;mask-image:linear-gradient(0deg,transparent 38%,#000 67%,#000 90%)}
.person:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#05090b 85%);pointer-events:none}
@media(max-width:760px){.chinaski img{height:370px;top:0}.hero h1 strong{display:block}.hero{min-height:650px}.hero-art{top:315px}.hero-copy .eyebrow b{margin-right:4px}.person:after{inset:50% 0 0}}

/* Ana: mismo tratamiento monocromo y opaco que el retrato de CHINASKI. */
.flaka img{filter:grayscale(1) brightness(.50);opacity:.82}
/* Sección 04: propuesta calle noir aprobada. El recorte conserva la foto exacta. */
.manifesto{grid-template-columns:32% 27% 41%;gap:0;padding:38px 28px;min-height:340px;background:#050607;isolation:isolate}
.manifesto>div:first-child{position:relative;z-index:2;padding-right:16px}.manifesto h2{font-size:clamp(52px,5.7vw,82px);text-shadow:none;white-space:nowrap}.manifesto>div>p:last-child{font-family:Command,'Arial Narrow',sans-serif;font-size:20px;margin-top:14px}
.manifesto ol{position:relative;z-index:2;align-self:center;padding:0 14px 0 0;font-family:Command,'Arial Narrow',sans-serif;font-size:19px;line-height:1.2}.manifesto li{align-items:center;gap:17px;padding:15px 0;border-bottom:1px solid #ffffff30}.manifesto li:last-child{border:0}.manifesto li:before{font-family:Command,'Arial Narrow',sans-serif;font-size:28px;min-width:24px}
.manifesto-art{display:block;position:relative;align-self:stretch;min-height:265px;background:none;filter:none;mask-image:linear-gradient(90deg,transparent,#000 15%);overflow:hidden;margin:-15px -28px -15px -12px;z-index:0}.manifesto-art svg{display:block;width:100%;height:100%;position:absolute;inset:0}
.manifesto aside{display:block;position:absolute;right:28px;top:15px;border:0;padding:0;font-size:10px;color:#dce1e2;z-index:2;letter-spacing:.12em}.manifesto aside br{display:none}
@media(max-width:1100px) and (min-width:761px){.manifesto{grid-template-columns:34% 31% 35%;padding:30px 22px}.manifesto h2{font-size:55px}.manifesto ol{font-size:17px}.manifesto li{gap:10px}.manifesto>div>p:last-child{font-size:17px}}
@media(max-width:760px){.manifesto{grid-template-columns:1fr;gap:20px;padding:25px 18px 0;min-height:0}.manifesto h2{font-size:clamp(48px,13vw,70px)}.manifesto>div:first-child{padding:0}.manifesto>div>p:last-child{font-size:20px}.manifesto ol{padding:0;font-size:20px}.manifesto li{padding:12px 0}.manifesto-art{margin:0 -18px;min-height:240px;height:auto;aspect-ratio:1.65;mask-image:linear-gradient(180deg,transparent,#000 18%)}.manifesto aside{position:static;grid-row:4;padding:0 0 16px;text-align:right;font-size:9px}}
/* Vídeo real procesado con Higgsfield /noir, sin filtros añadidos. */
.manifesto-art video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%;opacity:0;transition:opacity .2s}
.manifesto-art video.is-ready{opacity:1}
#noir-toggle{position:absolute;bottom:10px;right:14px;z-index:3;background:#05090bda;border:1px solid #819099;color:#dce1e2;padding:9px 12px;min-height:40px;font:11px Consolas,monospace;cursor:pointer}
#noir-toggle:hover{border-color:#ff4826;color:#ff4826}
/* Imágenes propias de cada proyecto, sin reutilizar el hero. */
.art-watch{background-image:url('assets/competitor-watch.png');background-size:cover;background-position:center 24%;opacity:.95}
.art-loop{background-image:url('assets/creative-loop.png');background-size:cover;background-position:center 20%;opacity:.8}

/* Competitor Watch: opción A aprobada por Pechu. */
.art-watch{background-image:url('assets/competitor-watch-board.png');background-size:cover;background-position:center 25%}
/* Marca solicitada: solo cabecera y firma del footer. */
.brand-signature{display:inline-flex;flex-direction:column;gap:3px;line-height:1}
.brand-signature small{font:10px/1.3 Consolas,monospace;font-weight:400;letter-spacing:.02em;color:#9aa7ae}
.brand-signature small b{padding:0 2px}

.form-privacy{font:11px/1.5 Arial,sans-serif;color:#9aa7ae;margin:12px 0 0}.form-privacy a,.legal-links a{color:inherit;text-underline-offset:3px}.legal-links{display:flex;flex-wrap:wrap;gap:20px;padding:0 26px 18px;font:11px/1.5 Consolas,monospace;color:#9aa7ae}#contact-form button:disabled{opacity:.6;cursor:wait}

/* Retratos aclarados: propuesta aprobada por Pechu. */
.person img{opacity:1;filter:grayscale(1) brightness(.95);mask-image:none}.person:after{inset:72% 0 0;background:linear-gradient(transparent,rgba(5,9,11,.82))}