.home-page { padding-top: clamp(32px, 4vw, 52px); padding-bottom: 58px; }
.home-intro { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; margin-bottom: 28px; }
.home-description { max-width: 900px; color: var(--text); font-size: clamp(20px, 2.2vw, 28px); font-weight: 400; line-height: 1.6; margin: 0; }
.orbit { position: relative; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: radial-gradient(ellipse at center, #18211970, transparent 68%); }
.orbit-heading { position: absolute; top: 20px; left: 0; right: 0; display: flex; justify-content: space-between; color: var(--muted); font-size: 10px; letter-spacing: .08em; pointer-events: none; }
#orbit-canvas { width: 100%; height: clamp(300px, 40vw, 440px); image-rendering: auto; cursor: crosshair; touch-action: pan-y; }
#orbit-canvas:focus-visible { outline-offset: -3px; }
.orbit-footer { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 0 0 18px; }
.orbit-footer p { margin: 0; color: var(--muted); font-size: 10px; }
.orbit-controls { display: flex; gap: 8px; }
.orbit-controls .tool-button { color: var(--muted); background: transparent; border-color: var(--line); min-width: 72px; }
.home-destinations { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 26px; }
.home-destinations a { display: flex; flex-direction: column; gap: 15px; padding: 20px 24px; border-left: 1px solid var(--line); }
.home-destinations a:first-child { border-left: 0; padding-left: 0; }
.home-destinations a:last-child { padding-right: 0; }
.destination-index { color: var(--muted); font-size: 10px; }
.destination-name { display: flex; justify-content: space-between; gap: 16px; font-size: 19px; }
.destination-name > span { color: var(--lime); font-size: 17px; }
.destination-detail { color: var(--muted); font-size: 10px; }
.home-destinations a:hover .destination-name { color: var(--lime); }
@media (max-width: 600px) {
  .home-intro { gap: 10px; margin-bottom: 24px; }
  .home-description { font-size: 20px; }
  .orbit-heading { top: 16px; }
  #orbit-canvas { height: 310px; }
  .orbit-footer { align-items: flex-end; }
  .orbit-footer p { max-width: 110px; line-height: 1.6; }
  .orbit-controls .tool-button { min-width: 64px; padding: 8px; }
  .home-destinations { grid-template-columns: 1fr; margin-top: 12px; }
  .home-destinations a, .home-destinations a:first-child, .home-destinations a:last-child { border: 0; border-bottom: 1px solid var(--line); padding: 22px 0; gap: 10px; }
  .destination-name { font-size: 20px; }
  .destination-detail { font-size: 11px; }
}


.orbit-footer { justify-content: flex-end; }