@font-face{font-family:OneStarryNight;src:url('acolhimento-assets/fonts/f4b9d2fd-file.woff2') format('woff2');font-display:swap;font-weight:400}
.ac-journey{color:#fff;font-family:Montserrat,sans-serif}.ac-journey{height:500vh;position:relative}.ac-scene{height:100vh;height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate;background:#423b32 url('acolhimento-assets/escola-fundo.png') center/cover no-repeat}.ac-scene:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(26,29,26,.86) 0%,rgba(30,30,25,.69) 46%,rgba(25,25,23,.35) 100%)}.ac-content{height:100%;display:grid;grid-template-columns:1fr 1fr}.ac-intro{padding:clamp(28px,6vw,100px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;z-index:2}.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;gap:12px;color:#f3d793}.eyebrow:before{content:"";width:34px;height:1px;background:#f3d793}.ac-journey h1,.ac-curiosity-intro h2{font-family:OneStarryNight,cursive;font-size:clamp(3.7rem,7vw,7.8rem);font-weight:400;letter-spacing:-.045em;line-height:1.02;margin:30px 0;max-width:680px}.ac-journey h1 em,.ac-curiosity-intro h2 em{font-style:normal;color:#f4d585}.hint{font-size:.8rem;letter-spacing:.08em;display:flex;align-items:center;gap:12px;color:#eee7d9}.hint span{font-size:1.4rem}.ac-stage{position:relative;overflow:hidden}.table{position:absolute;bottom:0;left:0;right:0;height:22%;background:linear-gradient(175deg,#ba9972 0%,#927153 8%,#614831 100%);box-shadow:0 -10px 45px #0005}.table:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#d5b99988}.ac-photo{position:absolute;width:clamp(135px,20vw,270px);height:auto;left:var(--x);top:var(--y);transform:translate(-50%,calc(-50% + var(--drop, -75vh))) rotate(var(--angle));opacity:var(--opacity,0);filter:drop-shadow(0 14px 15px #0007);will-change:transform,opacity}.ac-photo:nth-of-type(1){--x:25%;--y:68%;--angle:-12deg}.ac-photo:nth-of-type(2){--x:48%;--y:62%;--angle:8deg}.ac-photo:nth-of-type(3){--x:72%;--y:68%;--angle:-7deg}.ac-photo:nth-of-type(4){--x:53%;--y:77%;--angle:12deg}.end{background:#eae1d1;color:#423b31;text-align:center;padding:65px 24px;font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.3rem,3vw,2rem)}
@media(max-width:700px){.ac-scene:before{background:linear-gradient(180deg,rgba(25,28,25,.78),rgba(25,28,25,.42))}.ac-content{grid-template-columns:1fr;grid-template-rows:42% 58%}.ac-intro{padding:32px 26px 0;justify-content:center}.ac-journey h1,.ac-curiosity-intro h2{font-size:clamp(3.1rem,10vw,5rem);margin:14px 0;max-width:560px}.eyebrow{font-size:.62rem}.hint{font-size:.7rem}.ac-photo{width:clamp(120px,32vw,210px)}.table{height:19%}.ac-photo:nth-of-type(1){--x:20%;--y:61%}.ac-photo:nth-of-type(2){--x:43%;--y:54%}.ac-photo:nth-of-type(3){--x:75%;--y:60%}.ac-photo:nth-of-type(4){--x:57%;--y:72%}}
@media(prefers-reduced-motion:reduce){.ac-journey{height:auto}.ac-scene{position:relative;min-height:100svh}.ac-photo{transform:translate(-50%,-50%) rotate(var(--angle))!important;opacity:1!important}}

/* Composição: título em duas linhas e fotografias sobrepostas. */
.ac-intro{padding:clamp(24px,4.5vw,70px)}
.ac-journey h1,.ac-curiosity-intro h2{font-size:clamp(6.44rem,12.075vw,12.88rem);line-height:.78;letter-spacing:0;max-width:none;margin:0;width:100%;font-weight:400}
.ac-journey h1 span,.ac-curiosity-intro h2 span{display:block;white-space:nowrap;animation:title-enter 800ms cubic-bezier(.23,1,.32,1) both}
.ac-journey h1 span:nth-child(2),.ac-curiosity-intro h2 span:nth-child(2){animation-delay:120ms}
@keyframes title-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.ac-journey h1 span,.ac-curiosity-intro h2 span{animation:none}}
.ac-journey h1 em,.ac-curiosity-intro h2 em{font-style:normal}
.table{display:none}
.ac-photo{width:auto;height:min(66svh, 77%);max-width:55%;object-fit:contain}
.ac-photo:nth-of-type(1){--x:28%;--y:50%;--angle:-9deg}
.ac-photo:nth-of-type(2){--x:47%;--y:47%;--angle:6deg}
.ac-photo:nth-of-type(3){--x:70%;--y:50%;--angle:-6deg}
.ac-photo:nth-of-type(4){--x:54%;--y:52%;--angle:9deg}
@media(max-width:700px){
 .ac-content{grid-template-rows:30% 70%}
 .ac-intro{padding:24px 24px 0;justify-content:center}
 .ac-journey h1,.ac-curiosity-intro h2{font-size:clamp(4.83rem,16.905vw,8.855rem);line-height:.78}
 .ac-photo{height:min(59svh, 82%);max-width:56%}
 .ac-photo:nth-of-type(1){--x:29%;--y:50%}
 .ac-photo:nth-of-type(2){--x:47%;--y:47%}
 .ac-photo:nth-of-type(3){--x:70%;--y:50%}
 .ac-photo:nth-of-type(4){--x:54%;--y:52%}
}
@media(max-width:350px){.ac-journey h1,.ac-curiosity-intro h2{font-size:16.905vw}}

