#investigation__content { padding-top: calc(var(--spacing) * 4); .section-content { margin-bottom: calc(var(--spacing)*4); } .section-title-only{ margin-bottom: 0; } h3, h4, h5{ font-weight: 500; max-width: var(--max-w-content); margin-inline: auto; } h3 { margin-top: calc(var(--spacing)*4); margin-bottom: calc(var(--spacing)*2); font-size: 1.45em; text-transform: uppercase; } h4 { margin-top: calc(var(--spacing)*3); margin-bottom: calc(var(--spacing)*1.5); font-size: 1.2em; text-transform: uppercase; } h5 { margin-top: calc(var(--spacing)*1.5); margin-bottom: calc(var(--spacing)*1); font-size: 1.2em; text-decoration: 1px underline var(--grey-600); text-underline-offset: 5px; } .section-txt{ max-width: var(--max-w-content); margin-inline: auto; } .subsection-w-media{ display: grid; grid-template-columns: 1fr 1fr; gap: var(--padding-body); position: relative; .media{ margin-inline: auto; max-width: var(--max-w-content); padding-left: var(--padding-inner); padding-right: var(--padding-inner); position: sticky; top: calc(var(--header-h) + var(--spacing)); align-self: start; } } .subsection-txt { min-height: calc(100vh - var(--header-h)); max-width: var(--max-w-content); padding-left: var(--padding-inner); padding-right: var(--padding-inner); padding-bottom: calc(var(--spacing)*6); } .subsection-w-hscroll{ position: relative; margin-bottom: calc(var(--spacing)*4); .horizontal-scroll{ height: 100vh; width: 100vw; overflow: hidden; display: flex; align-items: center; } .horizontal-scroll-wrapper{ display: flex; flex-wrap: nowrap; will-change: transform; } .horizontal-scroll-slide{ flex-shrink: 0; width: 90vw; max-width: 700px; padding: 0 calc(var(--spacing) * 1); figure, img{ width: 100%; } } .horizontal-scroll-pagination{ position: fixed; bottom: calc(var(--spacing) * 2); left: 50%; transform: translateX(-50%); display: flex; gap: 8px; z-index: 10; } } p { margin: calc(var(--spacing)*0.75) 0; } ul { padding-left: 3ch; li{ margin: calc(var(--spacing)*0.5) 0; } } .subsection-txt > :first-child, .section-content > :first-child{ margin-top: 0px; } } .investigation__content:target { padding-top: calc(var(--header-h)*2 + var(--spacing)) !important; } .media{ video{ width: 100%; } figure{ height: auto; } figcaption, .caption{ font-size: var(--fs-small); color: var(--color-txt-light); font-weight: 500; line-height: 1.1; margin: calc(var(--spacing) * 0.5) 0!important; } // .swiper{ // width: calc(100% - 60px); // max-width: 600px; // } }