#splash-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #E5E5EE;
  z-index: 99999;
  transition: opacity 0.4s ease-out;
}
.sculpture-container {
  position: relative;
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* Bone shape: a rounded rect with circles at each end */
.shape {
  position: absolute;
  opacity: 0.9;
}
.shape-1 {
  width: 80px;
  height: 22px;
  background-color: #E8406A;
  border: 2.5px solid #9B1520;
  border-radius: 11px;
  animation: bone-spin 2.4s infinite ease-in-out;
}
.shape-1::before,
.shape-1::after {
  content: '';
  position: absolute;
  width: 28px;
  height: 28px;
  background-color: #E8406A;
  border: 2.5px solid #9B1520;
  border-radius: 50%;
  top: -5px;
}
.shape-1::before { left: -9px; }
.shape-1::after  { right: -9px; }

.shape-2 {
  width: 22px;
  height: 80px;
  background-color: #9B1520;
  border: 2.5px solid #9B1520;
  border-radius: 11px;
  animation: bone-spin 2.4s infinite ease-in-out reverse;
}
.shape-2::before,
.shape-2::after {
  content: '';
  position: absolute;
  width: 28px;
  height: 28px;
  background-color: #9B1520;
  border: 2.5px solid #9B1520;
  border-radius: 50%;
  left: -5px;
}
.shape-2::before { top: -9px; }
.shape-2::after  { bottom: -9px; }

@keyframes bone-spin {
  0%   { transform: rotate(0deg); }
  50%  { transform: rotate(180deg) scale(1.1); }
  100% { transform: rotate(360deg); }
}
.loading-text {
  position: absolute;
  bottom: -44px;
  width: 220px;
  left: -50px;
  text-align: center;
  font-family: Georgia, serif;
  font-size: 11px;
  letter-spacing: 3px;
  color: #9B1520;
  text-transform: uppercase;
}
.loading-text::after {
  content: "Unearthing...";
}