:root {
    --bg-standard: #f7f8f1;
    --text-standard: #190c30;
    --accent-standard: #0c1916;
    --font-main: 'Helvetica Neue', Arial, sans-serif;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: var(--font-main);
    background-color: var(--bg-standard);
    color: var(--text-standard);
    line-height: 1.6;
}

.layout {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: minmax(50px, 200px);
    position: relative;
    padding: 16px;
    align-items: center;
}
.row {
    grid-row-start: var(--row);
}

.col-1 { grid-column-start: 1; z-index: 120; }
.col-2 { grid-column-start: 2; z-index: 110; }
.col-3 { grid-column-start: 3; z-index: 100; }
.col-4 { grid-column-start: 4; z-index: 90; }
.col-5 { grid-column-start: 5; z-index: 80; }
.col-6 { grid-column-start: 6; z-index: 70; }
.col-7 { grid-column-start: 7; z-index: 60; }
.col-8 { grid-column-start: 8; z-index: 50; }
.col-9 { grid-column-start: 9; z-index: 40; }
.col-10 { grid-column-start: 10; z-index: 30; }
.col-11 { grid-column-start: 11; z-index: 20; }
.col-12 { grid-column-start: 12; z-index: 10; }

.row-1 { grid-row-start: 1; }
.row-2 { grid-row-start: 2; }
.row-3 { grid-row-start: 3; }
.row-4 { grid-row-start: 4; }
.row-5 { grid-row-start: 5; }
.row-6 { grid-row-start: 6; }
.row-7 { grid-row-start: 7; }
.row-8 { grid-row-start: 8; }
.row-9 { grid-row-start: 9; }
.row-10 { grid-row-start: 10; }
.row-11 { grid-row-start: 11; }
.row-12 { grid-row-start: 12; }
.row-13 { grid-row-start: 13; }
.row-14 { grid-row-start: 14; }
.row-15 { grid-row-start: 15; }
.row-16 { grid-row-start: 16; }
.row-17 { grid-row-start: 17; }
.row-18 { grid-row-start: 18; }
.row-19 { grid-row-start: 19; }
.row-20 { grid-row-start: 20; }
.row-21 { grid-row-start: 21; }
.row-22 { grid-row-start: 22; }
.row-23 { grid-row-start: 23; }
.row-24 { grid-row-start: 24; }
.row-25 { grid-row-start: 25; }
.row-26 { grid-row-start: 26; }
.row-27 { grid-row-start: 27; }
.row-28 { grid-row-start: 28; }
.row-29 { grid-row-start: 29; }
.row-30 { grid-row-start: 30; }
.row-31 { grid-row-start: 31; }
.row-32 { grid-row-start: 32; }
.row-33 { grid-row-start: 33; }
.row-34 { grid-row-start: 34; }
.row-35 { grid-row-start: 35; }