/* A compact glass navigation that stays within reach while reading. */
header{position:fixed;z-index:1000;transition:top .28s ease,left .28s ease,right .28s ease,max-width .28s ease,height .28s ease,padding .28s ease,background .28s ease,box-shadow .28s ease}
header.scrolled{top:12px;left:6%;right:6%;max-width:1080px;height:60px;padding:0 22px;background:linear-gradient(115deg,#172942f2,#1d2544f3 60%,#352b46f2);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:inset 0 1px 0 #ffffff30,0 12px 36px #0005}
header .logo{transition:width .45s ease}
header.scrolled .logo{width:170px}
header.scrolled nav{gap:20px}
header.scrolled .nav-cta{padding:9px 16px}
.progress{width:100%;transform:scaleX(0);transform-origin:left center;will-change:transform}
@media(max-width:800px){header.scrolled{top:10px;left:9%;right:9%;max-width:390px;height:54px;padding:0 17px}header.scrolled .logo{width:155px}header.scrolled nav{top:64px;gap:24px}}
@media(max-width:380px){header.scrolled{left:6%;right:6%}header.scrolled .logo{width:140px}}
@media(prefers-reduced-motion:reduce){header,header .logo{transition:none}}
html.motion-paused header,html.motion-paused header .logo{transition:none}