.logo{width:auto;height:40px}header{position:sticky;top:0;z-index:1000;& .hide-on-mobile{display:none}}#site-header>*{padding-inline:max(calc((100% - var(--wp--style--global--content-size)) / 2), 12px);&#top-menu{max-height:0;opacity:0;overflow:hidden;font-size:var(--wp--preset--font-size--x-small);& ul{list-style-type:none;margin:0;padding:.3rem 0;display:flex;flex-direction:row;justify-content:center;gap:2rem;& a{color:var(--wp--preset--color--white)}}}&#main-menu{display:grid;grid-template-columns:auto min-content;align-items:center;justify-content:space-between;padding-block:.5rem;font-size:var(--wp--preset--font-size--medium);& div[class*="menu-"]{max-height:0;overflow:hidden;grid-column:span 2;& ul{list-style-type:none;margin:0;padding:2rem 0 2rem 0;display:flex;flex-direction:column;justify-content:flex-start;text-align:left;gap:1rem;& li.menu-item{&:is(.current-page-ancestor,.current_page_item,.current-menu-ancestor,.current-menu-item) a{text-decoration:underline;color:var(--wp--preset--color--green)}&.menu-item-type-search a{--search-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E");background:var(--search-icon) center center no-repeat;width:22px;font-size:0}}& a{color:var(--wp--preset--color--black)}}}& svg{transition:transform .2s ease-out}& .site-logo{display:flex;align-items:center;gap:1rem;>*{margin:0;font-weight:400;font-size:clamp(0.8rem, 0.8rem + ((1vw - 0.2rem) * 0.629), 1.4rem);line-height:1rem;text-transform:lowercase}}}}body.menu-open .wp-site-blocks{&>header.wp-block-template-part{height:100dvh;background:#fff;& #site-header{display:flex;flex-direction:column;justify-content:space-between;height:100%;&>#top-menu{max-height:240px;opacity:1;animation:entrance-up 1s ease-out}&>#main-menu{& div[class*="menu-"]{animation:entrance 0.3s ease-out;max-height:90vh;overflow:visible}& svg{transform:rotate(90deg) scale(1)}}}}}@media screen and (min-width:960px){.logo{max-width:100%;height:auto}header{top:calc(-22px - 0.6rem);& .hide-on-mobile{display:revert}& .hide-on-desktop{display:none}& .cta{padding-left:0;& a{background-color:var(--wp--preset--color--green);border-radius:1.5em;border-color:var(--wp--preset--color--green);border-width:1px;border-style:solid;color:var(--wp--preset--color--white)!important;font-family:inherit;font-size:var(--wp--preset--font-size--default);font-weight:400;line-height:inherit;padding-top:.75rem;padding-bottom:.75rem;padding-left:1rem!important;padding-right:1rem!important;text-decoration:none;position:relative;&:hover{background-color:#fff0;color:var(--wp--preset--color--green)!important;text-decoration:none}}&.outline a{background-color:#fff0;border:1px solid var(--wp--preset--color--green);color:var(--wp--preset--color--green)!important;&:hover{background-color:var(--wp--preset--color--green);color:var(--wp--preset--color--white)!important;text-decoration:none}}}}#site-header{display:flex;flex-direction:column-reverse;&>#top-menu{max-height:none;opacity:1;& ul{flex-direction:row;gap:1.5rem;justify-content:flex-end;& a:hover{text-decoration:underline}}}& #menu-topmenu{& ul{padding:0;flex-direction:row;gap:1.5rem;justify-content:flex-end!important}}&>#main-menu{grid-template-columns:auto auto;padding-block:.5rem;font-size:var(--wp--preset--font-size--default);font-weight:500;& div[class*="menu-"]{max-height:none;grid-column:span 1;gap:1.5rem;& ul{padding:0;flex-direction:row;gap:1.5rem;justify-content:flex-end;align-items:center;& li.menu-item{padding-left:0}& a{display:inline-block;padding:.75rem 0;margin:2px;&:hover{text-decoration:underline;color:var(--wp--preset--color--green)}}}}& a:has(svg){display:none}}}}@keyframes entrance{0%{opacity:0;transform:translateY(-100px)}70%{opacity:.5;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}@keyframes entrance-up{0%{transform:translateY(100%)}70%{transform:translateY(100%)}100%{transform:translateY(0)}}