:root{--bar-width:32px;--bar-height:5px;--hamburger-gap:5px;--foreground:#fff;--background:#fff;--animation-timing:200ms ease-in-out;--hamburger-height:calc(var(--bar-height) * 3 + var(--hamburger-gap) * 2);--padding-header-top-bottom:1.25em;--padding-header-left-right:1.5em;--logo-height:75px}header{display:flex;background-color:var(--primary-color);padding:var(--padding-header-top-bottom)var(--padding-header-left-right);align-items:center;justify-content:space-between}.logo__container{display:flex;align-items:center;cursor:pointer;position:relative}.logo__image{width:80px;height:var(--logo-height)}.logo__title{font-weight:700;display:inline;font-size:2.5rem;letter-spacing:2px}.hamburger__menu{--menu-space:0.875em;translate:-100%;top:calc(var(--padding-header-top-bottom) * 2 + var(--logo-height));left:0;right:0;background-color:var(--background-color);position:absolute;z-index:1000}.hamburger__menu-btn{--square-root-of-two:1.41421356237;--x-width:calc(var(--hamburger-height) * var(--square-root-of-two));display:flex;flex-direction:column;width:max-content;gap:var(--hamburger-gap);cursor:pointer;justify-content:center}.hamburger__menu-btn::before,.hamburger__menu-btn::after,.hamburger__menu-btn input{content:"";width:var(--bar-width);height:var(--bar-height);background-color:var(--foreground);border-radius:9999px;transform-origin:left center;transition:opacity var(--animation-timing),width var(--animation-timing),rotate var(--animation-timing),translate var(--animation-timing)}.hamburger__menu-btn input{appearance:none;padding:0;margin:0;outline:none;pointer-events:none}.hamburger__menu-btn:has(input:checked)::before{rotate:45deg;width:var(--x-width);translate:0 calc(var(--bar-height)/-2)}.hamburger__menu-btn:has(input:checked)::after{rotate:-45deg;width:var(--x-width);translate:0 calc(var(--bar-height)/2)}.hamburger__menu-btn input:checked{opacity:0;width:0}.hamburger__menu-btn:has(input:checked)+.hamburger__menu{translate:0}.hamburger__links{display:flex;align-items:center;flex-direction:column}.hamburger__links li{width:100%}.hamburger__links a{color:var(--primary-color);text-decoration:none;font-weight:700;font-size:1.125rem;display:block;text-align:center;padding:var(--menu-space)0}@media(min-width:807px){.hamburger__menu{position:static;translate:0}.hamburger__menu-btn{display:none}.hamburger__links{display:flex;flex-direction:row;gap:1.5em;background-color:var(--primary-color)}.hamburger__links li{position:relative}.hamburger__links li:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2.5px;background-color:currentColor;transition:width .2s ease}.hamburger__links li:hover:after{width:100%}.hamburger__links a{font-size:1.25rem;color:var(--text-color);font-weight:500;cursor:pointer;padding:0}}@media(min-width:1024px){.logo__image{width:100px;height:auto}.logo__title{font-size:3rem}.hamburger__links{gap:2em}.hamburger__links a{font-size:1.375rem}}@media(min-width:1280px){header{padding:1.5em 2.25em}.logo__image{width:120px}.logo__title{font-size:3.5rem}.hamburger__links{gap:2.5em}.hamburger__links a{font-size:1.75rem}}@media(min-width:1800px){header{padding:1.675em 2.875em}.logo__image{width:130px}.logo__title{font-size:3.875rem}.hamburger__links{gap:4em}.hamburger__links a{font-size:1.875rem}}