/* Persistent portfolio navigation and readable anchor destinations. */
.portfolio-dark{--header-space:128px}
.portfolio-dark #app::before{content:'';position:fixed;inset:0 0 auto;height:116px;background:#111113;z-index:49;pointer-events:none}
.portfolio-dark .site-header{position:fixed;top:12px;left:50%;transform:translateX(-50%);margin-top:0;z-index:50;box-shadow:0 8px 28px #0003}
.portfolio-dark #app>main.wrap{padding-top:var(--header-space)}
.portfolio-dark main [id]{scroll-margin-top:calc(var(--header-space) + 20px)}
.portfolio-dark .discovery-nav{top:var(--header-space)}
.visual-discovery .visual-detail-static>h3{font-size:16px;font-weight:600;line-height:1.5;letter-spacing:0;color:#d5d5d0;margin:0;padding:20px 0}
.visual-detail-static>div{padding-bottom:20px}
@media(max-width:800px){.portfolio-dark{--header-space:108px}.portfolio-dark .site-header{top:8px;flex-direction:row;flex-wrap:nowrap;align-items:center;min-height:80px}.portfolio-dark .site-header .brand{margin-right:0}.portfolio-dark .site-nav{margin-left:auto}}
@media(max-width:360px){.portfolio-dark .site-header{gap:8px}.portfolio-dark .brand{font-size:14px}.portfolio-dark .brand-symbol{padding:4px;font-size:12px}.portfolio-dark .site-nav a{padding:8px 6px}}
@media(max-width:800px){.portfolio-dark #app::before{height:96px}}