html,
body {
  max-width: 100%;
  overflow-x: clip;
}

html {
  overflow-y: auto;
}

body {
  overflow-y: visible;
}

@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }

  body.tw-ready .page-wrapper {
    animation: tw-page-in 700ms cubic-bezier(.22, 1, .36, 1) both;
  }
}

body.tw-has-cursor .cursor {
  pointer-events: none;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  inset: 0%;
  position: fixed;
}

.navigation,
.container.nav {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background-color: transparent !important;
}

.navigation,
.container.nav,
.main-nav-grid {
  contain: none !important;
  filter: none !important;
  isolation: auto !important;
  perspective: none !important;
  transform: none !important;
}

body.tw-has-cursor .cursor-dot-1,
body.tw-has-cursor .cursor-dot-2 {
  position: absolute;
  transform-origin: center;
  will-change: transform, width, height;
}

body.tw-has-cursor .cursor-dot-1 {
  --tw-cursor-scale: .12;
  z-index: 2;
  border: 1px solid rgb(19, 20, 23);
  background-color: rgb(19, 20, 23);
  width: 112px;
  height: 112px;
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(var(--tw-cursor-scale, 1));
  transition: background-color 500ms cubic-bezier(.165, .84, .44, 1), border-color 500ms cubic-bezier(.165, .84, .44, 1);
}

body.tw-has-cursor .cursor-dot-2 {
  --tw-cursor-scale: 1;
  z-index: 1;
  background-color: var(--white, #fff);
  width: 20px;
  height: 20px;
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(var(--tw-cursor-scale, 1));
  transition: width 500ms cubic-bezier(.165, .84, .44, 1), height 500ms cubic-bezier(.165, .84, .44, 1), background-color 500ms cubic-bezier(.165, .84, .44, 1);
}

body.tw-has-cursor.tw-cursor-hover .cursor-dot-1 {
  --tw-cursor-scale: 0;
}

body.tw-has-cursor.tw-cursor-hover .cursor-dot-2 {
  width: 60px;
  height: 60px;
  background-color: rgba(19, 20, 23, .2);
}

body.tw-has-cursor.tw-cursor-text-active .cursor-dot-1 {
  --tw-cursor-scale: 1;
  border-color: rgba(255, 255, 255, 0);
  background-color: rgba(0, 0, 0, .05);
}

body.tw-has-cursor.tw-cursor-text-active .cursor-dot-2 {
  width: 0;
  height: 0;
}

body.tw-has-cursor .cursor-text {
  opacity: 0;
  transform: scale(0);
  transform-origin: center;
  transition: opacity 500ms cubic-bezier(.165, .84, .44, 1), transform 500ms cubic-bezier(.165, .84, .44, 1);
}

body.tw-has-cursor.tw-cursor-text-active .cursor-text {
  opacity: 1;
  transform: scale(.8);
}

.project-owner-chip {
  z-index: 2;
  pointer-events: none;
  position: absolute;
  right: 1.25em;
  bottom: 1.25em;
  max-width: calc(100% - 2.5em);
  transform: translateY(200%);
  transition: transform 400ms cubic-bezier(.165, .84, .44, 1);
}

.project-item:hover .project-owner-chip,
.feature-project-item:hover .project-owner-chip,
.project-link:hover .project-owner-chip,
.feature-project-link:hover .project-owner-chip,
.tw-project-card-hover .project-owner-chip {
  transform: translateY(0);
}

.project-item,
.feature-project-item,
.next-work-item {
  transform: scale(1);
  transform-origin: center;
  transition: transform 400ms cubic-bezier(.165, .84, .44, 1);
}

.project-link,
.feature-project-link,
.next-project-link {
  overflow: hidden;
  transform: translateY(0);
}

.project-link::after,
.feature-project-link::after {
  content: none;
}

.tw-thumbnail-loader {
  inset: 0;
  opacity: 1;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  transition: opacity 520ms ease;
  z-index: 0;
}

.tw-thumbnail-loader::before {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .24), rgba(255, 255, 255, 0) 44%, rgba(19, 20, 23, .08)),
    var(--tw-loader-thumb-url, var(--tw-thumb-url)) center / cover no-repeat;
  content: "";
  filter: blur(28px) saturate(1.08);
  inset: -18px;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  transform: scale(1.12);
}

