/* Header additions: scroll progress, animated brand + nav underline */
.scroll-progress{
    position:fixed;inset:0 0 auto;
    z-index:1300;height:3px;transform:scaleX(0);
    transform-origin:left;
    background:linear-gradient(90deg,var(--cyan),var(--orange-bright));
    box-shadow:0 0 14px rgb(255 152 79/60%);
    pointer-events:none}
.site-header{animation:header-in .9s var(--ease) both}
.brand img{
    width: 240px; /* Increased from 190px */
  height: auto;
  object-fit: contain;
    transition:transform var(--transition),filter var(--transition)}
.brand:hover img{transform:scale(1.05);
    filter:drop-shadow(0 0 12px rgb(255 152 79/45%))}
.button-nav span{display:inline-block;
    transition:transform var(--transition-fast)}
.button-nav:hover span{transform:translate(2px,-2px)}
@keyframes header-in{from{opacity:0;transform:translateY(-100%)}}