.nha26-cn{background:linear-gradient(180deg,#EEECE6 0%,#EEECE6 55%,#F9F8F6 100%);
  padding:clamp(80px,12vh,150px) clamp(22px,6vw,84px);margin:0;
  font-family:"Metropolis",-apple-system,sans-serif;color:#655353;overflow:clip;
  scroll-margin-top:90px}
.nha26-cn-wrap{max-width:1280px;margin:0 auto}
.nha26-cn-head{max-width:760px;margin-bottom:clamp(40px,6vh,70px)}
.nha26-cn-kicker{display:block;font-size:11px;letter-spacing:.42em;text-transform:uppercase;
  color:rgba(101,83,83,0.75)}
.nha26-cn-hand{font-family:Allura,cursive;font-weight:400;font-size:clamp(30px,3.6vw,46px);
  line-height:1;color:#356E60;display:block;margin:14px 0 -.42em .1em;position:relative;z-index:2}
.nha26-cn h2 em{font-style:italic;color:#356E60}
.nha26-cn h2{font-family:"EB Garamond",Georgia,serif;font-weight:500;
  font-size:clamp(30px,3.6vw,52px);line-height:1.18;color:#655353;margin:0}
.nha26-cn-sub{font-size:clamp(14.5px,1.2vw,16.5px);line-height:1.75;color:rgba(101,83,83,0.75);
  margin:22px 0 0;max-width:56ch}
/* rejilla escalonada v1g: 2 columnas, la par desplazada 88px, imagen vertical 4:5 */
.nha26-cn-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,5vw,72px);padding-bottom:88px}
.nha26-cn-card{display:block}
.nha26-cn-card:nth-child(even){transform:translateY(88px)}
.nha26-cn-media{aspect-ratio:4/5;overflow:clip;position:relative;background:#EEECE6;
  box-shadow:inset 0 0 0 1px rgba(101,83,83,0.16)}
.nha26-cn-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
  transition:transform 1.6s cubic-bezier(.16,1,.3,1)}
.nha26-cn-card:hover .nha26-cn-media img{transform:scale(1.035)}
/* velo opaco del que emerge cada gesto */
.nha26-cn-media::after{content:"";position:absolute;inset:0;z-index:3;background:#EEECE6;opacity:1;pointer-events:none;
  transition:opacity 2.4s ease var(--nd,0s)}
.nha26-cn-card.nha26-in .nha26-cn-media::after{opacity:0}
/* scrim suave para que la leyenda se lea sobre cualquier foto */
.nha26-cn-media::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:rgba(18,24,21,.52)}
/* leyenda centrada que viaja de abajo al centro segun el scroll (--nha26-off en px, lo fija el JS) */
.nha26-cn-cap{position:absolute;left:0;right:0;top:50%;z-index:2;padding:0 clamp(18px,3vw,36px);
  text-align:center;transform:translateY(calc(-50% + var(--nha26-off,0px)));
  opacity:var(--nha26-op,1);will-change:transform,opacity}
/* placa de legibilidad que viaja con la leyenda: oscurece y difumina la foto justo detras del texto */
.nha26-cn-cap::before{content:none}
.nha26-cn h3{font-family:"EB Garamond",Georgia,serif;font-weight:600;
  font-size:clamp(28px,2.9vw,40px);line-height:1.18;color:#fff;margin:0;letter-spacing:.01em;
  text-shadow:none}
.nha26-cn-under{display:block;width:52px;height:1px;background:rgba(184,216,203,0.75);margin:16px auto 0;
  transition:width .9s cubic-bezier(.16,1,.3,1)}
.nha26-cn-card:hover .nha26-cn-under{width:96px}
@media(max-width:760px){
  .nha26-cn-grid{grid-template-columns:1fr;padding-bottom:0}
  .nha26-cn-card:nth-child(even){transform:none}
}
@media (prefers-reduced-motion: no-preference){
  .ncn:not(.nha26-cn-card){opacity:0;transform:translateY(26px);
    transition:opacity 1.8s cubic-bezier(.16,1,.3,1) var(--nd,0s),
      transform 1.8s cubic-bezier(.16,1,.3,1) var(--nd,0s)}
  .ncn:not(.nha26-cn-card).nha26-in{opacity:1;transform:none}
}
@media (prefers-reduced-motion: reduce){ .nha26-cn-media::after{display:none} }