.tw-thumbnail-loader::after {
  animation: tw-thumb-glow-sweep 1.6s cubic-bezier(.4, 0, .2, 1) infinite;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0) 22%, rgba(255, 255, 255, .16) 39%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .2) 61%, rgba(255, 255, 255, 0) 78%);
  content: "";
  filter: blur(24px);
  inset: -52%;
  mix-blend-mode: screen;
  opacity: .58;
  pointer-events: none;
  position: absolute;
  transform: translate3d(-36%, -36%, 0);
}

.tw-thumb-loaded .tw-thumbnail-loader {
  opacity: 0;
}

.tw-empty-case-images-spacer {
  height: 96px;
}

.tw-case-study-button-spacer {
  height: 30px;
}

@keyframes tw-thumb-glow-sweep {
  0% {
    transform: translate3d(-38%, -38%, 0);
  }

  100% {
    transform: translate3d(38%, 38%, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .tw-thumbnail-loader::after {
    animation: none;
    opacity: 0;
  }
}

.project-top-info-wrapper,
.next-work-info-wrapper {
  z-index: 2;
  transform: translateY(-200%);
  transition: transform 400ms cubic-bezier(.165, .84, .44, 1);
}

.project-item:hover,
.project-item.tw-project-card-hover {
  transform: scale(.95);
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(.25, .46, .45, .94);
}

.feature-project-item:hover,
.feature-project-item.tw-project-card-hover {
  transform: scale(.95);
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(.25, .46, .45, .94);
}

.next-work-item:hover,
.next-work-item.tw-project-card-hover {
  transform: scale(.98);
}

.project-item:hover .project-top-info-wrapper,
.feature-project-item:hover .project-top-info-wrapper,
.next-work-item:hover .next-work-info-wrapper,
.tw-project-card-hover .project-top-info-wrapper,
.tw-project-card-hover .next-work-info-wrapper {
  transform: translateY(0);
}

.feature-project-img,
.feature-project-img-1,
.feature-project-img-2,
.feature-project-img-3,
.feature-project-img-4,
.feature-project-img-5,
.case-img,
.full-width-img {
  transition: transform 700ms cubic-bezier(.22, 1, .36, 1), filter 700ms cubic-bezier(.22, 1, .36, 1);
}

.case-img:hover {
  transform: scale(.992);
  filter: saturate(1.03);
}

video.case-img {
  display: block;
  width: 100%;
  aspect-ratio: 1920 / 1006;
  object-fit: cover;
  background-color: #efefef;
}

video.case-hero-img {
  display: block;
}

video.case-hero-img[poster="/assets/local/project-covers/physical-ai-design-system-for-humanoid-robots.jpg"] {
  height: 172%;
  left: 50%;
  object-fit: cover;
  object-position: 50% 0;
  position: relative;
  top: 0;
  transform: translateX(-50%);
  width: 172%;
}

.case-introduction p {
  font-size: 18px;
  padding-top: 30px;
}

.row-title {
  font-size: 16px;
}

.floating-item,
.nav-link-wrapper,
.tag,
.news-tag,
.button,
.link,
.contact-email-link {
  transition: background-color 220ms ease, color 220ms ease, border-color 220ms ease, opacity 220ms ease;
}

.menu-links-wrapper {
  -webkit-backdrop-filter: blur(24px) saturate(1.45) !important;
  backdrop-filter: blur(24px) saturate(1.45) !important;
  background-color: rgba(255, 255, 255, .54) !important;
  background-clip: padding-box;
  border-radius: 50em;
  padding: 4px;
  display: flex;
  overflow: hidden;
  position: relative;
}

.menu-links-wrapper .floating-item {
  cursor: pointer;
  transform: none !important;
}

.nav-link-stack.header .nav-link-wrapper,
.nav-link-stack.header .nav-link-text {
  transform: none !important;
}

.brand-logo-wrapper > .flex-vertical {
  gap: 4px;
}

.navigation .nav-link-stack.header {
  gap: 4px;
}

.tw-nav-work-link-hidden {
  display: none !important;
}

.menu-links-wrapper .floating-item:active,
.menu-links-wrapper .floating-item:focus {
  background-color: #0000;
  color: inherit;
}

@media (min-width: 992px) {
  .main-nav-grid {
    position: relative;
  }

  #w-node-_6bff00c8-e530-755f-826a-24de53748403-537483ff.menu-nav {
    grid-area: 1 / 3 / 2 / 5;
    pointer-events: none;
    display: flex;
  }

  .menu-links-wrapper {
    left: 50%;
    position: fixed;
    top: 16px;
    transform: translateX(-50%);
    pointer-events: auto;
  }

  #w-node-_1e26e799-f057-6978-0356-63011d50c113-537483ff.nav-link-stack.header {
    grid-area: auto;
    justify-self: end;
    margin-left: auto;
    pointer-events: auto;
  }

  .brand-logo-wrapper {
    z-index: 1;
    position: relative;
  }

  .navigation .nav-link-stack.header {
    justify-self: end;
    margin-left: auto;
    pointer-events: auto;
    position: fixed;
    right: 2.5em;
    top: 1.25em;
    z-index: 1;
  }
}

