@font-face{font-family:'Chivo';src:url('FONTS/Chivo-VariableFont_wght.woff2') format('woff2');font-weight:100 900;font-style:normal;}
@font-face{font-family:'Chivo';src:url('FONTS/Chivo-Italic-VariableFont_wght.woff2') format('woff2');font-weight:100 900;font-style:italic;}
:root{
  --black:#0a0a0a;
  --white:#fdfdfb;
  --gray:#ececea;
  --font:'Chivo', Helvetica, Arial, sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--white);color:var(--black);
  font-family:var(--font);
  -webkit-font-smoothing:antialiased;
}
img,video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none;}
a{color:inherit;}

/* ---- navbar ---- */
.navbar{
  position:sticky;top:16px;z-index:40;
  width:fit-content;margin:16px auto 0;
  background:#e9e9e6;border-radius:999px;
  display:flex;align-items:center;justify-content:center;gap:48px;
  padding:16px 44px;
}
.nav-logo img{height:34px;width:auto;display:block;}
.nav-links{display:flex;gap:38px;font-size:17px;font-weight:500;}
.nav-links a{color:var(--black);text-decoration:none;transition:opacity .25s ease;}
.nav-links a:hover{opacity:.55;}

/* ---- contenido ---- */
.wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
.proj-head{padding:90px 0 40px;}
.label{
  font-size:13px;letter-spacing:.18em;text-transform:uppercase;
  color:#6f6f6b;margin-bottom:24px;
}
.proj-head h1{
  font-weight:800;font-size:clamp(34px,5vw,68px);
  line-height:1.05;letter-spacing:-.02em;max-width:980px;
}
.proj-sub{
  font-weight:700;font-size:clamp(16px,1.6vw,19px);
  line-height:1.5;max-width:760px;margin-top:24px;color:var(--black);
}

/* hero */
.hero-img{margin-top:48px;}
.hero-img .ph,.hero-img img{aspect-ratio:16/8.5;}

/* meta + reto */
.meta{
  display:grid;grid-template-columns:1fr 1.1fr 1.1fr;gap:48px;
  padding:56px 0 72px;
}
.meta .dato{font-size:14px;line-height:1.9;color:#444;}
.meta .dato strong{display:block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--black);margin-bottom:6px;}
.meta h3{
  font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;
}
.meta p{font-size:16px;line-height:1.65;color:#222;}

/* placeholders de fotos */
.ph{
  background:var(--gray);
  display:flex;align-items:center;justify-content:center;
  color:#9a9a96;font-size:15px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;
}
.block{margin-bottom:32px;}
.block .ph.full{aspect-ratio:16/9;}
.two{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px;}
.two .ph{aspect-ratio:1/1;}
.texto{
  max-width:720px;margin:64px auto;padding:0 8px;
  font-size:clamp(17px,1.6vw,20px);line-height:1.65;
}

/* siguiente proyecto */
.next{
  border-top:1px solid var(--black);
  margin-top:90px;padding:56px 0 110px;
  display:flex;justify-content:space-between;align-items:center;gap:24px;
}
.next .n-label{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#6f6f6b;}
.next a{
  font-weight:800;font-size:clamp(24px,3.4vw,44px);letter-spacing:-.01em;
  text-decoration:none;transition:opacity .25s ease;
}
.next a:hover{opacity:.55;}

/* footer */
footer{background:var(--black);color:var(--white);padding:100px 40px 50px;}
.foot-inner{
  max-width:1100px;margin:0 auto;
  display:grid;grid-template-columns:1.4fr 1fr;gap:60px;
}
.foot-cta{font-size:clamp(22px,2.4vw,30px);line-height:1.4;}
.foot-cta a{color:var(--white);}
.foot-info{font-size:13px;line-height:2;text-align:right;color:#cfcfcb;}
.foot-info a{color:#cfcfcb;}
.copy{max-width:1100px;margin:90px auto 0;font-size:11px;color:#8a8a86;text-align:center;}

@media (max-width:760px){
  .navbar{margin:12px 12px 0;padding:12px 20px;gap:20px;}
  .nav-logo img{height:24px;}
  .nav-links{gap:18px;font-size:14px;}
  .meta{grid-template-columns:1fr;gap:32px;padding:48px 0 56px;}
  .two{grid-template-columns:1fr;}
  .next{flex-direction:column;align-items:flex-start;}
  .foot-inner{grid-template-columns:1fr;}
  .foot-info{text-align:left;}
  footer{padding:70px 28px 40px;}
}