/* Full-bleed displacement sphere, following Hamish Williams's original composition. */
:root { --bg: #111111; }
:root[data-theme="light"] { --bg: #f2f2f2; }
.hero::before { display: none; }
.hero .hero-sculpture { inset: 0; width: 100%; height: 100%; opacity: 1; overflow: hidden; pointer-events: none; z-index: 0; }
.hero #liquid-orb { position: absolute; inset: 0; width: 100%; height: 100%; }
.liquid-canvas { position: absolute; inset: 0; display: block; opacity: 0; transition: opacity 3s cubic-bezier(.4,0,.2,1); }
[data-liquid-renderer="webgl"] .liquid-canvas { opacity: 1; }
/* Quiet fallback for browsers without a working WebGL context. */
[data-liquid-renderer="fallback"]::after { content: ""; position: absolute; width: 85vw; height: 85vw; right: -23vw; top: -35vw; border-radius: 46% 54% 53% 47%; background: radial-gradient(ellipse at 32% 70%, #65756e66, #27342f44 52%, transparent 73%); }
:root[data-theme="light"] [data-liquid-renderer="fallback"]::after { background: radial-gradient(ellipse at 32% 70%, #dce5dfaa, #edf0edaa 52%, transparent 73%); }
@media (prefers-reduced-motion: reduce) { .liquid-canvas { transition: none; } }

/* Keep the static fallback at the same reduced scale. */
[data-liquid-renderer="fallback"]::after { transform: scale(.6666666667); transform-origin: center; }