/* One place, three possibilities. The scenes remain readable without JavaScript. */
.experience-stage{--stage-ink:#132c35;--stage-accent:#8ae3db;border-radius:4px;overflow:hidden;background:var(--stage-ink);color:#fff}
.experience-choices[hidden],.experience-scene[hidden]{display:none}
.experience-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#f0eee7;color:var(--stage-ink)}
.experience-choices button{appearance:none;display:flex;align-items:center;gap:14px;min-height:82px;padding:20px 28px;border:0;border-right:1px solid #132c3526;border-bottom:3px solid transparent;background:transparent;color:inherit;font:inherit;font-weight:700;text-align:left;cursor:pointer;transition:background .2s,color .2s}
.experience-choices button:last-child{border-right:0}
.experience-choice-number{font-size:11px;letter-spacing:.12em;opacity:.7}
.experience-choice-arrow{margin-left:auto;font-size:24px;font-weight:400;transition:translate .2s}
.experience-choices button:hover{background:#dfebe6}
.experience-choices button[aria-selected="true"]{background:var(--stage-ink);color:#fff;border-bottom-color:var(--stage-accent)}
.experience-choices button:hover .experience-choice-arrow{translate:2px -2px}
.experience-choices button:focus-visible,.experience-next:focus-visible{outline:3px solid #32b5ad;outline-offset:-6px}
.experience-scene{display:grid;grid-template-columns:1.15fr 1fr;min-height:460px}
.experience-scene+.experience-scene{border-top:1px solid #ffffff30}
.experience-stage.is-interactive .experience-scene{border-top:0}
.experience-visual{position:relative;min-width:0;min-height:100%;overflow:hidden;background:#0a1d27}
.experience-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.experience-provenance{position:absolute;bottom:18px;left:20px;max-width:calc(100% - 40px);padding:7px 10px;background:#0a1d27db;color:#fff;font-size:9px;letter-spacing:.14em;line-height:1.5}
.experience-story{padding:42px 40px 26px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.experience-category{margin:0 0 24px;color:var(--stage-accent);font-size:10px;font-weight:700;letter-spacing:.17em}
.experience-story h3{font-family:Anton,Impact,sans-serif;font-size:clamp(34px,3.5vw,50px);font-weight:400;line-height:1.12;letter-spacing:-.015em;margin:0 0 20px;max-width:10em}
.experience-invitation{font-size:16px;line-height:1.65;color:#e0e8e7;margin:0 0 26px;max-width:34em}
.experience-next{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0;color:var(--stage-accent);font-size:14px;font-weight:700;text-decoration:none;border-bottom:1px solid #8ae3db80;min-height:48px}
.experience-next span{font-size:22px;transition:translate .2s}
.experience-next:hover span{translate:3px -3px}
.experience-scene-foot{display:flex;justify-content:space-between;gap:16px;width:100%;margin-top:auto;padding-top:30px;color:#baccca;font-size:10px;line-height:1.6;letter-spacing:.03em}
.experience-scene-foot>span:last-child{white-space:nowrap;color:var(--stage-accent);letter-spacing:.12em}
.experience-stage.is-interactive .experience-scenes{display:grid}.experience-stage.is-interactive .experience-scene{grid-area:1/1}.experience-stage.is-interactive .experience-scene[hidden]{display:grid;visibility:hidden;pointer-events:none}.experience-stage.is-interactive .experience-scene[hidden] a{visibility:hidden}
@media(prefers-reduced-motion:no-preference){.experience-stage.is-interactive .experience-scene:not([hidden]) .experience-visual img{animation:experience-image-arrive .65s cubic-bezier(.2,.7,.2,1) both}.experience-stage.is-interactive .experience-scene:not([hidden]) .experience-story{animation:experience-copy-arrive .4s ease both}@keyframes experience-image-arrive{from{opacity:.45;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@keyframes experience-copy-arrive{from{opacity:.3;translate:0 8px}to{opacity:1;translate:0 0}}}
@media(max-width:1000px){.experience-story{padding:30px 28px 24px}.experience-choices button{padding:18px 22px;min-height:72px}.experience-scene{min-height:440px}}
@media(max-width:760px){.experience-choices button{gap:7px;padding:14px 12px;min-height:64px;font-size:14px}.experience-choice-number{font-size:9px}.experience-choice-arrow{font-size:18px}.experience-scene{grid-template-columns:1fr;min-height:0}.experience-visual{height:240px;min-height:0}.experience-story{padding:28px 26px 22px}.experience-category{margin-bottom:18px}.experience-story h3{font-size:38px;max-width:12em;margin-bottom:18px}.experience-invitation{font-size:15px;line-height:1.6;margin-bottom:18px;min-height:4.8em}.experience-scene-foot{padding-top:26px}.experience-provenance{bottom:14px;left:14px}.experience-next{font-size:14px}}
@media(max-width:380px){.experience-choices button{font-size:12px;padding:14px 9px;gap:5px}.experience-choice-arrow{font-size:16px}.experience-visual{height:210px}.experience-story{padding:24px 20px 20px}.experience-story h3{font-size:32px}.experience-scene-foot{font-size:9px}}
@media(max-width:760px){.experience-choice-arrow{display:none}.experience-choices button{justify-content:flex-start}}
/* Frame the existing VR capture around Saturn, keeping captured app controls outside the scene. */
[data-experience-scene="discover"] .experience-visual img{top:-20%;bottom:auto;height:160%;object-position:center}
/* A small invitation to explore, anchored to the scene rather than a separate gallery. */
.experience-points[hidden],.experience-back[hidden],.experience-exploration[hidden],.experience-loading[hidden]{display:none}
.experience-point{position:absolute;left:var(--point-x);top:var(--point-y);translate:-50% -50%;display:flex;align-items:center;gap:8px;padding:0 12px 0 0;border:1px solid #ffffffa6;border-radius:28px;background:#102a34e8;box-shadow:0 3px 15px #0004;color:#fff;cursor:pointer;font:inherit;font-size:11px;white-space:nowrap;min-height:44px}
.experience-point>span:first-child{display:grid;place-items:center;width:42px;height:42px;font-size:23px;color:#8ae3db}
.experience-point:hover{background:#21464e;border-color:#8ae3db}
.experience-point:focus-visible,.experience-back:focus-visible,.experience-view-choices button:focus-visible{outline:3px solid #8ae3db;outline-offset:3px}
.experience-point::before{content:"";position:absolute;inset:-6px;border:1px solid #ffffff45;border-radius:30px;pointer-events:none}
.experience-back{position:absolute;top:18px;left:18px;display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 14px;background:#102a34ee;color:#fff;border:1px solid #ffffff80;border-radius:3px;cursor:pointer;font:inherit;font-size:12px}
.experience-back span{color:#8ae3db;font-size:20px}
.experience-exploration{width:100%;margin:0 0 14px}
.experience-explore-label{font-size:9px;font-weight:700;letter-spacing:.16em;color:#b5ccca;margin:0 0 9px}
.experience-view-choices{display:flex;flex-wrap:wrap;gap:4px 14px}
.experience-view-choices button{padding:8px 0;min-height:44px;border:0;border-bottom:1px solid transparent;color:#c7d5d4;background:none;font:inherit;font-size:11px;cursor:pointer;text-align:left}
.experience-view-choices button[aria-pressed="true"]{color:#8ae3db;border-bottom-color:#8ae3db}
.experience-view-choices button:hover{color:#fff}
.experience-view-status{font-size:12px;line-height:1.5;color:#f0c7a2;margin:8px 0 0}
.experience-view-status:empty{display:none}
.experience-loading{position:absolute;top:18px;right:18px;padding:10px 12px;background:#102a34ee;color:white;font-size:12px}
.experience-scene .experience-story h3{min-height:2.24em}
.experience-scene .experience-invitation{min-height:4.95em}
.experience-scene[data-current-view="lounge"] .experience-visual img{object-position:30% center}
.experience-scene[data-current-view="rings"] .experience-visual img{height:185%;top:-43%}
.experience-visual{isolation:isolate}
.experience-visual img{z-index:-1}
@media(max-width:760px){.experience-point{width:44px;padding:0;justify-content:center}.experience-point-label{display:none}.experience-point>span:first-child{width:42px}.experience-point::before{inset:-4px}.experience-back{top:12px;left:12px;padding:7px 10px;font-size:11px}.experience-loading{top:auto;bottom:14px;right:14px;font-size:10px}.experience-story h3{min-height:2.24em}.experience-scene .experience-invitation{min-height:8em}.experience-exploration{margin-bottom:10px}}
@media(max-width:380px){.experience-scene .experience-invitation{min-height:9.6em}.experience-view-choices{gap:2px 12px}.experience-view-choices button{font-size:10px}}
@media(prefers-reduced-motion:no-preference){
 .experience-scene.is-opening-view .experience-visual img{animation:experience-view-open .5s ease both!important}
 .experience-scene.is-opening-view .experience-story h3,.experience-scene.is-opening-view .experience-invitation{animation:experience-copy-arrive .35s ease both}
 [data-experience-scene="gather"]:not([hidden]) .experience-visual{animation:experience-room-open .65s cubic-bezier(.2,.7,.2,1)}
 [data-experience-scene="connect"]:not([hidden]) .experience-visual{animation:experience-cafe-open .65s ease}
 @keyframes experience-view-open{from{opacity:.35;filter:blur(2px)}to{opacity:1;filter:blur(0)}}
 @keyframes experience-room-open{from{clip-path:inset(0 4% 0 0)}to{clip-path:inset(0)}}
 @keyframes experience-cafe-open{from{opacity:.35}to{opacity:1}}
}
.experience-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.experience-scene[data-current-view="planet"] .experience-visual img{height:220%;top:-60%}
/* Meaningful outlined controls; descriptions belong to the selected scene. */
.experience-point,.experience-back,.experience-view-choices button{position:relative;display:inline-grid;place-items:center;width:46px;height:46px;min-height:46px;padding:0;border-radius:50%;flex:none}
.experience-point,.experience-back{position:absolute}
.experience-point svg,.experience-back svg,.experience-view-choices svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.experience-point,.experience-back{color:#fff;background:#132c35ed;border:1px solid #ffffffb3}
.experience-point:hover,.experience-back:hover{color:#8ae3db;background:#193b44}
.experience-point::before{inset:-5px}
.experience-back{left:16px;top:16px}
.experience-view-choices{gap:10px}
.experience-view-choices button{background:#ffffff06;border:1px solid #ffffff40;color:#c7d5d4;transition:background .2s,border-color .2s,color .2s}
.experience-view-choices button[aria-pressed="true"]{background:#8ae3db18;border-color:#8ae3db;color:#8ae3db}
.experience-view-choices button:hover{background:#ffffff12;border-color:#fff}
.experience-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;translate:-50% 0;z-index:5;max-width:180px;width:max-content;white-space:normal;padding:7px 10px;border-radius:3px;background:#f8f7ef;color:#132c35;font:500 11px/1.4 Arial,sans-serif;box-shadow:0 3px 12px #0003;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s;text-align:center}
.experience-point:hover .experience-tooltip,.experience-point:focus-visible .experience-tooltip,.experience-back:hover .experience-tooltip,.experience-back:focus-visible .experience-tooltip,.experience-view-choices button:hover .experience-tooltip,.experience-view-choices button:focus-visible .experience-tooltip{opacity:1;visibility:visible}
.experience-back .experience-tooltip{bottom:auto;top:calc(100% + 10px);left:0;translate:0 0}
.experience-view-choices button:first-child .experience-tooltip{left:0;translate:0 0}
.experience-exploration{margin-bottom:18px}
.experience-photo-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.experience-point,.experience-back,.experience-provenance,.experience-loading{z-index:2}
.experience-scene.has-photo-motion .experience-visual,.experience-scene.has-photo-motion .experience-visual img{animation:none!important}
@media(max-width:760px){.experience-point,.experience-back,.experience-view-choices button{width:44px;height:44px;min-height:44px}.experience-point svg,.experience-back svg,.experience-view-choices svg{width:22px;height:22px}.experience-back{top:12px;left:12px}}
@media(prefers-reduced-motion:reduce){.experience-tooltip,.experience-view-choices button{transition:none}}
.experience-back .experience-tooltip{font-size:11px;color:#132c35}
.experience-saturn-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.experience-photo-canvas{z-index:1}
.experience-scene.has-saturn-scene .experience-visual>img{opacity:0}
.experience-provenance{text-decoration:none}
a.experience-provenance:focus-visible{outline:2px solid #8ae3db;outline-offset:3px}
@media(prefers-reduced-motion:no-preference){.experience-saturn-canvas{animation:experience-saturn-enter .45s ease both}@keyframes experience-saturn-enter{from{opacity:0}to{opacity:1}}}
.experience-saturn-canvas{display:none}
.experience-scene.has-saturn-scene .experience-saturn-canvas{display:block}
.experience-scene[data-experience-scene="discover"][data-current-view] .experience-visual>img{height:100%;top:0;bottom:0;object-position:center}
.experience-saturn-motion{position:absolute;right:16px;top:16px;z-index:2;display:none;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ffffffb3;border-radius:50%;color:#fff;background:#132c35ed;cursor:pointer}
.experience-scene.has-saturn-scene .experience-saturn-motion:not([hidden]){display:grid}
.experience-saturn-motion svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.experience-saturn-motion:hover{color:#8ae3db;background:#193b44}
.experience-saturn-motion:focus-visible{outline:3px solid #8ae3db;outline-offset:3px}
.experience-saturn-motion .saturn-play{display:none}
.experience-saturn-motion[data-state="paused"] .saturn-play{display:block}
.experience-saturn-motion[data-state="paused"] .saturn-pause{display:none}
.experience-saturn-motion .experience-tooltip{top:calc(100% + 10px);bottom:auto;left:auto;right:0;translate:0 0}
.experience-saturn-motion:hover .experience-tooltip,.experience-saturn-motion:focus-visible .experience-tooltip{opacity:1;visibility:visible}
@media(max-width:760px){.experience-saturn-motion{top:12px;right:12px}}
@media(min-width:761px){.experience-scene.has-saturn-scene .experience-loading{right:72px}}
