.nav-section{background-color:var(--colors-white);inset:0 0 auto 0;overflow-x:clip;position:fixed;z-index:99;--height:auto;.container{margin:0 auto;max-width:var(--max-width);padding:0 var(--spacing-md);position:relative;.content{align-items:center;container-name:container;container-type:inline-size;display:flex;flex-direction:row;gap:var(--spacing-x-lg);justify-content:space-between}}.container~.container:first-child{margin-top:var(--height)}.segment:first-child{.logo{line-height:0px;padding:var(--spacing-md) 0;width:120px}}.segment:nth-child(2){@container body-container (max-width: 1024px){background-color:red;height:0;inset:auto 0 0;position:absolute;.nav-list{align-items:stretch;flex-direction:column;padding:var(--spacing-x-big) var(--spacing-big);text-align:center}}}.nav-list{align-items:center;display:flex;gap:var(--spacing-x-big);list-style:none;margin:0;@container body-container (max-width: 1024px){background-color:var(--colors-white);flex-direction:column;gap:0;height:100dvh}}.nav-item{*{text-decoration:none}&:not(:last-child){margin:0;padding:var(--spacing-x-big) 0}@container body-container (max-width: 1024px){&:last-child{padding:var(--spacing-x-big) 0}}}.button{align-items:center;background-color:transparent;border:.125rem solid transparent;border-radius:62.5rem;color:inherit;display:flex;gap:.625rem;justify-content:center;outline:2px solid;outline-offset:-2px;padding:.5rem var(--spacing-x-big,2rem);text-decoration:none;@container body-container (max-width: 1024px){width:100%}}.segment:nth-child(3){display:none;.nav-icon{align-items:flex-start;display:inline-flex;flex-direction:column;gap:4px;height:20px;justify-content:flex-start;position:relative;width:32px;input{appearance:none;inset:0;position:absolute}}@container body-container (max-width: 1024px){align-items:center;display:flex;justify-content:center}}@container body-container (max-width: 1024px){.segment:nth-child(2){transform:translateX(100%);transition:transform .25s ease-in}&.open,&:has(.segment:nth-child(3) input:checked){.segment:nth-child(2){transform:translateX(0)}}}}