/* Shared by the Gallery thumbnail and the interactive Travel page. */
.globe-cover {position:relative;background:#020409}
.travel-globe-thumbnail {display:block;position:absolute;inset:0;pointer-events:none}
.travel-globe-thumbnail canvas {display:block;max-width:100%}
.globe-thumbnail-fallback {position:absolute;inset:8% 18%;border-radius:50%;background:url('globe/earth-night.jpg') 3% 50%/200% 100%;box-shadow:inset -20px -5px 30px #000,0 0 12px #254d7066}
/* Bring the globe closer to the navigation and Travel heading. */
.collection-heading:has(+ .travel-journey) {padding-top:8px}
.collection-heading:has(+ .travel-journey) .breadcrumbs {margin-bottom:8px}
.travel-journey {display:grid;grid-template-columns:minmax(280px,420px) minmax(0,520px);align-items:center;justify-content:center;gap:clamp(32px,6vw,100px);margin-top:-32px;padding:0 var(--gutter) 20px;scroll-margin-top:var(--header-height);min-height:0}
.travel-globe-column {position:relative;min-width:0;min-height:280px;width:100%;max-width:420px;aspect-ratio:1}
.travel-globe {position:relative;width:100%;height:100%;cursor:grab;overflow:hidden;touch-action:pan-y}
.travel-globe:active {cursor:grabbing}
.travel-globe canvas {display:block;max-width:100%;outline:none}
.travel-globe-status {position:absolute;top:45%;left:8%;width:84%;color:#aaa;text-align:center;font-size:1rem;pointer-events:none}
.travel-journey-details {padding:24px 0}
.journey-eyebrow {margin:0 0 20px;color:#bbb;font-variant-caps:small-caps;letter-spacing:.16em;font-size:.74rem;font-family:var(--body)}
.journey-date {color:#b5b2aa;margin:0 0 6px;font-size:1rem;font-variant-caps:small-caps}
.travel-journey h2 {font-family:var(--heading);font-weight:400;font-size:clamp(32px,3.5vw,48px);line-height:1.1;margin:0 0 18px}
.journey-controls {display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.journey-controls button {background:transparent;border:1px solid #75716a;color:#e8e5dd;border-radius:2px;padding:9px 16px;font-size:1rem;min-height:44px}
.journey-controls button:hover {border-color:#dfdad0;background:#171717}
.journey-controls button:disabled {opacity:.45}
.travel-album-card {min-width:0}
.travel-album-card .folder-card h2 {min-height:2.6em}
.travel-album-card .folder-cover {border-bottom:1px solid #222;transition:border-color .2s}
.travel-album-card.trip-active .folder-cover {border-bottom:2px solid var(--trip-color)}
.trip-animate {display:block;margin:6px 0 0;padding:8px 0;border:0;background:transparent;color:var(--trip-color);font-size:1rem;min-height:44px;text-align:left}
.trip-animate:hover {text-decoration:underline;text-underline-offset:4px}
.trip-animate:disabled {opacity:.4}
.trip-animate[aria-pressed="true"] {text-decoration:underline;text-underline-offset:4px}
.travel-no-script {padding:24px var(--gutter);color:#aaa}
.travel-credit {margin:0;padding:0 var(--gutter);color:#777;font:12px/1.5 var(--body);text-align:left}
.globe-place-label {pointer-events:none}
.globe-place-label span {display:block;transform:translateY(-10px);color:#f8f5ef;font:400 12px/1.3 var(--body);font-variant-caps:small-caps;white-space:nowrap;text-shadow:0 1px 3px #000}
.travel-globe .float-tooltip-kap,.travel-globe .scene-nav-info {font-family:var(--body)}
.travel-credit a {color:inherit;text-decoration:underline;text-decoration-color:#555;text-underline-offset:3px}
.travel-credit a:hover {color:#aaa}
.travel-credit ~ .folder-grid {padding-top:16px}
@media(max-width:767px) {
  .collection-heading:has(+ .travel-journey) {padding-top:12px}
  .travel-journey {display:flex;flex-direction:column;gap:0;margin-top:0;padding:0 var(--gutter) 12px;min-height:0}
  .travel-globe-column {margin:0 auto;min-height:0}
  .travel-journey-details {width:100%;padding:0 0 20px;text-align:center}
  .journey-eyebrow {margin-bottom:16px}
  .journey-controls {justify-content:center}
}