/* Panoramic destinations: one continuous surface per region. */
#my-plots{display:inline-flex;align-items:center;gap:6px}
#atlas{width:min(78%,1400px);margin-inline:auto;background:none;padding-block:96px 78px}
#atlas .section-heading{margin-bottom:40px}
#atlas .section-heading h2{font-size:clamp(45px,5.5vw,78px);line-height:1.04}
.atlas-destinations{display:grid;gap:18px}
.atlas-destination{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:stretch;width:100%;min-height:258px;overflow:hidden;border:1px solid #cbd2dc24;border-radius:18px;padding:25px 34px 24px;background:#101114;color:#f2f2f4;text-align:left;box-shadow:0 14px 32px #0002;transition:border-color .25s}
.atlas-photo,.atlas-photo-shade{position:absolute;inset:0;z-index:-1;pointer-events:none}
.atlas-photo{background-image:url('/assets/moon-8k.jpg');background-size:185% auto;background-position:68% 51%;filter:grayscale(1) contrast(1.16) brightness(.85);transform:scale(1.015);transition:transform .8s cubic-bezier(.2,.65,.3,1)}
.atlas-destination[data-region=serenity] .atlas-photo{background-size:210% auto;background-position:60% 32%}
.atlas-destination[data-region=storms] .atlas-photo{background-size:160% auto;background-position:40% 54%}
.atlas-photo-shade{background:linear-gradient(90deg,#08090cf5 0%,#08090ccc 26%,#08090c50 58%,#08090c1a),linear-gradient(0deg,#08090ce6,transparent 65%)}
.atlas-catalog{display:flex;align-items:center;gap:14px;font-size:9px;font-weight:500;letter-spacing:.16em;color:#c4c7ce}
.atlas-catalog>span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #d9e0ec35;border-radius:50%;font-size:9px;letter-spacing:0;color:#e6e8ed}
.atlas-coordinates{position:absolute;right:34px;top:31px;display:flex;gap:13px;font-size:11px;font-weight:450;font-variant-numeric:tabular-nums;letter-spacing:.06em;color:#e2e4e9;text-shadow:0 1px 8px #000}
.atlas-coordinates>span{opacity:.45}
.atlas-destination-copy{display:flex;flex-direction:column;gap:10px;margin:25px 0 28px;max-width:calc(100% - 240px)}
.atlas-destination-name{font-size:clamp(27px,3vw,43px);line-height:1.1;font-weight:450;letter-spacing:-.045em}
.atlas-destination-line{font-size:12px;line-height:1.5;color:#a7aab3}
.atlas-destination-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto}
.atlas-area{font-size:11px;font-weight:450;color:#e1e3e9;letter-spacing:.025em}.atlas-area>span{color:#8f949e;margin-left:9px}
.atlas-offer{position:absolute;right:34px;bottom:26px;display:flex;flex-direction:column;align-items:flex-start;gap:18px;width:210px;text-shadow:0 2px 18px #0008}
.atlas-offer:before{content:'';position:absolute;left:-27px;top:3px;bottom:0;width:1px;background:linear-gradient(transparent,#dbe0e743,transparent)}
.atlas-cost{display:flex;align-items:baseline;gap:10px;font-size:42px;line-height:1;font-weight:350;letter-spacing:-.06em;font-variant-numeric:tabular-nums;color:#f2f3f5}
.atlas-cost small{font-size:10px;font-weight:450;letter-spacing:.075em;color:#bfc4cd}
.atlas-enter{position:relative;display:block;width:100%;padding:0 0 10px;border:0;border-bottom:1px solid #dde3ed40;border-radius:0;font-size:11px;line-height:1.4;font-weight:450;letter-spacing:.025em;background:none;color:#bdc4ce;transition:color .25s,border-color .25s}
.atlas-enter:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#eef1f5;transform:scaleX(0);transform-origin:left;transition:transform .35s}
.atlas-location-mark{position:absolute;top:39%;left:74%;width:34px;height:34px;border:1px solid #edf0f459;border-radius:50%;box-shadow:0 0 0 8px #d9e0e90b;pointer-events:none}
.atlas-location-mark:before,.atlas-location-mark:after{content:'';position:absolute;background:#e5e8ef9c;top:50%;left:50%;transform:translate(-50%,-50%)}
.atlas-location-mark:before{width:13px;height:1px}.atlas-location-mark:after{width:1px;height:13px}
.atlas-location-mark i{position:absolute;width:3px;height:3px;left:-2px;top:15px;background:#f0f2f6;border-radius:50%}
.atlas-destination:hover,.atlas-destination.selected{border-color:#cbd2dc65}
.atlas-destination:hover .atlas-photo{transform:scale(1.055)}
.atlas-destination:hover .atlas-enter,.atlas-destination:focus-visible .atlas-enter{background:none;color:#f2f3f5;border-color:#e5e8ee70}
.atlas-destination:hover .atlas-enter:after,.atlas-destination:focus-visible .atlas-enter:after{transform:scaleX(1)}
.atlas-destination:focus-visible{outline:2px solid #e5e8ee;outline-offset:5px}
#atlas .atlas-action{margin-top:22px;padding-top:10px}
html[data-motion=off] .atlas-photo{transition:none;transform:none}
@media(max-width:760px){
 #atlas{width:88%;padding-block:60px}#atlas .section-heading{margin-bottom:28px}
 .atlas-destinations{gap:16px}.atlas-destination{min-height:307px;padding:22px;border-radius:14px}
 .atlas-photo{background-size:auto 155%;background-position:68% 49%}
 .atlas-destination[data-region=serenity] .atlas-photo{background-size:auto 185%;background-position:60% 32%}
 .atlas-destination[data-region=storms] .atlas-photo{background-size:auto 140%;background-position:40% 54%}
 .atlas-photo-shade{background:linear-gradient(90deg,#08090cbb,#08090c25),linear-gradient(0deg,#08090cf5,transparent 95%)}
 .atlas-catalog{font-size:8px;gap:10px;letter-spacing:.11em}.atlas-coordinates{position:static;font-size:10px;gap:9px;margin-top:16px;color:#bfc4cd}
 .atlas-destination-copy{max-width:88%;margin:23px 0 23px;gap:8px}.atlas-destination-name{font-size:29px;max-width:250px}.atlas-destination-line{font-size:11px;max-width:240px}
 .atlas-location-mark{left:83%;top:29%;width:25px;height:25px}.atlas-location-mark i{top:10px}
 .atlas-destination-bottom{gap:12px;align-items:flex-end}.atlas-area{font-size:10px;line-height:1.6}.atlas-area>span{display:block;margin:0;font-size:9px}
 .atlas-offer{position:relative;right:auto;bottom:auto;width:158px;gap:12px;align-items:flex-start}.atlas-offer:before{left:-18px;top:2px}
 .atlas-cost{font-size:32px;gap:8px}.atlas-cost small{font-size:9px}.atlas-enter{padding:0 0 7px;font-size:10px}
}
@media(max-width:370px){.atlas-destination{padding:19px}.atlas-offer{width:140px}.atlas-cost{font-size:28px}.atlas-destination-name{font-size:27px}}
@media(prefers-reduced-motion:reduce){.atlas-photo,.atlas-destination,.atlas-enter,.atlas-enter:after{transition:none}.atlas-destination:hover .atlas-photo{transform:none}}