document.addEventListener('DOMContentLoaded',function(){let mainLogo=document.querySelector('header img.custom-logo');let topNav=document.getElementById('top-nav');let logo=topNav.querySelector('.rlc-mini-logo');let maxLogoWidth=120;let startScroll=54;let endScroll=189;let initPosition=window.scrollY||window.pageYOffset;function handleScroll(){let scrollPosition=window.scrollY||window.pageYOffset;if(scrollPosition>=startScroll){let logoWidth=Math.min((scrollPosition-startScroll)*(maxLogoWidth/(endScroll-startScroll)),maxLogoWidth);logo.style.width=logoWidth+'px';logo.style.opacity=logoWidth/maxLogoWidth;logo.classList.remove('hide')}else{let logoWidth=Math.max(0,Math.min((initPosition-startScroll)*(maxLogoWidth/(endScroll-startScroll)),maxLogoWidth));logo.style.width=logoWidth+'px';logo.style.opacity=0;logo.classList.add('hide')}
document.body.classList.toggle('scrolled',scrollPosition>0)}
window.addEventListener('scroll',handleScroll);handleScroll()})