.dynamic-header{--dynamic-header-size:10svh;z-index:20;top:max(calc(env(safe-area-inset-top,0px) + .5rem), 2.5svh);width:var(--dynamic-header-size);height:var(--dynamic-header-size);box-sizing:border-box;background:#000;border:1px solid #ffffff47;border-radius:clamp(.85rem,2.2vh,1.5rem);transition:width 1.2s cubic-bezier(.76,0,.24,1),border-radius 1.2s cubic-bezier(.76,0,.24,1);display:flex;position:fixed;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 0 1px #000000b8,0 .4rem 1.4rem #0000002e}.dynamic-header[data-expanded=true]{width:calc(100vw - clamp(1.5rem,5vw,4rem));transition:width 1.2s cubic-bezier(.76,0,.24,1),border-radius 1.2s cubic-bezier(.76,0,.24,1),top .9s cubic-bezier(.76,0,.24,1),left .9s cubic-bezier(.76,0,.24,1),transform .9s cubic-bezier(.76,0,.24,1)}.dynamic-header[data-expanded=false][data-bouncing=true]{transform:var(--dynamic-header-position,translate3d(0, 0, 0));will-change:transform;top:0;left:0}.dynamic-header__logo-slot{z-index:1;width:var(--dynamic-header-size);flex:0 0 var(--dynamic-header-size);box-sizing:border-box;background:#000;place-items:center;height:100%;padding:clamp(.3rem,.7vh,.55rem);display:grid;position:relative}.dynamic-header__logo{object-fit:contain;filter:drop-shadow(0 0 #fff0);width:100%;height:100%;transition:filter .22s;display:block}.dynamic-header__logo-link{place-items:center;width:100%;height:100%;display:grid}.dynamic-header__logo-link:focus-visible{outline-offset:-2px;outline:2px solid #fff}.dynamic-header__navigation{opacity:0;pointer-events:none;visibility:hidden;flex:auto;grid-template-columns:repeat(10,minmax(0,1fr));min-width:0;transition:opacity .26s;display:grid}.dynamic-header[data-expanded=true] .dynamic-header__navigation{opacity:1;pointer-events:auto;visibility:visible;transition-delay:.7s}.dynamic-header__link{color:#ffffffad;font-variant-numeric:tabular-nums;background:0 0;border-left:1px solid #ffffff3d;place-items:center;min-width:0;font-size:clamp(.72rem,1.55vh,1rem);line-height:1;text-decoration:none;transition:background-color .16s,box-shadow .16s,color .16s;display:grid;position:relative}.dynamic-header__link:focus-visible{z-index:1;outline-offset:-3px;background:#ffffff24;outline:2px solid #fff}@media (hover:hover) and (pointer:fine){.dynamic-header__logo:hover{filter:drop-shadow(0 0 .38rem #ffffffeb)drop-shadow(0 0 .9rem #ffffff94)}.dynamic-header[data-expanded=true] .dynamic-header__link:hover{color:#fff;background:#ffffff2e;box-shadow:inset 0 0 1.1rem #ffffff24}}@media (prefers-reduced-motion:reduce){.dynamic-header,.dynamic-header__logo,.dynamic-header__logo-link,.dynamic-header__navigation,.dynamic-header__link{transition:none}}