.link:hover {
  transform: translateY(-2px);
}

.button:hover .link-floating-text,
.link:hover .link-floating-text,
.contact-email-link:hover .link-floating-text,
.tw-password-form button:hover .link-floating-text {
  transform: translateY(-100%);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(.455, .03, .515, .955);
}

.button .link-floating-text,
.link .link-floating-text,
.contact-email-link .link-floating-text,
.tw-password-form button .link-floating-text {
  transition: transform 400ms cubic-bezier(.455, .03, .515, .955);
}

.contact-email-link .contact-email-text-shadow {
  line-height: 1;
  text-shadow: 0 1em var(--white);
}

.contact-email-link:hover .contact-email-text-shadow {
  transform: translateY(-100%);
}

.tw-filter-hidden {
  display: none !important;
}

.tag.category.tw-filter-active,
.news-tag.news-category.tw-filter-active {
  background-color: var(--black);
  color: var(--white);
}

.tw-filter-status {
  color: var(--grey-60);
  margin-top: 1.5em;
  font-size: 14px;
}

.tw-home-meta {
  color: #131417;
  font-size: 16px;
  line-height: 1.45;
}

.tw-home-meta .paragraph.small {
  margin-bottom: .45em;
  font-size: inherit;
  line-height: inherit;
}

.tw-home-meta .paragraph.small:last-child {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .tw-home-meta {
    width: 220px;
    max-width: 22vw;
  }

  .container.hero {
    padding-top: clamp(18em, 33vh, 22em);
    padding-bottom: clamp(3em, 6vh, 4.5em);
  }
}

.news-list-item {
  margin-left: 0;
}

body.tw-news-page {
  overflow-x: clip;
}

body.tw-news-page .page-wrapper {
  border-bottom-left-radius: 2em;
  border-bottom-right-radius: 2em;
  max-width: 100vw;
}

body.tw-news-page .cases-wrapper,
body.tw-news-page .collection-list-wrapper-3,
body.tw-news-page .news-list,
body.tw-news-page .news-list-item,
body.tw-news-page .news-list-info-block,
body.tw-news-page .news-list-description-div,
body.tw-news-page .news-slider-wrapper,
body.tw-news-page .news-slider-list {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
}

body.tw-news-page .news-pagination {
  display: none !important;
}

body.tw-news-page .news-slider-wrapper,
body.tw-news-page .news-slider-list {
  overflow-x: clip !important;
}

body.tw-menu-open {
  overflow: hidden;
}

.tw-password-form {
  margin-left: 0;
  margin-right: 0;
}

.tw-password-field {
  width: 100%;
}

.tw-password-message {
  display: none;
  margin-top: 24px;
}

.tw-password-submit {
  border: 0;
  cursor: pointer;
  font: inherit;
  font-size: 14px;
  line-height: 1;
}

.tw-password-submit .link-floating-text {
  font-size: 14px;
  line-height: 1;
}

.footer-wrapper {
  background-color: var(--black);
  position: relative;
}

