/* Secuencia tangible del proyecto: del volumen al render final. */
.en-statement{grid-template-columns:minmax(150px,200px) minmax(0,760px);gap:48px;align-items:start;padding:92px 0 82px}
.en-statement h2,.en-process h2{max-width:760px;font-size:clamp(2.8rem,4.65vw,5rem);line-height:.94}
.en-statement p:last-child{max-width:580px;margin-top:20px}
.en-process{padding:0 0 92px}
.en-process>div:first-child{display:grid;grid-template-columns:minmax(150px,200px) minmax(0,760px);justify-content:initial;gap:48px;align-items:start;margin-bottom:31px}
.en-process>div:first-child .en-kicker{padding-top:9px}
.en-stage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.en-stage{border-top:1px solid var(--line);padding-top:14px}
.en-stage figure{position:relative;margin:0;overflow:hidden;border-radius:8px;background:#d8d8d5}
.en-stage figure::after{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.44),transparent 45%);content:""}
.en-stage figure img{height:310px;transition:transform .45s ease}
.en-stage:hover figure img{transform:scale(1.035)}
.en-stage figcaption{position:absolute;z-index:1;bottom:15px;left:15px;color:#fff;font:500 .61rem 'DM Mono',monospace;letter-spacing:.09em;text-transform:uppercase}
.en-stage h3{margin:16px 0 7px;font-size:1.15rem;letter-spacing:-.055em}
.en-stage p{max-width:310px;margin:0;color:var(--muted);font-size:.77rem;line-height:1.6}

/* Versión móvil: lectura vertical, imágenes protagonistas y controles cómodos al tacto. */
@media(max-width:780px){
  .en-shell{width:min(100% - 36px,680px)}
  .en-nav{min-height:74px;gap:14px}
  .en-brand{grid-template-columns:33px auto;column-gap:8px;font-size:.72rem}
  .en-brand img{width:33px;height:33px}
  .en-nav nav{display:none}
  .en-nav>.en-pill{min-height:38px;padding:0 13px;font-size:.61rem}
  .en-hero{min-height:590px;border-radius:0 0 20px 20px}
  .en-hero>img{object-position:64% center}
  .en-hero::after{background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.26) 72%,rgba(0,0,0,.12))}
  .en-hero-content{padding:82px 0 29px}
  .en-hero-content>p{max-width:240px;font-size:.59rem;line-height:1.55}
  .en-hero h1{max-width:470px;margin:16px 0 25px;font-size:clamp(3.35rem,11vw,5.2rem);line-height:.86}
  .en-hero-tags{max-width:390px;margin-top:96px;gap:6px}
  .en-hero-tags span{padding:7px 10px;font-size:.58rem}
  .en-statement{display:block;padding:67px 0 64px}
  .en-statement .en-kicker{margin-bottom:17px}
  .en-statement h2,.en-process h2{max-width:620px;font-size:clamp(2.65rem,9.4vw,4.15rem);line-height:.94}
  .en-statement p:last-child{max-width:530px;margin-top:18px;font-size:.91rem;line-height:1.65}
  .en-process{padding:0 0 68px}
  .en-process>div:first-child{display:block;margin-bottom:25px}
  .en-process>div:first-child .en-kicker{padding-top:0;margin-bottom:16px}
  .en-stage-grid{grid-template-columns:1fr;gap:28px}
  .en-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(178px,.72fr);column-gap:18px;padding-top:12px}
  .en-stage figure{grid-row:span 2}
  .en-stage figure img{height:250px}
  .en-stage h3{align-self:end;margin:0 0 8px;font-size:1.27rem;line-height:1.05}
  .en-stage p{align-self:start;max-width:260px;font-size:.8rem}
  .en-work{padding:62px 0 66px}
  .en-work-head{display:block;margin-bottom:27px}
  .en-work-head .en-kicker{margin-bottom:16px}
  .en-work h2{max-width:610px;font-size:clamp(2.65rem,9.4vw,4.15rem)}
  .en-work-head .en-pill{margin-top:22px}
  .en-projects{grid-template-columns:1fr 1fr;gap:11px}
  .en-project.en-large{grid-column:1/-1;min-height:420px}
  .en-project{min-height:340px}
  .en-project>div{right:15px;bottom:15px;left:15px}
  .en-project h3{font-size:1.45rem}
  .en-metrics{grid-template-columns:1fr 1fr;gap:31px 18px;padding:65px 0}
  .en-metrics p{grid-column:1/-1;max-width:390px;margin-top:0;font-size:.86rem}
  .en-contact{padding:70px 0}
  .en-contact form{display:grid;grid-template-columns:1fr;gap:35px}
  .en-contact h2{font-size:clamp(2.65rem,9.4vw,4.15rem)}
  .en-contact div>p:last-child{font-size:.91rem}
  .en-form{gap:14px}
  .en-form input,.en-form select,.en-form textarea{min-height:45px;padding:12px;font-size:.9rem}
  .en-form .en-pill{min-height:46px;padding:0 20px}
  .en-footer{padding:24px 0;font-size:.65rem}
}
@media(max-width:520px){
  .en-shell{width:min(100% - 28px,520px)}
  .en-nav{min-height:68px}
  .en-brand{grid-template-columns:30px auto;font-size:.66rem}
  .en-brand img{width:30px;height:30px}
  .en-brand small{font-size:.49rem}
  .en-nav>.en-pill{display:none}
  .en-hero{min-height:548px}
  .en-hero>img{object-position:61% center}
  .en-hero-content{padding-top:73px}
  .en-hero h1{max-width:330px;font-size:3.25rem;letter-spacing:-.085em}
  .en-hero-tags{max-width:290px;margin-top:80px}
  .en-hero-tags span{padding:6px 9px;font-size:.54rem}
  .en-statement{padding:56px 0 55px}
  .en-statement h2,.en-process h2,.en-work h2,.en-contact h2{font-size:2.5rem;letter-spacing:-.075em}
  .en-statement p:last-child{font-size:.84rem}
  .en-process{padding-bottom:58px}
  .en-stage-grid{gap:23px}
  .en-stage{display:block;padding-top:11px}
  .en-stage figure img{height:222px}
  .en-stage h3{margin:14px 0 7px;font-size:1.18rem}
  .en-stage p{font-size:.77rem}
  .en-stage figcaption{bottom:12px;left:12px}
  .en-work{padding:54px 0 58px}
  .en-projects{grid-template-columns:1fr}
  .en-project.en-large,.en-project{grid-column:auto;min-height:335px}
  .en-project h3{font-size:1.58rem}
  .en-metrics{gap:26px 14px;padding:56px 0}
  .en-metrics strong{font-size:3.6rem}
  .en-metrics p{font-size:.8rem}
  .en-contact{padding:58px 0}
  .en-contact div>p:last-child{font-size:.84rem}
  .en-footer{display:block;line-height:1.55}
  .en-footer span+span{display:block;margin-top:6px}
}