/* Pittahaya · Sobre nosotros: de 0° a 49° norte.
   La única página donde el sistema se apaga y aparece una persona:
   el negro se vuelve papel cálido y el texto, una carta. */
.sn{--papel:#f3ece1;--papel-2:#ebe2d4;--tinta-h:#1d1714;--tinta-h2:rgba(29,23,20,.68);--tinta-h3:rgba(29,23,20,.42);
  --rosa:#c42a68;background:var(--negro)}
.sn-cab{max-width:var(--maxw);margin:0 auto;min-height:92svh;display:flex;flex-direction:column;justify-content:center;
  padding:130px var(--margen) 80px;position:relative}
.sn-rot{font-family:var(--mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--fruta-viva);margin:0 0 22px}
.sn-t{margin:0;font-family:var(--serif);font-weight:300;font-size:clamp(50px,9vw,160px);line-height:.92;letter-spacing:-.045em}
.sn-t em{font-style:italic;color:var(--champan)}
.sn-baja{position:absolute;left:var(--margen);bottom:36px;font-family:var(--mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--marfil-3)}
.sn-baja::after{content:"";display:block;width:1px;height:44px;margin-top:12px;background:linear-gradient(var(--marfil-3),transparent)}

/* el amanecer: del sistema a la persona */
.sn-amanecer{height:70vh;background:linear-gradient(180deg,var(--negro) 0%,#2a1a1c 30%,#7a4a3e 58%,#d7b796 82%,var(--papel) 100%)}
.sn-papel{background:var(--papel);color:var(--tinta-h);
  background-image:radial-gradient(rgba(29,23,20,.035) 1px,transparent 1px);background-size:4px 4px}
.sn-papel ::selection{background:var(--rosa);color:var(--papel)}

.sn-hola{max-width:1180px;margin:0 auto;padding:clamp(40px,8vh,90px) var(--margen) clamp(70px,12vh,140px);
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,6vw,100px);align-items:center}
.sn-foto{margin:0;position:relative;transform:rotate(-2.2deg);background:#fff;padding:12px 12px 46px;
  box-shadow:0 30px 60px -25px rgba(29,23,20,.45),0 2px 6px rgba(29,23,20,.12)}
.sn-foto img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.sn-foto figcaption{position:absolute;left:0;right:0;bottom:12px;text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--tinta-h3)}
.sn-saludo{margin:0;font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(26px,2.6vw,38px);color:var(--tinta-h2)}
.sn-nombre{margin:4px 0 26px;font-family:var(--serif);font-weight:300;font-size:clamp(54px,7vw,116px);line-height:.92;letter-spacing:-.045em;color:var(--tinta-h)}
.sn-intro{margin:0;max-width:40ch;font-size:clamp(17px,1.5vw,21px);line-height:1.6;color:var(--tinta-h2)}

.sn-viaje,.sn-salto{max-width:1180px;margin:0 auto;padding:0 var(--margen)}
.sn-cap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,90px);
  padding:clamp(50px,9vh,100px) 0;border-top:1px solid rgba(29,23,20,.14)}
.sn-cap-lado{display:flex;flex-direction:column;gap:12px}
.sn-lat{font-family:var(--serif);font-weight:200;font-size:clamp(56px,7vw,120px);line-height:.9;letter-spacing:-.04em;color:var(--rosa)}
.sn-lug{font-family:var(--mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--tinta-h3)}
.sn-h{margin:0 0 20px;font-family:var(--serif);font-weight:300;font-size:clamp(36px,4.2vw,66px);line-height:1;letter-spacing:-.035em;color:var(--tinta-h)}
.sn-cap-txt p{margin:0 0 16px;max-width:44ch;font-size:clamp(17px,1.45vw,20px);line-height:1.65;color:var(--tinta-h2)}
.sn-cap-txt .sn-grande{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(24px,2.4vw,34px);line-height:1.3;color:var(--tinta-h);max-width:30ch}

