/* Let the hero background continue uninterrupted behind the navigation. */
#site.light-sim{position:relative}
#site.light-sim:has(#portfolio:not(.hidden))>.topbar{position:absolute;inset:0 0 auto;width:100%;box-sizing:border-box;z-index:40;border:0;backdrop-filter:none}
#site.light-sim:has(#portfolio:not(.hidden)) .hero-pin{padding-top:calc(clamp(80px,8vw,128px) + 80px)}
#site.light-sim>.topbar>.nav-right{box-shadow:none;border:0}
@media(max-width:850px){#site.light-sim>.topbar.mobile-menu-open>.nav-right{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}}
@media(max-width:700px){#site.light-sim:has(#portfolio:not(.hidden)) .hero-pin{padding-top:132px}}