/* Quiet celestial detail, isolated behind the existing content. */
.cosmic-host{position:relative;isolation:isolate}
.cosmic-field{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none;contain:paint}
.cosmic-stars{position:absolute;inset:-24px;animation:cosmic-drift 38s ease-in-out infinite alternate}
.cosmic-star{position:absolute;width:2px;height:2px;border-radius:50%;background:#c9e6e6;opacity:.32}
.cosmic-star:nth-child(4n){width:3px;height:3px;background:#e7bf6c;opacity:.42;box-shadow:0 0 7px #e7bf6c55}
.cosmic-star:nth-child(3n){opacity:.17}
.cosmic-orbit{position:absolute;right:-12%;top:8%;width:min(76vw,1000px);aspect-ratio:1;border:1px solid #e7bf6c14;border-radius:50%;animation:cosmic-orbit 110s linear infinite}
.cosmic-orbit::before{content:"";position:absolute;top:50%;left:-2px;width:4px;height:4px;border-radius:50%;background:#e7bf6c;opacity:.5;box-shadow:0 0 12px #e7bf6c55}
.cosmic-orbit-inner{width:min(57vw,750px);right:-3%;top:20%;border-color:#70c9ea13;animation-duration:150s;animation-direction:reverse}
.cosmic-orbit-inner::before{background:#a3d7e4;width:3px;height:3px}
.cosmic-field[data-paused="true"] *{animation-play-state:paused}
@keyframes cosmic-drift{from{transform:translate3d(-5px,9px,0)}to{transform:translate3d(9px,-12px,0)}}
@keyframes cosmic-orbit{to{transform:rotate(360deg)}}
.button,.nav-contact{transition:transform .22s ease,box-shadow .3s ease,background .25s,color .25s,border-color .25s}
.button span,.text-link span{transition:transform .25s ease}
@media(hover:hover) and (pointer:fine){
  .button:hover{transform:translateY(-2px);box-shadow:0 5px 20px #c8953824}
  .button-gold:hover{box-shadow:0 5px 24px #e7bf6c30}
  .button:hover span,.text-link:hover span{transform:translate(2px,-1px)}
  .nav-contact:hover{box-shadow:0 0 18px #e7bf6c18}
}
.button:active,.nav-contact:active{transform:translateY(1px) scale(.985);box-shadow:none;transition-duration:80ms}
.experience-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:2rem;color:#aec5c6}
.experience-label{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;margin-right:.4rem}
.experience-toggle{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;padding:.45rem .85rem;border:1px solid #e7bf6c38;border-radius:2px;background:transparent;color:#c7d9d8;font:400 .72rem var(--sans);letter-spacing:.04em}
.experience-toggle:hover{border-color:#e7bf6c88;color:var(--goldlight)}
.experience-toggle::before{content:"";width:5px;height:5px;border-radius:50%;background:#627c80;flex:none}
.experience-toggle[aria-pressed="true"]::before{background:var(--goldlight);box-shadow:0 0 7px #e7bf6c44}
.experience-toggle:disabled{cursor:default;opacity:.65}
html[data-cosmic-motion="off"]{scroll-behavior:auto}
html[data-cosmic-motion="off"] .cosmic-field *{animation-play-state:paused}
html[data-cosmic-motion="off"] :is(.button,.button span,.text-link span,.nav-contact,.cover-stage){transition:none}
html[data-cosmic-motion="off"] :is(.button,.button span,.text-link span,.nav-contact){transform:none}
html[data-cosmic-motion="off"] .cover-stage:hover{transform:perspective(1500px) rotateY(-8deg) rotateZ(1.2deg)}
@media(max-width:760px){.cosmic-star:nth-child(n+15){display:none}.cosmic-orbit{width:115vw;right:-50%;top:25%}.cosmic-orbit-inner{width:88vw;right:-37%;top:35%}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .cosmic-field *{animation:none!important}
  .button,.button span,.text-link span,.nav-contact,.cover-stage{transition:none!important}
  .button:hover,.button:active,.button:hover span,.text-link:hover span,.nav-contact:active{transform:none!important}
  .cover-stage:hover{transform:perspective(1500px) rotateY(-8deg) rotateZ(1.2deg)}
}