.constellation-atlas {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    color:#f1e8d9;
    padding:105px 0 70px;
    background:
        radial-gradient(ellipse 60% 55% at 50% 57%,rgba(61,51,111,.42),transparent 76%),
        radial-gradient(ellipse 38% 45% at 15% 70%,rgba(29,74,105,.35),transparent 80%),
        radial-gradient(ellipse 40% 48% at 92% 25%,rgba(94,54,101,.23),transparent 80%),
        linear-gradient(145deg,#060d1b 0%,#10162b 52%,#071623 100%);
}
.constellation-atlas::before {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.2;
    background-image:
        radial-gradient(circle at 12% 19%,#e8c99d 1px,transparent 2px),
        radial-gradient(circle at 78% 12%,#c3c6ff 1px,transparent 2px),
        radial-gradient(circle at 31% 83%,#e8c99d 1px,transparent 2px),
        radial-gradient(circle at 88% 73%,#d5b5f3 1px,transparent 2px);
    background-size:290px 260px;
}
.constellation-atlas-shell {
    position:relative;
    z-index:1;
    width:min(1440px,calc(100% - 90px));
    margin:auto;
}
.constellation-atlas-heading {
    max-width:1050px;
    margin:auto;
    text-align:center;
}
.constellation-atlas-heading-top {
    display:flex;
    justify-content:space-between;
    gap:20px;
    color:#cba976;
    font-size:10px;
    letter-spacing:.22em;
    font-weight:700;
}
.constellation-atlas-heading h2 {
    font:400 clamp(55px,6.7vw,105px)/1.03 "Cormorant Garamond",Georgia,serif;
    letter-spacing:-.055em;
    margin:52px 0 20px;
}
.constellation-atlas-heading h2 em {
    font-weight:400;
    color:#d2ae82;
}
.constellation-atlas-heading>p {
    color:#b9c1d2;
    font-size:15px;
    line-height:1.9;
    max-width:600px;
    margin:0 auto;
}
.constellation-atlas-stage {
    position:relative;
    height:690px;
    max-width:1200px;
    margin:30px auto 0;
}
.constellation-atlas-orbit {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    border:1px solid rgba(207,176,128,.16);
    border-radius:50%;
    pointer-events:none;
}
.orbit-one {width:340px;height:340px}
.orbit-two {width:550px;height:550px;border-style:dashed;border-color:rgba(185,156,217,.16)}
.orbit-three {width:780px;height:650px;border-color:rgba(195,166,122,.1)}
.constellation-atlas-center {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:170px;
    height:170px;
    border-radius:50%;
    background:radial-gradient(circle,#33405b 0%,#17233d 65%,#0d182a 100%);
    border:1px solid rgba(227,191,139,.7);
    box-shadow:0 0 0 12px rgba(201,163,114,.055),0 0 95px rgba(128,103,190,.26);
    display:grid;
    place-items:center;
    z-index:3;
}
.constellation-atlas-center-ring {
    width:140px;height:140px;
    border:1px solid rgba(212,176,125,.3);
    border-radius:50%;
    display:flex;flex-direction:column;
    justify-content:center;align-items:center;
    gap:3px;
    color:#e8c69a;
    font-size:10px;
    letter-spacing:.22em;
}
.constellation-atlas-center-ring strong {
    font:400 31px/1 Georgia,serif;
    letter-spacing:.03em;
    color:#f2e4d2;
}
.constellation-atlas-center-symbol {font-size:25px;margin-bottom:6px}
.constellation-atlas-lines {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    color:rgba(210,173,126,.3);
    pointer-events:none;
}
.constellation-atlas-node {
    position:absolute;
    z-index:4;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:210px;
    min-height:132px;
    padding:18px;
    color:#f4e7d6;
    text-decoration:none;
    border:1px solid rgba(207,172,128,.32);
    border-radius:50% 50% 44% 44%;
    background:radial-gradient(ellipse at 50% 25%,rgba(102,86,151,.24),rgba(17,26,48,.9) 74%);
    box-shadow:0 12px 50px rgba(0,0,0,.22),inset 0 0 30px rgba(189,150,114,.035);
    transition:transform .3s,border-color .3s,box-shadow .3s,background .3s;
}
.constellation-atlas-node:hover,
.constellation-atlas-node:focus-visible {
    transform:translateY(-10px) scale(1.045);
    border-color:#e6bd82;
    box-shadow:0 20px 65px rgba(0,0,0,.35),0 0 45px rgba(174,126,199,.23);
    outline:none;
}
.constellation-atlas-node-number {
    position:absolute;
    top:13px;
    left:23px;
    color:#b89b77;
    font-size:10px;
    letter-spacing:.13em;
}
.constellation-atlas-node-star {
    font-size:18px;
    color:#d2ac78;
    margin-bottom:7px;
}
.constellation-atlas-node strong {
    font:400 clamp(25px,2.5vw,37px)/1.1 "Cormorant Garamond",Georgia,serif;
    text-align:center;
}
.constellation-atlas-node-discover {
    margin-top:9px;
    color:#b7b5ca;
    font-size:8px;
    letter-spacing:.13em;
}
.constellation-atlas-node-1 {left:7%;top:8%}
.constellation-atlas-node-2 {left:calc(50% - 105px);top:0}
.constellation-atlas-node-3 {right:7%;top:10%}
.constellation-atlas-node-4 {right:5%;bottom:6%}
.constellation-atlas-node-5 {left:calc(50% - 105px);bottom:0}
.constellation-atlas-node-6 {left:5%;bottom:8%}
.constellation-atlas-footer {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:35px;
    border-top:1px solid rgba(207,172,128,.26);
    padding-top:38px;
}
.constellation-atlas-footer-copy>span {
    color:#d1ad7c;
    font-size:10px;
    letter-spacing:.22em;
}
.constellation-atlas-footer-copy p {
    color:#c0c7d5;
    font-size:14px;
    margin:12px 0 0;
}
.constellation-atlas-all {
    display:flex;
    align-items:center;
    gap:17px;
    flex-wrap:wrap;
    padding:19px 25px;
    border:1px solid rgba(220,183,128,.6);
    color:#ead5b5;
    font-size:11px;
    font-weight:700;
    letter-spacing:.15em;
    cursor:not-allowed;
    opacity:.75;
}
.constellation-atlas-all>span {font-size:20px}
.constellation-atlas-all small {
    flex-basis:100%;
    font-size:8px;
    color:#a8b1c6;
    letter-spacing:.12em;
}
.constellation-atlas-preview-note {
    color:#8792a8;
    font-size:10px;
    text-align:center;
    margin:34px 0 0;
}
@media(max-width:1050px) {
    .constellation-atlas-stage {height:650px}
    .constellation-atlas-node {width:180px;min-height:120px}
    .constellation-atlas-node-2,.constellation-atlas-node-5 {left:calc(50% - 90px)}
}
@media(max-width:760px) {
    .constellation-atlas {padding:75px 0 55px}
    .constellation-atlas-shell {width:calc(100% - 38px)}
    .constellation-atlas-heading-top {font-size:8px;letter-spacing:.1em}
    .constellation-atlas-heading h2 {margin:36px 0 17px;font-size:clamp(49px,11vw,77px)}
    .constellation-atlas-heading>p {font-size:13px}
    .constellation-atlas-stage {
        height:auto;
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:13px;
        margin:45px auto;
    }
    .constellation-atlas-orbit,
    .constellation-atlas-lines,
    .constellation-atlas-center {display:none}
    .constellation-atlas-node,
    .constellation-atlas-node-1,
    .constellation-atlas-node-2,
    .constellation-atlas-node-3,
    .constellation-atlas-node-4,
    .constellation-atlas-node-5,
    .constellation-atlas-node-6 {
        position:relative;
        inset:auto;
        width:auto;
        min-height:165px;
        border-radius:85px 85px 12px 12px;
    }
    .constellation-atlas-node:nth-of-type(even) {margin-top:22px}
    .constellation-atlas-footer {flex-direction:column;align-items:stretch}
    .constellation-atlas-all {justify-content:center}
}
@media(max-width:400px) {
    .constellation-atlas-node {padding:12px}
    .constellation-atlas-node strong {font-size:27px}
    .constellation-atlas-node-discover {font-size:7px}
}
@media(prefers-reduced-motion:reduce) {
    .constellation-atlas-node {transition:none}
}