:root {
  --v34-glass-pearl: rgba(250, 249, 245, .72);
  --v34-glass-mist: rgba(224, 228, 231, .7);
  --v34-glass-silver: rgba(190, 199, 209, .57);
  --v34-glass-line: rgba(255, 255, 255, .9);
  --v34-ink: #17202c;
  --v34-muted: #56616e;
  --v34-blue: #3158df;
}

/* Light silver frosted glass: depth comes from translucency and edge light, not darkness. */
.home-page--v34 .work-category-v28--primary .project-entry-v28,
.home-page--v34 .work-category-v28--primary .project-entry-v28:first-child {
  color: var(--v34-ink);
  border-color: var(--v34-glass-line);
  outline: 1px solid rgba(74, 87, 103, .1);
  outline-offset: -2px;
  background:
    radial-gradient(circle at 8% 0, rgba(255, 255, 255, .94), transparent 34%),
    radial-gradient(circle at 96% 100%, rgba(135, 155, 180, .22), transparent 44%),
    linear-gradient(138deg, var(--v34-glass-pearl), var(--v34-glass-mist) 48%, var(--v34-glass-silver));
  box-shadow:
    0 30px 80px rgba(39, 52, 70, .14),
    0 8px 22px rgba(39, 52, 70, .08),
    inset 0 1px 0 rgba(255, 255, 255, .98),
    inset 1px 0 0 rgba(255, 255, 255, .72),
    inset 0 -1px 0 rgba(75, 88, 104, .1);
  backdrop-filter: blur(34px) saturate(.72) brightness(1.08);
}

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

.home-page--v34 .work-category-v28--primary .project-entry-v28__copy h4,
.home-page--v34 .work-category-v28--primary .project-entry-v28__copy h4 a {
  color: var(--v34-ink);
  text-shadow: 0 1px rgba(255, 255, 255, .46);
}

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

.home-page--v34 .work-category-v28--primary .project-entry-v28__copy dl,
.home-page--v34 .work-category-v28--primary .project-entry-v28__copy dl > div {
  border-color: rgba(23, 32, 44, .17);
}

.home-page--v34 .work-category-v28--primary .project-entry-v28__visual {
  border: 1px solid rgba(255, 255, 255, .9);
  box-shadow:
    0 14px 34px rgba(36, 48, 65, .13),
    0 0 0 1px rgba(79, 93, 110, .08),
    inset 0 1px rgba(255, 255, 255, .92);
}

.home-page--v34 .work-category-v28--primary .project-entry-v28__link {
  border-color: rgba(23, 32, 44, .76);
  color: var(--v34-ink);
  background: rgba(255, 255, 255, .38);
  box-shadow: inset 0 1px rgba(255, 255, 255, .74);
}

.home-page--v34 .work-category-v28--primary .project-entry-v28__link:is(:hover, :focus-visible) {
  border-color: var(--v34-blue);
  color: #fff;
  background: var(--v34-blue);
  outline-color: var(--v34-blue);
}

@media (max-width: 700px) {
  .home-page--v34 .work-category-v28--primary .project-entry-v28,
  .home-page--v34 .work-category-v28--primary .project-entry-v28:first-child {
    box-shadow:
      0 20px 48px rgba(39, 52, 70, .12),
      inset 0 1px 0 rgba(255, 255, 255, .98),
      inset 0 -1px 0 rgba(75, 88, 104, .1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page--v34 .work-category-v28--primary .project-entry-v28 {
    backdrop-filter: blur(22px) saturate(.72);
  }
}