/* 06 · O instituto — cinco fotos penduradas num trilho de latão (o pendente da recepção) */
.in-secao{padding:var(--respiro) 0 calc(var(--respiro)*.9);background:
  radial-gradient(ellipse 60% 40% at 50% 42% in oklab, rgb(121 77 40 / .34) 0%, rgb(121 77 40 / 0) 100%),var(--nogueira-noite)}
.in-topo{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:22px clamp(32px,6vw,96px);align-items:end;margin-bottom:clamp(84px,9vw,132px)}
.in-cab{display:grid;gap:22px}
.in-apoio{color:#d9cdb8;padding-bottom:.5em}
.in-trilho-caixa{position:relative;width:min(100%,1560px);margin-inline:auto;padding-inline:var(--margem)}
.in-arraste{display:none}
.in-percurso{position:relative;list-style:none;display:grid;grid-template-columns:1.25fr .82fr 1.12fr .82fr 1fr;gap:clamp(14px,2vw,34px);align-items:start;padding-top:2px}
.wf-js .in-percurso[data-wf-revela]{opacity:1;transform:none}
/* o trilho */
.in-percurso::before{content:"";position:absolute;left:-2%;right:-2%;top:0;height:2px;border-radius:2px;transform-origin:left;
  background:linear-gradient(90deg,rgb(255 232 190 / 0),#ffe9c2 8%,#fff4dc 50%,#ffe9c2 92%,rgb(255 232 190 / 0));
  box-shadow:0 0 12px 1px rgb(255 214 150 / .5),0 0 40px 8px rgb(255 200 130 / .2);transition:transform 1.5s var(--ease),opacity 1s}
.wf-js .in-percurso:not(.wf-visto)::before{transform:scaleX(.1);opacity:0}
.in-comodo{position:relative;padding-top:var(--fio);transition:transform 1.3s var(--ease),opacity 1s var(--ease);transition-delay:calc(var(--i)*.14s + .35s)}
.wf-js .in-percurso:not(.wf-visto) .in-comodo{opacity:0;transform:translate3d(0,-26px,0)}
.in-c1{--fio:54px}.in-c2{--fio:132px}.in-c3{--fio:76px}.in-c4{--fio:168px}.in-c5{--fio:104px}
/* os dois fios de cada foto, com nó de latão no trilho */
.in-comodo::before,.in-comodo::after{content:"";position:absolute;top:-2px;width:5px;height:calc(var(--fio) + 2px);
  background:radial-gradient(circle 2.5px at 50% 2.5px,var(--latao-claro) 98%,transparent),linear-gradient(var(--latao-claro),var(--latao-fundo)) 50% 0/1px 100% no-repeat}
.in-comodo::before{left:18%}.in-comodo::after{right:18%}
.in-num{position:absolute;top:-58px;left:50%;translate:-50% 0;font-family:var(--f-titulo);font-weight:300;font-size:34px;line-height:1;letter-spacing:.08em;color:#e3c68c}
.in-comodo figure{position:relative;transition:transform .9s var(--ease)}
.in-comodo:hover figure{transform:translateY(7px)}
.in-comodo img{width:100%;height:auto;aspect-ratio:3/4.6;object-fit:cover;box-shadow:0 30px 60px -30px rgb(0 0 0 / .8)}
.in-c2 img,.in-c4 img{aspect-ratio:3/5.4}
.in-comodo figure::after{content:"";position:absolute;left:0;right:0;top:0;aspect-ratio:3/2;background:linear-gradient(rgb(255 214 150 / .16),rgb(255 214 150 / 0));mix-blend-mode:screen;pointer-events:none}
.in-comodo figcaption{display:grid;gap:5px;padding-top:16px}
.in-comodo figcaption strong{font-size:11.5px;font-weight:400;letter-spacing:.28em;text-transform:uppercase;color:var(--latao-claro)}
.in-comodo figcaption span{font-size:15px;line-height:1.45;color:#d9cdb8}
@media (max-width:900px){
  .in-topo{grid-template-columns:1fr;margin-bottom:26px}
  .in-trilho-caixa{padding-inline:0}
  .in-arraste{display:flex;justify-content:flex-end;gap:8px;padding:0 var(--margem);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--latao-claro)}
  .in-percurso{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:62vw;gap:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:70px var(--margem) 16px;scrollbar-width:none}
  .in-percurso::-webkit-scrollbar{display:none}
  .in-percurso::before{top:68px;left:0;right:auto;width:calc(5*62vw + 4*18px + 2*var(--margem))}
  .in-comodo{scroll-snap-align:center}
  .in-c1{--fio:30px}.in-c2{--fio:64px}.in-c3{--fio:40px}.in-c4{--fio:76px}.in-c5{--fio:50px}
  .in-comodo img,.in-c2 img,.in-c4 img{aspect-ratio:3/4.4}
  .in-num{top:-52px;font-size:28px}
  .in-comodo:hover figure{transform:none}
}