:root {
  --v32-glass: rgba(12, 20, 33, .92);
  --v32-glass-soft: rgba(23, 34, 50, .88);
  --v32-glass-line: rgba(255, 255, 255, .18);
  --v32-glass-text: #f7f7f2;
  --v32-glass-muted: rgba(247, 247, 242, .72);
}

.home-page--v32 :is(#internship, #categories, #category-brand, #other-practice, #contact-intro) {
  scroll-margin-top: 92px;
}

/* Keep the wordmark's visible ink aligned to the copy column, not its transparent canvas. */
.home-page--v32 .home-nameplate-v24 {
  width: min(100%, 405px);
  overflow: visible;
}

.home-page--v32 .home-nameplate-v24 img {
  width: 106.1%;
  max-width: none;
  margin-inline: -3.05%;
}

.home-page--v32 .home-hero-v23__actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 600px;
}

.home-page--v32 .home-hero-v23__actions .button {
  min-height: 66px;
  padding-inline: 14px;
  text-align: center;
}

.home-page--v32 .home-hero-v23__actions .home-contact-v32 {
  border-color: var(--v31-cobalt);
  color: #fff;
  background: var(--v31-cobalt);
}

.home-page--v32 .home-hero-v23__actions .home-contact-v32:is(:hover, :focus-visible) {
  border-color: var(--v31-midnight);
  background: var(--v31-midnight);
}

.home-page--v32 .home-hero-v23__notes {
  max-width: 600px;
  margin-top: 26px;
  border-top-color: rgba(16, 23, 34, .3);
}

.home-page--v32 .home-hero-v23__notes div {
  grid-template-columns: 84px minmax(0, 1fr);
  padding-block: 13px;
}

/* The internship now hands directly to the core body of work. */
.home-page--v32 .categorized-work-v28__intro {
  padding-block: clamp(64px, 6.5vw, 104px);
}

.home-page--v32 .categorized-work-v28__intro::before {
  grid-column: 1 / -1;
  width: clamp(70px, 8vw, 120px);
  height: 5px;
  margin-bottom: 4px;
  background: var(--v31-cobalt);
  content: "";
}

.home-page--v32 .work-category-v28--primary {
  padding-top: clamp(62px, 6vw, 96px);
}

.home-page--v32 .work-category-v28--primary .work-category-v28__projects {
  gap: clamp(44px, 5.5vw, 76px);
}

/* Every core project gets the same deep glass frame and visual status. */
.home-page--v32 .work-category-v28--primary .project-entry-v28,
.home-page--v32 .work-category-v28--primary .project-entry-v28:first-child {
  padding: clamp(22px, 2.4vw, 38px);
  border: 1px solid var(--v32-glass-line);
  color: var(--v32-glass-text);
  background:
    linear-gradient(145deg, var(--v32-glass), var(--v32-glass-soft)),
    rgba(12, 20, 33, .9);
  box-shadow: 0 24px 70px rgba(16, 23, 34, .18), inset 0 1px rgba(255, 255, 255, .05);
  backdrop-filter: blur(18px) saturate(.9);
}

.home-page--v32 .work-category-v28--primary .project-entry-v28__copy .eyebrow,
.home-page--v32 .work-category-v28--primary .project-entry-v28__copy dt {
  color: var(--v31-sage);
}

.home-page--v32 .work-category-v28--primary .project-entry-v28__copy h4,
.home-page--v32 .work-category-v28--primary .project-entry-v28__copy h4 a {
  color: var(--v32-glass-text);
}

.home-page--v32 .work-category-v28--primary .project-entry-v28__summary,
.home-page--v32 .work-category-v28--primary .project-entry-v28__copy dd {
  color: var(--v32-glass-muted);
}

.home-page--v32 .work-category-v28--primary .project-entry-v28__copy dl,
.home-page--v32 .work-category-v28--primary .project-entry-v28__copy dl > div {
  border-color: rgba(255, 255, 255, .16);
}

.home-page--v32 .work-category-v28--primary .project-entry-v28__link {
  border-color: rgba(255, 255, 255, .82);
  color: var(--v32-glass-text);
}

.home-page--v32 .work-category-v28--primary .project-entry-v28__link:is(:hover, :focus-visible) {
  border-color: var(--v31-sage);
  color: var(--v31-midnight);
  background: var(--v31-sage);
}

.home-page--v32 .project-entry-v28__visual--cover-v32 img {
  object-fit: cover;
  object-position: center 12%;
}

/* Secondary practices read like a compact appendix: smaller images, short narrative, clear link. */
.home-page--v32 .other-practice-v31__intro {
  padding-block: clamp(62px, 6vw, 92px) clamp(38px, 4vw, 56px);
}

.home-page--v32 .other-practice-v31__intro h2 {
  font-size: clamp(42px, 4.4vw, 66px) !important;
}

.home-page--v32 .other-practice-v31 .work-category-v28 {
  padding-block: clamp(38px, 4vw, 58px);
}

.home-page--v32 .other-practice-v31 .work-category-v28__layout {
  grid-template-columns: minmax(140px, .2fr) minmax(0, 1fr);
  gap: clamp(28px, 4vw, 58px);
}

