@scope([style-Hp40fzHUjnPf]){header:scope{position:sticky;height:calc(var(--header-size)*1.2);width:100%;margin:0 0 calc(var(--header-size)*-1.2);padding:var(--unit-2) var(--unit-4);top:0;transition:height var(--duration),margin var(--duration),padding var(--duration);color:var(--primary-color);background:var(--back-color);z-index:var(--z-index);justify-content:flex-end}@media(min-width: 768px){header:scope{padding:var(--unit-2) calc(var(--unit-4) + var(--header-size))}}header:scope button.home{position:absolute;height:calc(var(--header-size) - var(--unit-4));width:auto;inset:0 auto 0 0;margin:auto 0;opacity:0;pointer-events:none;transition:opacity var(--duration)}header:scope.stuck{height:var(--header-size);margin:var(--unit-6) 0 0;padding:var(--unit-2) var(--unit-4)}header:scope.stuck button.home{opacity:1;pointer-events:initial}header:scope.stuck menu{inset:100% 0 auto auto}header:scope.stuck menu>*{padding-right:var(--unit-6)}header:scope button,header:scope img{height:100%;text-decoration:none;color:inherit;font-weight:bold;line-height:175%}header:scope+*{padding-top:calc(var(--header-size)*2 + var(--unit-16)) !important}header:scope .menu-toggle{height:100%;aspect-ratio:1;padding:.4rem;flex-flow:column;order:99}header:scope .menu-toggle span{display:block;width:2rem;border-radius:0;height:4px;background:var(--primary-color);transition:all .3s;position:relative;pointer-events:none}header:scope .menu-toggle span+span{margin-top:6px}header:scope .menu-toggle:not(.active) span:nth-child(1){animation:ease .5s top-2 forwards}header:scope .menu-toggle:not(.active) span:nth-child(2){animation:ease .5s scaled-2 forwards}header:scope .menu-toggle:not(.active) span:nth-child(3){animation:ease .5s bottom-2 forwards}header:scope .menu-toggle.active span:nth-child(1){animation:ease .5s top forwards}header:scope .menu-toggle.active span:nth-child(2){animation:ease .5s scaled forwards}header:scope .menu-toggle.active span:nth-child(3){animation:ease .5s bottom forwards}header:scope .menu-toggle.active+menu{height:265px;padding:var(--unit-4) 0}header:scope menu{position:absolute;inset:auto 0 100% auto;height:0px;width:235px;padding:0;display:flex;flex-flow:column;gap:var(--unit-4);align-items:center;color:var(--back-color);background:var(--fore-color);border-radius:0;transition:height var(--duration),padding var(--duration);overflow:clip}header:scope menu>*{flex:none;width:100%;height:auto;justify-content:flex-end;transition:padding var(--duration),background var(--duration),color var(--duration),border var(--duration)}@media(min-width: 768px){header:scope menu{width:300px}header:scope menu>*{padding-right:calc(var(--header-size) + var(--unit-6))}}@media(min-width: 900px){header:scope .menu-toggle{display:none}header:scope menu{display:contents;color:var(--fore-color)}header:scope menu>*{height:100%;width:auto;padding-right:var(--unit-6)}}@media(max-width: 900px){header:scope menu>*:hover{background:color-mix(in srgb, var(--fore-color), var(--back-color) 20%) !important}}header:scope .top{position:absolute;--_height: min(calc(100dvh - var(--header-size) - 1rem), 20rem);height:var(--_height);inset:calc(100dvh - var(--_height)) var(--unit-4) auto auto;padding:var(--unit-2) 0;font-weight:bold;writing-mode:vertical-rl;text-orientation:mixed;color:var(--neutral-color);cursor:pointer;background:none !important}header:scope .top:before{position:relative;content:"";flex:1;width:1px;display:block;background:currentColor}header:scope .top:hover{opacity:.5}@keyframes top{0%{top:0;transform:rotate(0)}50%{top:10px;transform:rotate(0)}100%{top:10px;transform:rotate(45deg)}}@keyframes top-2{0%{top:10px;transform:rotate(45deg)}50%{top:10px;transform:rotate(0deg)}100%{top:0;transform:rotate(0deg)}}@keyframes bottom{0%{bottom:0;transform:rotate(0)}50%{bottom:10px;transform:rotate(0)}100%{bottom:10px;transform:rotate(135deg)}}@keyframes bottom-2{0%{bottom:10px;transform:rotate(135deg)}50%{bottom:10px;transform:rotate(0)}100%{bottom:0;transform:rotate(0)}}@keyframes scaled{50%{transform:scale(0)}100%{transform:scale(0)}}@keyframes scaled-2{0%{transform:scale(0)}50%{transform:scale(0)}100%{transform:scale(1)}}}