/* The light journey extends ORBITAL's space, type and action tokens. */
.system{display:block;background:radial-gradient(ellipse at 25% 65%,rgba(62,44,104,.14),transparent 65%)}
.system-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:42px}
.system .system-copy h2{margin:0;font-size:clamp(40px,4.6vw,70px);letter-spacing:-.035em;line-height:1.08}
.light-title-dot{color:var(--accent)}
.system .system-copy>p {font-size: var(--type-control); line-height: 1.7 !important; color: #b8b6cb; max-width: 360px !important; margin: 0 0 4px !important;}
.orbit-map{margin:0!important;min-width:0}
.light-destinations{display:flex;flex-wrap:wrap;gap:3px;border-bottom:1px solid var(--line);padding-bottom:12px}
.light-destinations button {position: relative; min-height: 44px; padding: 10px 17px; color: #b6b3c9; font-size: var(--type-control); border: 0; background: transparent; border-radius: 2px; transition: color var(--motion-press) var(--ease-out),background var(--motion-press) var(--ease-out);}
.light-destinations button[aria-pressed=true]{color:var(--accent);background:rgba(211,255,91,.07)}
.light-destinations button[aria-pressed=true]:after{content:"";position:absolute;bottom:-13px;left:17px;right:17px;height:1px;background:var(--accent)}
.light-experience{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:48px;align-items:center;padding-top:12px}
.light-map-wrap{min-width:0;position:relative}
.light-viewport{position:relative;height:clamp(380px,39vw,540px)}
.light-map-canvas{display:block;width:100%;height:100%;pointer-events:none;cursor:default;touch-action:auto}
.light-map-targets{position:absolute;inset:0;pointer-events:none}
.light-map-target {position: absolute; min-width: 44px; min-height: 44px; transform: translate(0,-50%); background: transparent; border: 0; padding: 10px 8px 10px 17px; pointer-events: auto; font-size: 11px; letter-spacing: .02em; color: #bab7cc; text-align: left; white-space: nowrap; transition: color var(--motion-press) var(--ease-out);}
.light-map-target.is-left{transform:translate(-100%,-50%);padding:10px 17px 10px 8px;text-align:right}
.light-map-target.is-left:before{left:auto;right:6px}
.light-map-target:before{content:"";position:absolute;left:6px;top:50%;width:4px;height:1px;background:currentColor;opacity:.65}
.light-map-target:after{content:"";position:absolute;left:calc(-1 * var(--planet-offset,0px));top:calc(50% + var(--planet-label-rise,0px));width:var(--planet-hit-size,44px);height:var(--planet-hit-size,44px);transform:translate(-50%,-50%);border-radius:50%;cursor:pointer}
.light-map-target.is-left:after{left:auto;right:calc(-1 * var(--planet-offset,0px));transform:translate(50%,-50%)}
.light-map-target[aria-pressed=true]{color:var(--accent)}
.light-sun{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border:0;background:transparent;color:#ffbe81;font-size:11px;letter-spacing:.05em;display:grid;align-items:end;padding:0;border-radius:50%}
.light-sun span{position:absolute;top:57px;left:0;right:0}
.light-sun[aria-disabled=true]{cursor:default}
.light-map-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:42px;padding:0 6px;color:#b6b3c9;font-size:11px}
.light-route{font-size:11px;letter-spacing:.04em;white-space:nowrap}.light-route>span:first-child{padding:0 10px;color:#726b96}
.light-route-name{color:var(--accent)}
.light-playback{font-size:var(--type-caption);text-align:right;color:#a9a5bd}
.light-readout{position:relative;padding:22px 0 22px 32px;border-left:1px solid var(--line);min-width:0}
.light-portrait-wrap{height:132px;margin:0 0 10px;display:flex;align-items:center;justify-content:flex-start}
.light-portrait{width:150px;height:150px;object-fit:contain;opacity:.38;filter:saturate(.55);transition:opacity 200ms var(--ease-out),filter 200ms var(--ease-out);cursor:default;pointer-events:none}
.orbit-map[data-phase=arrived] .light-portrait{opacity:1;filter:saturate(1)}
.light-readout h3{font-size:32px;line-height:1.1;letter-spacing:-.025em;font-weight:400;margin:10px 0 24px}
.light-data{margin:0 0 24px}.light-data dt {font-size: var(--type-caption); letter-spacing: .035em; color: var(--muted); margin-bottom: 9px;}
.light-data dd{margin:0;font-variant-numeric:tabular-nums}
.light-time{font-size:32px;line-height:1.3;color:#eae8f4;min-height:42px;letter-spacing:-.025em}
.light-distance-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px}
.light-distance-row dt{margin:0}.light-distance-row dd {font-size: var(--type-caption);}.light-distance-row dd>span:last-child {color: var(--muted); margin-left: 4px;}
.light-send {width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 16px; cursor: pointer;}
.orbit-map .light-send svg{width:20px;height:20px;overflow:visible}
.light-send[aria-disabled=true]{color:#b6b2ca;border-color:var(--line);cursor:default;transform:none}
.light-status {font-size: var(--type-caption); line-height: 1.5; color: var(--muted); min-height: 36px; margin: 12px 0 8px;}
.orbit-map .light-explore {display: flex; justify-content: space-between; align-items: center; min-height: 44px; font-size: var(--type-caption); color: #dedbea; outline-offset: 5px;}

.light-footnote {display: flex; justify-content: space-between; gap: 32px; border-top: 1px solid var(--line); margin-top: 26px; padding-top: 18px; color: var(--muted); font-size: var(--type-caption); line-height: 1.7;}
.light-footnote p{margin:0;max-width:590px}.light-footnote a{white-space:nowrap;display:inline-flex;gap:12px;align-items:center;min-height:44px;color:#c6c1d8;margin-top:-10px}
@media(hover:hover) and (pointer:fine){.light-destinations button:hover,.light-map-target:hover{color:#f2effc}.light-sun:hover{color:#fff0d3}.orbit-map .light-explore:hover,.light-footnote a:hover{color:var(--accent)}}
@media(max-width:1000px){.light-experience{grid-template-columns:minmax(0,1fr) 238px;gap:16px}.light-readout{padding-left:24px}.light-time{font-size:28px}.light-viewport{height:410px}.light-destinations button{padding:10px 12px}.light-map-caption{flex-direction:column;align-items:flex-start;gap:8px}.light-playback{text-align:left}}
@media(max-width:700px){.system-copy{display:block;margin-bottom:28px}.system .system-copy>p {margin: 20px 0 0 !important; font-size: var(--type-caption);}.light-destinations{gap:0;display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:10px}.light-destinations button {font-size: var(--type-control); padding: 10px 6px;}.light-destinations button[aria-pressed=true]:after{bottom:0;left:10px;right:10px}.light-experience{display:block;padding-top:4px}.light-viewport{height:340px;margin-left:-12px;margin-right:-12px}.light-map-target{font-size:11px;padding-left:13px;padding-right:2px;min-height:44px;letter-spacing:0}.light-map-target:before{left:5px;width:3px}.light-map-target.is-left{padding-left:2px;padding-right:13px}.light-map-target.is-left:before{right:5px}.light-sun span{left:auto;right:52px;top:16px}.light-map-caption{padding:0;flex-direction:row;align-items:center;gap:12px}.light-playback{max-width:160px;font-size:var(--type-caption);text-align:right}.light-readout{border-left:0;border-top:1px solid var(--line);margin-top:26px;padding:26px 0 0;display:grid;grid-template-columns:1fr 104px;column-gap:16px}.light-portrait-wrap{grid-column:2;grid-row:1 / span 2;margin:0;height:104px;align-self:center}.light-portrait{width:104px;height:104px}.light-readout h3{grid-column:1;grid-row:1;margin:0 0 16px;font-size:28px}.light-data{grid-column:1;grid-row:2;margin-bottom:24px}.light-time{font-size:28px;min-height:36px;white-space:nowrap}.light-distance-row{gap:12px;justify-content:flex-start;margin-top:12px}.light-send,.light-status,.light-explore{grid-column:1 / -1}.light-status {min-height: 18px; margin: 12px 0 0; color: var(--muted);}.light-footnote {display: block; margin-top: 24px; color: var(--muted);}.light-footnote p {font-size: var(--type-caption);}.light-footnote a{margin-top:6px}}
@media(prefers-reduced-motion:reduce){.light-portrait{transition:opacity 120ms linear;filter:none}.light-destinations button,.light-map-target,.light-send{transition:none}}