/* AETHER translated into native, lightweight refractive care ribbons. */
#connection .approach-grid{grid-template-columns:.9fr 1.1fr;column-gap:40px}
#connection .aether-compass{width:calc(100% + 28px);margin-left:-14px;perspective:1000px}
.aether-compass .aether-art{transform:none;transition:none;isolation:isolate;margin-bottom:10px}
.aether-compass .aether-art:before{display:none}
.aether-sculpture{overflow:visible;position:relative;z-index:1}
.aether-depth{transform-box:view-box;transform-origin:50% 49%;transform:translateY(var(--aether-scroll-y,0px)) rotateX(var(--aether-tilt-x,0deg)) rotateY(var(--aether-tilt-y,0deg)) scale(var(--aether-scale,1));transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.aether-compass .aether-center-copy{font:500 18px 'DM Sans',sans-serif;letter-spacing:0;fill:#f1fff5}
.aether-compass .aether-center-secondary{font-size:15.5px;letter-spacing:0;fill:#c3e6db}
.aether-fixed-labels rect{fill:#0d2a39;fill-opacity:.82;stroke:#defcf2;stroke-opacity:.23;stroke-width:1}
.aether-compass .aether-fixed-labels text{font:500 13px 'DM Sans',sans-serif;letter-spacing:1.15px;fill:#d8f4e7}
.aether-specular{position:absolute;z-index:2;inset:9% 9% 10%;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at var(--aether-light-x,35%) var(--aether-light-y,23%),#f0fff718,transparent 42%);mix-blend-mode:screen}
.aether-compass .compass-controls{margin-top:1px;gap:8px}
.aether-compass .compass-controls button{min-height:44px;background:linear-gradient(135deg,#ffffff15,#ffffff03);border-color:#d7f6e43d;box-shadow:inset 0 1px #ffffff18,0 5px 16px #04182315}
.aether-compass .compass-controls button[aria-pressed=true]{background:linear-gradient(135deg,#e2f5dd,#a9ddcf);color:#0d2f3c;border-color:#d7f6e4;box-shadow:inset 0 1px #fff,0 7px 22px #03192526}
.aether-compass .compass-description{max-width:420px;min-height:3.5em;color:#d0e7dd}
/* Routes and destinations stay fixed; traffic and distant space carry the motion. */
.aether-road{opacity:.65;transition:opacity .6s ease}
.aether-compass[data-care=primary] .aether-road-primary,.aether-compass[data-care=recovery] .aether-road-recovery,.aether-compass[data-care=wellness] .aether-road-wellness{opacity:1}
.aether-destination{opacity:.75;transition:opacity .6s ease}
.aether-compass[data-care=primary] .destination-primary,.aether-compass[data-care=recovery] .destination-recovery,.aether-compass[data-care=wellness] .destination-wellness{opacity:1}
.aether-traffic{opacity:0;pointer-events:none;transition:opacity .35s}
.aether-compass.traffic-running .aether-traffic{opacity:1}
.aether-traffic-packet{opacity:.45}
.aether-compass[data-care=primary] .packet-primary,.aether-compass[data-care=recovery] .packet-recovery,.aether-compass[data-care=wellness] .packet-wellness{opacity:1}
@keyframes aether-route-flow{to{stroke-dashoffset:-152}}
@keyframes aether-orbital-drift{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(8deg)}}
@keyframes aether-star-shimmer{0%,100%{opacity:.2}50%{opacity:.65}}
@media(prefers-reduced-motion:no-preference){
 .aether-lane-flow{animation:aether-route-flow 12s linear infinite;animation-play-state:paused}
 .aether-road-recovery .aether-lane-flow{animation-direction:reverse;animation-duration:14s}
 .aether-road-wellness .aether-lane-flow{animation-duration:16s}
 .aether-orbits{transform-box:view-box;transform-origin:50% 49%;animation:aether-orbital-drift 42s ease-in-out infinite;animation-play-state:paused}
 .aether-stars circle{animation:aether-star-shimmer 7s ease-in-out var(--star-delay,0s) infinite;animation-play-state:paused}
 .aether-compass.ambient-active .aether-lane-flow,.aether-compass.ambient-active .aether-orbits,.aether-compass.ambient-active .aether-stars circle{animation-play-state:running}
}
@media(prefers-reduced-motion:reduce){.aether-traffic{display:none}.aether-lane-flow,.aether-orbits,.aether-stars circle{animation:none!important}.aether-road,.aether-destination{transition:none}}
/* Reflective service surfaces use the existing pointer spotlight. */
@media(max-width:900px){#connection .approach-grid{column-gap:25px}.aether-compass .compass-description{font-size:.87rem}}
@media(max-width:680px){#connection .approach-grid{grid-template-columns:1fr;gap:30px}#connection .aether-compass{width:calc(100% + 20px);margin-left:0;max-width:550px;justify-self:center}.aether-compass .compass-controls{gap:6px;padding-inline:8px}.aether-compass .compass-controls button{font-size:.7rem;padding-inline:12px}.aether-compass .compass-description{padding-inline:15px;font-size:.86rem}.aether-compass .aether-art{margin-bottom:6px}.aether-compass .compass-link{margin-top:8px}}
@media(max-width:380px){.aether-compass .compass-controls button{font-size:.63rem;padding-inline:9px}}
@media(prefers-reduced-motion:reduce){.aether-depth,.aether-ribbon{transform:none!important;animation:none!important;transition:none!important}.aether-specular{display:none}.aether-compass .compass-controls button,.aether-reflection{transition:none}}
@media(prefers-reduced-transparency:reduce){.aether-fixed-labels rect{fill:#0d2a39;fill-opacity:1}}
@media print{.aether-specular{display:none}}

/* Keep both lines comfortably inside the circular lens, including their descenders. */
.aether-mobile-copy{display:none}
@media(max-width:680px){.aether-compass .aether-center-copy{display:none}.aether-compass .aether-mobile-copy{display:block;font-size:20px}.aether-compass .aether-mobile-copy .aether-center-secondary{font-size:17px}.aether-center-cross{transform:translateY(-10px)}}

/* The visual map is decorative SVG; native controls sit over its fixed destinations. */
.aether-map-choices{position:absolute;z-index:3;inset:0;pointer-events:none}
.aether-map-choice{position:absolute;min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:18px;background:transparent;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:#d9fff02a}
.aether-map-choice.map-primary{left:3.333%;top:9.608%;width:26.333%;height:17.255%}
.aether-map-choice.map-recovery{left:72.667%;top:16.078%;width:23.333%;height:17.843%}
.aether-map-choice.map-wellness{left:39.667%;top:79.804%;width:20.667%;height:18.824%}
.aether-map-choice:focus-visible{outline:2px solid #d1fff5;outline-offset:4px;background:#bcf8ec08}
.aether-fixed-labels rect{fill:url(#aether-label-glass);fill-opacity:1;stroke-opacity:.36;filter:drop-shadow(0 4px 6px #031b2d66)}
.aether-compass[data-care-hover=primary] .aether-road-primary,.aether-compass[data-care-hover=recovery] .aether-road-recovery,.aether-compass[data-care-hover=wellness] .aether-road-wellness{opacity:1;filter:drop-shadow(0 0 5px #a4fff05c)}
.aether-compass[data-care-hover=primary] .destination-primary,.aether-compass[data-care-hover=recovery] .destination-recovery,.aether-compass[data-care-hover=wellness] .destination-wellness{opacity:1;filter:drop-shadow(0 0 7px #a4fff066)}
.aether-destination{transition:opacity .4s,filter .4s}
@keyframes aether-star-orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:no-preference){.aether-stars{transform-box:view-box;transform-origin:50% 49%;animation:aether-star-orbit 240s linear infinite;animation-play-state:paused}.aether-compass.ambient-active .aether-stars{animation-play-state:running}}
@media(prefers-reduced-motion:reduce){.aether-stars{animation:none!important}.aether-compass .aether-destination{transition:none}.aether-map-choice:focus-visible{background:#123e4c}}

/* A real circular control over the stationary center lens. */
.aether-center-button{position:absolute;left:37.667%;top:34.706%;width:24.667%;height:29.02%;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:#d9fff024;transition:box-shadow .25s,background .25s}
.aether-center-button:hover{background:#d9fff006;box-shadow:inset 0 0 22px #c9fff31a,0 0 20px #a4fff029}
.aether-center-button:focus-visible{outline:2px solid #d1fff5;outline-offset:5px;box-shadow:0 0 22px #a4fff047}
.aether-center-button:active{background:#d9fff012}
.aether-heartbeat-particles{pointer-events:none}
@media(prefers-reduced-motion:reduce){.aether-center-button{transition:none}}