/* Approved forest artwork and separate meme cutouts, animated by scroll position. */
.yap-world{position:relative;isolation:isolate;--scene-veil:.68;--scene-progress:0;--scene-cast:0;background:#eaf3d3}
.yap-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:clip}
.yap-backdrop-stage{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden}
.scene-forest{position:absolute;inset:-45px;width:calc(100% + 90px);height:calc(100% + 90px);object-fit:cover;transform:translate3d(0,calc(-65px * var(--scene-progress)),0) scale(calc(1.04 + .1 * var(--scene-progress)));transform-origin:50% 60%;will-change:transform}
.scene-cast{position:absolute;top:var(--scene-opening,100vh);left:0;right:0;height:190px;overflow:hidden}
.scene-character{position:absolute;object-fit:contain;opacity:var(--scene-cast);transform:translate3d(calc(var(--drift-x) * var(--scene-progress)),calc(var(--drift-y) * var(--scene-progress)),0) rotate(calc(var(--tilt) * var(--scene-progress)));transform-origin:50% 85%;will-change:transform}
.scene-doge{width:170px;height:auto;left:2%;top:15px;--drift-x:12px;--drift-y:-12px;--tilt:-5deg}
.scene-robin{width:160px;height:auto;right:1%;top:12px;--drift-x:-8px;--drift-y:-9px;--tilt:5deg}
.scene-wojak{width:175px;height:auto;right:12%;bottom:-6px;--drift-x:10px;--drift-y:-15px;--tilt:4deg}
.scene-cat{width:185px;height:auto;right:23%;bottom:-5px;--drift-x:-10px;--drift-y:-18px;--tilt:-4deg}
.scene-pepe{width:195px;height:auto;left:15%;bottom:-6px;--drift-x:12px;--drift-y:-20px;--tilt:3deg}
.scene-veil{position:absolute;inset:0;background:#f8faed;opacity:var(--scene-veil)}
.scene-leaves{position:absolute;inset:0;overflow:hidden;opacity:.75}
.scene-leaves i{position:absolute;width:33px;height:17px;background:#85b342;border-radius:80% 0 80% 0;left:8%;top:14%;transform:translate3d(calc(100px * var(--scene-progress)),calc(300px * var(--scene-progress)),0) rotate(calc(25deg + 130deg * var(--scene-progress)))}
.scene-leaves i:after{content:'';position:absolute;inset:8px 5px auto;height:1px;background:#34602a;rotate:-19deg}
.scene-leaves i:nth-child(2){left:auto;right:10%;top:18%;width:26px;height:15px;transform:translate3d(calc(-80px * var(--scene-progress)),calc(170px * var(--scene-progress)),0) rotate(calc(-22deg - 85deg * var(--scene-progress)))}
.scene-leaves i:nth-child(3){left:18%;top:62%;width:23px;height:13px;transform:translate3d(calc(70px * var(--scene-progress)),calc(130px * var(--scene-progress)),0) rotate(calc(45deg + 175deg * var(--scene-progress)))}
.scene-leaves i:nth-child(4){left:auto;right:20%;top:55%;width:37px;height:19px;transform:translate3d(calc(-120px * var(--scene-progress)),calc(220px * var(--scene-progress)),0) rotate(calc(-35deg - 155deg * var(--scene-progress)))}
.yap-world .yap-entry{position:relative;padding-bottom:36px}
.yap-world .launch-strip{border-color:#718b6240;flex-wrap:wrap;gap:14px 24px}


.yap-world .yap-intro{position:relative;isolation:isolate}
.yap-world .yap-intro:before{content:'';position:absolute;z-index:-1;inset:-25px -32px 18%;background:radial-gradient(ellipse,#f8faedf2 36%,#f8faed94 65%,transparent 75%);pointer-events:none}
.yap-world .station-foot{background:#f8faede6;padding:16px 19px;margin-top:18px;border:1px solid #bdcca9;border-radius:12px}
.yap-world .proof-panel{box-shadow:0 18px 48px #12371f18}
.yap-world .crew-orbit{background:#b6ef629c;box-shadow:0 0 50px 30px #f8faed66}
.forest-window{position:relative;min-height:190px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:30px 24px 45px}
.forest-caption{display:inline-block;padding:11px 20px;background:#f8faed;border:1.5px solid #24451f;border-radius:8px;rotate:-3deg;box-shadow:4px 4px 0 #24451f;color:#24451f;transform:translateY(calc(-45px * var(--scene-progress)))}
.forest-slip{position:absolute;width:62px;height:86px;border:1px solid #264b25;background:#fffef0;box-shadow:4px 4px 0 #264b2520;display:grid;place-content:center;gap:7px;transform:translate3d(calc(30px * var(--scene-progress)),calc(-125px * var(--scene-progress)),0) rotate(calc(-13deg + 28deg * var(--scene-progress)));left:27%;top:28%}
.forest-slip:before,.forest-slip:after{content:'';width:31px;height:3px;background:#578344;box-shadow:0 7px 0 #d3dfbd}
.forest-slip:last-child{left:auto;right:24%;top:57%;width:48px;height:65px;transform:translate3d(calc(-35px * var(--scene-progress)),calc(-75px * var(--scene-progress)),0) rotate(calc(13deg - 36deg * var(--scene-progress)))}
.background-still .scene-forest,.background-still .scene-character{will-change:auto}
@media(max-width:1100px){.launch-strip>span:nth-child(3){display:none}.forest-slip{left:18%}.forest-slip:last-child{right:15%}}
@media(max-width:680px){.yap-backdrop-stage{min-height:640px}.scene-forest{object-position:8% center}.scene-cast{height:190px}.scene-doge{width:95px;left:-8%;top:8px;--drift-x:5px;--drift-y:-6px}.scene-robin{width:90px;right:-6%;top:6px;--drift-x:-4px;--drift-y:-5px}.scene-pepe{width:130px;left:0;bottom:4px;--drift-x:5px;--drift-y:-10px}.scene-wojak{width:105px;right:23%;bottom:-2px;--drift-x:4px;--drift-y:-6px}.scene-cat{width:130px;right:-2%;bottom:2px;--drift-x:-4px;--drift-y:-9px}.scene-leaves i:nth-child(3),.scene-leaves i:nth-child(4){display:none}.yap-world .launch-strip{gap:8px;justify-content:space-between}.yap-world .launch-strip>span:not(:first-child){display:none}.yap-world .yap-entry{padding-bottom:24px}.yap-world .yap-intro:before{inset:-20px -12px 12%}.yap-world .station-foot{padding:16px;gap:7px;margin-top:15px}.forest-window{min-height:190px;align-items:center;padding:35px 24px}.forest-caption{max-width:210px;text-align:center}.forest-slip{left:7%;top:64%;width:46px;height:65px}.forest-slip:last-child{right:8%;top:63%;width:42px;height:58px}}
@media(prefers-reduced-motion:reduce){.scene-forest,.scene-character,.scene-leaves i,.forest-caption,.forest-slip{transform:none!important;will-change:auto}.scene-leaves{display:none}.scene-veil{opacity:.68}.scene-character{opacity:0}}