@scope(#card-nav){.logo-container{align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-nav-content{align-items:flex-start;gap:12px;height:min-content;padding:1em;display:flex;position:absolute;bottom:0;left:0;right:0}.nav-card-link{cursor:pointer;white-space:nowrap;align-items:center;gap:6px;transition:opacity .3s}.nav-card-link:hover{opacity:.75}.nav-card{flex:auto;height:auto;max-height:none}@media (width<=768px){.hamburger-menu{order:2}.card-nav-cta-button{display:none}.card-nav-content{flex-direction:column;justify-content:flex-end;align-items:stretch;gap:8px;padding:2em}}}@scope(#header-menu-button){:scope{width:100%;height:100%;display:block}.header-menu-button-checkbox{display:none}.header-menu-button{width:100%;height:100%;display:flex;position:relative}.header-menu-button:hover{cursor:pointer}.icon-E,.icon-X{background-color:revert-layer;width:100%;height:2px;position:absolute;top:50%;left:0}.icon-E:before,.icon-E:after,.icon-X:before,.icon-X:after{content:"";background-color:inherit;visibility:visible;width:100%;height:100%;position:absolute;left:0}.icon-E{transition:transform var(--icon-duration,.5s) var(--icon-duration,.5s), background-color .3s 0s;transform:translateY(-50%)scaleY(1)}.icon-E:before{top:calc(1px - 50cqh)}.icon-E:after{top:calc(50cqh - 1px)}.icon-X{background-color:revert-layer;transition:transform var(--icon-duration,.5s) 0s, background-color .3s 0s;visibility:hidden;transform:translateY(-50%)scaleY(0)}.icon-X:before{top:0;transform:rotate(45deg)}.icon-X:after{top:0;transform:rotate(-45deg)}.header-menu-button-checkbox:checked+.header-menu-button>.icon-E{transition:transform var(--icon-duration,.5s) 0s, background-color .3s 0s;transform:translateY(-50%)scaleY(0)}.header-menu-button-checkbox:checked+.header-menu-button>.icon-X{transition:transform var(--icon-duration,.5s) var(--icon-duration,.5s), background-color .3s 0s;transform:translateY(-50%)scale(1)}}