.root-layout

display: grid
width: 100%

grid-template-columns: 1fr minmax( 10em, 60em) 1fr

grid-template-rows: minmax( 5vh, auto) minmax(10vh, auto) auto

& > *:last-child
    padding-bottom: var(--x)
    // margin-top: var(--x)
// grid-auto-rows: minmax( 1em, auto ) 

grid-gap: var(--x)

& > *
    grid-column: 2 / 3

.l-banner

grid-column: 1 / 4
grid-row: 1 / 3

.l-header

grid-row: 1 / 2
position: relative

.l-main

grid-row: 2 / 3

.l-main > * + *

margin-top: var(--x)

.l-menu

grid-row: 1 / 2
position: relative

.l-logo

margin-left: calc( -1 * var(--x) )