:root { --headline-background-color: #ffffff; --navbar-color: var(--headline-background-color); }

#featured-work { background: #f1faed; }

.featured-research-section { display: flex; flex-direction: column; align-items: center; gap: 48px; align-self: center; max-width: 1680px; }

@media (min-width: 680px) { .featured-research-section { gap: 64px; } }

@media (max-width: 345px) { .featured-research-section .card .foot .button { font-size: 12px; } }

@media (min-width: 1120px) { .featured-research-section { padding-bottom: 48px; } }

.latest-publications { max-width: 1680px; width: 100%; align-self: center; gap: 32px; }

.latest-publications .publications-container { display: flex; flex-direction: column; align-items: center; gap: 32px; }

@media (min-width: 1120px) { .latest-publications { padding: 96px 80px; } }

@media (min-width: 1440px) { .latest-publications { padding: 96px 128px; } }

@media (min-width: 1120px) { .latest-publications h2 { font-size: 26px; font-weight: 600; line-height: 140%; letter-spacing: -0.52px; } }

.testimonials-section, .media-section { display: flex; flex-direction: column; gap: 64px; }

@media (min-width: 1120px) { .testimonials-section, .media-section { padding: 96px 128px; } }

.testimonials-section .section-bottom, .media-section .section-bottom { display: flex; width: 252px; justify-content: center; align-items: center; align-content: flex-start; flex-wrap: wrap; align-self: center; column-gap: 36px; row-gap: 24px; }

@media (min-width: 680px) { .testimonials-section .section-bottom, .media-section .section-bottom { width: 100%; column-gap: 48px; } }

.testimonials-section .logo-owid, .media-section .logo-owid { height: 43px; }

@media (min-width: 680px) { .testimonials-section .logo-owid, .media-section .logo-owid { height: 57px; } }

.testimonials-section .logo-google, .media-section .logo-google { height: 43px; }

@media (min-width: 680px) { .testimonials-section .logo-google, .media-section .logo-google { height: 41px; } }

.testimonials-section .logo-the-economist, .media-section .logo-the-economist { height: 38px; }

@media (min-width: 680px) { .testimonials-section .logo-the-economist, .media-section .logo-the-economist { height: 66px; } }

.testimonials-section .logo-time, .media-section .logo-time { height: 28px; }

@media (min-width: 680px) { .testimonials-section .logo-time, .media-section .logo-time { height: 41px; } }

.testimonials-section .logo-govai, .media-section .logo-govai { height: 38px; }

@media (min-width: 680px) { .testimonials-section .logo-govai, .media-section .logo-govai { height: 66px; } }

.testimonials-section .logo-ft, .media-section .logo-ft { height: 28px; }

@media (min-width: 680px) { .testimonials-section .logo-ft, .media-section .logo-ft { height: 41px; } }

.testimonials-section .logo-dsit, .media-section .logo-dsit { height: 58px; }

@media (min-width: 680px) { .testimonials-section .logo-dsit, .media-section .logo-dsit { height: 69px; } }

.testimonials-section .logo-nlgov, .media-section .logo-nlgov { height: 63px; }

@media (min-width: 680px) { .testimonials-section .logo-nlgov, .media-section .logo-nlgov { height: 83px; } }

.media-section { max-width: 1200px; }

@media (min-width: 1424px) { .media-section { max-width: none; } }

.testimonials-section { padding-left: 0; padding-right: 0; background: #f1faed; }

.headline { gap: 0; background-color: var(--headline-background-color); }

.headline .intro-text { margin-bottom: 32px; width: 100%; align-self: center; }

.headline .headline-top { display: flex; flex-direction: column; padding: var(--side-padding); --side-padding: 32px; }

@media (min-width: 680px) { .headline .headline-top { --side-padding: 56px; } }

@media (min-width: 1120px) { .headline .headline-top { --side-padding: 0px; width: 934px; } }

.headline .buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }

.headline .buttons .outline-dark-big-button, .headline .buttons .outline-dark-big-button:hover { background: var(--headline-background-color) !important; }

.headline .subtitle { color: var(--epoch-gray-500, #5C737B); font-family: Messina Sans; font-size: 24px; font-weight: 350; line-height: 140%; letter-spacing: -0.24px; margin-bottom: 40px; }

.headline .headline-img { height: auto; margin-top: 0; }

@media (min-width: 680px) { .headline .headline-img { margin-top: -22px; } }

@media (min-width: 1120px) { .headline .headline-img { margin-top: -61px; } }

@media (min-width: 1440px) { .headline .headline-img { margin-top: -124px; } }

.headline .button { padding: 12px 32px; }

/*# sourceMappingURL=homepage.css.map */