/* Spread atlas: artwork + meaning + an actual position map. */
.mode-grid{grid-template-columns:1fr;gap:28px;max-width:none}
.mode-card{display:grid;grid-template-columns:260px minmax(0,1fr) 300px;align-items:center;gap:34px;padding:22px;border-radius:18px;background:linear-gradient(100deg,#111427f7,#19162bde);text-align:left;box-shadow:0 0 28px rgba(var(--glow),.09)}
.mode-card:nth-child(2),.mode-card:nth-child(3){background:linear-gradient(100deg,#111427f7,#19162bde)}
.mode-card>img{border-radius:22px;border:1px solid rgba(var(--glow),.35);width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#090d1c;overflow:hidden;box-shadow:0 0 26px rgba(var(--glow),.2)}
.mode-card>img{margin:0;width:100%;border-radius:22px}
.mode-copy{padding:8px 0}.mode-title{font-size:30px;margin-bottom:16px;letter-spacing:-.7px}.mode-description{font-size:17px;line-height:1.65}.mode-meta{margin-bottom:16px}.mode-link{margin-top:20px;padding-top:16px;color:#e8dcff}.mode-card:nth-child(2) .mode-link{color:#aeeef0}.mode-card:nth-child(3) .mode-link{color:#f0c2eb}
.spread-map{display:flex;flex-direction:column;align-self:stretch;justify-content:center;border-left:1px solid rgba(var(--glow),.25);padding:20px 0 20px 25px;gap:25px;position:relative}
.map-caption{font-size:10px;color:rgb(var(--glow));letter-spacing:2px;text-align:center}
.map-nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 8px;position:relative}
.map-node{display:flex;align-items:center;flex-direction:column;gap:12px;position:relative;text-align:center;z-index:1}
.map-node::before{content:'';position:absolute;top:24px;left:50%;width:calc(100% + 8px);height:1px;background:linear-gradient(90deg,rgba(var(--glow),.6),rgba(var(--glow),.15));z-index:-1}
.map-node:nth-child(3n)::before,.map-node:last-child::before{display:none}
.map-card{display:flex;align-items:center;justify-content:center;width:32px;height:48px;border:1px solid rgba(var(--glow),.75);border-radius:5px;background:#141329;color:#eee0ff;font-size:13px;box-shadow:0 0 14px rgba(var(--glow),.16)}
.map-label{font-size:12px;line-height:1.4;color:#d7cfe7;max-width:85px}
.spread-map[data-count="1"] .map-nodes{grid-template-columns:1fr}.spread-map[data-count="1"] .map-card{width:48px;height:72px;box-shadow:0 0 30px rgba(var(--glow),.2)}.spread-map[data-count="1"] .map-label{font-size:14px;max-width:none}
.guide{background:transparent;border:0;border-radius:0;box-shadow:none;padding:60px 0 70px}
.guide-grid{position:relative;gap:45px}.guide-grid::before{content:'';position:absolute;left:35px;right:20%;top:36px;height:1px;background:linear-gradient(90deg,#c5a1fa88,#80d9e488,#c5a1fa22)}
.guide-grid article{display:flex;flex-direction:column;align-items:flex-start;border:0;padding:0;position:relative}.guide .step-number{font-size:11px;letter-spacing:3px;margin:25px 0 12px;color:#b9a5ce}.guide h3{margin-bottom:14px;font-size:26px}.guide p:not(.eyebrow){max-width:310px;font-size:17px}
.ritual-symbol{display:flex;align-items:center;justify-content:center;width:74px;height:74px;border:1px solid #a688ce77;border-radius:50%;background:#101326;position:relative;box-shadow:0 0 25px #9165d722}.ritual-symbol svg{width:42px;height:42px;stroke:#d4baf8;fill:none;stroke-width:1.2}
@media(max-width:1200px){.mode-card{grid-template-columns:210px minmax(0,1fr) 255px;gap:24px;padding:18px}.mode-title{font-size:25px}.spread-map{padding-left:18px}.map-label{font-size:11px}}
@media(max-width:1000px){.mode-card{grid-template-columns:220px minmax(0,1fr);gap:22px 30px}.spread-map{grid-column:2;grid-row:2;border-left:0;border-top:1px solid rgba(var(--glow),.2);padding:22px 0 5px;gap:20px}.mode-card>img{grid-row:1 / span 2;align-self:center}.map-nodes{gap:18px}.map-label{font-size:12px;max-width:110px}.mode-copy{padding:5px 0}.spread-map[data-count="1"] .map-nodes{grid-template-columns:1fr}.spread-map[data-count="1"] .map-node{flex-direction:row;justify-content:center}.spread-map[data-count="1"] .map-card{width:30px;height:44px}}
@media(max-width:900px){.guide-grid{grid-template-columns:1fr;gap:35px}.guide-grid::before{left:36px;right:auto;top:25px;bottom:70px;height:auto;width:1px;background:linear-gradient(#c5a1fa88,#80d9e444)}.guide-grid article{display:grid;grid-template-columns:74px 1fr;column-gap:24px}.ritual-symbol{grid-column:1;grid-row:1 / span 3}.guide .step-number{margin:0 0 8px;grid-column:2;grid-row:1}.guide h3{grid-column:2}.guide p:not(.eyebrow){grid-column:2;max-width:none}.guide{padding:40px 0}}
@media(max-width:620px){.mode-grid{max-width:440px;gap:35px}.mode-card{display:flex;flex-direction:column;align-items:stretch;padding:16px;gap:0;border-radius:22px}.mode-card>img{width:100%}.mode-copy{padding:25px 7px 22px}.mode-title{font-size:28px}.mode-description{font-size:17px}.spread-map{padding:24px 7px 8px;gap:23px}.map-label{font-size:12px}.map-caption{font-size:10px}.map-nodes{gap:25px 10px}.guide-grid article{grid-template-columns:54px 1fr;column-gap:20px}.ritual-symbol{width:54px;height:54px}.ritual-symbol svg{width:32px;height:32px}.guide-grid::before{left:26px}.guide h3{font-size:23px}.guide p:not(.eyebrow){font-size:16px}.guide .step-number{font-size:10px}}
@media(min-width:621px){.mode-card>img{margin:0;width:100%;border-radius:22px}}
@media(max-width:620px){.mode-card>img{margin:0;width:100%;border-radius:22px}}

/* The artwork supplies its own frame; do not add a second rectangle behind it. */
.mode-card>img{background:transparent;border:0;box-shadow:none;clip-path:none}

.map-caption{font-size:11px;letter-spacing:1.5px}.map-label{font-size:14px;line-height:1.45}@media(max-width:1200px){.map-label{font-size:13px}}