/* Integration of server-rendered October partials with the preview design. */
.tp-hero__picture { display: contents; }
.tp-menu-group { display: flex; align-items: center; gap: 8px; position: relative; }
.tp-menu-children summary { cursor: pointer; list-style: none; }
.tp-menu-children summary::-webkit-details-marker { display: none; }
.tp-menu-children > div { position: absolute; top: 100%; left: 0; z-index: 20; min-width: 220px; padding: 20px; display: grid; gap: 16px; background: var(--tp-paper); border: 1px solid var(--tp-line-soft); }
.tp-menu-children .tp-menu-children > div { position: static; }
.tp-project-card__meta h2 { font-size: var(--tp-fs-card); line-height: 1.08; text-transform: uppercase; }
.tp-project-card__meta p { font-size: var(--tp-fs-small); }
.tp-project-card__meta p + p { margin-top: var(--tp-s2); }
.tp-project-card__meta > div { min-width: 0; }
.tp-text-content ul, .tp-text-content ol { padding-left: 1.2em; }
.tp-text-content .tp-benefits-layout__list { padding-left: 0; }
.tp-benefits-layout__list p + p { margin-top: var(--tp-s2); }
@media (max-width: 1023px) {
  .tp-mobile-nav .tp-menu-group { flex-wrap: wrap; }
  .tp-mobile-nav .tp-menu-children { flex: 1; }
  .tp-mobile-nav .tp-menu-children > div { position: static; min-width: 0; }
}

.tp-footer__menu { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 30px; }
.tp-footer__menu a:hover { text-decoration: underline; }

@media (max-width: 1023px) {
  .tp-header > span:empty { display: none; }
  .tp-header__toggle { grid-column: 2; grid-row: 1; justify-self: end; align-self: center; min-width: 44px; min-height: 44px; }
  .tp-header__toggle-lines,
  .tp-header__toggle-lines::before,
  .tp-header__toggle-lines::after { height: 3px; }
}