.spatial-art{position:relative;isolation:isolate;pointer-events:none;width:100%;max-width:410px;height:270px;margin:22px 0 -6px;contain:layout style;overflow:hidden;border-radius:36px;background:radial-gradient(ellipse at 50% 52%,#a899c514,transparent 64%)}
.spatial-art canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;filter:drop-shadow(0 22px 18px #0006);opacity:.88;animation:spatial-appear 1.5s ease both}
.spatial-art--orbit{max-width:340px;height:300px;margin-top:24px}
.spatial-art:after{content:'';position:absolute;left:24%;right:24%;bottom:20%;height:15px;border-radius:50%;background:#0008;filter:blur(16px);z-index:0}
.spatial-orbit{position:absolute;inset:16% 8%;border:1px dashed #c6bad219;border-radius:50%;transform:rotate(-27deg);z-index:0}
.spatial-orbit:after{content:'';position:absolute;top:25%;left:4%;width:4px;height:4px;border-radius:50%;background:#e5dbee;box-shadow:0 0 12px #d8c7f0}
.spatial-caption{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);font:8px/1.5 monospace;letter-spacing:3px;color:var(--ink-soft,#888);opacity:.55;white-space:nowrap}
.spatial-fallback{position:absolute;inset:24% 32%;border:18px solid #96909f;border-radius:45% 55% 50% 40%;transform:rotate(-30deg);box-shadow:inset 8px 6px 12px #fff8,10px 14px 24px #0006;background:transparent}
.spatial-ready .spatial-fallback{display:none}
.manifesto:has(.spatial-art){align-items:center;gap:36px}
html[data-theme=light] .spatial-art{background:radial-gradient(ellipse at 50% 52%,#ac93c523,transparent 66%)}
html[data-theme=light] .spatial-art canvas{opacity:1;filter:drop-shadow(0 18px 18px #74617d25)}
html[data-theme=light] .spatial-art:after{background:#75617b38}
html[data-theme=light] .spatial-orbit{border-color:#73617e24}
html[data-theme=light] .spatial-orbit:after{background:#73617e}
@keyframes spatial-appear{from{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:.88;transform:none}}
@media(max-width:760px){.spatial-art{height:235px;max-width:100%;margin:12px auto 0}.spatial-art--orbit{height:220px;max-width:340px;margin-top:12px}.manifesto:has(.spatial-art){gap:24px}}
@media(prefers-reduced-motion:reduce){.spatial-art canvas{animation:none}}

/* Sculptural linked rings sit behind the community content, never over controls. */
.reviews-section{position:relative;isolation:isolate;overflow:hidden}.reviews-section>.spatial-art--community{position:absolute;z-index:-1;pointer-events:none;inset:-20px -85px auto auto;width:min(700px,80%);max-width:none;height:540px;margin:0;border-radius:0;opacity:.32;background:radial-gradient(ellipse at center,#b8a6d020,transparent 65%);mask-image:linear-gradient(0deg,transparent,black 24%,black 85%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent,black 24%,black 85%,transparent)}.spatial-art--community canvas{filter:blur(.3px);animation:none;opacity:1}.spatial-art--community:after{display:none}.spatial-art--community .spatial-orbit{inset:14% 8%;opacity:.55}.spatial-community-fallback{position:absolute;inset:20% 14%;perspective:500px;transform:rotate(-25deg)}.spatial-community-fallback>span{position:absolute;top:7%;left:12%;width:50%;height:85%;border:23px solid #94909f;border-radius:50%;box-shadow:inset 7px 3px 12px #fff7,6px 4px 12px #0008;transform:rotateY(30deg)}.spatial-community-fallback>span+span{left:40%;transform:rotateY(-45deg)}.spatial-ready .spatial-community-fallback{display:none}html[data-theme=light] .spatial-art--community{opacity:.25}html[data-theme=light] .spatial-art--community canvas{opacity:1;filter:blur(.3px)}@media(max-width:760px){.reviews-section>.spatial-art--community{width:440px;max-width:110%;height:380px;right:-115px;top:20px;opacity:.25}.spatial-community-fallback>span{border-width:17px}}

/* Floating chrome gyroscope fills the catalog backdrop without covering its controls. */
.catalogue{position:relative;isolation:isolate;overflow:hidden}.catalogue>.spatial-art--catalog{position:absolute;z-index:-1;pointer-events:none;right:-5%;top:150px;width:70%;max-width:820px;height:620px;margin:0;border-radius:0;opacity:.62;background:radial-gradient(ellipse at 52% 48%,#b4a0d51a,transparent 66%);mask-image:linear-gradient(90deg,transparent,black 25%,black 85%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 25%,black 85%,transparent)}.spatial-art--catalog canvas{animation:none;opacity:1;filter:drop-shadow(0 25px 35px #0006)}.spatial-art--catalog:after{bottom:15%;left:30%;right:25%;opacity:.5}.spatial-art--catalog .spatial-orbit{inset:17% 10%;border-style:solid;opacity:.7}.spatial-catalog-fallback{position:absolute;inset:21% 22%;perspective:600px}.spatial-catalog-fallback span{position:absolute;inset:0;border:9px solid #aaa2b7;border-radius:50%;box-shadow:inset 3px 2px 4px #fff9,5px 7px 15px #0006;transform:rotate(-30deg) rotateY(55deg)}.spatial-catalog-fallback span:nth-child(2){inset:10%;transform:rotate(35deg) rotateX(60deg)}.spatial-catalog-fallback span:nth-child(3){inset:22%;transform:rotate(-20deg) rotateY(-35deg)}.spatial-ready .spatial-catalog-fallback{display:none}html[data-theme=light] .catalogue>.spatial-art--catalog{opacity:.44}html[data-theme=light] .spatial-art--catalog canvas{opacity:1;filter:drop-shadow(0 22px 30px #64526f25)}@media(max-width:760px){.catalogue>.spatial-art--catalog{width:440px;max-width:110%;height:460px;right:-130px;top:160px;opacity:.25}}