/* The supplied realistic-orbit scene, scoped to the existing hero. */
.hero{isolation:isolate;background:#f7f1e8}.hero:after{z-index:1;background:linear-gradient(90deg,rgba(250,245,239,.99),rgba(250,245,239,.96) 37%,rgba(250,245,239,.55) 51%,rgba(250,245,239,.14) 72%,transparent)}.hero-grid{z-index:3}.hero-note{z-index:5}
.hero-realistic-orbit{position:absolute;z-index:2;inset:0;width:100%;height:100%;overflow:hidden;touch-action:pan-y}.stage{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate;touch-action:pan-y;cursor:grab;background:#f4e9d8}.stage.dragging,.stage.dragging button{cursor:grabbing}.backdrop{position:absolute;inset:0;background:url('../nexus-realistic-orbit/assets/atmosphere.webp') center/cover}.floor-light{position:absolute;top:30%;left:42%;width:54%;height:62%;background:radial-gradient(ellipse,#fdf1cfb0,transparent 70%);pointer-events:none}.stage svg{position:absolute;inset:0;z-index:30;width:100%;height:100%;pointer-events:none;clip-path:inset(0 0 0 42%)}.hub{position:absolute;z-index:300;top:49%;left:72%;width:21%;height:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 15px 11px #62401355);pointer-events:none}#cards{position:absolute;inset:0;pointer-events:none}.service-card{position:absolute;top:0;left:0;width:17%;padding:0;border:0;background:transparent;cursor:pointer;pointer-events:auto;will-change:transform;transform-origin:center;outline-offset:-10px;-webkit-tap-highlight-color:transparent;isolation:isolate}.service-card img{display:block;width:100%;height:auto;user-select:none;pointer-events:none;filter:drop-shadow(0 13px 8px #7350203d);transition:filter .2s}.service-card:hover img,.service-card:focus-visible img{filter:drop-shadow(0 0 9px #ffce72) drop-shadow(0 15px 10px #73502044)}.service-card:focus-visible{outline:2px solid #c3933a;border-radius:30px}.loading{position:absolute;z-index:1000;inset:0;display:grid;place-items:center;background:#fcf6eae8;color:#775e31;font-size:13px}.loading[hidden],.loading[aria-hidden="true"]{display:none!important}
@media(max-width:1000px){.hero-copy{width:min(56%,560px)}}
@media(max-width:900px){.hub{left:52%;width:32%}.service-card{width:29%}.floor-light{left:12%;width:78%}.stage svg{clip-path:none}}
@media(min-width:901px){.hero-copy{padding-top:42px}}