nav.page-nav{margin-top:3rem;.container-wide{--padY:1em;background-color:var(--forestGreen);border-radius:var(--rad);font-size:16px;overflow:hidden;padding-bottom:var(--padY);padding-top:var(--padY);position:relative;@media (min-width:768px){--padY:1.5em}&.active{.page-links{grid-template-rows:1fr;.links-container{gap:2em 4em;opacity:1;padding-bottom:3rem;padding-top:3rem}}.nav-label .toggle:after{height:0;transition:.3s ease-out}}.page-links{@media (max-width:767px){display:grid;grid-template-rows:0fr;overflow:hidden;transition:.5s ease-in-out}}.links-container{align-items:flex-start;display:flex;flex-direction:column;gap:.25em 4em;justify-content:center;opacity:0;overflow:hidden;padding-bottom:0;padding-top:0;transition:.5s ease-in-out;@media (min-width:768px){--padY:1em;flex-direction:row;flex-wrap:wrap;gap:2em 4em;opacity:1;padding-bottom:var(--padY);padding-top:var(--padY)}}.nav-label{align-items:center;color:var(--white);display:flex;font-size:1em;font-weight:var(--semibold);justify-content:space-between;letter-spacing:.25em;text-transform:uppercase;@media (min-width:768px){display:none}.toggle{align-self:baseline;aspect-ratio:1/1;border-radius:50%;display:grid;grid-template-areas:"bar";height:40px;justify-self:flex-end;margin-left:auto;place-items:center;transition:.3s ease-in;width:40px;&:after,&:before{background-color:var(--white);content:"";display:block;grid-area:bar;transition:.15s ease-in}&:before{height:1.5px;width:17px}&:after{height:17px;width:1.5px}}&.active{.toggle{background-color:var(--electricGreen);transition:.15s ease-out}}}a{color:var(--white);font-size:1em;font-weight:var(--medium);line-height:1.1;position:relative;text-align:center;&:before{background-color:var(--forestGreen);bottom:-.25em;content:"";height:2px;left:50%;position:absolute;transform:translate(-50%,.25em);transition:.25s ease-in-out;width:50%}&:hover{&:before{background-color:var(--electricGreen);transform:translate(-50%);width:80%}}}}}