.section--home{ border-bottom: var(--border-light); .btn--bold-inline{ text-transform: none; svg{ width: 12px; height: 12px; top: 0px; } } .section--inner{ max-width: 1300px; margin: calc(var(--spacing)*3) auto; display: grid; --gap: calc(var(--padding-body)*2); grid-template-columns: repeat(2, calc((100% - var(--gap))*0.5)); grid-gap: var(--gap); } .col-left{ height: 100%; display: flex; flex-direction: column; align-items: flex-start; } .col-right{ width: 100%; height: 100%; } .title-section{ font-size: var(--fs-medium); font-weight: normal; text-transform: uppercase; font-size: var(--fs-big); margin-bottom: calc(var(--spacing)*1); } .description-section{ font-size: var(--fs-medium); line-height: 1.1; margin-bottom: calc(var(--spacing)*1.5); } } #home__investigations{ .home-investigations-slider{ max-width: 500px; height: auto; } .card--article{ align-items: flex-start; justify-content: flex-start; .time-alone{ display: block; } .description, .dl, .pin{ display: none; } } } #home__hero{ margin-top: calc(var(--spacing)*3); margin-bottom: calc(var(--spacing)*3); .section--inner{ display: block; } .baseline{ font-family: var(--title); font-size: 45px; line-height: 1.1; max-width: 26ch; // max-width: var(--max-w-content); } button{ margin-top: calc(var(--spacing)*1); } } #home__folders{ .card--folder{ margin-bottom: calc(var(--spacing)*0.5); } }