/* The Journey Update / paper, a compass, seven woven bands. */
.fj-paper{z-index:2}.fj-ribbons{z-index:1}.fj-edition{z-index:3}
.festival-journey-stage{min-height:580px;padding:48px 25px 110px}.festival-journey-stage .festival-pink-label{top:23px;right:22px}.festival-journey-stage .festival-weather{bottom:42px;padding:12px 18px;width:224px}.festival-journey-stage .festival-orbit{top:110px;right:-80px}
.fj-object{position:relative;width:min(100%,370px);height:385px;isolation:isolate;flex:none;color:#20392f;perspective:950px}
.fj-paper{position:absolute;left:9%;right:9%;top:45px;padding:20px 22px;background:linear-gradient(115deg,#fffef4,#f2f4e6);border:1px solid #74927277;box-shadow:7px 9px 0 #b8d9e9,8px 10px 0 #74927277,17px 22px 30px #254b2f1c;transform:rotate(-8deg);animation:fj-float 8s ease-in-out infinite;overflow:hidden}
.fj-paper::after{content:'';position:absolute;inset:-100% -70%;background:linear-gradient(110deg,transparent 46%,#fff9 49%,#fff2 53%,transparent 57%);transform:translateX(-55%);animation:fj-paper-light 11s ease-in-out infinite;pointer-events:none}
.fj-paper-top{display:flex;justify-content:space-between;gap:8px;padding-bottom:12px;border-bottom:1px solid #20392f40;font:700 8px/1.4 var(--mono);letter-spacing:.7px}.fj-paper-top>span:first-child{padding:3px 6px;background:#bfdcf4}.fj-paper>strong{display:block;margin:20px 0 10px;font:700 clamp(36px,4.1vw,58px)/.92 FestivalCondensed,'Arial Narrow',sans-serif;letter-spacing:-.7px}.fj-paper em{font-style:normal;color:#507f9f}.fj-map{display:block;width:100%;height:73px}.fj-map>path:first-child{animation:festival-route 20s linear infinite}.fj-paper-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px dashed #769071;padding-top:15px}.fj-paper-bottom b{font:700 42px/1 FestivalCondensed}.fj-paper-bottom small{display:block;font:700 7px/1.5 var(--mono);margin-top:7px;letter-spacing:.6px}.fj-paper-bottom>span{font:700 7px/1.7 var(--mono)}
.fj-compass{position:absolute;width:175px;height:175px;right:-14px;top:-10px;border-radius:50%;background:radial-gradient(circle at 36% 20%,#e2eff7,#a5c9e5);border:1px solid #6a92a77a;box-shadow:inset 0 0 0 5px #f7f8ee77,10px 15px 0 #20392f0b;color:#496e81;transform:rotate(17deg)}.fj-compass>svg{width:100%;height:100%;stroke:currentColor}.fj-compass>span{position:absolute;left:48%;top:9%;font:700 10px var(--mono)}.fj-needle{transform-origin:120px 120px;animation:fj-seek 13s ease-in-out infinite}
.fj-ribbons{position:absolute;left:-8px;right:10%;bottom:-24px;height:75px;transform:rotate(8deg);display:flex;gap:5px;align-items:flex-start;filter:drop-shadow(5px 10px 4px #27473515)}.fj-ribbons i{position:relative;display:block;flex:1;height:65px;background:repeating-linear-gradient(0deg,#fff0 0 2px,#ffffff24 2px 3px),linear-gradient(100deg,#fff6,transparent 42%,#20392f18),var(--band);border:1px solid #30543d33;clip-path:polygon(0 0,100% 0,100% 100%,50% 88%,0 100%);transform:translateY(calc(var(--n)*2px));animation:fj-band 6s ease-in-out infinite;animation-delay:calc(var(--n)*-.45s)}.fj-ribbons i::before{content:'';position:absolute;inset:5px;border:1px dashed #32514038}.fj-ribbons span{position:absolute;writing-mode:vertical-rl;left:50%;top:9px;translate:-50% 0;font:700 6px var(--mono);letter-spacing:.5px;font-style:normal}
.fj-edition{position:absolute;right:-9px;bottom:48px;width:104px;aspect-ratio:1;border-radius:50%;background:#f7bbd4;outline:1px dashed #9d557b;outline-offset:-7px;border:1px solid #b5799290;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(12deg);box-shadow:5px 8px 0 #20392f11}.fj-edition b{font:700 45px/.95 FestivalCondensed;color:#763655}.fj-edition span{font:700 6px/2 var(--mono);letter-spacing:.6px}.festival-open:hover .fj-compass{background:radial-gradient(circle at 36% 20%,#f7fcff,#aacfe9)}
.milestone--festival03{border-color:#789d83}.milestone--festival03 .festival-journey-window{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;min-height:410px;padding:24px 22px;background:radial-gradient(circle at 100% 0,#bfdcf4aa,transparent 50%),#e0efca;color:#20392f;overflow:hidden}.festival-journey-window::before{content:'';position:absolute;inset:0;background-image:radial-gradient(#456b4c2c .65px,transparent .65px);background-size:12px 12px;pointer-events:none}.fj-window-top,.fj-window-foot{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;font:700 8px/1.5 var(--mono);letter-spacing:.7px}.fj-window-top>b{padding:5px 9px;background:#f7bbd4;color:#71364c}.fj-window-foot{border-top:1px solid #36594145;padding-top:13px;font-size:7px}.festival-journey-window [data-festival-journey]{position:relative;width:100%;margin:19px 0 8px}.festival-journey-window .fj-object{height:306px}.festival-journey-window .fj-paper{left:3%;right:8%;top:40px;padding:15px 16px}.festival-journey-window .fj-paper>strong{font-size:37px;margin:17px 0 5px}.festival-journey-window .fj-paper-top{font-size:6px}.festival-journey-window .fj-paper-bottom{padding-top:9px;gap:6px}.festival-journey-window .fj-paper-bottom b{font-size:33px}.festival-journey-window .fj-paper-bottom small,.festival-journey-window .fj-paper-bottom>span{font-size:5px}.festival-journey-window .fj-map{height:54px}.festival-journey-window .fj-compass{width:130px;height:130px;right:-12px;top:-6px}.festival-journey-window .fj-edition{width:75px;right:-10px;bottom:30px}.festival-journey-window .fj-edition b{font-size:34px}.festival-journey-window .fj-edition span{font-size:4.5px}.festival-journey-window .fj-ribbons{bottom:-22px;left:-8px;right:14%;height:70px;gap:4px}.festival-journey-window .fj-ribbons i{height:60px}.festival-journey-window .fj-ribbons span{font-size:4.5px}.festival03-note{font-size:11px;line-height:1.8;color:#8ca595;margin:17px 0 20px}
@keyframes fj-float{0%,100%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(-5deg) translateY(-7px)}}@keyframes fj-seek{0%,100%{transform:rotate(-20deg)}35%{transform:rotate(37deg)}70%{transform:rotate(5deg)}}@keyframes fj-band{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -5px;rotate:2deg}}@keyframes fj-paper-light{0%,25%{transform:translateX(-55%)}70%,100%{transform:translateX(55%)}}
.scene-composition:not(.scene-in-view) .fj-object *,.scene-composition:not(.scene-in-view) .fj-object *::after{animation-play-state:paused}
@media(max-width:960px){.festival-journey-stage{padding-inline:20px}.fj-paper>strong{font-size:43px}.fj-paper{padding:18px}.fj-paper-bottom b{font-size:35px}.fj-compass{width:155px;height:155px}.fj-edition{right:0;width:85px}.fj-ribbons{left:0}}
@media(max-width:700px){.festival-journey-stage{min-height:505px;padding:35px 25px 105px}.fj-object{height:365px}.fj-paper>strong{font-size:54px}.festival-journey-stage .festival-pink-label{top:10px;font-size:9px}.festival-journey-stage .fj-compass{top:0}.milestone--festival03 .festival-journey-window{min-height:400px;padding:24px;align-items:center}.fj-window-top,.fj-window-foot{width:100%}.festival-journey-window [data-festival-journey]{max-width:285px}.festival-journey-window .fj-object{height:305px}.festival-journey-window .fj-paper>strong{font-size:40px}}
@media(prefers-reduced-motion:reduce){.fj-object *,.fj-object *::after{animation:none!important;transition:none!important}}