:root{--bg:#fff;--fg:#111;--muted:#666;--line:#d8d8d8;--pad:4.2vw;--max:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Helvetica,Arial,sans-serif;font-weight:400;line-height:1.35}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}button{font:inherit}
.site{width:min(var(--max),100%);margin:auto;padding:0 var(--pad)}
.header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:13px;letter-spacing:.01em}.brand{font-size:16px}.nav{display:flex;gap:30px}.nav a:hover,.link:hover{text-decoration:underline;text-underline-offset:4px}
.hero{min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center;padding:8vw 0 10vw}.hero h1{font-size:clamp(64px,9.2vw,150px);line-height:.84;font-weight:400;letter-spacing:-.055em;margin:0 0 30px}.hero h1 span{display:block}.kicker{font-size:24px;margin-bottom:28px}.intro{max-width:460px;font-size:17px;color:#333}.actions{display:flex;gap:28px;margin-top:38px;font-size:13px}.hero-image{align-self:center}.hero-image img{aspect-ratio:4/5;object-fit:cover}
.section{padding:8vw 0;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#555}.section-title{font-size:clamp(36px,5vw,72px);font-weight:400;letter-spacing:-.04em;margin:0}.featured{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.7fr);gap:5vw;align-items:end}.featured img{aspect-ratio:1.35/1;object-fit:cover}.meta{font-size:13px;color:#666;margin:12px 0 24px}.project-title{font-size:clamp(30px,4vw,56px);font-weight:400;line-height:.98;letter-spacing:-.04em;margin:0}.desc{font-size:16px;max-width:360px;color:#333}.link{display:inline-block;margin-top:28px;font-size:12px;text-transform:uppercase;letter-spacing:.02em}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card img{aspect-ratio:1.25/1;object-fit:cover;margin-bottom:18px}.card h3{font-size:25px;font-weight:400;letter-spacing:-.025em;margin:0 0 8px}.card p{font-size:14px;color:#666;margin:0}.number{font-size:10px;color:#666;margin-bottom:8px}.card .link{margin-top:18px}
/* Imágenes provisionales de Behance: se muestran más pequeñas mientras sustituimos los originales */
img[src^="https://mir-s3-cdn-cf.behance.net"]{width:70%;}

.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.split img{aspect-ratio:4/3;object-fit:cover}.split-copy h2{font-size:clamp(38px,5vw,72px);font-weight:400;letter-spacing:-.04em;margin:0 0 18px}.split-copy p{max-width:520px;font-size:16px;color:#444}
.prolija{display:grid;grid-template-columns:1fr .55fr;gap:6vw;align-items:center}.prolija h2{font-size:clamp(42px,6vw,82px);font-weight:400;letter-spacing:-.05em;margin:0 0 16px}.prolija img{aspect-ratio:1.6/1;object-fit:cover}
.footer{border-top:1px solid var(--line);padding:34px 0 55px;display:flex;justify-content:space-between;font-size:12px;color:#555}.footer strong{color:#111;font-weight:400}
.project-main-image{margin:0 0 70px}.project-hero{padding:9vw 0 5vw}.project-hero h1{font-size:clamp(52px,8vw,120px);font-weight:400;line-height:.9;letter-spacing:-.055em;max-width:1000px;margin:0 0 24px}.project-sub{font-size:17px;color:#555}.project-intro{display:grid;grid-template-columns:1fr .8fr;gap:8vw;padding:5vw 0 9vw}.project-intro h2{font-size:clamp(32px,4vw,58px);font-weight:400;letter-spacing:-.04em;margin:0}.project-intro p{font-size:17px;color:#333;max-width:620px;margin:0}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.gallery img{width:100%;object-fit:cover}.gallery .wide{grid-column:1/-1}.caption{font-size:11px;color:#666;margin:8px 0 35px}.project-section{padding:7vw 0;border-top:1px solid var(--line)}.project-section h2{font-size:clamp(32px,4vw,58px);font-weight:400;letter-spacing:-.04em;margin:0 0 35px}.process{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.process img{aspect-ratio:1/1.25;object-fit:cover}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:35px 0}.fact small{display:block;font-size:10px;color:#777;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.fact div{font-size:14px}
.about{max-width:900px;padding:11vw 0}.about h1{font-size:clamp(58px,9vw,130px);font-weight:400;line-height:.88;letter-spacing:-.06em;margin:0 0 55px}.about p{font-size:22px;line-height:1.35;max-width:760px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:6vw;margin-top:90px}.about-grid h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:400}.about-grid p{font-size:16px}
.contact{min-height:72vh;display:flex;flex-direction:column;justify-content:center;padding:8vw 0}.contact h1{font-size:clamp(70px,11vw,170px);font-weight:400;letter-spacing:-.06em;line-height:.86;margin:0 0 50px}.email{font-size:clamp(28px,4vw,56px);letter-spacing:-.03em}
@media(max-width:800px){.header{height:74px}.nav{gap:14px;font-size:11px}.brand{font-size:14px}.hero,.featured,.split,.project-intro,.prolija{grid-template-columns:1fr;gap:35px}.hero{min-height:auto;padding:70px 0 90px}.hero-image{order:-1}.hero h1{font-size:20vw}.grid3{grid-template-columns:1fr}.section{padding:70px 0}.section-head{margin-bottom:28px}.gallery{grid-template-columns:1fr}.gallery .wide{grid-column:auto}.process{grid-template-columns:repeat(2,1fr)}.facts{grid-template-columns:1fr 1fr}.footer{flex-direction:column;gap:15px}.about{padding:80px 0}.about-grid{grid-template-columns:1fr;margin-top:55px}.contact{min-height:65vh}img[src^="https://mir-s3-cdn-cf.behance.net"]{width:100%}.project-hero{padding:70px 0 35px}}

.project-image{margin:0 0 70px}.project-image img{display:block;width:100%;height:auto}.project-image figcaption{font-size:12px;line-height:1.4;margin-top:10px;color:#555}.photo-process{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}.photo-process img{display:block;width:100%;height:auto}.poster-process{margin-top:45px}.hero-photo{max-width:100%}@media (max-width:700px){.photo-process{grid-template-columns:1fr;gap:14px}}