body {
  background-image:
    linear-gradient(rgba(250, 248, 244, 0.96), rgba(250, 248, 244, 0.96)),
    url('TOPO.png');
  background-attachment: fixed;
  background-size: 70% auto;
  background-position: center;
  background-repeat: no-repeat;
}

[data-header].is-scrolled { 
  box-shadow: 0 8px 30px rgba(15,23,32,0.08); 
}

/* Smooth Transitions */
.transition-shadow {
  transition: box-shadow 0.3s ease;
}