/* Scroll-triggered bottle-opener reveal, with an immediate accessible bypass. */
#fanpage .fanpage-raised-stage{perspective:1200px}
.fanpage-unseal{display:none;position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;perspective:1100px;overflow:clip}
.fanpage-seal-cover{position:absolute;inset:0;background:linear-gradient(120deg,#4e6038b3,#223616cc),url('assets/palette/moss.webp') center/700px;border:2px solid #b4bd8f;border-radius:inherit;box-shadow:inset 0 2px 2px #e7e9ba66,inset 0 -10px 0 #1c301b88;transform-origin:50% 0;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;gap:7%;padding:34px;overflow:hidden}
.fanpage-seal-cover::after{content:'';position:absolute;inset:14px;border:1px dashed #b4bd8f55;border-radius:inherit;pointer-events:none}.fanpage-seal-label{color:#f2dfb7;transform:rotate(-4deg);z-index:1}.fanpage-seal-label>span{font-size:11px;font-weight:900;letter-spacing:2px}.fanpage-seal-label strong{display:block;font:italic 900 clamp(40px,5vw,75px)/1.1 'Barlow Condensed',sans-serif;text-shadow:3px 4px 0 #182b16;margin:13px 0}.fanpage-seal-label small{font-size:12px}.fanpage-seal-character{width:clamp(100px,17vw,205px);height:auto;object-fit:contain;filter:drop-shadow(6px 9px 0 #152b1755);transform:rotate(7deg)}
.fanpage-seal-tab{position:absolute;top:-2px;left:17%;width:54px;height:35px;border:4px solid #c6cba4;border-bottom:0;border-radius:50% 50% 0 0;background:#374d2c;box-shadow:0 3px 0 #142913}
.fanpage-pull-rig{position:absolute;left:calc(17% - 59px);top:-340px;width:200px;height:500px;transform-origin:100px 370px;filter:drop-shadow(6px 10px 4px #05100566);z-index:3;transform:translateY(-250px)}
.fanpage-pull-arm{position:absolute;inset:0;width:200px;height:490px}.fanpage-pull-opener{position:absolute;left:77px;top:323px;width:54px;height:140px;transform:rotate(162deg);transform-origin:50% 27%;z-index:-1}.fanpage-pull-opener svg{width:100%;height:100%}
.fanpage-unseal-burst{position:absolute;top:5px;left:calc(17% - 24px);color:#f8e5b9;font-size:66px;opacity:0;transform:scale(.3)}
#fanpage .fanpage-unseal-skip,#fanpage .fanpage-unseal-replay{position:absolute;right:17px;z-index:7;border:1px solid #e7d2a2;background:#243a20;color:#f5e1b9;padding:7px 12px;border-radius:16px;font-size:10px;font-weight:800;cursor:pointer}.fanpage-unseal-skip{bottom:17px}.fanpage-unseal-replay{top:10px}.fanpage-unseal-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#fanpage .fanpage-raised-stage.is-unseal-waiting .fanpage-track,#fanpage .fanpage-raised-stage.is-unsealing .fanpage-track{opacity:0;pointer-events:none}
#fanpage .is-unseal-waiting .fanpage-unseal,#fanpage .is-unsealing .fanpage-unseal{display:block}
#fanpage .is-unseal-waiting .fanpage-opener-pin,#fanpage .is-unsealing .fanpage-opener-pin{opacity:0}
#fanpage .is-unsealing .fanpage-pull-rig{animation:fanpage-hand-pull 4.8s cubic-bezier(.35,0,.25,1) both}
#fanpage .is-unsealing .fanpage-seal-cover{animation:fanpage-lid-peel 4.8s cubic-bezier(.4,0,.2,1) both}
#fanpage .is-unsealing .fanpage-unseal-burst{animation:fanpage-lid-pop 4.8s ease both}
#fanpage .fanpage-raised-stage.is-unsealing .fanpage-track{animation:fanpage-posts-appear 4.8s ease both}
@keyframes fanpage-hand-pull{0%{transform:translateY(-260px) rotate(-8deg)}24%{transform:translateY(0) rotate(0)}36%{transform:translateY(6px) rotate(-9deg)}48%{transform:translateY(-8px) rotate(17deg)}64%{transform:translateY(-35px) rotate(-13deg)}100%{transform:translateY(-530px) rotate(-22deg)}}
@keyframes fanpage-lid-peel{0%,42%{transform:rotateX(0);opacity:1}49%{transform:rotateX(9deg) translateY(-3px);opacity:1}70%{transform:rotateX(68deg) translateY(-80px);opacity:1}100%{transform:rotateX(100deg) translateY(-400px);opacity:0}}
@keyframes fanpage-lid-pop{0%,42%{opacity:0;transform:scale(.3) rotate(0)}49%{opacity:1;transform:scale(1.2) rotate(22deg)}65%,100%{opacity:0;transform:scale(1.7) rotate(40deg)}}
@keyframes fanpage-posts-appear{0%,48%{opacity:0;transform:translateY(12px)}78%,100%{opacity:1;transform:translateY(0)}}
@media(max-width:640px){.fanpage-seal-cover{padding:26px 18px;gap:0}.fanpage-seal-label strong{font-size:38px;max-width:155px}.fanpage-seal-label>span{font-size:8px;letter-spacing:1px}.fanpage-seal-label small{font-size:10px;display:block;max-width:150px;line-height:1.6}.fanpage-seal-character{width:112px;margin-left:-6px}.fanpage-pull-rig{left:calc(17% - 44px);width:160px;height:430px;top:-278px;transform-origin:80px 300px}.fanpage-pull-arm{width:160px;height:392px}.fanpage-pull-opener{left:62px;top:258px;width:43px;height:112px}.fanpage-seal-tab{width:44px;height:28px}.fanpage-unseal-burst{font-size:50px}#fanpage .fanpage-unseal-replay{font-size:9px;padding:6px 9px}}
@media(prefers-reduced-motion:reduce){#fanpage .fanpage-raised-stage:not(.is-unseal-manual) .fanpage-unseal{display:none!important}#fanpage .fanpage-raised-stage:not(.is-unseal-manual) .fanpage-track{opacity:1!important;animation:none!important;pointer-events:auto!important}.fanpage-raised-stage:not(.is-unseal-manual) .fanpage-pull-rig,.fanpage-raised-stage:not(.is-unseal-manual) .fanpage-seal-cover,.fanpage-raised-stage:not(.is-unseal-manual) .fanpage-unseal-burst{animation:none!important}}

#fanpage .fanpage-raised-stage .fanpage-unseal-replay{top:9px;right:15px;min-height:34px;padding:8px 14px;background:#f0ddb5;color:#253d20;box-shadow:0 3px 0 #65714a,0 0 9px #ddd7aa33;font-size:11px;letter-spacing:.3px;border-color:#fff0c9}
#fanpage .fanpage-raised-stage .fanpage-unseal-replay[hidden],#fanpage .fanpage-raised-stage .fanpage-unseal-skip[hidden]{display:none!important}
#fanpage .is-unsealing .fanpage-pull-rig,#fanpage .is-unsealing .fanpage-seal-cover,#fanpage .is-unsealing .fanpage-unseal-burst,#fanpage .fanpage-raised-stage.is-unsealing .fanpage-track{animation-duration:6.2s}
/* The arm belongs to the original mascot above the stage. */
#fanpage{position:relative}
#fanpage>.fanpage-pull-rig{display:none;position:absolute;inset:0;width:100%;height:100%;z-index:8;pointer-events:none;transform:none;filter:drop-shadow(3px 5px 2px #101c1455)}
#fanpage.is-unseal-active>.fanpage-pull-rig{display:block}
#fanpage>.fanpage-pull-rig .fanpage-reaching-sleeve{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.fanpage-reaching-sleeve path{fill:none;stroke-linecap:round}.reach-outline{stroke:#25391e;stroke-width:43}.reach-fill{stroke:#697b47;stroke-width:34}.reach-seam{stroke:#a2ab76;stroke-width:3;stroke-dasharray:6 9}
#fanpage>.fanpage-pull-rig .fanpage-reaching-hand{position:absolute;left:0;top:0;width:130px;height:145px;transform-origin:63px 28px;overflow:visible}
#fanpage>.fanpage-pull-rig .fanpage-pull-opener{position:absolute;left:0;top:0;width:47px;height:126px;transform-origin:50% 10%;z-index:-1}
#fanpage.is-unseal-active .fb-announcer-figure{animation-play-state:paused}
#fanpage .fb-announcer-figure{scroll-margin-top:115px}
#fanpage .fanpage-seal-tab{left:calc(var(--pull-x,70px) - 27px)}
#fanpage .fanpage-unseal-burst{left:calc(var(--pull-x,70px) - 24px)}
#fanpage .fanpage-seal-cover{padding:0;background:linear-gradient(130deg,#50643c99,#24381777),url('assets/palette/moss.webp') center/700px}
#fanpage .fanpage-seal-cover::after{border:0}
/* Faster left-to-right page turn, driven by scrolling. */
#fanpage .fanpage-raised-stage{perspective:1600px}
#fanpage .fanpage-unseal{overflow:visible;perspective:1600px}
#fanpage .fanpage-seal-cover{transform-origin:100% 50%;backface-visibility:visible;box-shadow:inset 4px 0 12px #fff0bd22,-8px 8px 18px #0c1e1a88;background:linear-gradient(95deg,#68784988,#23381ad9),url('assets/palette/moss.webp') center/700px}
#fanpage .fanpage-seal-cover::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,#14271699);border-radius:inherit}
#fanpage .fanpage-raised-stage.is-unseal-waiting .fanpage-track,#fanpage .fanpage-raised-stage.is-unsealing .fanpage-track{opacity:1;transform:none;animation:none;pointer-events:none}
#fanpage .is-unsealing .fanpage-seal-cover{animation:fanpage-book-turn 2.8s cubic-bezier(.32,0,.25,1) both}
#fanpage .is-unsealing .fanpage-unseal-burst{animation:fanpage-book-pop 2.8s ease both}
#fanpage .fanpage-unseal-replay{display:none!important}
#fanpage>.fanpage-pull-rig{filter:drop-shadow(3px 6px 2px #0b1e1899)}
#fanpage .reach-outline{stroke:#192e1d;stroke-width:40}
#fanpage .reach-fill{stroke:#e8bc85;stroke-width:30}
#fanpage .reach-seam{stroke:#ffe1ad;stroke-width:3;stroke-dasharray:none}
#fanpage>.fanpage-pull-rig .fanpage-pull-opener{width:56px;height:135px;filter:drop-shadow(1px 2px 0 #142d16) drop-shadow(0 0 4px #f5ebac88)}
@keyframes fanpage-book-turn{0%,20%{transform:rotateY(0);opacity:1;filter:brightness(1)}42%{transform:rotateY(38deg);opacity:1}64%{transform:rotateY(108deg);opacity:1;filter:brightness(1.25)}82%{transform:rotateY(170deg);opacity:.3}100%{transform:rotateY(180deg);opacity:0}}
@keyframes fanpage-book-pop{0%,16%{opacity:0;transform:scale(.3)}23%{opacity:1;transform:scale(1.1) rotate(20deg)}40%,100%{opacity:0;transform:scale(1.5) rotate(40deg)}}
/* Keep the news closed before user scrolling, including on reduced-motion devices. */
#fanpage .fanpage-raised-stage.is-unseal-waiting .fanpage-unseal{display:block!important}
#fanpage .fanpage-raised-stage.is-unseal-waiting .fanpage-seal-cover{animation:none!important;transform:none!important;opacity:1!important}