.section.footer {
  background-color: var(--black);
  padding-bottom: max(0px, env(safe-area-inset-bottom));
}

.footer-bottom-wrapper.animation-reveal-2,
.footer-bottom-wrapper.animation-reveal-2.tw-reveal {
  opacity: 1;
  transform: none;
}

.footer-bottom-wrapper.center-align {
  display: flex;
  visibility: visible;
}

.tw-footer-shell {
  box-sizing: border-box;
  color: var(--white);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 0;
  margin-right: 0;
  max-width: none;
  min-height: clamp(660px, 72vh, 760px);
  padding: 4.5em 2em 2.5em;
  position: relative;
  width: 100%;
}

.tw-footer-meta {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.tw-footer-meta p,
.tw-footer-heading p {
  margin: 0;
}

.tw-footer-heading {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  text-align: center;
  width: 100%;
}

.tw-footer-title {
  color: var(--white);
  display: block;
  font-size: 56px;
  line-height: 1;
  text-decoration: none;
}

.tw-footer-actions {
  bottom: clamp(36px, 5vh, 40px);
  display: flex;
  gap: 16px;
  justify-content: center;
  width: 100%;
  height: auto;
  margin-bottom: 0;
}

.tw-footer-action {
  appearance: none;
  cursor: pointer;
  font-family: inherit;
  margin: 0;
}

.button.stroke.white.tw-footer-copy-button.tw-copied {
  background-color: var(--white);
  color: var(--black);
}

.button.stroke.white.tw-footer-copy-button.tw-copied .link-floating-text {
  color: var(--black);
  text-shadow: none;
  transform: none;
}

.tw-footer-action .link-text-wrapper {
  line-height: 1;
}

.tw-footer-action .link-floating-text {
  display: block;
  line-height: 1;
}

@media (max-width: 479px) {
  .tw-footer-title {
    font-size: 42px;
  }
}

@media (hover: none), (pointer: coarse) {
  .tw-footer-title:hover .link-floating-text {
    transform: none;
  }
}

.tw-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 700ms cubic-bezier(.22, 1, .36, 1), transform 700ms cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--tw-reveal-delay, 0ms);
}

.tw-reveal.tw-visible {
  opacity: 1;
  transform: translateY(0);
}

.project-item.tw-reveal.tw-visible:hover,
.project-item.tw-reveal.tw-visible.tw-project-card-hover,
.feature-project-item.tw-reveal.tw-visible:hover,
.feature-project-item.tw-reveal.tw-visible.tw-project-card-hover {
  transform: scale(.95);
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(.25, .46, .45, .94);
}

.next-work-item.tw-reveal.tw-visible:hover,
.next-work-item.tw-reveal.tw-visible.tw-project-card-hover {
  transform: scale(.98);
}

.tw-about-bento-grid {
  --tw-about-bento-gap: 1.5em;
  display: grid;
  gap: var(--tw-about-bento-gap);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
}

.tw-about-bento-section-inline {
  margin-top: 16px;
}

.section.tw-about-bento-section:not(.tw-about-bento-section-inline) {
  background: var(--brand--bg);
  border-bottom-left-radius: 2em;
  border-bottom-right-radius: 2em;
  margin-bottom: -2em;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.section.tw-about-bento-section:not(.tw-about-bento-section-inline) > .container {
  padding-bottom: 7em;
}

.tw-about-bento-section-inline .tw-about-bento-grid {
  display: flex;
  flex-direction: column;
}

.tw-about-bento-row {
  --tw-about-bento-row-size: var(--tw-about-bento-cell-size, 220px);
  display: grid;
  gap: var(--tw-about-bento-gap);
  grid-template-columns: minmax(0, 1fr) var(--tw-about-bento-row-size);
}

.tw-about-bento-row-media-first {
  grid-template-columns: var(--tw-about-bento-row-size) minmax(0, 1fr);
}

.tw-about-bento-section-inline .tw-about-bento-text {
  align-content: center;
  grid-column: auto;
  height: var(--tw-about-bento-row-size);
  min-height: var(--tw-about-bento-row-size);
}

.tw-about-bento-section-inline .tw-about-bento-media {
  grid-column: auto;
  height: var(--tw-about-bento-row-size);
  width: var(--tw-about-bento-row-size);
}

.tw-about-bento-section:not(.tw-about-bento-section-inline) .tw-about-bento-text {
  align-content: center;
  justify-items: start;
  padding: clamp(24px, 3vw, 48px) clamp(48px, 7vw, 112px);
  row-gap: clamp(12px, 1.25vw, 18px);
  text-align: left;
}

.tw-about-bento-card {
  border: 1px solid #ddd;
  border-radius: 24px;
  box-sizing: border-box;
  min-width: 0;
  overflow: hidden;
}

.tw-about-bento-text {
  align-content: end;
  display: grid;
  grid-column: span 2;
  height: var(--tw-about-bento-cell-size, auto);
  min-height: 0;
  padding: clamp(24px, 3vw, 48px);
}

.tw-about-bento-text h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 16px;
}

