/* Themed siblings to the Earth experience; shared scroll-opening interaction. */
.sx-dialog[hidden]{display:none!important}.sx-dialog{position:fixed;inset:0;height:100dvh;z-index:10000;color:#e7dfc9;isolation:isolate}.sx-dialog:before{content:"";position:absolute;inset:0;background:#000a;animation:sx-dim .35s ease both}.sx-paper{position:absolute;inset:0;overflow:hidden;background:#080c13;clip-path:inset(0)}.sx-scene,.sx-vignette{position:absolute;inset:0;overflow:hidden;pointer-events:none}.sx-vignette{background:linear-gradient(90deg,#04080edb 0%,#04080e75 35%,transparent 75%),linear-gradient(0deg,#020608d9,transparent 60%)}.sx-scroll{position:relative;height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;outline:none;z-index:1}.sx-scroll::-webkit-scrollbar{display:none}.sx-back{position:absolute;top:28px;left:clamp(25px,4vw,70px);padding:12px 0;z-index:5;background:transparent;border:0;color:#ddcfac;font:11px ui-monospace,Menlo,Consolas,monospace;letter-spacing:.12em;cursor:pointer}.sx-brand{position:absolute;right:clamp(25px,4vw,70px);top:32px;display:flex;gap:12px;align-items:center;z-index:5;color:#c5ae7a;font-size:10px;letter-spacing:.14em}.sx-brand img{width:28px;height:22px;object-fit:contain}.sx-chapter{position:relative;min-height:100svh;display:flex;align-items:center;padding:125px clamp(28px,10vw,180px) 100px;box-sizing:border-box}.sx-copy{width:min(100%,900px);opacity:0;transition:opacity .35s}.sx-ready .sx-copy{opacity:1}.sx-kicker{display:flex;align-items:center;gap:15px;margin-bottom:30px;font:11px ui-monospace,Menlo,Consolas,monospace;color:#ae9c72;letter-spacing:.17em}.sx-kicker>span:first-child{width:34px;height:34px;border:1px solid #b39a6050;display:grid;place-items:center;color:#c5aa70;font:20px "Noto Serif SC",serif}.sx-kicker em{font-size:9px;opacity:.6;font-style:normal}.sx-copy h2{font:400 clamp(62px,7.5vw,110px)/1.3 "Noto Serif SC","Songti SC",serif;letter-spacing:.13em;color:#e5d3a8;margin:0 0 33px;text-shadow:0 2px 26px #0006}.sx-copy h2>span{display:inline-block;margin-left:.65em}.sx-body{font:12px/2.2 "Noto Serif SC",serif;letter-spacing:.07em;color:#aeb4a8;max-width:550px}.sx-methods{display:flex;gap:30px;margin-top:34px;color:#c3ac76;font-size:11px;letter-spacing:.15em}.sx-methods span+span{border-left:1px solid #c2a36755;padding-left:30px}.sx-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:40px}.sx-actions button{background:transparent;border:1px solid #b9a065;color:#d6be87;font:11px/1.5 "Noto Serif SC",serif;padding:14px 22px;letter-spacing:.1em;cursor:pointer}.sx-actions button:hover{background:#b39a6018}.sx-actions a{font-size:11px!important;color:#bba878!important;border-bottom:1px solid #bba87855;padding:4px 0}.sx-end-logo{display:block;width:42px;height:34px;object-fit:contain;margin-top:35px;opacity:.65}.sx-back:focus-visible,.sx-actions :focus-visible{outline:1px solid #e0c381;outline-offset:6px}.sx-dialog .di-rod{z-index:4}
body.sx-open{overflow:hidden!important}body.sx-open #xmchat-bubble,body.sx-open #xmchat-panel{visibility:hidden!important;pointer-events:none!important}body.sx-open #sigil-layer,body.sx-open #sigil-layer *{animation-play-state:paused!important}.sx-dialog:not([data-state="open"]) .sx-motion,.sx-suspended .sx-motion,.sx-low .sx-motion{animation-play-state:paused!important}
.sx-dialog[data-scene="2"] .sx-scene{opacity:.16}.sx-scene{transition:opacity 1.3s}.sx-dialog[data-scene="2"] .sx-vignette{background:#030605cc}
@keyframes sx-dim{from{opacity:0}to{opacity:1}}@keyframes sx-wheel{to{transform:rotate(360deg)}}@keyframes sx-mist{50%{transform:translate3d(3%,-2%,0)}}@keyframes sx-route{to{stroke-dashoffset:-170}}@keyframes sx-light{50%{opacity:.55}}@keyframes sx-flame{50%{transform:translateX(-50%) rotate(4deg) scaleY(.92);opacity:.85}}
@media(max-width:800px){.sx-chapter{padding:110px 28px 75px;align-items:flex-end}.sx-copy h2{font-size:clamp(42px,10.5vw,72px);letter-spacing:.08em;margin-bottom:24px}.sx-copy h2>span{margin-left:.35em}.sx-body{font-size:11px;max-width:430px;line-height:2.1}.sx-kicker{margin-bottom:24px;font-size:9px}.sx-back{left:25px;top:24px}.sx-brand{right:25px;top:34px;font-size:9px}.sx-brand img{width:23px;height:18px}.sx-vignette{background:linear-gradient(0deg,#03070aeb 0%,#03070a90 45%,transparent 80%)}.sx-celestial{left:10%;top:7%;margin-top:0;width:95vw}.sx-hexagram{right:18%;top:10%;width:60%;height:40%}.sx-board{right:8%;top:14%;width:75%;opacity:.4}.sx-methods{font-size:10px;gap:20px}.sx-methods span+span{padding-left:20px}.sx-actions{gap:20px;margin-top:29px}.sx-actions button{font-size:10px;padding:12px 17px}.sx-actions a{font-size:10px!important}.sx-rite-seal{right:17%;top:12%;width:62%;height:42%}.sx-rite-seal span{font-size:100px}.sx-rite-seal img{width:25%}.sx-candles{right:14%;height:27%;width:55%;bottom:40%}.sx-candle{width:25px}.sx-candle.secondary{width:20px}.sx-flame{height:29px;width:13px}.sx-dialog[data-theme="rites"] .sx-vignette{background:linear-gradient(0deg,#0a0807f5 0%,#0a0807aa 42%,transparent 85%)}.sx-end-logo{margin-top:27px}}
@media(prefers-reduced-motion:reduce){.sx-dialog *,.sx-dialog:before{animation:none!important;transition:none!important}.sx-copy{transition:none}}.sx-low *{animation:none!important;transition:none!important}
.sx-methods{flex-wrap:wrap;row-gap:12px}.sx-methods span{min-width:0}
/* Shared real photographs: small card deliveries, full immersive backdrops. */
.sx-service-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.78) brightness(.9);animation:sx-photo-push 45s ease-in-out infinite alternate;transform-origin:65% 40%}
.sx-dialog[data-theme="reading"] .sx-service-photo{object-position:50% 42%}
.sx-dialog[data-theme="strategy"] .sx-service-photo{object-position:50% 37%;filter:saturate(.72) brightness(.88)}
.sx-dialog[data-theme="rites"] .sx-service-photo{object-position:64% 50%;filter:saturate(.8) brightness(.86)}
.sx-dialog[data-theme="rites"] .sx-vignette{background:linear-gradient(90deg,#0b0807e8 0%,#0b080780 38%,#0b080715 80%),linear-gradient(0deg,#080604c9,transparent 70%)}
.service-scene{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#101912}
.service-scene-shade{position:absolute;inset:0;background:linear-gradient(0deg,#050906bf 0%,#05090612 65%),linear-gradient(90deg,#050b0735,transparent)}
.service-scene .sx-service-photo{object-fit:cover;object-position:50% 48%;filter:saturate(.8) brightness(.9);animation-duration:40s}
.service-scene[data-theme="reading"] .sx-service-photo{object-position:50% 40%}
.service-scene[data-theme="strategy"] .sx-service-photo{object-position:50% 30%;filter:saturate(.72) brightness(.8)}
.service-scene[data-theme="rites"] .sx-service-photo{object-position:57% 50%;filter:saturate(.82) brightness(.9)}
.service-item[data-experience] .service-art:before,.service-item[data-experience] .service-art:after{z-index:1;pointer-events:none;border-color:#d6bb7b35}
.service-item[data-experience] .service-symbol,.service-item[data-experience] .service-index,.service-item[data-experience] .service-art-label{z-index:2}
.service-item[data-experience] .service-symbol{text-shadow:0 2px 18px #000,0 0 20px #c6ab6538}
.service-scene:not(.is-in-view) .sx-motion,body.service-previews-hidden .service-scene .sx-motion,body.sx-open .service-scene .sx-motion,body.di-open .service-scene .sx-motion{animation-play-state:paused!important}
@keyframes sx-photo-push{from{transform:scale(1)}to{transform:scale(1.055)}}
@media(prefers-reduced-motion:reduce){.service-scene *{animation:none!important;transition:none!important}}
@media(max-width:800px){.sx-dialog[data-theme="strategy"] .sx-service-photo{object-position:60% 35%}.sx-dialog[data-theme="rites"] .sx-service-photo{object-position:58% 50%}}
@media(max-width:800px){.sx-dialog[data-theme="rites"] .sx-vignette{background:linear-gradient(0deg,#0a0807f2 0%,#0a0807bb 42%,transparent 85%)}}