.main-logo{display:flex;flex-direction:row;opacity:.3;transition:opacity .3s ease-in-out}.main-logo.engaged{opacity:1}.main-logo .feature[data-feature-name=app--site_button]>button{background:transparent;border:none;height:70px;width:70px}.main-logo .feature[data-feature-name=app--site_button]>button figure{margin:0}.main-logo .feature[data-feature-name=app--site_button]>button figcaption{display:none}#main-nav{max-width:80vw;flex:1 1 0}#main-nav ul{display:flex;justify-content:center;align-items:center;list-style:none;padding:0;margin:0}#main-nav a{font-weight:800;font-size:1.7em;text-decoration:none;padding:1rem;color:var(--navlink-color-fg);background:var(--navlink-color-bg)}#main-nav a.is-active{color:var(--navlink-color-fg--active);background:var(--navlink-color-bg--active)}#main-nav a:hover{color:var(--navlink-color-fg--active)}@media screen and (max-width: 768px){#main-nav ul{flex-direction:column}}@media screen and (max-width: 768px){#main-nav li:has(a:not(.is-active)){display:none}}@media screen and (max-width: 768px){#main-nav a{font-size:1.2em}}.main-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.main-header>*{border:thick solid rgba(0,0,0,.1)}.main-header #main-nav{margin:0}.main-header #main-nav ul{margin:0;padding:0}@media screen and (max-width: 768px){.main-header figure{margin:0}}