/* Scroll reveals the reading while the existing fauna parts around it. */
#agencia{min-height:0;padding:0;display:block;background:#292720;color:#b7a080;isolation:isolate;overflow:clip}
#agencia:before{display:none}
.prologue-track{position:relative;height:185svh;z-index:2}
.prologue-reading{position:sticky;top:0;height:100svh;min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate}
.prologue-reading:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 12%,#292720d9 28%,#292720 38%,#292720 62%,#292720d9 72%,transparent 88%);z-index:2;pointer-events:none}
#agencia .section-kicker{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:14px;margin:0;font-size:8px}
#agencia .section-kicker:before,#agencia .section-kicker:after{content:'✦ ✦ ✦';font-size:5px;letter-spacing:2px}
#agencia .manifesto-quote{position:relative;font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,3.25vw,58px);line-height:1.02;letter-spacing:-.045em;max-width:49vw;width:100%;margin:32px 0 0;z-index:3}
#agencia .quote-line{display:block;transition:none;opacity:1}
#agencia .quote-char{display:inline-block;white-space:pre;opacity:.1}
#agencia .manifesto-action{position:relative;z-index:3;margin-top:28px;padding:12px 23px;background:#b7a080;color:#292720;font-size:8px;letter-spacing:0;border:0}
#agencia .manifesto-left{left:-18%;top:0;width:46%;height:100%;opacity:.85;transform:none;--creature-ink:#b7a080;translate:calc(var(--prologue-spread,0px) * -1) 0}
#agencia .manifesto-dino{right:-18%;top:0;width:46%;height:100%;opacity:.85;transform:scaleX(-1);filter:none;--creature-ink:#b7a080;translate:var(--prologue-spread,0px) 0}
#agencia .manifesto-terrain{opacity:.35;mask-image:linear-gradient(transparent 75%,#000 100%)}
.prologue-edge{height:150px;background:linear-gradient(transparent,var(--sand) 85%),repeating-linear-gradient(90deg,var(--sand) 0 1px,transparent 1px 4px);clip-path:polygon(0 30%,8% 45%,19% 18%,30% 35%,41% 25%,52% 50%,66% 32%,79% 15%,90% 40%,100% 22%,100% 100%,0 100%)}
.motion-reduced #agencia{--prologue-spread:0px!important}
.motion-reduced .prologue-track{height:auto}
.motion-reduced .prologue-reading{position:relative;height:auto;min-height:80svh;padding:100px 0 65px}
.motion-reduced #agencia .quote-char{opacity:1!important}
@media(max-width:700px){
 .prologue-track{height:170svh}
 .prologue-reading{min-height:500px}
 #agencia .section-kicker{font-size:7px;gap:10px}
 #agencia .manifesto-quote{font-size:clamp(27px,7.4vw,42px);max-width:88vw;margin-top:27px;line-height:1.06}
 #agencia .manifesto-left{left:-65%;width:90%;height:80%;top:10%;opacity:.5}
 #agencia .manifesto-dino{right:-65%;width:90%;height:80%;top:10%;opacity:.5}
 .prologue-reading:before{background:linear-gradient(90deg,transparent,#292720e8 19%,#292720 35%,#292720 65%,#292720e8 81%,transparent)}
 .prologue-edge{height:100px}
}