/* The intro's globe and sculpted feature cards, in the site's normal flow. */
.journey-spaces { background: linear-gradient(155deg, #f2f7e8 15%, #def1b0 70%, #c5df83); color: #202f18; padding-block: var(--section-space); }
.journey-spaces-layout { display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 32px; }
.journey-spaces-copy > p:not(.eyebrow) { max-width: 420px; color: #51633d; margin-top: var(--text-space); }
.journey-spaces-copy .button { margin-top: 32px; border-color: #788f5b; }
.journey-network { position: relative; width: 100%; aspect-ratio: 1; min-width: 0; }
.journey-network canvas { display: block; width: 100%; height: 100%; }
.journey-location { position: absolute; display: flex; align-items: center; gap: 12px; padding: 16px; background: #f5ffdeed; border: 1px solid #f8ffeb; border-radius: 14px; box-shadow: 0 14px 32px #58732920; transition: transform .25s, box-shadow .25s; }
.journey-location-icon { display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; background: #b5d477; color: #344e22; }
.journey-location-icon .icon { width: 21px; height: 21px; }
.journey-location small { display: block; font: var(--type-h6); color: #58733a; }
.journey-location strong { display: block; font: var(--type-h5); color: #26381c; margin-top: 3px; }
.journey-location-studio { top: 20%; left: 0; }
.journey-location-meeting { right: 0; top: 43%; background: #22371eef; border-color: #54723c; }
.journey-location-meeting :is(small, strong) { color: #eefbdc; }
.journey-location-training { bottom: 15%; left: 14%; }
.journey-network-label { position: absolute; left: 0; right: 0; bottom: 0; text-align: center; font: var(--type-h6); color: #536d37; }
.journey-location:focus-visible { outline: 3px solid #365220; outline-offset: 5px; }
.page-spaces :is(.venue-index-card, .venue-index-card h2, #business-spaces) { scroll-margin-top: 32px; }
.spaces-category-nav { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0 var(--content-space); }
.spaces-category-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 12px 18px; border: 1px solid #788a68; border-radius: 999px; color: #f5f6ee; }
.spaces-category-nav a:hover { background: #dcff77; border-color: #dcff77; color: #20251d; }
.spaces-category-nav a:focus-visible { outline: 3px solid #dcff77; outline-offset: 4px; }
.spaces-opportunities { padding-block: var(--section-space); border-bottom: 1px solid #adb99d; }
.spaces-opportunities .section-heading > p:last-child { max-width: 600px; }
.spaces-opportunity-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 48px; margin-block: var(--content-space); }
.spaces-opportunity-grid article { border-top: 1px solid #adb99d; padding-top: 24px; }
.spaces-opportunity-grid h3 { font: var(--type-h4); margin-bottom: 16px; }
.spaces-opportunity-grid p { color: #5d6357; }
.page-spaces .venue-index-foot p > a { text-decoration: underline; text-underline-offset: 3px; color: #dcff77; }
.page-spaces .venue-index-foot > .icon { flex-shrink: 0; }
.guest-tour .tour-tabs.journey-tabs { gap: 18px; padding: 14px 0 32px; perspective: 1000px; }
.guest-tour .journey-tabs button { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 28px 30px; text-align: left; border: 1px solid #688155; border-radius: 20px; background: linear-gradient(145deg, #99b878 0%, #31452b 42%, #152010 100%); color: #f4f9e9; box-shadow: 0 16px 26px #1d2d181c, inset 0 1px #e4ffd333; transition: transform .25s, background .25s, box-shadow .25s; }
.guest-tour .journey-tabs button + button { border-left: 1px solid #688155; }
.guest-tour .journey-tabs button > span { opacity: 1; }
.guest-tour .journey-tabs .journey-tab-icon { display: grid; place-items: center; width: 60px; height: 60px; margin: 0 0 16px; border: 1px solid #dbefae; border-radius: 18px; background: linear-gradient(135deg, #ecffbd, #7f9a54); box-shadow: 5px 6px 0 #455730, 6px 7px 0 #c2d69c66, 0 14px 24px #0003; color: #25381a; transform: perspective(400px) rotateY(-15deg) rotateZ(7deg); transition: transform .25s; }
.journey-tab-icon .icon { width: 30px; height: 30px; stroke-width: 1.4; }
.guest-tour .journey-tabs .journey-tab-label { font: var(--type-h6); color: #d2dfbd; }
.guest-tour .journey-tabs strong { font: var(--type-h4); letter-spacing: -.02em; }
.guest-tour .journey-tabs button[aria-selected=true] { background: linear-gradient(145deg, #edffc2, #dcff77 75%); color: #26371b; border-color: #65813a; box-shadow: inset 0 -5px #54732b, 0 16px 26px #1d2d181c; }
.guest-tour .journey-tabs button[aria-selected=true] .journey-tab-label { color: #52683a; }
.guest-tour .journey-tabs button[aria-selected=true] .journey-tab-icon { transform: perspective(400px) rotateY(10deg) rotateZ(-5deg); }
.guest-tour .journey-tabs button:focus-visible { outline: 3px solid #3d6124; outline-offset: 5px; }
@media (hover: hover) and (pointer: fine) {
  .journey-location:hover { transform: translateY(-5px) rotate(-2deg); box-shadow: 0 20px 36px #58732938; }
  .guest-tour .journey-tabs button:hover { transform: translateY(-5px); }
  .guest-tour .journey-tabs button:hover .journey-tab-icon { transform: perspective(400px) translateY(-4px) rotateY(18deg) rotateZ(-7deg); }
}
@media (max-width: 1000px) {
  .journey-spaces-layout { grid-template-columns: .85fr 1.15fr; gap: 10px; }
  .journey-location { padding: 12px; gap: 8px; }
  .journey-location-icon { flex-basis: 28px; width: 28px; height: 28px; }
  .guest-tour .journey-tabs button { padding: 24px; }
}
@media (max-width: 700px) {
  .spaces-opportunity-grid { grid-template-columns: 1fr; }
  .journey-spaces-layout { grid-template-columns: 1fr; gap: 24px; }
  .journey-spaces-copy > p:not(.eyebrow) { max-width: 470px; }
  .journey-network { max-width: 500px; margin-inline: auto; }
  .journey-location { padding: 10px; gap: 8px; }
  .journey-location strong { font: var(--type-button); }
  .journey-location small { font: var(--type-h6); }
  .journey-location-studio { top: 17%; }
  .journey-location-training { left: 8%; bottom: 13%; }
  .journey-network-label { bottom: -5px; }
  .guest-tour .tour-tabs.journey-tabs { gap: 8px; padding-top: 8px; padding-bottom: 24px; }
  .guest-tour .journey-tabs button { justify-content: flex-start; align-items: center; padding: 16px 6px; gap: 16px; border-radius: 14px; text-align: center; }
  .guest-tour .journey-tabs .journey-tab-icon { width: 40px; height: 40px; margin: 0; border-radius: 12px; box-shadow: 3px 4px 0 #455730, 4px 5px 0 #c2d69c66; }
  .journey-tab-icon .icon { width: 24px; height: 24px; }
  .guest-tour .journey-tabs .journey-tab-label { font: var(--type-button); }
  .guest-tour .journey-tabs strong { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .journey-location, .guest-tour .journey-tabs button, .guest-tour .journey-tabs .journey-tab-icon { transition: none; }
  .journey-location:hover, .guest-tour .journey-tabs button:hover { transform: none; }
}