/* Keep the sphere silhouette circular; all surface rotation happens in 3D. */
.hero-art .sculpture .core{width:72%;left:14%;top:17%;animation:core-drift 8s ease-in-out infinite;transform:none!important}
.hero-art .sculpture .core.sphere-ready{background:transparent;box-shadow:none;container-type:normal}
.core.sphere-ready::before,.core.sphere-ready>.brush-wordmark,.core.sphere-ready>.paint-star{display:none!important}
.sphere-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(16px 28px 17px #20203b26);pointer-events:none}
/* Fallback is centered higher to compensate for the source's transparent margin. */
.hero-art .core:not(.sphere-ready) .brush-wordmark{width:64%;max-width:64%;transform:translateY(-4%) rotate(5deg)}
@media(max-width:700px){.hero-art .sculpture .core{width:73%;left:13.5%;top:17%}.sphere-canvas{filter:drop-shadow(9px 17px 11px #20203b26)}}
@media(prefers-reduced-motion:reduce){.hero-art .sculpture .core{animation:none!important;translate:0;rotate:0}}
body.motion-paused .hero-art .sculpture .core{animation:none!important;translate:0;rotate:0}

/* Give the painted object room: two color planes and one quiet coral arc. */
.sculpture>.paint-composition>g:not(.paint-planes),.sculpture .paint-planes>path:nth-child(2),.sculpture .paint-planes>path:nth-child(4),.sculpture>.orbit-one,.sculpture>.orbit-three,.sculpture>.satellite-two,.sculpture>.art-sticker{display:none}
.sculpture>.orbit-two{opacity:.65;border-width:10px}
.sculpture>.paint-composition{opacity:.8}
.hero-art .core:not(.sphere-ready){background:radial-gradient(circle at 32% 25%,#fffaf0 0%,#fff4dc 48%,#c7bdab 100%);box-shadow:inset -12px -15px 25px #938e8625,15px 25px 30px #20203b20}
.hero-art .core:not(.sphere-ready)::before{display:none}
.hero-art .core:not(.sphere-ready) .brush-wordmark{filter:drop-shadow(1px 2px 1px #10104430)}

/* The no-WebGL fallback follows the same theme families without new assets. */
body[data-palette="citrus"] .hero-art .core:not(.sphere-ready){background:radial-gradient(circle at 32% 25%,#fff8e4 0%,#ffedbd 48%,#c9b68b 100%)}
body[data-palette="citrus"] .hero-art .core:not(.sphere-ready) .brush-wordmark{filter:hue-rotate(-90deg) saturate(.65) drop-shadow(1px 2px 1px #10104430)}
body[data-palette="pop"] .hero-art .core:not(.sphere-ready){background:radial-gradient(circle at 32% 25%,#f1fcff 0%,#c9f2ff 48%,#91b5c3 100%)}
body[data-palette="pop"] .hero-art .core:not(.sphere-ready) .brush-wordmark{filter:hue-rotate(30deg) drop-shadow(1px 2px 1px #10104430)}

/* Theme values share the page's 650ms color timeline. */
body{--sphere-base:#fff4dc;--sphere-tint:#274eff;--sphere-recolor:0}
body[data-palette="citrus"]{--sphere-base:#ffedbd;--sphere-tint:#25a683;--sphere-recolor:1}
body[data-palette="pop"]{--sphere-base:#c9f2ff;--sphere-tint:#8a47ff;--sphere-recolor:1}
.hero-art .core:not(.sphere-ready){background:radial-gradient(circle at 32% 25%,#fffaf0 0%,var(--sphere-base) 48%,#bdc0bc 100%)!important}
.hero-art .core:not(.sphere-ready) .brush-wordmark{transition:filter .65s ease}