/* Full-page red and gold ambient atmosphere */
.site-shell{background:#0d0f14}
.site-shell::before{z-index:0;opacity:.14;background-image:radial-gradient(circle at 18% 20%,rgba(227,34,40,.18) 0,transparent 28%),radial-gradient(circle at 86% 76%,rgba(230,171,65,.13) 0,transparent 30%),linear-gradient(120deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,auto,42px 42px}
.site-shell::after{content:"";position:fixed;inset:-8%;z-index:0;pointer-events:none;background:url("ambient-red-gold.png") center center/cover no-repeat;opacity:.59;transform:scale(1.06) translate3d(-.6%,-.4%,0);will-change:transform;animation:hak-ambient-drift 30s ease-in-out infinite alternate}
.site-shell>header,.site-shell>section,.site-shell>footer{z-index:1}
.cursor-ripples{display:none!important}
html:not(.dark) .site-shell{background:#f8f8f8}
html:not(.dark) .site-shell::after{opacity:.095;mix-blend-mode:multiply}
html:not(.dark) .site-shell::before{opacity:.5}
@keyframes hak-ambient-drift{0%{transform:scale(1.06) translate3d(-.8%,-.5%,0)}50%{transform:scale(1.12) translate3d(1%,.7%,0)}100%{transform:scale(1.08) translate3d(-.2%,1%,0)}}
@media (prefers-reduced-motion:reduce){.site-shell::after{animation:none}}

/* Full-width, readable sticky navigation */
.site-shell{overflow:visible!important}
.topbar{position:sticky!important;top:0!important;z-index:60!important;width:100%!important;max-width:none!important;margin:0!important;height:86px;padding-inline:max(32px,calc((100vw - 1216px)/2));background:rgba(13,15,20,.91)!important;border-bottom:1px solid rgba(255,255,255,.12)!important;box-shadow:0 10px 28px rgba(0,0,0,.22)!important;-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%)}
html:not(.dark) .topbar{background:rgba(255,255,255,.91)!important;border-bottom-color:rgba(18,24,33,.12)!important;box-shadow:0 10px 24px rgba(25,31,42,.09)!important}
@media (max-width:780px){.topbar{height:72px;padding-inline:18px}.nav{top:72px}}