header{height:10rem;position:fixed;width:100%;top:0;z-index:9999;display:grid;grid-auto-flow:column;background:#fff;padding-top:20px;padding-bottom:20px;padding-left:min(1.5rem,2vw);padding-right:min(1.5rem,2vw);align-items:center;border-bottom:5px solid #c52a2c;margin:0;box-sizing:border-box}#header-placeholder{width:100%;height:10rem;padding-top:20px;padding-bottom:20px;padding-left:min(1.5rem,2vw);padding-right:min(3rem,4vw);box-sizing:border-box}header.shrink{height:4rem;transition:all .3s ease .3s}nav{margin-left:auto}nav a{text-decoration:none}nav>ul{display:flex;grid-auto-flow:column;gap:20px;list-style:none;padding:0;height:100%;margin:0;padding:0}nav>ul>li{margin-top:auto;margin-bottom:auto;font-weight:550;font-size:1.05rem;a { color: #222; } a:hover { text-decoration: underline; }}#header-logo{display:inline-block;position:relative;height:100%;width:2rem}#header-logo img{position:absolute;top:0;left:0;height:8rem;transition:all .3s ease 0s}#logo-swoops{opacity:1;animation-delay:0s;transition:all .3s ease .3s}.shrink #logo-swoops{transition:all .3s ease 0s;opacity:0}.shrink #logo-text{position:absolute;transition:all .3s ease .3s;top:0;transform:translate(0,-35%)}.nav-button{display:none}@media(max-width:830px){nav>ul>li{font-size:.8rem}}@media(max-width:690px){.nav-button{display:inline;padding-right:2rem;border:none;background:0 0}nav>ul{position:fixed;display:block;left:0;top:0;padding-top:2.55rem;text-align:right;width:100vw;height:100vh;background:#fff;opacity:0;pointer-events:none}nav>ul *{font-size:clamp(.5rem,3rem,3rem);padding-right:.3rem}.nav-menu-mobile{opacity:1;pointer-events:auto;transition:opacity .3s ease-in}}