.tw-about-bento-text .paragraph {
  font-size: 16px;
  margin-bottom: 0;
  max-width: 56em;
}

.tw-about-inline-link {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .16em;
}

.tw-about-bento-section:not(.tw-about-bento-section-inline) .tw-about-bento-text {
  align-content: center;
  justify-items: start;
  text-align: left;
}

.tw-about-bento-section:not(.tw-about-bento-section-inline) .tw-about-bento-text h3,
.tw-about-bento-section:not(.tw-about-bento-section-inline) .tw-about-bento-text .paragraph {
  margin-bottom: 0;
  text-align: left;
}

.section.tw-about-bento-section:not(.tw-about-bento-section-inline) .tw-about-bento-grid > .tw-about-bento-text:nth-child(-n+8) h3,
.section.tw-about-bento-section:not(.tw-about-bento-section-inline) .tw-about-bento-grid > .tw-about-bento-text:nth-child(-n+8) .paragraph {
  font-size: 18px;
}

.tw-about-bento-list-row {
  display: grid;
  gap: var(--tw-about-bento-gap);
  grid-column: 1 / -1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tw-about-bento-list-card {
  align-content: start;
  aspect-ratio: 1 / 1;
  display: grid;
  justify-items: start;
  padding: clamp(24px, 2.5vw, 40px);
}

.tw-about-bento-list-content {
  display: grid;
  gap: 16px;
  justify-self: start;
  max-width: 100%;
  text-align: left;
}

.tw-about-bento-list-card h3 {
  color: var(--grey-60);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.55;
  margin: 0;
  text-align: left;
}

.tw-about-bento-list-card .paragraph {
  margin: 0;
  text-align: left;
}

.tw-about-bento-wide-row {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tw-about-bento-wide-image {
  aspect-ratio: 16 / 7;
  grid-column: 1 / -1;
  position: relative;
  transform: scale(1);
  transform-origin: center;
  transition: transform 500ms cubic-bezier(.25, .46, .45, .94);
}

.tw-about-bento-wide-image:hover,
.tw-about-bento-wide-image.tw-project-card-hover {
  transform: scale(.95);
}

.tw-about-bento-wide-image > img:not(.tw-about-rotating-badge) {
  display: block;
  height: 100%;
  object-fit: cover;
  position: relative;
  width: 100%;
  z-index: 1;
}

.tw-about-bento-wide-image .tw-about-liquid-card,
.tw-about-bento-wide-image .tw-about-rotating-badge {
  z-index: 2;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .tw-about-bento-list-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.tw-about-liquid-card {
  -webkit-backdrop-filter: blur(16px) saturate(135%);
  backdrop-filter: blur(16px) saturate(135%);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .04) 52%, rgba(255, 255, 255, .02)),
    rgba(19, 20, 23, .14);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 24px;
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, .3),
    inset 0 -1px 1px rgba(0, 0, 0, .08),
    0 18px 42px rgba(0, 0, 0, .1);
  color: var(--white);
  left: clamp(24px, 4vw, 64px);
  max-width: min(520px, calc(100% - 48px));
  opacity: 1;
  padding: clamp(18px, 1.8vw, 28px);
  position: absolute;
  top: clamp(24px, 4vw, 64px);
  transform: translateY(calc(-100% - clamp(24px, 4vw, 64px)));
  transition: transform 400ms cubic-bezier(.165, .84, .44, 1);
}

