/* Small cinematic accents; interactive sculptures live only in spare space. */
.details-ornament{position:relative;display:inline-grid;place-items:center;width:54px;height:54px;pointer-events:none;user-select:none;flex:none;isolation:isolate;color:var(--accent,#a9c9ff);opacity:.8}
.details-ornament-home{position:absolute;right:7%;top:29%;z-index:1;opacity:.42;transform:translate3d(0,0,0) rotateX(var(--details-tilt-y,0deg)) rotateY(var(--details-tilt-x,0deg));transition:transform .4s ease,opacity .35s ease}
.details-ornament-heading{margin-left:auto;width:46px;height:46px;opacity:.6}
.details-cube{position:relative;display:block;width:29px;height:29px;transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(-34deg) rotateZ(4deg);animation:details-float 6s ease-in-out infinite}
.details-face{position:absolute;display:block;width:29px;height:29px;border:1px solid color-mix(in srgb,var(--accent,#a9c9ff) 62%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent,#a9c9ff) 37%,transparent),color-mix(in srgb,var(--surface,#0d1727) 88%,transparent));box-shadow:inset 0 0 12px color-mix(in srgb,var(--accent,#a9c9ff) 18%,transparent),0 0 15px color-mix(in srgb,var(--accent,#a9c9ff) 11%,transparent);backface-visibility:hidden}
.details-face-front{transform:translateZ(14.5px)}
.details-face-back{transform:rotateY(180deg) translateZ(14.5px)}
.details-face-right{transform:rotateY(90deg) translateZ(14.5px)}
.details-face-left{transform:rotateY(-90deg) translateZ(14.5px)}
.details-face-top{transform:rotateX(90deg) translateZ(14.5px);background:linear-gradient(135deg,color-mix(in srgb,var(--text,#eaf1ff) 25%,transparent),color-mix(in srgb,var(--accent,#a9c9ff) 26%,transparent))}
.details-face-bottom{transform:rotateX(-90deg) translateZ(14.5px)}
.details-glint{position:absolute;width:4px;height:4px;top:3px;right:5px;border-radius:50%;background:var(--text,#eaf1ff);box-shadow:0 0 8px 2px color-mix(in srgb,var(--accent,#a9c9ff) 70%,transparent);opacity:.72;animation:details-glint 4.5s ease-in-out infinite}
.details-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes details-float{0%,100%{transform:rotateX(-18deg) rotateY(-34deg) rotateZ(4deg) translateY(0)}50%{transform:rotateX(-13deg) rotateY(-27deg) rotateZ(4deg) translateY(-3px)}}
@keyframes details-glint{0%,100%{opacity:.24;transform:scale(.7)}45%{opacity:.85;transform:scale(1.15)}60%{opacity:.35;transform:scale(.85)}}
@media(max-width:600px){.details-ornament{display:none}}
@media(prefers-reduced-motion:reduce){.details-cube,.details-glint{animation:none}.details-ornament-home{transition:none}}
.reduced-motion .details-cube,.reduced-motion .details-glint{animation:none}
.details-paused .details-cube,.details-paused .details-glint,.details-document-hidden .details-cube,.details-document-hidden .details-glint{animation-play-state:paused}
@media(min-width:601px){.details-ornament-heading{margin-left:auto;margin-right:8px}}
.space-card .space-art{transform:perspective(450px) rotateY(calc(-25deg + var(--details-card-x,0deg))) rotateX(calc(12deg + var(--details-card-y,0deg)))}
.space-card:hover .space-art{transform:perspective(450px) rotateY(calc(-10deg + var(--details-card-x,0deg))) rotateX(calc(3deg + var(--details-card-y,0deg))) translateY(-4px)}
@media(max-width:600px){.space-card .space-art,.space-card:hover .space-art{transform:scale(.75) perspective(450px) rotateY(-25deg) rotateX(12deg)}}
.home-page{position:relative}.details-margin-field{position:absolute;top:0;left:50%;width:100vw;height:100%;transform:translateX(-50%);pointer-events:none;display:none;z-index:0}
.details-toy{position:absolute;width:64px;height:64px;display:grid;place-items:center;pointer-events:auto;background:none!important;border:0!important;padding:0!important;color:var(--accent);opacity:.48;cursor:grab;perspective:200px;transition:opacity .3s,filter .3s;touch-action:manipulation;isolation:isolate}
.details-toy:hover,.details-toy:focus-visible{opacity:.9;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 18%,transparent))}.details-toy:focus-visible{outline:2px solid var(--accent)!important;outline-offset:5px;border-radius:50%}.details-toy:active{cursor:grabbing}
.details-toy-left-top{left:7%;top:21%;transform:rotate(-15deg)}.details-toy-left-bottom{left:10%;top:66%;transform:scale(.8) rotate(15deg)}.details-toy-right-top{right:8%;top:15%}.details-toy-right-bottom{right:7%;top:70%;transform:scale(.85) rotate(-12deg)}
.details-toy-between{left:48%;top:56%;width:48px;height:48px;z-index:3;opacity:.32}
.details-orbit{position:relative;display:block;width:44px;height:44px;transform-style:preserve-3d;transform:rotateX(25deg) rotateY(-32deg);animation:details-orbit-float 8s ease-in-out infinite}.details-orbit i{position:absolute;inset:0;border:2px solid color-mix(in srgb,var(--accent) 60%,transparent);border-top-color:var(--text);border-radius:50%;box-shadow:inset 0 0 8px color-mix(in srgb,var(--accent) 10%,transparent);background:transparent}.details-orbit i:nth-child(2){transform:rotateY(64deg)}.details-orbit i:nth-child(3){transform:rotateX(67deg)}
.details-spinning>.details-cube,.details-spinning>.details-orbit{animation:details-spin .95s cubic-bezier(.2,.7,.3,1) both!important}
@keyframes details-orbit-float{50%{transform:translateY(-5px) rotateX(34deg) rotateY(-20deg)}}@keyframes details-spin{to{transform:rotateX(345deg) rotateY(390deg)}}
@media(min-width:1900px){.details-margin-field{display:block}}@media(max-width:1200px){.details-toy-between{display:none}}
.details-paused .details-orbit,.details-document-hidden .details-orbit{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.details-toy,.details-orbit,.details-spinning>.details-cube,.details-spinning>.details-orbit{animation:none!important;transition:none}}
.reduced-motion .details-orbit,.reduced-motion .details-spinning>.details-cube,.reduced-motion .details-spinning>.details-orbit{animation:none!important}