/* Additions for 3D Logo */
#logo-container {
  width: 100%;
  height: min(35vh, 350px); /* Reduced height to fit everything in one screen */
  min-height: 200px; /* Reduced min-height */
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin-bottom: 0.5rem; /* Reduced bottom margin to pull content up */
}

#logo-container canvas {
    outline: none;
}

/* Fallback/Backup for SEO (visually hidden but present) */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}