.tw-about-bento-wide-image:hover .tw-about-liquid-card,
.tw-about-bento-wide-image.tw-project-card-hover .tw-about-liquid-card {
  transform: translateY(0);
}

.tw-about-liquid-card .paragraph {
  font-size: 18px;
  line-height: 1.45;
  margin: 0;
}

.tw-about-rotating-badge {
  --tw-about-badge-rotation: 0deg;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  bottom: clamp(20px, 3vw, 44px);
  box-shadow:
    0 18px 34px rgba(0, 0, 0, .22),
    0 5px 12px rgba(0, 0, 0, .16),
    0 0 0 1px rgba(255, 255, 255, .72);
  display: block;
  filter: saturate(1.04) contrast(1.02);
  height: clamp(72px, 8vw, 132px);
  object-fit: cover;
  position: absolute;
  right: clamp(20px, 3vw, 44px);
  transform: rotate(var(--tw-about-badge-rotation)) translateZ(0);
  transition:
    box-shadow 300ms cubic-bezier(.25, .46, .45, .94),
    filter 300ms cubic-bezier(.25, .46, .45, .94);
  width: clamp(72px, 8vw, 132px);
}

.tw-about-rotating-badge:hover {
  box-shadow:
    0 22px 42px rgba(0, 0, 0, .24),
    0 7px 16px rgba(0, 0, 0, .16),
    0 0 0 1px rgba(255, 255, 255, .82);
  filter: saturate(1.08) contrast(1.04);
}

