/* Página de proyecto */
.page-project .nav{background:rgba(13,13,12,.62);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:var(--line)}
.page-project .nav.on-light{background:rgba(233,228,217,.78);color:var(--dark)}

.p-hero{position:relative;height:100svh;min-height:560px;overflow:hidden;display:flex;align-items:flex-end}
.p-hero__img{position:absolute;inset:-6% 0;will-change:transform}
.p-hero__img img{filter:saturate(.9) contrast(1.05)}
.p-hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,13,12,.45) 0%,rgba(13,13,12,.05) 40%,rgba(13,13,12,.85) 100%)}
.p-hero__text{position:relative;padding:0 var(--gx) clamp(28px,6vh,64px);width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.back{font-size:14px;color:var(--ink);padding:10px 18px;border:1px solid var(--line);border-radius:99px;background:rgba(13,13,12,.35);backdrop-filter:blur(10px);transition:background .4s}
.back:hover{background:rgba(236,232,223,.14)}
.p-title{font-family:var(--display);font-weight:800;font-size:clamp(48px,11vw,190px);line-height:.88;letter-spacing:-.025em}
.p-title .wm span{animation-delay:.2s}

.facts{padding:clamp(60px,10vh,120px) var(--gx);border-bottom:1px solid var(--line)}
.facts__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--gx)}
.facts dt{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-bottom:8px}
.facts dd{font-size:15px;line-height:1.4}

.story{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gx);padding:clamp(90px,16vh,200px) var(--gx)}
.story .tag{grid-column:1/-1;justify-self:start;margin-bottom:30px}
.story__body{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gx)}
.story h2{grid-column:1/8;font-family:var(--display);font-weight:700;font-size:clamp(30px,5vw,80px);line-height:1.04;letter-spacing:-.02em}
.story__cols{grid-column:6/13;display:grid;gap:22px;color:var(--mute);font-size:16px;max-width:60ch;margin-top:clamp(30px,6vh,70px)}

.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gx);padding:0 var(--gx) clamp(90px,16vh,200px);align-items:start}
.g{margin:0}
.g__in{overflow:hidden;border-radius:30px;background:var(--bg2)}
.g__in img{transform:scale(1.18) translate3d(0,var(--gy,0px),0);will-change:transform}
.g figcaption{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-top:12px}
.g--wide{grid-column:1/13}.g--wide .g__in{aspect-ratio:16/8}
.g--tall{grid-column:1/6;margin-top:var(--gx)}.g--tall .g__in{aspect-ratio:3/4}
.g--mid{grid-column:7/13;margin-top:clamp(60px,14vh,160px)}.g--mid .g__in{aspect-ratio:4/3}
.g--detail{grid-column:8/13;margin-top:calc(var(--gx)*-2)}.g--detail .g__in{aspect-ratio:4/5}

.mats{background:var(--bg2);border-radius:40px 40px 0 0;padding:clamp(80px,14vh,170px) var(--gx)}
.mats h2{font-family:var(--display);font-weight:700;font-size:clamp(28px,4.4vw,70px);line-height:1.05;letter-spacing:-.02em;margin-bottom:clamp(40px,8vh,90px)}
.mats__list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gx)}
.mats__list li{border-top:1px solid var(--line);padding-top:24px}
.mats em{font-style:normal;font-family:var(--display);color:var(--accent);font-size:14px;letter-spacing:.1em}
.mats h3{font-family:var(--display);font-weight:700;font-size:clamp(24px,2.6vw,40px);margin:12px 0}
.mats p{color:var(--mute);max-width:36ch}

.result{background:var(--bg2);padding:clamp(40px,8vh,100px) var(--gx) clamp(90px,16vh,200px);display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gx);align-items:end}
.result__nums{grid-column:1/8;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gx)}
.result__nums b{display:block;font-family:var(--display);font-weight:800;font-size:clamp(48px,6.4vw,110px);line-height:.9;letter-spacing:-.03em;color:var(--ink)}
.result__nums span{display:block;color:var(--mute);font-size:14px;margin-top:12px}
.result__cta{grid-column:9/13;display:flex;flex-direction:column;gap:22px;align-items:flex-start}
.result__cta h2{font-family:var(--display);font-weight:700;font-size:clamp(24px,2.6vw,42px);line-height:1.08}

.next{display:flex;flex-direction:column;gap:8px;padding:clamp(50px,10vh,110px) var(--gx);background:var(--bg2);border-top:1px solid var(--line);transition:background .6s var(--ease)}
.next:hover{background:#1b1a17}
.next span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.next b{font-family:var(--display);font-weight:800;font-size:clamp(26px,4.4vw,72px);letter-spacing:-.02em;transition:transform .8s var(--ease)}
.next:hover b{transform:translateX(-14px)}
.page-project .contact{margin-top:0;border-radius:0}

@media (max-width:1000px){
  .facts__grid{grid-template-columns:repeat(3,1fr);row-gap:28px}
  .story h2,.story__cols{grid-column:1/13}
  .mats__list{grid-template-columns:1fr;gap:30px}
  .result__nums,.result__cta{grid-column:1/13}
  .result__cta{margin-top:30px}
}
@media (max-width:700px){
  .facts__grid{grid-template-columns:repeat(2,1fr)}
  .g--wide .g__in{aspect-ratio:4/3}
  .g--tall,.g--mid,.g--detail{grid-column:1/13;margin-top:var(--gx)}
  .p-title{font-size:15vw}
  .result__nums{grid-template-columns:1fr;gap:28px}
  .mats,.page-project .contact{border-radius:30px 30px 0 0}
}
@media (prefers-reduced-motion:reduce){.p-hero__img{inset:0}.g__in img{transform:none}}