:root{--bg:#181818;--bg2:#111;--fg:#f3f3f1;--muted:#a6a6a2;--line:#3a3a38;--gold:#d8b24f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}.top{position:fixed;z-index:20;top:0;left:0;right:0;height:88px;padding:14px 5vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#111e,transparent);transition:.3s}.brand{width:170px;height:60px;overflow:hidden;background:white;display:flex;align-items:center}.brand img{width:100%;height:100%;object-fit:contain}nav{display:flex;gap:30px}nav a,.button{color:#fff;text-decoration:none;font-size:11px;letter-spacing:2px;font-weight:700}.hero{height:100vh;min-height:650px;position:relative;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.35) 48%,rgba(0,0,0,.12) 100%)}.hero-copy{position:absolute;left:7%;top:50%;transform:translateY(-42%)}.hero-copy p,.eyebrow{font-size:11px;letter-spacing:4px;color:var(--gold);font-weight:700}.hero h1{font-weight:300;font-size:clamp(60px,7vw,126px);line-height:.87;letter-spacing:-3px;margin:25px 0 36px}.button{display:inline-block;border:1px solid #aaa;padding:15px 24px}.intro,.contact{padding:110px 7%;display:grid;grid-template-columns:1.15fr .85fr;gap:9vw;align-items:start}.intro h2,.contact h2{font-weight:300;font-size:clamp(36px,4vw,66px);line-height:1.05;margin:20px 0}.intro>p{font-size:19px;color:#d2d2ce;margin-top:38px}.projects{background:var(--bg2)}.section-title{padding:110px 7% 60px}.section-title h2{font-weight:300;font-size:54px;margin:10px 0}.project{display:grid;grid-template-columns:42% 58%;min-height:620px;border-top:1px solid #292929}.project.reverse{grid-template-columns:58% 42%}.project.reverse .project-copy{order:2}.project.reverse img{order:1}.project-copy{padding:7vw 6vw;display:flex;flex-direction:column;justify-content:center}.project h3{font-size:38px;font-weight:300;line-height:1.1;margin:16px 0 30px}.project dl{margin:0 0 26px}.project dl div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:12px 0}.project dl div:last-child{border-bottom:1px solid var(--line)}dt{font-size:12px;color:var(--muted);letter-spacing:1px}dd{margin:0;text-align:right;font-size:13px;font-weight:700}.project-copy>p:last-child{color:#d6d6d3}.project>img{width:100%;height:100%;min-height:620px;object-fit:cover}.architect{display:grid;grid-template-columns:55% 45%;min-height:760px}.architect-copy{padding:100px 7%}.architect h2{font-weight:300;font-size:72px;line-height:1;margin:28px 0}.architect-copy>p:not(.eyebrow){font-size:18px;line-height:1.7}.award{border-top:1px solid #555;margin-top:34px;padding-top:26px;font-size:16px;line-height:2}.portrait{overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center}.contact{background:#eee;color:#171717}.contact .eyebrow{color:#8c6b18}.contact-data{padding-top:38px;display:flex;flex-direction:column;gap:12px}.contact-data a{color:#171717;text-decoration:none;font-size:22px}footer{background:#fff;color:#111;padding:35px 7%;display:flex;align-items:center;justify-content:space-between}footer img{width:180px}footer p{font-size:12px;letter-spacing:1px}@media(max-width:850px){.top{height:70px;padding:10px 4vw}.brand{width:125px;height:48px}nav{gap:13px}nav a{font-size:8px;letter-spacing:1px}.hero-copy{left:5%}.hero h1{font-size:16vw;letter-spacing:-2px}.intro,.contact,.architect{grid-template-columns:1fr}.intro,.contact{padding:80px 6%;gap:20px}.project,.project.reverse{grid-template-columns:1fr}.project.reverse .project-copy,.project.reverse img{order:initial}.project-copy{padding:70px 6%}.project>img{min-height:50vw;max-height:75vh}.architect-copy{padding:80px 6%}.architect h2{font-size:56px}.portrait{height:85vh}.section-title{padding:80px 6% 45px}footer{gap:20px;flex-direction:column;align-items:flex-start}}
/* Galería / collage */
.gallery-section{background:#0d0d0d;padding:110px 5vw}.gallery-heading{padding:0 2vw 55px}.gallery-heading h2{font-weight:300;font-size:clamp(38px,4vw,60px);line-height:1.05;margin:12px 0}.collage{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;gap:8px}.collage img{width:100%;height:100%;object-fit:cover;display:block}.collage .g-wide{grid-column:span 2}.collage .g-tall{grid-row:span 2}
/* Firma */
.firm{min-height:820px}.firm .architect-copy{padding-top:90px;padding-bottom:90px}.firm .architect-copy>p:not(.eyebrow){font-size:17px;line-height:1.65}.firm strong{font-weight:600;color:#fff}.logo-panel{background:#101010;display:flex;align-items:center;justify-content:center;padding:7vw}.logo-panel img{width:100%;height:auto;max-width:620px;object-fit:contain}.award span{font-size:11px;letter-spacing:3px;color:var(--gold);font-weight:700}
/* Logo correcto sobre fondo oscuro */
.brand{background:transparent;height:68px;width:190px}.brand img{object-fit:contain}.top .brand img{mix-blend-mode:normal}footer{background:#111;color:#eee}footer img{width:180px;height:auto}
@media(max-width:1000px){.collage{grid-template-columns:repeat(2,1fr);grid-auto-rows:240px}}
@media(max-width:850px){.gallery-section{padding:80px 4vw}.gallery-heading{padding:0 2vw 40px}.collage{grid-template-columns:1fr 1fr;grid-auto-rows:180px;gap:5px}.collage .g-wide{grid-column:span 2}.logo-panel{height:auto;min-height:480px;padding:14vw 10vw}.firm{min-height:auto}}
@media(max-width:520px){.collage{grid-template-columns:1fr;grid-auto-rows:240px}.collage .g-wide{grid-column:span 1}.collage .g-tall{grid-row:span 1}}
/* Ajustes finales septiembre 2026 */
.collage{display:flex;flex-direction:column;gap:8px}
.collage-row{display:flex;gap:8px;height:245px;overflow:hidden}
.collage-row img{display:block;height:100%;min-width:0;object-fit:cover;flex:1}
.collage-row.row-a img:first-child{flex:1.65}.collage-row.row-a img:nth-child(2){flex:.9}.collage-row.row-a img:nth-child(3){flex:1.1}
.collage-row.row-b{height:315px}.collage-row.row-b img:first-child{flex:1.15}.collage-row.row-b img:nth-child(2){flex:1}.collage-row.row-b img:nth-child(3){flex:2.05}
.collage-row.row-c img:first-child{flex:1.7}.collage-row.row-c img:nth-child(2){flex:1.1}.collage-row.row-c img:nth-child(3){flex:1.15}.collage-row.row-c img:nth-child(4){flex:1.15}
.collage-row.row-d img:first-child{flex:1}.collage-row.row-d img:nth-child(2){flex:2.15}.collage-row.row-d img:nth-child(3){flex:1.2}
.gallery-note{max-width:1100px;margin:38px auto 0;padding:25px 0 0;border-top:1px solid var(--line);color:#cfcfcb;font-size:15px;line-height:1.7}
.firm .architect-copy>h2{font-size:clamp(48px,5.2vw,84px);margin-top:0}
@media(max-width:850px){.collage-row{height:auto;display:grid;grid-template-columns:1fr 1fr}.collage-row.row-b,.collage-row.row-c{height:auto}.collage-row img{height:220px;width:100%}.collage-row.row-a img:first-child,.collage-row.row-d img:last-child{grid-column:span 2}.gallery-note{margin-top:28px}}
@media(max-width:520px){.collage-row{display:block}.collage-row img{height:240px;margin-bottom:5px}.collage-row img:last-child{margin-bottom:0}}