/* Final requested corrections: navigation alignment, stronger type, and project showcases. */

/* Desktop navigation uses three explicit columns so Contact is truly centered
   and vertically aligned with Home, Resume, Profile, and LinkedIn. */
.site-nav {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: 76px !important;
  padding: 0 48px !important;
}

.site-nav__links {
  display: flex !important;
  align-items: center !important;
  justify-self: start !important;
  gap: 46px !important;
  height: 76px !important;
}

.site-nav__link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 76px !important;
  color: var(--cream) !important;
  font-family: "Raleway", Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  letter-spacing: 0.005em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.site-nav > .site-nav__link {
  justify-self: center !important;
}

.linkedin-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: end !important;
  min-height: 76px !important;
  color: var(--cream) !important;
  font-size: 24px !important;
  line-height: 1 !important;
}

/* The supplied project assets and interactions sit directly on the portfolio background. */
.source-case-section {
  visibility: visible !important;
  opacity: 1 !important;
  background: transparent !important;
}

/* Trestle should not have the dark/blue panel, or the “Final Work / Webpages” heading. */
.source-case-section--trestle {
  width: min(calc(100% - 48px), 1320px) !important;
  margin: 0 auto 80px !important;
  padding: clamp(24px, 4vw, 44px) 0 clamp(48px, 7vw, 84px) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.source-case-section--trestle .source-case-heading {
  display: none !important;
}

.source-case-section--trestle .source-media-sections {
  gap: 0 !important;
}

.source-browser-carousel__progress {
  background: rgba(61, 51, 44, 0.14) !important;
}

.source-browser-carousel__progress span {
  background: var(--royal-blue) !important;
}

.source-browser-carousel__nav p {
  color: rgba(61, 51, 44, 0.68) !important;
}

.source-browser-edge-arrow {
  color: #023fa1 !important;
}

.source-browser-carousel {
  scrollbar-color: rgba(61, 51, 44, 0.24) transparent !important;
}

/* Keep the supplied images at their native quality. No screenshot backgrounds or filters. */
.source-infinite-carousel__item,
.source-website-frame,
.interactive-book__page,
.interactive-book__turn-face {
  image-rendering: auto !important;
}

.source-infinite-carousel__item img,
.source-website-frame__viewport img,
.interactive-book__page img,
.interactive-book__turn-face img {
  filter: none !important;
  image-rendering: auto !important;
}

/* Give the transferred UGA and Alston systems clear separation and guaranteed display. */
.source-case-section--uga,
.source-case-section--alston {
  display: block !important;
  width: min(calc(100% - 48px), 1320px) !important;
  padding-top: clamp(28px, 5vw, 60px) !important;
}

.source-case-section--uga .source-case-heading,
.source-case-section--alston .source-case-heading {
  margin-bottom: clamp(32px, 5vw, 56px) !important;
}

.source-case-section--uga .source-case-heading h2,
.source-case-section--alston .source-case-heading h2 {
  color: var(--brown) !important;
}

.source-infinite-carousel-wrap,
.interactive-book,
.source-browser-carousel-wrap {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

@media (max-width: 900px) {
  .site-nav {
    min-height: 68px !important;
    padding: 0 24px !important;
  }

  .site-nav__links {
    gap: 28px !important;
    height: 68px !important;
  }

  .site-nav__link,
  .linkedin-link {
    min-height: 68px !important;
  }

  .site-nav__link {
    font-size: 16px !important;
  }
}

@media (max-width: 608px) {
  .site-nav {
    min-height: 60px !important;
    padding: 0 14px !important;
  }

  .site-nav__links {
    gap: 15px !important;
    height: 60px !important;
  }

  .site-nav__link,
  .linkedin-link {
    min-height: 60px !important;
  }

  .site-nav__link {
    font-size: 13.5px !important;
    font-weight: 500 !important;
  }

  .linkedin-link {
    font-size: 21px !important;
  }

  .source-case-section--trestle,
  .source-case-section--uga,
  .source-case-section--alston {
    width: min(calc(100% - 32px), 1320px) !important;
  }
}

@media (max-width: 420px) {
  .site-nav__links {
    gap: 10px !important;
  }

  .site-nav__link {
    font-size: 12px !important;
  }
}


/* High-quality source-image rendering, rebuilt from projects.zip. */
.source-infinite-carousel__item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Keep every raster at or below its native dimensions. The previous fixed
   height could enlarge smaller 600 px Alston & Bird images and soften them. */
.source-infinite-carousel__item img {
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: 100% !important;
  object-fit: contain !important;
  transform: none !important;
  filter: none !important;
  image-rendering: auto !important;
}

/* Perspective transforms force an additional raster resample and can soften
   detailed type in the UGA process book. */
.interactive-book__spread {
  transform: none !important;
}

.interactive-book__page img,
.interactive-book__turn-face img {
  object-fit: contain !important;
  transform: none !important;
  filter: none !important;
  image-rendering: auto !important;
}

.source-website-frame__viewport img {
  transform: none !important;
  filter: none !important;
  image-rendering: auto !important;
}