/* Website-wide consistency pass */
:root {
  --site-page-gutter: clamp(20px, 3.2vw, 48px);
  --site-section-gap: clamp(56px, 7vw, 96px);
  --site-content-wide: 1320px;
  --site-content-copy: 820px;
  --site-nav-height: 72px;
}

html { font-size: 100% !important; }
body {
  font-size: 1rem !important;
  line-height: 1.6 !important;
}

p, li, button, input, textarea, select {
  line-height: 1.6;
}

/* Standard navigation: one consistent scale and LinkedIn pinned to the far right. */
.site-nav {
  position: relative !important;
  min-height: var(--site-nav-height) !important;
  padding-inline: var(--site-page-gutter) !important;
  justify-content: flex-start !important;
}
.site-nav__links {
  display: flex !important;
  align-items: center !important;
  gap: 32px !important;
}
.site-nav__link,
.site-nav__links .site-nav__link {
  min-height: var(--site-nav-height) !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}
.linkedin-link {
  position: absolute !important;
  right: var(--site-page-gutter) !important;
  top: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: var(--site-nav-height) !important;
  margin: 0 !important;
  font-size: 1.45rem !important;
  line-height: 1 !important;
}

/* Project page header and content use the same page gutter. */
.project-nav {
  min-height: var(--site-nav-height) !important;
  padding-inline: var(--site-page-gutter) !important;
}
.project-nav__brand {
  min-height: var(--site-nav-height) !important;
  font-size: 1rem !important;
  line-height: 1 !important;
}
.project-intro {
  width: min(100%, var(--site-content-wide)) !important;
  margin-inline: auto !important;
  padding: clamp(64px, 7vw, 96px) var(--site-page-gutter) clamp(42px, 5vw, 66px) !important;
}
.project-intro .project-title,
.project-intro .project-summary,
.project-intro .project-meta-line,
.project-intro .project-kicker {
  max-width: var(--site-content-copy) !important;
}
.project-summary {
  font-size: 1.0625rem !important;
  line-height: 1.65 !important;
}
.project-meta-line,
.back-link {
  font-size: .8125rem !important;
  line-height: 1.5 !important;
}

.source-case-section,
.final-work-showcase {
  padding-inline: var(--site-page-gutter) !important;
}
.source-case-section__inner,
.final-work-showcase__inner,
.learn-more__inner {
  width: min(100%, var(--site-content-wide)) !important;
  margin-inline: auto !important;
}
.source-media-sections {
  gap: var(--site-section-gap) !important;
}
.source-media-section__header {
  width: min(100%, var(--site-content-copy)) !important;
  margin: 0 0 clamp(24px, 3vw, 38px) !important;
}
.source-media-section__header h3 {
  margin-bottom: 10px !important;
  font-size: clamp(1.25rem, 1.7vw, 1.5rem) !important;
  line-height: 1.25 !important;
}
.source-media-section__header p {
  margin: 0 !important;
  font-size: 1rem !important;
  line-height: 1.65 !important;
}
.learn-more {
  padding-inline: var(--site-page-gutter) !important;
}
.learn-more__title {
  margin-bottom: clamp(26px, 3vw, 40px) !important;
}

/* Preserve the exact uploaded UGA artwork without cropping or filtering. */
.source-case-section--uga .interactive-book__page img,
.source-case-section--uga .interactive-book__turn-face img,
.source-case-section--uga .source-infinite-carousel__item img {
  object-fit: contain !important;
  object-position: center !important;
  filter: none !important;
  image-rendering: auto !important;
}

@media (max-width: 760px) {
  :root { --site-nav-height: 64px; }
  .site-nav__links { gap: 18px !important; }
  .site-nav__link,
  .site-nav__links .site-nav__link,
  .project-nav__brand { font-size: 1rem !important; }
  .linkedin-link { font-size: 1.3rem !important; }
  .project-intro {
    padding-top: 54px !important;
    padding-bottom: 38px !important;
  }
}

@media (max-width: 520px) {
  :root { --site-page-gutter: 16px; }
  .site-nav__links { gap: 12px !important; }
  .site-nav__link,
  .site-nav__links .site-nav__link { font-size: .875rem !important; }
  .linkedin-link { font-size: 1.2rem !important; }
  .source-case-section,
  .final-work-showcase,
  .learn-more { padding-inline: 16px !important; }
}