.sn-frase{background:var(--tinta-h);color:var(--papel);padding:clamp(80px,16vh,170px) var(--margen)}
.sn-frase blockquote{margin:0 auto;max-width:1100px}
.sn-frase p{margin:0;font-family:var(--serif);font-weight:300;font-size:clamp(34px,5vw,80px);line-height:1.04;letter-spacing:-.035em}
.sn-frase em{font-style:italic;color:#e9a8c2}

.sn-carta{max-width:820px;margin:0 auto;padding:clamp(80px,14vh,160px) var(--margen) clamp(100px,16vh,180px);text-align:center}
.sn-carta-txt{margin:0 0 40px;font-family:var(--serif);font-weight:300;font-size:clamp(26px,3vw,42px);line-height:1.25;letter-spacing:-.02em;color:var(--tinta-h)}
.sn-firma{margin:0;font-family:"Mrs Saint Delafield",cursive;font-size:clamp(64px,8vw,104px);line-height:1;color:var(--rosa);transform:rotate(-4deg)}
.sn-cargo{margin:6px 0 40px;font-family:var(--mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--tinta-h3)}
.sn-acc{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.sn-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 30px;border-radius:999px;
  border:1px solid rgba(29,23,20,.3);color:var(--tinta-h);text-decoration:none;font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;
  transition:background .4s var(--ease),color .4s var(--ease),border-color .4s var(--ease)}
.sn-btn:hover{border-color:var(--tinta-h)}
.sn-btn--lleno{background:var(--tinta-h);color:var(--papel);border-color:var(--tinta-h)}
.sn-btn--lleno:hover{background:var(--rosa);border-color:var(--rosa)}

/* entradas suaves */
.sn [data-rev]{opacity:0;transform:translateY(34px);transition:opacity 1.1s var(--ease),transform 1.3s var(--ease)}
.sn [data-rev].vis{opacity:1;transform:none}
.sn-foto[data-rev].vis{transform:rotate(-2.2deg)}

@media (max-width:760px){
  .sn-cab{min-height:78svh;padding:110px var(--margen) 70px}
  .sn-t{font-size:clamp(46px,14vw,72px)}
  .sn-amanecer{height:40vh}
  .sn-hola{grid-template-columns:1fr;gap:34px;padding-top:20px}
  .sn-foto{width:78%;margin:0 auto;padding:9px 9px 36px}
  .sn-nombre{margin-bottom:16px}
  .sn-cap{grid-template-columns:1fr;gap:10px;padding:42px 0}
  .sn-cap-lado{flex-direction:row;align-items:baseline;gap:14px}
  .sn-lat{font-size:42px;white-space:nowrap}
  .sn-cap-lado{flex-wrap:wrap;row-gap:4px}
  .sn-h{font-size:clamp(32px,9.6vw,44px);margin-bottom:14px}
  .sn-frase{padding:80px var(--margen)}
  .sn-carta{padding:70px var(--margen) 100px}
  .sn-acc{flex-direction:column}
  .sn-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.sn [data-rev]{opacity:1;transform:none;transition:none}}
.sn a.sn-btn{color:var(--tinta-h)!important}
.sn a.sn-btn.sn-btn--lleno{color:var(--papel)!important}
.sn-recuerdo{margin:22px 0 0;width:min(100%,340px);background:#fff;padding:10px 10px 38px;position:relative;
  transform:rotate(var(--r,2deg));box-shadow:0 26px 50px -24px rgba(29,23,20,.45),0 2px 6px rgba(29,23,20,.1);transition:transform .8s var(--ease)}
.sn-recuerdo:hover{transform:rotate(0) scale(1.02)}
.sn-recuerdo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.sn-recuerdo figcaption{position:absolute;left:0;right:0;bottom:11px;text-align:center;font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--tinta-h3)}
@media (max-width:760px){
  .sn-recuerdo{order:3;flex-basis:100%;width:82%;margin:18px auto 6px}
}
.sn-recuerdo img[src*="ecuador"]{object-position:50% 72%}
.sn-pd{margin:-22px 0 38px;font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(17px,1.5vw,20px);color:var(--tinta-h2)}