html[data-site-theme=portfolio] body.has-overlay-navigation .scenic-layout .project-hero__title h1 {
  max-width: none;
  font-size: clamp(42px, calc(25px + 6vw), 134px);
  line-height: 1.01;
  letter-spacing: -.04em;
  text-transform: uppercase;
  text-wrap: balance;
}

.scenic-layout > .portfolio-detail__navigation {
  width: min(1120px, calc(100% - 2 * var(--detail-gutter, 24px)));
  margin-inline: auto;
  justify-content: flex-start;
  margin-block: 4px 0;
}

.scenic-artifacts {
  min-width: 0;
  width: min(100%, 280px);
  margin-top: 24px;
}

.project-team-section__content > .scenic-artifacts {
  margin-top: 0;
}

.scenic-layout .scenic-artifacts > h3,
.scenic-layout .scenic-press > h3 {
  margin: 0 0 12px;
  color: var(--color-ink-soft);
  font: 400 12px/1.5 var(--font-body);
  letter-spacing: .06em;
  text-transform: uppercase;
  scroll-margin-top: calc(var(--site-nav-height, 80px) + 32px);
}

.scenic-layout .scenic-artifacts > h3 a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0;
  color: var(--color-ink-soft);
  text-underline-offset: 4px;
}

.scenic-layout .scenic-artifacts > h3 a:is(:hover, :focus-visible) {
  text-decoration: underline;
}

.scenic-artifacts__strip {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 78px;
  gap: 5px;
  overflow-x: auto;
  border-radius: 4px;
}

.scenic-artifacts__strip > .scenic-artifacts__tile {
  display: block;
  position: relative;
  padding: 0;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 4px;
  background: var(--color-paper-warm);
}

[data-artifact-scroll]:focus-visible,
.scenic-artifacts__strip > a:focus-visible {
  outline: 2px solid var(--color-ink);
  outline-offset: -3px;
}

.scenic-artifacts__strip img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.scenic-artifacts__badge {
  position: absolute;
  right: 4px;
  bottom: 4px;
  padding: 3px 5px;
  border-radius: 3px;
  background: #000c;
  color: #fff;
  font: 500 10px/1.3 var(--font-body);
}

[data-artifact-scroll] {
  overscroll-behavior-x: contain;
  overscroll-behavior-y: auto;
  scrollbar-width: none;
  user-select: none;
}

[data-artifact-scroll]::-webkit-scrollbar {
  display: none;
}

[data-artifact-scroll][data-artifact-dragging],
[data-artifact-scroll][data-artifact-dragging] a {
  cursor: grabbing;
}

.artifacts-library .artifact-shelf__strip[data-artifact-scroll] {
  overscroll-behavior: contain auto;
}

.artifacts-library .artifact-shelf__strip[data-artifact-scroll] .scenic-artifacts__badge {
  right: 10px;
  bottom: 10px;
}

@media (min-width: 64rem) {
  .artifacts-library .artifact-shelf__strip[data-artifact-scroll]:has(> a:nth-child(7)) > .artifact-preview {
    flex-basis: calc(100% / 6.2 - 4px);
  }
}

.scenic-layout .project-links .scenic-press__list {
  display: grid;
  gap: 15px;
}

.scenic-layout .scenic-press .scenic-press__list a {
  display: grid;
  gap: 3px;
  padding: 0;
  color: var(--color-ink);
  font: 400 16px/1.32 var(--font-body);
  text-underline-offset: 4px;
}

.scenic-press__list a span {
  color: var(--color-ink-soft);
  font: 400 10px/1.4 var(--font-body);
  letter-spacing: .05em;
  text-transform: uppercase;
}

.scenic-press__list a:is(:hover, :focus-visible) {
  text-decoration: underline;
}

html[data-site-theme=portfolio] body.has-overlay-navigation .scenic-layout .project-team-section {
  border-block: 0;
}

html[data-site-theme=portfolio] body.has-overlay-navigation .scenic-layout .project-team-list dl > div,
html[data-site-theme=portfolio] body.has-overlay-navigation .scenic-layout .project-links a {
  border-bottom: 0;
}

@media (max-width: 540px) {
  .scenic-layout .portfolio-detail__navigation {
    column-gap: 12px;
  }
}