@view-transition { navigation: auto; }
.globe-portal { position: relative; background: #edf3ee; view-transition-name: explore-globe; }
.globe-portal > img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.globe-card:hover .globe-portal > img { transform: scale(1.07); }
.globe-card { background: #f6f8ef; }
.globe-card .venue-caption { background: #f6f8ef; }
.globe-portal-label { position: absolute; bottom: 18px; left: 18px; background: #fffef3e8; border: 1px solid #ffffffa0; border-radius: 30px; padding: 7px 13px; color: #073d32; font-size: 11px; }
.explore-page .globe-panel { view-transition-name: explore-globe; background-image: url('/landing/img/explore-globe.svg'); background-size: cover; background-position: center; }
.explore-page .globe-panel.map-ready { background-image: none; }
::view-transition-group(explore-globe) { animation-duration: 850ms; animation-timing-function: cubic-bezier(.22,.7,.14,1); z-index: 2; }
::view-transition-old(explore-globe), ::view-transition-new(explore-globe) { height: 100%; object-fit: cover; mix-blend-mode: normal; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: 500ms; }
.globe-portal-overlay { position: fixed; z-index: 1000; overflow: hidden; pointer-events: none; background: #edf3ee; will-change: transform, opacity; }
.portal-arriving::after { content: ''; position: fixed; inset: 0; z-index: 1001; background: #edf3ee url('/landing/img/explore-globe.svg') center / cover no-repeat; }
.globe-portal-overlay img { width: 100%; height: 100%; object-fit: cover; }
@media(prefers-reduced-motion:reduce) { @view-transition { navigation: none; } .globe-portal > img { transition: none; } }