/* The character walks behind the title and menu, on the header's lower edge. */
.site-header { border-bottom:0; }
.navigation { min-height:106px; z-index:2; }
.navigation-links { z-index:10; }
.brand,.menu-toggle { position:relative; z-index:3; }
.menu-toggle { position:absolute; }
.header-walkway { position:absolute; inset:0 0 auto; height:106px; width:100%; overflow:hidden; pointer-events:none; isolation:isolate; z-index:1; }
.character-canvas { position:absolute; left:0; top:0; width:100%; height:calc(100% - 14px); z-index:2; }
.theme-ledge { position:absolute; bottom:8px; left:0; right:0; height:6px; background:linear-gradient(180deg,#65548e,#29243f 45%,#161a2d); border-top:1px solid #b5a0eb70; box-shadow:0 -2px 14px #a78bfa12,0 3px 12px #02061155; z-index:1; }
.theme-ledge::after { content:""; position:absolute; top:5px; left:0; right:0; height:9px; background:linear-gradient(#8b5cf612,transparent); }
.walker-shadow { position:absolute; bottom:12px; width:43px; height:4px; transform:translateX(-50%); border-radius:50%; background:#100c2180; filter:blur(2px); z-index:3; }
.intro-page { min-height:calc(100svh - 106px); }
.no-webgl { height:14px; }
@media (max-width:700px) { .navigation,.header-walkway { min-height:100px; height:100px; } .intro-page { min-height:calc(100svh - 100px); } }