/* 06 · O espaço — o corredor do terceiro andar: portas de caixilho fino sobre a linha do piso */
.es-sec{overflow:clip}
.es-topo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,34rem);gap:clamp(2rem,5vw,5rem);align-items:end}
.es-cab{min-width:0}
.es-titulo{max-width:13ch}
.es-apoio{margin-top:1.4rem;max-width:31rem}

/* porta: vão aberto na parede, caixilho fino de bronze, canto reto, plaqueta presa no canto */
.es-porta{position:relative;min-width:0}
.es-vao{position:relative;display:block;border-radius:1px;background:var(--wf-folha);box-shadow:0 0 0 1px rgb(84 68 52 / .62),0 0 0 5px var(--wf-folha),0 0 0 6px rgb(35 31 30 / .16),16px 26px 34px -20px rgb(50 40 34 / .5);overflow:hidden}
.es-vao img{width:100%;height:auto}
.es-vao::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 10px 12px 18px -12px rgb(35 31 30 / .42),inset -1px -1px 0 rgb(255 255 255 / .35)}
/* o gesto: a folha de correr abre para a esquerda */
.es-vao::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg in oklab,#f6f4f0,#e9e6e1 60%,#f3f0ec);border-right:1px solid rgb(35 31 30 / .2);box-shadow:inset -16px 0 20px -16px rgb(35 31 30 / .3);transition:transform 1.5s var(--wf-curva);transition-delay:calc(var(--d,0)*.18s + .1s)}
.es-porta.wf-visto .es-vao::after{transform:translateX(-102%)}
.wf-sem-js .es-vao::after{display:none}
/* o número do andar, vazado em ouro, atrás da placa */
.es-andar{position:absolute;right:-.04em;bottom:calc(100% - .1em);z-index:-1;font-family:var(--wf-serif);font-size:clamp(9rem,17vw,15.5rem);line-height:.8;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgb(168 129 60 / .6);pointer-events:none;white-space:nowrap}
.es-tag{position:absolute;z-index:2;left:-.9rem;top:-1.15rem;margin:0;padding:.5rem 1.6rem .45rem;white-space:nowrap}
.es-leg{margin-top:.8rem;font-size:var(--wf-t-mini);letter-spacing:.06em;color:var(--wf-tinta-2)}

/* corredor: tudo apoiado na linha do piso; a janela fica no peitoril */
.es-corredor{position:relative;margin-top:clamp(3.5rem,7vw,6rem);display:grid;grid-template-columns:minmax(0,29fr) minmax(0,21fr) minmax(0,65fr);gap:clamp(1.4rem,3.2vw,2.8rem);align-items:end}
/* rodapé de gesso: as portas pisam nele */
.es-corredor::after{content:"";position:absolute;z-index:-1;left:calc(-1*var(--wf-margem));right:calc(-1*var(--wf-margem));top:calc(100% - 1px);height:11px;background:linear-gradient(180deg in oklab,#f7f5f2,#eceae6);border-top:1px solid rgb(35 31 30 / .2);border-bottom:1px solid rgb(35 31 30 / .26);box-shadow:0 10px 14px -10px rgb(50 40 34 / .35)}
.es-col-a{display:flex;flex-direction:column;gap:clamp(2rem,4vw,3.4rem);min-width:0}
.es-fala{min-width:0}
.es-fala{padding-top:1.1rem;border-top:1px solid rgb(168 129 60 / .55)}
.es-fala .wf-cita{text-wrap:balance}
/* a janela: o momento maior; sai da margem e ilumina a parede em volta */
.es-p-janela{align-self:end;margin-bottom:clamp(1.2rem,2.4vw,2.2rem);margin-right:calc(-1*min(var(--wf-margem),3.2rem))}
.es-p-janela .es-vao{box-shadow:0 0 0 1px rgb(84 68 52 / .62),0 0 0 5px var(--wf-folha),0 0 0 6px rgb(35 31 30 / .16),0 0 90px 10px rgb(255 255 255 / .75),18px 30px 40px -22px rgb(50 40 34 / .5)}
.es-p-janela .es-leg{padding-right:min(var(--wf-margem),3.2rem)}
.es-p-janela .es-leg{text-align:right}

.es-pe{margin-top:clamp(3rem,5vw,4.2rem);display:grid;grid-template-columns:minmax(0,43fr) minmax(0,72fr);gap:clamp(1.4rem,3.2vw,2.8rem);align-items:start}
.es-fatos{list-style:none;padding:0;display:grid;grid-template-columns:minmax(0,10fr) minmax(0,6fr) minmax(0,13fr);gap:0 1.8rem}
.es-fatos li{padding:.9rem 0 1rem;border-top:1px solid rgb(35 31 30 / .16);font-size:1rem;line-height:1.45;color:var(--wf-tinta)}
.es-fatos b{display:block;font-weight:500;font-size:var(--wf-t-mini);letter-spacing:.14em;text-transform:uppercase;color:var(--wf-ouro-esc);margin-bottom:.2rem}

@media (max-width:1100px){
  .es-topo{grid-template-columns:minmax(0,1fr);gap:3rem}
  .es-p-placa{max-width:56rem}
  .es-titulo{max-width:none}
  .es-andar{display:none}
  .es-corredor{grid-template-columns:minmax(0,3fr) minmax(0,2fr);margin-top:3.6rem;row-gap:3.4rem}
  .es-p-janela{grid-column:1/-1;margin-bottom:1.6rem;margin-right:0;margin-left:auto;width:100%;max-width:44rem}
  .es-p-janela .es-leg{padding-right:0}
  .es-pe{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .es-corredor{grid-template-columns:minmax(0,1fr)}
  .es-col-a{gap:2.6rem}
  .es-p-recepcao{width:86%}
  .es-p-estante{width:62%;margin-left:auto}
  .es-tag{left:-.5rem}
  .es-fatos{grid-template-columns:minmax(0,1fr)}
}