/* A mesma cena continua fixa durante as duas etapas. */
.ac-journey{height:1016.667vh}
.ac-content{position:absolute;inset:0}
.content-first{transform:translateY(var(--exit,0));opacity:var(--first-opacity,1)}
.content-curiosity{opacity:var(--second-opacity,0);pointer-events:none}
.curiosity-stage{grid-column:2;grid-row:1}
.ac-curiosity-intro{grid-column:1;grid-row:1}
.ac-curiosity-card{position:absolute;top:var(--y);left:var(--x);height:min(59svh,72%);max-width:46%;object-fit:contain;transform:translate(-50%,calc(-50% + var(--drop,-75vh))) rotate(var(--angle));opacity:var(--opacity,0);filter:drop-shadow(0 14px 15px #0007);will-change:transform,opacity}
.ac-curiosity-card:nth-child(7n+1){--x:28%;--y:49%;--angle:-10deg}
.ac-curiosity-card:nth-child(7n+2){--x:49%;--y:46%;--angle:7deg}
.ac-curiosity-card:nth-child(7n+3){--x:70%;--y:50%;--angle:-7deg}
.ac-curiosity-card:nth-child(7n+4){--x:43%;--y:53%;--angle:10deg}
.ac-curiosity-card:nth-child(7n+5){--x:64%;--y:47%;--angle:-9deg}
.ac-curiosity-card:nth-child(7n+6){--x:32%;--y:51%;--angle:6deg}
.ac-curiosity-card:nth-child(7n){--x:53%;--y:50%;--angle:-3deg}
@media(max-width:700px){
 .content-curiosity{grid-template-rows:30% 70%}
 .ac-curiosity-intro{grid-column:1;grid-row:1}
 .curiosity-stage{grid-column:1;grid-row:2}
 .ac-curiosity-card{height:min(49svh,75%);max-width:46%}
}
@media(prefers-reduced-motion:reduce){
 .ac-journey{height:auto}.ac-scene{height:auto;min-height:100svh;overflow:visible}
 .ac-content{position:relative;min-height:100svh}
 .content-first{transform:none!important;opacity:1!important}
 .content-curiosity{opacity:1!important;pointer-events:auto}
 .curiosity-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:24px;overflow:visible}
 .ac-curiosity-card{position:static;width:100%;height:auto;max-width:none;transform:none!important;opacity:1!important}
}

/* Hierarquia editorial: leitura clara, com um detalhe manuscrito. */
.ac-journey h1,.ac-curiosity-intro h2{font-family:'Montserrat',sans-serif;font-size:clamp(1.75rem,3.5vw,3.78rem);font-weight:700;letter-spacing:-.055em;line-height:1.06;margin:0;max-width:720px}
.ac-journey h1 span,.ac-curiosity-intro h2 span{white-space:normal}
.ac-journey h1 em,.ac-curiosity-intro h2 em{font-family:OneStarryNight,cursive;font-size:3.36em;font-weight:400;letter-spacing:0;line-height:.8;color:#f4d585}
.ac-intro-description{font-family:'Montserrat',sans-serif;font-size:clamp(.9rem,1.1vw,1.08rem);font-weight:400;line-height:1.7;color:#f2eee5;max-width:390px;margin:3px 0 0}
@media(max-width:700px){
 .ac-content,.content-curiosity{grid-template-rows:39% 61%}
 .ac-intro{padding:32px 26px 0}
 .ac-journey h1,.ac-curiosity-intro h2{font-size:clamp(1.54rem,5.32vw,2.38rem);line-height:1.06}
 .ac-intro-description{font-size:.85rem;line-height:1.55;margin-top:3px;max-width:330px}
}
/* O manuscrito ocupa uma linha própria, com espaço para seus traços. */
.ac-journey h1,.ac-curiosity-intro h2{font-size:clamp(1.5rem,2.55vw,2.8rem);font-weight:700;letter-spacing:-.035em;line-height:1.08;text-transform:uppercase}
.ac-journey h1 .title-script,.ac-curiosity-intro h2 .title-script{margin-top:.04em;line-height:.55;text-transform:none}
.ac-journey h1 em,.ac-curiosity-intro h2 em{font-size:5.6em;line-height:.55;white-space:nowrap}
.ac-intro-description{margin-top:12px}
.ac-curiosity-intro .ac-intro-description{margin-top:32px}
.curiosity-lead{font-size:.65em}
.ac-curiosity-intro h2 .title-article{display:inline;font-family:Montserrat,sans-serif;font-size:.65em;font-weight:700;letter-spacing:-.035em}
@media(max-width:700px){
 .ac-journey h1,.ac-curiosity-intro h2{font-size:clamp(1.2rem,5vw,1.8rem)}
 .ac-journey h1 em,.ac-curiosity-intro h2 em{font-size:4.2em}
 .ac-intro-description{margin-top:8px}
 .ac-curiosity-intro .ac-intro-description{margin-top:14px}
}
/* Uma única linha em cada pergunta, inclusive em telas pequenas. */
.ac-journey h1,.ac-curiosity-intro h2{font-size:clamp(1rem,2vw,2.1rem);font-weight:800;letter-spacing:-.04em;line-height:1;white-space:nowrap;text-transform:none}
.ac-journey h1 span,.ac-curiosity-intro h2 span{white-space:nowrap}
.ac-journey h1 em,.ac-curiosity-intro h2 em{font-size:3em;line-height:.8}
.ac-intro-description,.ac-curiosity-intro .ac-intro-description{margin-top:12px}
@media(max-width:700px){
 .ac-journey h1,.ac-curiosity-intro h2{font-size:clamp(.72rem,3.7vw,1.25rem)}
 .ac-journey h1 em,.ac-curiosity-intro h2 em{font-size:2.5em}
 .ac-intro-description,.ac-curiosity-intro .ac-intro-description{margin-top:10px}
}

/* Três momentos compartilham o mesmo texto e a mesma pilha. */
.ac-journey{height:850vh}
.ac-story-intro{display:grid;align-content:center}
.ac-title-panel{grid-area:1/1;opacity:var(--panel-opacity,0);visibility:var(--panel-visibility,hidden)}
.ac-title-panel:first-child{opacity:var(--panel-opacity,1);visibility:var(--panel-visibility,visible)}
.ac-story-stage .ac-curiosity-card{height:min(66svh,77%);max-width:55%}
@media(max-width:700px){.ac-story-stage .ac-curiosity-card{height:min(59svh,82%);max-width:56%}}
@media(prefers-reduced-motion:reduce){
 .ac-journey{height:auto}.ac-scene{height:auto;min-height:100svh;overflow:visible}
 .ac-content{position:relative;height:auto;min-height:100svh;display:block}
 .ac-story-intro{display:block;padding:32px 26px}
 .ac-title-panel,.ac-title-panel:first-child{opacity:1!important;visibility:visible!important;margin-bottom:32px}
 .ac-story-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:24px;overflow:visible}
 .ac-story-stage .ac-photo,.ac-story-stage .ac-curiosity-card{position:static;width:100%;height:auto;max-width:none;transform:none!important;opacity:1!important}
}

.ac-journey{position:relative;z-index:0}
#pilares{position:relative;z-index:1}

/* Três fotografias por pergunta, distribuídas nas mesmas posições da pilha. */
.ac-story-stage img:nth-child(3n+1){--x:28%;--y:50%;--angle:-9deg}
.ac-story-stage img:nth-child(3n+2){--x:50%;--y:47%;--angle:6deg}
.ac-story-stage img:nth-child(3n){--x:72%;--y:50%;--angle:-6deg}