header.public{grid-area:header;padding:1.875rem 3.75rem;font-size:1rem;display:grid;grid-template-columns:15em 1fr auto;grid-template-areas:"logo . actions";column-gap:1em;align-items:center;background:rgba(0,30.6,30.6,.5);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100;transition:padding .3s ease,font-size .3s ease}header.public.scrolled{padding-top:.75rem;padding-bottom:.75rem;font-size:.75rem}header.public h1#logo{grid-area:logo;width:16em;aspect-ratio:2.68;margin:0;display:block;font-size:1em;background-image:url(/logo-white.svg);background-size:contain;background-repeat:no-repeat}@media(max-width:600px){header.public h1#logo{width:12em}}header.public h1#logo a{display:block;width:100%;height:100%}header.public h1#logo span{display:none}header.public nav#actions{grid-area:actions;display:flex;flex-direction:row;align-items:center;gap:1em}header.public nav#actions .button{font-size:1.5em}@media(max-width:600px){header.public nav#actions .button{font-size:1.25em}}