.home-page--v32 .other-practice-v31 .work-category-v28__header h3 {
  font-size: clamp(27px, 2.35vw, 38px);
}

.home-page--v32 .other-practice-v31 .work-category-v28__header p {
  max-width: 18em;
  font-size: 14px;
}

.home-page--v32 .other-practice-v31 .work-category-v28__projects {
  gap: clamp(30px, 4vw, 52px);
}

.home-page--v32 .other-practice-v31 .project-entry-v28 {
  grid-template-columns: minmax(220px, 320px) minmax(0, 1fr);
  gap: clamp(24px, 3.2vw, 46px);
  align-items: start;
  padding-top: 18px;
  border-top-width: 1px;
}

.home-page--v32 .other-practice-v31 .project-entry-v28--reverse .project-entry-v28__visual {
  order: initial;
}

.home-page--v32 .other-practice-v31 .project-entry-v28__visual,
.home-page--v32 .other-practice-v31 .project-entry-v28--feature .project-entry-v28__visual {
  width: 100%;
  max-width: 320px;
  aspect-ratio: 4 / 3;
  justify-self: start;
}

.home-page--v32 .other-practice-v31 .project-entry-v28__copy h4 {
  font-size: clamp(25px, 2.1vw, 34px);
  line-height: 1.14;
}

.home-page--v32 .other-practice-v31 .project-entry-v28__summary {
  max-width: 42em;
  margin-top: 14px;
  font-size: 15px;
  line-height: 1.72;
}

.home-page--v32 .other-practice-v31 .project-entry-v28__copy dl {
  display: none;
}

.home-page--v32 .other-practice-v31 .project-entry-v28__link {
  margin-top: 20px;
}

/* The top-right action must remain unmistakable even though contact details live at the end. */
.home-page--v32 .site-header .nav-links .nav-cta,
.project-page--graphic-v32 .site-header .nav-links .nav-cta {
  min-width: 142px;
  border-color: var(--v31-cobalt);
  color: #fff;
  background: var(--v31-cobalt);
  box-shadow: 4px 4px 0 var(--v31-midnight);
  font-weight: 900;
}

.home-page--v32 .site-header .nav-links .nav-cta:is(:hover, :focus-visible),
.project-page--graphic-v32 .site-header .nav-links .nav-cta:is(:hover, :focus-visible) {
  border-color: var(--v31-midnight);
  color: #fff;
  background: var(--v31-midnight);
  outline: 3px solid var(--v31-cobalt);
  outline-offset: 3px;
  transform: translate(-2px, -2px);
}

.project-page--graphic-v32 .brand-hero-v23__mosaic .brand-cover-crop-v32 img {
  object-fit: cover;
  object-position: center 12%;
}

.project-page--graphic-v32 .brand-jump-v28 .v23-shell {
  grid-template-columns: repeat(10, minmax(126px, 1fr));
  min-width: 1260px;
}

@media (max-width: 980px) {
  .home-page--v32 .other-practice-v31 .project-entry-v28 {
    grid-template-columns: minmax(180px, 240px) minmax(0, 1fr);
  }

  .home-page--v32 .other-practice-v31 .project-entry-v28__visual,
  .home-page--v32 .other-practice-v31 .project-entry-v28--feature .project-entry-v28__visual {
    max-width: 240px;
  }
}

@media (max-width: 1024px) {
  .home-page--v32 .home-nameplate-v24 {
    width: min(100%, 350px);
  }
}

@media (max-width: 820px) {
  .home-page--v32 .home-hero-v23__actions {
    grid-template-columns: 1fr;
    max-width: 360px;
  }

  .home-page--v32 .home-hero-v23__notes {
    max-width: 360px;
  }

  .home-page--v32 .site-header .nav-links .nav-cta,
  .project-page--graphic-v32 .site-header .nav-links .nav-cta {
    width: calc(100% - 2rem);
    margin: .75rem 1rem 1rem;
    box-shadow: 3px 3px 0 var(--v31-midnight);
  }
}

@media (max-width: 700px) {
  .home-page--v32 .home-nameplate-v24 {
    width: min(78vw, 300px);
  }

  .home-page--v32 .categorized-work-v28__intro {
    padding-block: 56px 66px;
  }

  .home-page--v32 .work-category-v28--primary .project-entry-v28,
  .home-page--v32 .work-category-v28--primary .project-entry-v28:first-child {
    padding: 16px;
  }

  .home-page--v32 .other-practice-v31 .work-category-v28__layout,
  .home-page--v32 .other-practice-v31 .project-entry-v28 {
    grid-template-columns: 1fr;
  }

  .home-page--v32 .other-practice-v31 .work-category-v28__header {
    position: static;
  }

  .home-page--v32 .other-practice-v31 .project-entry-v28__visual,
  .home-page--v32 .other-practice-v31 .project-entry-v28--feature .project-entry-v28__visual {
    max-width: 100%;
    aspect-ratio: 16 / 10;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page--v32 .site-header .nav-links .nav-cta,
  .project-page--graphic-v32 .site-header .nav-links .nav-cta {
    transition: none;
  }
}