.project-preview .content-wrapper .project-entry {
  position: relative;
  --customer-width: 0px;
  --customer-gap: rem-calc(12);
  --hover-offset: rem-calc(20);
}
.project-preview .content-wrapper .project-entry img {
  display: block;
}
.project-preview .content-wrapper .project-entry .title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  font: var(--body-font);
}
@container main (max-width: 79.9375rem) {
  .project-preview .content-wrapper .project-entry .title {
    opacity: 1;
    display: inline-block;
  }
}
.project-preview .content-wrapper .project-entry .customer {
  font: var(--eyebrow-font);
  opacity: 0;
  max-width: 0;
  margin-right: 0;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  -webkit-transition: opacity 0.3s ease, max-width 0.3s ease, margin-right 0.3s ease;
  transition: opacity 0.3s ease, max-width 0.3s ease, margin-right 0.3s ease;
  text-decoration: none;
}
@container main (max-width: 79.9375rem) {
  .project-preview .content-wrapper .project-entry .customer {
    opacity: 0.5;
    max-width: var(--customer-width);
    margin-right: var(--customer-gap);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 0.875rem;
  }
}
.project-preview .content-wrapper .project-entry .heading {
  display: inline-block;
  margin-left: 0;
  -webkit-transition: margin-left 0.3s ease;
  transition: margin-left 0.3s ease;
  padding: 1.5rem 0;
}
@container main (max-width: 79.9375rem) {
  .project-preview .content-wrapper .project-entry .heading {
    padding: 0.875rem 0;
    display: unset;
  }
}
@container main (min-width: 90rem) {
  .project-preview .content-wrapper .project-entry a:hover {
    color: var(--color-text);
    text-decoration: none;
  }
  .project-preview .content-wrapper .project-entry a:hover .customer {
    opacity: 0.5;
    max-width: var(--customer-width);
    margin-right: var(--customer-gap);
  }
  .project-preview .content-wrapper .project-entry a:hover .heading {
    margin-left: 0.875rem;
    text-decoration: underline;
  }
}
.project-preview .content-wrapper .project-entry.media-expanded .title {
  opacity: 1;
}
.project-preview .content-wrapper .img-wrapper {
  aspect-ratio: 923/583;
}
.project-preview .content-wrapper .primary_project .img-wrapper {
  aspect-ratio: 1872/1055;
}
.project-preview .content-wrapper .notification-post .imgage-wrapper {
  aspect-ratio: 923/528;
}
.project-preview .content-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.project-preview .content-wrapper .notification-project-content {
  overflow: hidden;
}
.project-preview .content-wrapper .notification-project-content .image-wrapper {
  aspect-ratio: 450/284;
}
@container main (max-width: 79.9375rem) {
  .project-preview .content-wrapper .notification-project-content .image-wrapper {
    aspect-ratio: 224/273;
  }
}
.project-preview .content-wrapper .notification-project-content .content-inner {
  position: relative;
  padding: 0.875rem 0;
}
.project-preview .content-wrapper .notification-project-content .content-inner p {
  font: var(--caption-font);
  letter-spacing: 0.08em;
  margin: 0;
}
.project-preview .content-wrapper .notification-project-content .content-inner.has-loop {
  overflow: hidden;
  white-space: nowrap;
}
.project-preview .content-wrapper .notification-project-content .content-inner.has-loop p {
  display: inline-block;
  padding-right: 3rem;
  -webkit-animation: project-preview-marquee 20s linear infinite;
          animation: project-preview-marquee 20s linear infinite;
}
.project-preview .content-wrapper .notification-project-content .content-inner.has-loop p:hover {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.project-preview .content-wrapper .notification-project-content .content-inner:not(.has-loop) p {
  display: block;
}
.project-preview .two-projects article:nth-child(1) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-column: 1/7;
}
.project-preview .two-projects article:nth-child(1) .img-wrapper {
  aspect-ratio: 923/583;
}
.project-preview .two-projects article:nth-child(2) {
  -ms-grid-column: 9;
  -ms-grid-column-span: 4;
  grid-column: 9/13;
}
.project-preview .two-projects article:nth-child(2) .img-wrapper {
  aspect-ratio: 608/430;
}
@container main (min-width: 90rem) and (max-width: 119.9375rem) {
  .project-preview .two-projects article:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
    grid-column: 1/8;
  }
}
@container main (min-width: 80rem) and (max-width: 89.9375rem) {
  .project-preview .two-projects article:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
    grid-column: 1/8;
  }
}
@container main (min-width: 48rem) and (max-width: 79.9375rem) {
  .project-preview .two-projects article:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-column: 1/13;
  }
  .project-preview .two-projects article:nth-child(2) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 8;
    grid-column: 1/9;
  }
}
@container main (max-width: 47.9375rem) {
  .project-preview .two-projects article:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-column: 1/13;
  }
  .project-preview .two-projects article:nth-child(2) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-column: 1/13;
  }
}
.project-preview .two-projects.reverse article:nth-child(1) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-column: 1/5;
}
.project-preview .two-projects.reverse article:nth-child(2) {
  -ms-grid-column: 7;
  -ms-grid-column-span: 6;
  grid-column: 7/13;
}
@container main (min-width: 90rem) and (max-width: 119.9375rem) {
  .project-preview .two-projects.reverse article:nth-child(2) {
    -ms-grid-column: 6;
    -ms-grid-column-span: 7;
    grid-column: 6/13;
  }
}
@container main (min-width: 80rem) and (max-width: 89.9375rem) {
  .project-preview .two-projects.reverse article:nth-child(2) {
    -ms-grid-column: 6;
    -ms-grid-column-span: 7;
    grid-column: 6/13;
  }
}
@container main (min-width: 48rem) and (max-width: 79.9375rem) {
  .project-preview .two-projects.reverse article:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 8;
    grid-column: 1/9;
  }
  .project-preview .two-projects.reverse article:nth-child(2) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-column: 1/13;
  }
}
@container main (max-width: 47.9375rem) {
  .project-preview .two-projects.reverse article:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-column: 1/13;
  }
  .project-preview .two-projects.reverse article:nth-child(2) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-column: 1/13;
  }
}
@-webkit-keyframes project-preview-marquee {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes project-preview-marquee {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}