.spatial-studies .sp-trigger{overflow:visible}.spatial-studies .sp-trigger:focus-visible{outline-offset:6px}.spatial-studies .sp-source{align-items:center;height:280px;margin-block:5px;display:grid;overflow:visible}.spatial-studies .spatial-art{aspect-ratio:5/3;perspective:850px;--sp-x:inherit;--sp-y:inherit;--sp-lift:inherit;width:100%;display:block;position:relative}.spatial-studies .sp-source .spatial-art{transform:translateY(30px)}.spatial-studies .sp-environment{background:radial-gradient(ellipse at calc(50% + var(--sp-x,0)*20%) calc(48% + var(--sp-y,0)*15%),#437dff25,transparent 65%);pointer-events:none;position:absolute;inset:5% -4%}.spatial-studies .sp-object{transform-style:preserve-3d;transform:rotateX(calc(24deg - var(--sp-y,0)*7deg)) rotateY(calc(-12deg + var(--sp-x,0)*8deg));position:absolute;inset:0}.spatial-studies .sp-plane{stroke-linecap:round;stroke-linejoin:round;fill:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.spatial-studies .sp-deck{transform:translate3d(calc(var(--sp-x,0)*-4px),calc(var(--sp-y,0)*-3px),-20px);fill:#10192c;stroke:#42516f;stroke-width:1px}.spatial-studies .sp-deck-edge{fill:#080e1b;stroke:#27344d}.spatial-studies .sp-grid{transform:translate3d(calc(var(--sp-x,0)*-2px),0,0);stroke:#8291b0;stroke-width:.7px;opacity:.3}.spatial-studies .sp-zone-back{transform:translate3d(calc(var(--sp-x,0)*4px),calc(var(--sp-lift,0)*-5px),calc(18px + var(--sp-lift,0)*42px))}.spatial-studies .sp-zone-front{transform:translate3d(calc(var(--sp-x,0)*7px),calc(var(--sp-lift,0)*-9px),calc(30px + var(--sp-lift,0)*70px))}.spatial-studies .sp-price{transform:translate3d(calc(var(--sp-x,0)*12px),calc(var(--sp-lift,0)*-20px),calc(46px + var(--sp-lift,0)*125px));filter:drop-shadow(0 15px 6px #0009)}.spatial-studies .sp-highlights{transform:translate3d(calc(var(--sp-x,0)*13px),calc(var(--sp-lift,0)*-20px),calc(50px + var(--sp-lift,0)*125px));stroke:#c4d7ff;stroke-width:1.5px;fill:#bdd1ff28}.spatial-studies .sp-labels{transform:translate3d(calc(var(--sp-x,0)*13px),calc(var(--sp-lift,0)*-20px),calc(52px + var(--sp-lift,0)*125px))}.spatial-studies .sp-zone-label,.spatial-studies .sp-labels text{fill:#d0dfff;letter-spacing:.8px;font:13px ui-monospace,monospace}.spatial-studies .sp-resistance{fill:#8372d92e;stroke:#b3a2ee;stroke-width:1.4px}.spatial-studies .sp-support{fill:#437dff2e;stroke:#9bbaff;stroke-width:1.4px}.spatial-studies .sp-zone-side{fill:#443d6a;stroke:#8575bd;stroke-width:.7px}.spatial-studies .sp-blue-side{fill:#263f6b;stroke:#7194d3}.spatial-studies .sp-guide{stroke:#9fb3df;stroke-dasharray:6 7;stroke-width:1.3px}.spatial-studies .sp-guides{stroke:#667caa;stroke-width:.7px}.spatial-studies .sp-context{stroke:#729ae8;stroke-width:1.2px}.spatial-studies .sp-interval{fill:#437dff19;stroke:#769eea;stroke-width:1px}.spatial-studies .sp-reaction{stroke:#b7a4f1;stroke-width:3px}.spatial-studies .sp-price-side{stroke:#3d608e;stroke-width:12px;transform:translate(3px,8px)}.spatial-studies .sp-price-line{stroke:#e2ebff;stroke-width:7px}.spatial-studies .sp-price circle{fill:#a5c3ff;stroke:#e6edfc;stroke-width:2px}.spatial-studies .sp-candle-up{fill:#a6c4ff;stroke:#e1ebff;stroke-width:1px}.spatial-studies .sp-candle-down{fill:#a598d2;stroke:#d8cafa;stroke-width:1px}.spatial-studies .sp-wick{stroke-width:2px}.spatial-studies .sp-candle-side{fill:#3c598b;stroke:#7696c8}.spatial-studies .sp-candle-top{fill:#d0e0fc;stroke:none}.spatial-studies .sp-candle-down .sp-candle-side{fill:#51496d;stroke:#9184b5}.spatial-studies .sp-candle-down .sp-candle-top{fill:#c1b1e7}.spatial-studies .sp-caption-note{text-align:center;color:#aab8d2;letter-spacing:.6px;padding-bottom:12px;font-size:7px;display:block}.spatial-studies .sp-trigger[data-active=true] .study-open{background:#355cab}.spatial-studies .sp-modal{width:min(1120px,100% - 48px);max-width:none;height:fit-content;max-height:none;color:#f5f5f7;background:0 0;border:0;max-block-size:calc(100svh - 48px);margin:auto;padding:0;position:fixed;inset:0;overflow:visible}.spatial-studies .sp-modal::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#030712cf}.spatial-studies .sp-modal-surface{isolation:isolate;border-radius:18px;position:relative}.spatial-studies .sp-modal-surface:before{content:"";border-radius:inherit;z-index:-1;background:#10192c;border:1px solid #475779;position:absolute;inset:0;box-shadow:0 35px 100px #0009}.spatial-studies .sp-modal-header{z-index:4;border-bottom:1px solid #34415a;justify-content:space-between;align-items:center;gap:20px;padding:14px 22px;display:flex;position:relative}.spatial-studies .sp-modal-header>span{color:#c3cce0;letter-spacing:1px;font:9px ui-monospace,monospace}.spatial-studies .sp-close{color:#f5f5f7;background:#182640;border:1px solid #596b8c;border-radius:99px;justify-content:center;align-items:center;gap:8px;min-width:88px;min-height:44px;font-size:12px;display:inline-flex}.spatial-studies .sp-modal-scroll{overscroll-behavior:contain;max-height:calc(100svh - 126px);overflow:visible}.spatial-studies .sp-modal[data-phase=open] .sp-modal-scroll{overflow:auto}.spatial-studies .sp-modal-grid{grid-template-columns:1.35fr 1fr;min-height:450px;display:grid}.spatial-studies .sp-stage{flex-direction:column;justify-content:center;min-width:0;padding:35px 30px;display:flex}.spatial-studies .sp-stage>p{color:#a9b7d2;letter-spacing:1px;text-align:center;margin-top:28px;font-size:8px}.spatial-studies .sp-flight{transform-origin:0 0;z-index:3;width:100%;position:relative}.spatial-studies .sp-flight .spatial-art{--sp-lift:.25}.spatial-studies .sp-detail{padding:42px 35px 38px 10px;position:relative}.spatial-studies .sp-detail h3{letter-spacing:-1.3px;margin:18px 0 23px;font-size:clamp(29px,3vw,43px);line-height:1.05}.spatial-studies .sp-detail>p:not(.eyebrow){color:#bdc8df;font-size:14px;line-height:1.8}.spatial-studies .sp-detail ul{color:#c8d5ed;margin:24px 0;padding-left:18px;font-size:12px;line-height:1.9}.spatial-studies .sp-detail .text-link{font-size:12px}.spatial-studies .sp-modal[data-phase=opening] .sp-detail{animation:.4s .2s both sp-detail-in}.spatial-studies .sp-modal[data-phase=opening] .sp-modal-surface:before{animation:.4s both sp-surface-in}.spatial-studies .sp-modal[data-phase=closing] .sp-detail{opacity:0;transition:opacity .17s}.spatial-studies .sp-modal[data-phase=closing] .sp-modal-surface:before{opacity:0;transition:opacity .35s}@keyframes sp-detail-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes sp-surface-in{0%{opacity:0}to{opacity:1}}@media (max-width:1000px){.spatial-studies .sp-source{height:230px}.spatial-studies .sp-modal-grid{grid-template-columns:1.15fr 1fr}.spatial-studies .sp-stage{padding-inline:25px}.spatial-studies .sp-detail{padding-right:25px}}@media (max-width:700px){.spatial-studies .sp-source{height:175px}.spatial-studies .sp-trigger:first-child .sp-source{height:245px}.spatial-studies .sp-caption-note{letter-spacing:.1px;font-size:5px}.spatial-studies .sp-trigger:first-child .sp-caption-note{font-size:7px}.spatial-studies .sp-modal{width:calc(100% - 16px);max-block-size:calc(100svh - 24px)}.spatial-studies .sp-modal-header{gap:12px;padding:10px 14px}.spatial-studies .sp-modal-header>span{letter-spacing:.5px;font-size:7px}.spatial-studies .sp-modal-scroll{max-height:calc(100svh - 90px)}.spatial-studies .sp-modal-grid{grid-template-columns:1fr;min-height:0}.spatial-studies .sp-stage{padding:35px 12px 15px}.spatial-studies .sp-stage>p{margin-top:15px;font-size:7px}.spatial-studies .sp-detail{padding:18px 24px 26px}.spatial-studies .sp-detail h3{margin-block:14px 18px;font-size:31px}.spatial-studies .sp-detail ul{margin-block:18px}.spatial-studies .sp-modal .sp-labels text{font-size:16px}.spatial-studies .sp-modal .sp-price{filter:drop-shadow(0 10px 4px #0008)}}@media (max-width:360px){.spatial-studies .sp-source{height:145px}}@media (prefers-reduced-motion:reduce){.spatial-studies .sp-object,.spatial-studies .sp-plane{transform:none!important}.spatial-studies .sp-modal *,.spatial-studies .sp-modal :before{transition:none!important;animation:none!important}}