.tw-about-bento-media {
  aspect-ratio: 1 / 1;
  background:
    linear-gradient(135deg, rgba(19, 20, 23, .04), rgba(19, 20, 23, .1)),
    var(--grey-90, #f2f2f2);
  border: 0;
  grid-column: span 1;
}

.tw-about-bento-media img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.tw-about-bento-action {
  align-items: center;
  background: rgba(255, 255, 255, .35);
  border: 1px solid #ddd;
  display: flex;
  justify-content: center;
  padding: 1.25em;
}

@media screen and (max-width: 991px) {
  .tw-footer-shell {
    padding: 8.5em 20px 2.5em;
  }

  .tw-footer-actions.footer-bottom-wrapper.center-align {
    margin-bottom: 0;
  }

  .tw-about-bento-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tw-about-bento-section-inline .tw-about-bento-grid {
    --tw-about-bento-gap: 16px;
  }

  .section.tw-about-bento-section:not(.tw-about-bento-section-inline) {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-bottom: -20px;
  }

  .section.tw-about-bento-section:not(.tw-about-bento-section-inline) > .container {
    padding-bottom: clamp(4.5em, 12vw, 8.5em);
  }

  .tw-about-bento-row {
    grid-template-columns: minmax(0, 1fr) var(--tw-about-bento-row-size);
  }

  .tw-about-bento-row-media-first {
    grid-template-columns: var(--tw-about-bento-row-size) minmax(0, 1fr);
  }

  .tw-about-bento-section-inline .tw-about-bento-media {
    height: var(--tw-about-bento-row-size);
    width: var(--tw-about-bento-row-size);
  }

  .tw-about-bento-section-inline .tw-about-bento-text {
    padding: 16px;
  }

  .tw-about-bento-text h3,
  .tw-about-bento-text .paragraph {
    font-size: 14px;
  }

  .tw-about-bento-card {
    border-radius: 20px;
  }

  .tw-about-bento-text {
    grid-column: span 1;
    height: var(--tw-about-bento-cell-size, auto);
    min-height: 0;
  }

  .section.tw-about-bento-section:not(.tw-about-bento-section-inline) .tw-about-bento-text {
    padding: clamp(48px, 7vw, 112px);
  }

  .tw-about-bento-list-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tw-about-liquid-card {
    border-radius: 20px;
    max-width: min(460px, calc(100% - 40px));
  }
}

@media screen and (max-width: 767px) {
  .brand-logo-wrapper {
    margin-top: 8px;
  }

  .tw-footer-shell {
    padding: 10em 20px 5em;
  }

  .section.tw-about-bento-section:not(.tw-about-bento-section-inline) > .container {
    padding-bottom: 10.5em;
  }

  .tw-about-bento-grid {
    --tw-about-bento-gap: 20px;
    grid-template-columns: 1fr;
  }

  .tw-about-bento-section-inline .tw-about-bento-grid {
    --tw-about-bento-gap: 20px;
  }

  .tw-about-bento-row,
  .tw-about-bento-row-media-first {
    grid-template-columns: 1fr;
  }

  .tw-about-bento-row-media-first .tw-about-bento-media {
    order: 2;
  }

  .tw-about-bento-row-media-first .tw-about-bento-text {
    order: 1;
  }

  .tw-about-bento-section-inline .tw-about-bento-media {
    height: auto;
    justify-self: stretch;
    width: 100%;
  }

  .tw-about-bento-text h3 {
    font-size: 14px;
  }

  .section.tw-about-bento-section:not(.tw-about-bento-section-inline) .tw-about-bento-grid > .tw-about-bento-text:nth-child(-n+8) h3,
  .section.tw-about-bento-section:not(.tw-about-bento-section-inline) .tw-about-bento-grid > .tw-about-bento-text:nth-child(-n+8) .paragraph {
    font-size: 16px;
  }

  .tw-about-bento-text,
  .tw-about-bento-section-inline .tw-about-bento-text {
    height: auto;
    min-height: 0;
  }

  .tw-about-bento-list-row {
    grid-template-columns: 1fr;
  }

  .tw-about-bento-wide-image {
    aspect-ratio: auto;
  }

  .tw-about-bento-wide-image > img:not(.tw-about-rotating-badge) {
    min-height: 720px;
  }

  .tw-about-liquid-card {
    left: 20px;
    right: 20px;
    top: 20px;
    max-width: none;
    opacity: 1;
    padding: 18px;
    transform: none;
  }

  .tw-about-rotating-badge {
    bottom: 20px;
    height: 76px;
    right: 20px;
    width: 76px;
  }

}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

@media (max-width: 991px), (pointer: coarse) {
  body.tw-has-cursor,
  body.tw-has-cursor a,
  body.tw-has-cursor button,
  body.tw-has-cursor .button,
  body.tw-has-cursor .project-link,
  body.tw-has-cursor .feature-project-link {
    cursor: auto;
  }

  body.tw-has-cursor .cursor {
    display: none;
  }
}

@media (max-width: 991px) {
  .brand-logo-wrapper > .flex-vertical {
    gap: 0;
  }

  .navigation.w-nav[data-collapse="medium"] .menu-nav {
    display: flex;
  }

  .menu-nav {
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    inset: 0%;
    transform: translate3d(0, -100%, 0);
    transition: transform 800ms ease;
    will-change: transform;
  }

  .menu-nav.w--open {
    overflow: auto;
    pointer-events: auto;
    transform: translate3d(0, 0, 0);
  }

  .menu-nav .menu-links-wrapper {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background-color: #0000 !important;
    border-radius: 0;
  }

  .menu-nav .menu-links-wrapper .floating-item.w--current,
  .menu-nav .menu-links-wrapper .floating-item.w--current:active,
  .menu-nav .menu-links-wrapper .floating-item.w--current:focus {
    background-color: var(--black);
    color: var(--white);
  }

  .hamburger-bar._1,
  .hamburger-bar._2 {
    transition: transform 800ms ease;
  }

  .menu-button .hamburger-bar._1,
  .menu-button .hamburger-bar._2 {
    transform: rotate(0deg);
  }

  .menu-button.w--open .hamburger-bar._1 {
    transform: rotate(45deg);
  }

  .menu-button.w--open .hamburger-bar._2 {
    transform: rotate(-45deg);
  }
}

@media (max-width: 767px) {
  .project-link .project-additional-info-l,
  .project-owner-chip.project-additional-info-l {
    font-size: 14px;
  }
}

@keyframes tw-page-in {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes tw-fade-down {
  from {
    opacity: 0;
    transform: translateY(-12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes tw-nav-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes tw-about-spin {
  to {
    transform: rotate(360deg);
  }
}