:root{--paper:#f5f4f1;--ink:#11110f;--black:#121210;--grey:#716f69;--line:#d8d6d1;--max:1500px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}.wrap{max-width:var(--max);margin:auto;padding-left:36px;padding-right:36px}.nav{height:86px;display:flex;align-items:center;justify-content:space-between}.nav img{display:block;width:100px}.nav nav{display:flex;gap:27px}.nav a{text-decoration:none;text-transform:uppercase;color:var(--ink);font-size:12px;font-weight:700}.menu{display:none;background:none;border:0;font-size:22px}.hero{height:650px;position:relative;display:flex;align-items:center;overflow:hidden}.hero>div{position:relative;z-index:1}.hero h1{font-size:clamp(57px,6.3vw,88px);line-height:.94;letter-spacing:-.075em;font-weight:500;margin:0}.hero p{width:270px;font-size:15px;line-height:1.5;margin:28px 0}.hero>img{position:absolute;right:-35px;bottom:0;width:55%;height:89%;object-fit:cover;object-position:center;filter:grayscale(1);mix-blend-mode:multiply}.hero small{position:absolute;bottom:18px;font:12px 'DM Mono';color:var(--grey)}.actions{display:flex;gap:25px;align-items:center}.button{display:inline-block;background:var(--black);color:white!important;padding:13px 19px;text-transform:uppercase;text-decoration:none;font-size:11px!important;font-weight:800;letter-spacing:.02em}.arrow{font-size:12px!important}.eyebrow{font:12px 'DM Mono';letter-spacing:.03em;margin:0 0 26px;text-transform:uppercase}.dark{background:var(--black);color:#f5f4f1}.statement{padding:70px 0 64px}.statement h2,.method h2,.technology h2,.projects h2,.contact h2{font-size:clamp(31px,3.25vw,48px);font-weight:500;letter-spacing:-.065em;line-height:1.02;margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:67px}.cards i{font-style:normal;font-size:24px}.cards h3,.method h3,.project-grid h3{font-size:13px;text-transform:uppercase;margin:23px 0 13px}.cards p,.method li p{font-size:13px;line-height:1.55;color:#c4c2bd;margin:0}.method{padding-top:103px;padding-bottom:105px}.method ol{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;list-style:none;padding:0;margin:80px 0 0}.method li{border-top:1px solid #aaa7a0;padding-top:15px}.method li b{font:12px 'DM Mono'}.method h3{margin:21px 0 13px}.method li p{color:#4f4d48}.technology{padding:70px 0}.technology .wrap{display:flex;align-items:center;min-height:360px;position:relative;overflow:hidden}.technology h2{color:#f5f4f1}.technology ul{padding:25px 0 0;margin:0;list-style:none;text-transform:uppercase;font-size:12px;line-height:2}.technology img{position:absolute;right:0;top:0;width:44%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.83}.projects{padding-top:103px;padding-bottom:105px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}.project-grid img,.product-shape{width:100%;height:175px;object-fit:cover;filter:grayscale(1)}.product-shape{background:radial-gradient(circle at 50% 50%,#bcbab3 0 12%,#555 13% 17%,#1a1a19 18% 31%,#85827b 32% 34%,#242422 35% 55%,#a09d95 56% 60%,#4a4843 61%);filter:none}.project-grid small{display:block;text-transform:uppercase;font-size:11px;margin-top:16px;color:var(--grey)}.project-grid h3{font-size:15px;text-transform:none;line-height:1.35;margin:9px 0}.project-grid a{color:var(--ink);text-decoration:none}.outline{display:block;border:1px solid #99958d;width:max-content;margin:45px auto 0;padding:12px 31px;text-transform:uppercase;text-decoration:none;color:var(--ink);font-size:11px;font-weight:800}.contact{padding:88px 0 25px}.contact h2{color:#f5f4f1}.light{margin-top:35px;background:#f5f4f1;color:#121210!important}footer{border-top:1px solid #4a4843;margin-top:110px;padding-top:18px;display:flex;align-items:flex-start;gap:40px;font-size:11px;line-height:1.6;color:#b7b4ad}footer img{width:92px;filter:invert(1)}@media(max-width:700px){.wrap{padding-left:23px;padding-right:23px}.nav{height:70px}.nav nav{display:none}.menu{display:block}.hero{height:570px;align-items:flex-start;padding-top:55px}.hero>img{width:85%;height:48%;right:-20px;filter:grayscale(1) opacity(.48)}.hero h1{font-size:57px}.cards,.method ol,.project-grid{grid-template-columns:1fr 1fr}.cards{margin-top:45px}.method{padding-top:70px;padding-bottom:70px}.method ol{margin-top:45px}.technology .wrap{min-height:460px;align-items:flex-start;padding-top:40px}.technology img{width:80%;height:48%;top:auto;bottom:0}.project-grid article:last-child{grid-column:span 2}.contact{padding-top:65px}footer{margin-top:75px;gap:18px;flex-wrap:wrap}footer img{width:100%;max-width:100px}}
/* Ajuste solicitado: contenedor 1300 px y escala tipográfica +10%. */
:root{--max:1300px!important}.nav a{font-size:13.2px!important}.menu{font-size:24.2px!important}.hero h1{font-size:clamp(62.7px,6.93vw,96.8px)!important}.hero p{font-size:16.5px!important}.hero small,.eyebrow,.method li b{font-size:13.2px!important}.button{font-size:12.1px!important}.arrow{font-size:13.2px!important}.statement h2,.method h2,.technology h2,.projects h2,.contact h2{font-size:clamp(34.1px,3.575vw,52.8px)!important}.cards i{font-size:26.4px!important}.cards h3,.method h3{font-size:14.3px!important}.cards p,.method li p{font-size:14.3px!important}.technology ul{font-size:13.2px!important}.project-grid small{font-size:12.1px!important}.project-grid h3{font-size:16.5px!important}.outline{font-size:12.1px!important}footer{font-size:12.1px!important}@media(max-width:700px){.hero h1{font-size:62.7px!important}}
/* Acento cobre: energía puntual sobre la base monocroma. */
:root{--accent:#c96537}.eyebrow,.method li b,.project-grid small{color:var(--accent)!important}.button{background:var(--accent)!important}.button.light{background:#f5f4f1!important}.arrow:hover,.project-grid a:hover{color:var(--accent)}.outline{border-color:var(--accent);color:var(--accent)}.outline:hover{background:var(--accent);color:#fff}.cards i{color:var(--accent)}.nav nav a{position:relative}.nav nav a:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.nav nav a:hover:after{transform:scaleX(1)}.technology ul li:before{content:"— ";color:var(--accent)}
/* Variante de acento: gris piedra, más actual y menos nostálgico que el cobre. */
:root{--accent:#777773}.cards i{color:#b5b3ad!important}.technology ul li:before{color:#b5b3ad!important}