/* Seção 02 · Corredor — a história dela (prefixo co-) */
.co-secao{--co-sol:30px;--co-latao:#6f4e14;--co-luz:#fffdf6;padding-bottom:0;background:var(--gelo-luz)}
.co-secao q{quotes:"“" "”" "‘" "’"}

/* parede do corredor: clara na partida, um tom abaixo na chegada, para a luz das linhas aparecer */
.co-fundo{position:absolute;inset:0;z-index:-4;
  background:
    radial-gradient(ellipse 70% 22% at 70% 9% in oklab, #fffdf7 0%, rgb(255 253 247 / 0) 100%),
    linear-gradient(180deg in oklab, var(--gelo-luz) 0%, var(--gelo-luz) 30%, #ece5d6 52%, #e8e1d2 100%)}

/* soleira: a nogueira da recepção termina numa verga, e a primeira linha de luz do corredor acende logo abaixo */
.co-soleira{position:absolute;left:0;right:0;top:0;height:var(--co-sol);z-index:-1;
  background:linear-gradient(180deg in oklab, #341f12 0%, #2b180d 100%)}
.co-soleira::after{content:"";position:absolute;left:0;right:0;top:100%;height:clamp(150px,20vw,260px);
  background:linear-gradient(180deg in oklab, rgb(122 98 64 / .34) 0%, rgb(160 138 100 / .12) 38%, rgb(160 138 100 / 0) 100%)}
.co-led{position:absolute;left:0;right:0;bottom:-2px;height:3px;z-index:1;background:#fffaf0;
  box-shadow:0 -1px 0 rgb(201 163 92 / .9),0 0 14px 3px rgb(255 244 220 / .95),0 0 46px 14px rgb(255 226 176 / .55),0 -18px 46px 6px rgb(255 206 140 / .16)}

/* o fio da parede direita: desce da soleira até o fim do corredor (a seção inteira é o primeiro portal) */
.co-fio{position:absolute;z-index:-1;top:var(--co-sol);bottom:0;right:9px;width:2px;background:var(--co-luz);pointer-events:none;
  box-shadow:1px 0 0 rgb(168 128 63 / .4),0 0 10px 2px rgb(255 255 255 / .95),-14px 0 34px 10px rgb(255 250 236 / .6);transform-origin:center top}
.wf-js .co-fio[data-wf-revela]{opacity:1;transform:scaleY(0);transition:transform 2.6s var(--ease) .2s}
.wf-js .co-fio[data-wf-revela].wf-visto{transform:scaleY(1)}

/* partida */
.co-partida{position:relative;padding-top:calc(var(--co-sol) + clamp(64px,9vw,128px))}
.co-plaqueta{margin-bottom:clamp(22px,2.6vw,34px)}
.co-titulo{font-size:clamp(39px,4.6vw,76px);max-width:11.5em}
.co-titulo i{color:var(--latao-tinta)}
.co-p1{margin-top:clamp(24px,3vw,40px)}

.co-corredor{position:relative;margin:38px calc(-1*var(--margem)) 0;height:112vw;max-height:620px;overflow:hidden}
.co-corredor img{width:100%;height:100%;object-fit:cover;object-position:60% 18%;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 16%,#000 62%,transparent 98%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 16%,#000 62%,transparent 98%)}

.co-depois{position:relative;margin-top:-34px}
.co-hoje{margin-top:14px;font-size:clamp(23px,2.2vw,32px);line-height:1.28;color:var(--tinta);max-width:17em;text-wrap:balance}

/* chegada: os portais de luz convergem para ela */
.co-chegada{position:relative;margin-top:44px;display:grid;grid-template-columns:minmax(0,1fr)}
.co-palco{position:relative;display:flex;flex-direction:column;justify-content:flex-end}
.co-cena{position:relative;padding-top:86px}
.co-cena::before{content:"";position:absolute;z-index:-3;left:calc(-1*var(--margem));right:0;top:40px;bottom:0;
  background:radial-gradient(ellipse 60% 50% at 46% 52% in oklab, rgb(198 188 168 / .6) 0%, rgb(198 188 168 / 0) 100%)}
.co-perfil{position:relative;width:calc(88% + var(--margem));margin-left:calc(-1*var(--margem));aspect-ratio:1000/1350;overflow:hidden}
.co-perfil img{width:100%;height:auto;
  -webkit-mask-image:linear-gradient(to bottom,#000 43%,transparent 66%);
  mask-image:linear-gradient(to bottom,#000 43%,transparent 66%)}
.wf-js .co-perfil[data-wf-revela]{transform:translate3d(0,10px,0);transition-duration:1.5s,1.6s}
.wf-js .co-perfil[data-wf-revela].wf-visto{transform:none}

.co-portais{position:absolute;inset:0;z-index:-1;pointer-events:none}
.wf-js .co-portais[data-wf-revela]{opacity:1;transform:none}
.co-portal{position:absolute;left:calc(-1*var(--margem));bottom:0;
  border-top:1px solid rgb(168 128 63 / .42);border-right:1px solid rgb(168 128 63 / .42);
  background:
    linear-gradient(180deg,rgb(255 253 246 / .78) 0,rgb(255 253 246 / 0) var(--co-w)),
    linear-gradient(270deg,rgb(255 253 246 / .7) 0,rgb(255 253 246 / 0) var(--co-w));
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 26%),linear-gradient(to bottom,#000 58%,transparent 88%);
  mask-image:linear-gradient(to right,transparent 0,#000 26%),linear-gradient(to bottom,#000 58%,transparent 88%);
  -webkit-mask-composite:source-in;mask-composite:intersect}
.co-portal::before,.co-portal::after{content:"";position:absolute;background:var(--co-luz);box-shadow:0 0 10px 2px rgb(255 255 255 / .95)}
.co-portal::before{left:0;right:0;top:0;height:var(--co-e);transform-origin:left center}
.co-portal::after{right:0;top:0;bottom:0;width:var(--co-e);transform-origin:center top}
.co-portal--1{--co-e:3px;--co-w:74px;top:0;right:0}
.co-portal--2{--co-e:2.5px;--co-w:52px;top:40px;right:5%}
.co-portal--3{--co-e:2px;--co-w:36px;top:68px;right:8.6%}
.wf-js .co-portal{opacity:0;transition:opacity 1.4s var(--ease)}
.wf-js .co-portal::before{transform:scaleX(0);transition:transform 1.3s var(--ease)}
.wf-js .co-portal::after{transform:scaleY(0);transition:transform 1.6s var(--ease)}
.wf-js .co-portais.wf-visto .co-portal{opacity:1}
.wf-js .co-portais.wf-visto .co-portal::before{transform:scaleX(1)}
.wf-js .co-portais.wf-visto .co-portal::after{transform:scaleY(1)}
.wf-js .co-portal--1,.wf-js .co-portal--1::before{transition-delay:.1s}.wf-js .co-portal--1::after{transition-delay:.7s}
.wf-js .co-portal--2,.wf-js .co-portal--2::before{transition-delay:.45s}.wf-js .co-portal--2::after{transition-delay:1.05s}
.wf-js .co-portal--3,.wf-js .co-portal--3::before{transition-delay:.8s}.wf-js .co-portal--3::after{transition-delay:1.4s}

/* a voz dela */
.co-voz{position:relative;margin-top:-5vw;padding-bottom:var(--respiro)}
.co-fala{font-size:clamp(27px,3.1vw,46px);line-height:1.2;color:var(--tinta);text-wrap:balance}
.co-autora{color:var(--co-latao);margin-top:20px;display:flex;align-items:center;gap:12px}
.co-autora::before{content:"";width:28px;height:1px;background:currentColor}
.co-p4{margin-top:clamp(30px,3.4vw,46px)}
.co-missao{margin-top:26px;font-family:var(--f-titulo);font-style:italic;font-weight:300;font-size:clamp(21px,1.7vw,25px);line-height:1.32;color:var(--tinta);max-width:22em}
.co-rotulo{display:block;margin-bottom:10px;font-family:var(--f-apoio);font-style:normal;font-weight:400;font-size:11.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--co-latao)}

.co-marcos{margin-top:clamp(40px,4.4vw,60px);border-top:1px solid rgb(138 101 36 / .6)}
.co-marcos div{display:flex;justify-content:space-between;align-items:baseline;gap:6px 20px;padding:15px 0 14px;border-bottom:1px solid rgb(138 101 36 / .3)}
.co-marcos dt,.co-marcos dd{font-size:11.5px;font-weight:400;letter-spacing:.24em;text-transform:uppercase;line-height:1.5}
.co-marcos dt{color:var(--tinta);min-width:0}
.co-marcos dd{color:var(--co-latao);text-align:right;margin-left:auto;flex:none}

/* ───────── telas largas ───────── */
@media (min-width:1000px){
  .co-secao{--co-sol:0px}
  .co-soleira{background:none}
  .co-led{bottom:auto;top:0}
  .co-fio{right:calc(var(--margem) * .36)}
  .co-partida{position:static;padding-top:clamp(96px,10.5vw,150px)}
  .co-titulo{max-width:9.6em}
  .co-p1{max-width:29em}
  .co-corredor{position:absolute;z-index:-2;top:0;right:0;margin:0;width:min(44vw,650px);height:calc(min(44vw,650px)*1.57);max-height:none}
  .co-corredor img{object-position:50% 0;
    -webkit-mask-image:linear-gradient(to right,transparent 0,rgb(0 0 0 / .5) 22%,#000 46%),linear-gradient(to bottom,#000 52%,transparent 90%);
    mask-image:linear-gradient(to right,transparent 0,rgb(0 0 0 / .5) 22%,#000 46%),linear-gradient(to bottom,#000 52%,transparent 90%);
    -webkit-mask-composite:source-in;mask-composite:intersect}
  .co-depois{margin-top:clamp(56px,6vw,92px);max-width:30em}

  .co-chegada{margin-top:clamp(48px,4.6vw,72px);grid-template-columns:minmax(0,.48fr) minmax(0,.52fr);align-items:stretch}
  .co-cena{padding-top:206px}
  .co-cena::before{top:120px;right:-10%}
  .co-perfil{width:calc(100% + var(--margem) * .5);margin-left:calc(-.5*var(--margem))}
  .co-perfil img{-webkit-mask-image:none;mask-image:none}
  .co-portal{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 26%);mask-image:linear-gradient(to right,transparent 0,#000 26%);-webkit-mask-composite:source-over;mask-composite:add}
  .co-portal--1{--co-w:140px;top:0;right:-23%}
  .co-portal--2{--co-w:96px;top:100px;right:-12.5%}
  .co-portal--3{--co-w:64px;top:164px;right:-4.5%}
  .co-voz{margin-top:0;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(40px,4vw,64px) 0 clamp(60px,5vw,72px) calc(23% * .48 / .52 + 58px)}
  .co-p4{order:-1;margin-top:0;margin-bottom:clamp(40px,4vw,58px)}
  .co-fala{max-width:11.5em;font-size:clamp(30px,3vw,44px)}
  .co-missao{margin-top:clamp(30px,3vw,42px)}
  .co-marcos{margin-top:clamp(34px,3.2vw,46px)}
  .co-marcos div{padding:12px 0 11px}
}