/* Authored project presentation: real artwork, quiet captions, varied scale.
 * Media and live previews retain their existing interaction owners. */
.page-home .featured-works .heading {
  font-size: var(--paak-type-project-label);
  line-height: 1.4;
  letter-spacing: -0.01em;
}
.page-home .featured-works .list {
  row-gap: 8rem;
  margin-top: 2.4rem;
  align-items: start;
}
.page-home .featured-works .list .item {
  aspect-ratio: auto;
  border-radius: 0;
  overflow: visible;
}
.page-home #featured-build-and-barrel {
  scroll-margin-top: 110px;
}
.page-home .featured-works .list .work-wrapper {
  position: relative;
  height: auto;
}
.page-home .featured-works .list .work-wrapper .thumbnail {
  position: relative;
  height: auto;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: #f3f3f3;
}
.page-home
  .featured-works
  .list
  .item:is(
    [data-paak-project="room-one"],
    [data-paak-project="build-and-barrel"]
  )
  .work-wrapper
  .thumbnail {
  aspect-ratio: 16 / 9;
}
.paak-project-caption {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1.6rem;
  padding-top: 1.4rem;
  min-height: 44px;
  font-size: var(--paak-type-project-label);
  line-height: 1.4;
  letter-spacing: -0.01em;
}
.page-home .featured-works .paak-project-name {
  color: #000;
  font-size: var(--paak-type-project-label);
  line-height: 1.4;
  letter-spacing: -0.01em;
  text-shadow: none;
  transform: none;
  opacity: 1;
  white-space: nowrap;
  flex-shrink: 0;
}
.paak-project-scope {
  color: var(--paak-muted-on-light);
  text-align: right;
  min-width: 0;
}
.page-home .paak-project-scope {
  white-space: nowrap;
  flex: 0 0 auto;
}
.paak-project-caption a {
  min-height: 44px;
}
.paak-project-caption a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
@media (width >= 1024px) {
  .page-home .featured-works .list [data-paak-project="build-and-barrel"] {
    grid-column: 1 / -1;
  }
  .page-home .featured-works .list [data-paak-project="logan-west"],
  .page-home .featured-works .list [data-paak-project="acreline"] {
    grid-column: span 8;
  }
  .page-home .featured-works .list [data-paak-project="k-golf"],
  .page-home .featured-works .list [data-paak-project="rd-digital"] {
    grid-column: span 4;
  }
  .page-home
    .featured-works
    .list
    .item[data-paak-project="logan-west"]
    .work-wrapper
    .thumbnail,
  .page-home
    .featured-works
    .list
    .item[data-paak-project="acreline"]
    .work-wrapper
    .thumbnail {
    aspect-ratio: 3 / 2;
  }
  .page-home .featured-works [data-paak-project="k-golf"] video {
    object-position: 55% center;
  }
}
@media (width < 1024px) {
  .page-home .featured-works .list {
    gap: 2rem;
  }
  .page-home .featured-works .list .item {
    width: min(82vw, 42rem);
    flex-shrink: 0;
  }
  .page-home
    .featured-works
    .list
    .item[data-paak-project="room-one"]
    .work-wrapper
    .thumbnail {
    aspect-ratio: 4 / 5;
  }
  .page-home .paak-project-caption {
    display: flex;
    gap: 12px;
  }
  .page-home .paak-project-scope {
    display: block;
    text-align: right;
    margin-top: 0;
  }
  .paak-project-caption a {
    min-height: 0;
  }
}