/* ===== v5 ===== */
:root{--ease2:cubic-bezier(.23,1,.32,1)}
/* glass caption */
.glass-caption{background:linear-gradient(135deg,#ffffff1c,#ffffff05);border:1px solid #ffffff80;-webkit-backdrop-filter:blur(7px) saturate(1.5);backdrop-filter:blur(7px) saturate(1.5);box-shadow:inset 0 1px 0 #ffffffb0,inset 0 -1px 0 #ffffff33,0 12px 32px #1b2f6a24}
.glass-caption>div{color:#0c1f33;text-shadow:0 0 10px #ffffff80}.glass-caption small{color:#3e5570}
.hero-art:hover .glass-caption{translate:0 -6px}
.capsule-icon{background:#ffffffd9}

/* scrollbar */
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:#eef1f8}
::-webkit-scrollbar-thumb{background:linear-gradient(#7d98ff,#4261ee);border-radius:10px;border:3px solid #eef1f8}
::-webkit-scrollbar-thumb:hover{background:#3550d6}
@supports not selector(::-webkit-scrollbar){html{scrollbar-width:thin;scrollbar-color:#4261ee #eef1f8}}
.event-rail::-webkit-scrollbar,.tabs::-webkit-scrollbar{display:none}

/* footer x1.5 */
.footer{flex-wrap:wrap;gap:36px 60px;padding-block:68px 90px}
.footer .logo{width:237px}
.footer>div{gap:21px;font-size:15px}
.footer>span{font-size:13.5px;line-height:1.7}

/* flow buttons (21st.dev flow-button) */
:where(.round.fl){position:relative}

/* directions autoplay progress */
.direction:before{content:'';position:absolute;left:0;bottom:0;height:3px;width:100%;background:#fff;transform:scaleX(var(--p,0));transform-origin:0 50%;z-index:2;opacity:.9}

/* event arc gallery */
.rail-window{overflow:hidden}
.event-rail.arc{display:block;position:relative;overflow:visible;scroll-snap-type:none;padding:0;perspective:1700px;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;height:var(--stage-h,480px)}
.event-rail.arc.dragging{cursor:grabbing}
.event-rail.arc:focus-visible{outline-offset:-3px}
.event-rail.arc .event-card{position:absolute;left:50%;top:0;flex:none;width:var(--cw,360px);min-width:0;margin-left:calc(var(--cw,360px)/-2);will-change:transform,opacity}
.event-rail.arc .event-card.off{visibility:hidden;pointer-events:none}
.event-rail.arc.dragging .event-card *{pointer-events:none}
.event-rail.arc .event-image img{-webkit-user-drag:none;user-drag:none}

@media(max-width:760px){.footer{display:grid;grid-template-columns:1fr 1fr;gap:34px 25px;padding-block:44px 58px}.footer .logo{width:196px;grid-column:1/-1}.footer>div{gap:17px;font-size:15px}.footer>span{grid-column:1/-1;font-size:12px}}
@media(prefers-reduced-motion:reduce){.direction:before{display:none}}

/* slider buttons start white */
.slider-buttons .round.dark{background:#fff;color:var(--ink);border:1px solid #ccd6dc}
.slider-buttons .round.outline{background:#fff}

.coordinates,.tiny-cross{color:#fff;text-shadow:0 1px 8px #1b2f6a66}

.footer>div a{position:relative;align-self:flex-start}
.footer>div a:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1.5px;background:var(--blue);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}
.footer>div a:hover:after{transform:scaleX(1);transform-origin:left}