.v13 .home-hero { background-image: none; }
.v13 #main { position: relative; isolation: isolate; }
.v13 .v12-section { position: relative; }
.v13 .v12-container { position: relative; z-index: 1; }
.v13 .home-hero h1 {
  transform: none;
  opacity: 1;
}
.v13 #contact .contact-columns > div { transform: none; }
.v13.motion-ready .home-hero h1 {
  transform: translateY(var(--hero-scroll-offset, 0px));
}
.v13.motion-ready #contact .contact-columns > div {
  transform: translateY(var(--contact-scroll-offset, 0px));
}
/* The parallax lifts Contact's content by up to the text travel; extra top space equal to that
   travel keeps the content inside the section, ending at the normal padding. */
.v13.motion-ready #contact { padding-top: calc(var(--section-padding-block, 96px) + var(--motion-text-travel, 120px)); }
.v13 #work { background: transparent; }
/* Contact gets its own full surface, like Experience, so no other section's band crosses its content. */
.v13 #contact { background-color: var(--color-background-secondary); background-image: url('../assets/figma-noise.png'); background-size: 200px; }
.v13 #work::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.18);
  background: var(--surface-work-glass, rgba(255, 255, 255, 0.18));
}
.v13 .home-glows {
  display: none;
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: visible;
  pointer-events: none;
}
.v13 .home-glow {
  position: absolute;
  left: var(--glow-x);
  top: var(--glow-y);
  width: min(var(--glow-size), 100vw);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, var(--glow-color) 0%, transparent 70%);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.v13.motion-ready .home-glow {
  transform: translate(-50%, -50%) translate(var(--glow-offset-x, 0px), var(--glow-offset-y, 0px));
}
@supports (overflow: clip) and (aspect-ratio: 1) and (width: min(1px, 1vw)) {
  .v13 #main { overflow: clip; }
  .v13 .home-glows { display: block; }
}
@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
  .v13 #work::before {
    -webkit-backdrop-filter: blur(var(--motion-work-blur, 8px));
    backdrop-filter: blur(var(--motion-work-blur, 8px));
  }
}
.v13 .v12-footer {
  width: 100%;
  margin: 0;
  padding: 16px 48px;
  min-height: 64px;
  border-color: var(--color-stroke-default);
}
.v13 .v12-footer .section-label { color: var(--color-text-muted); }
.v13 .v12-footer .section-label::after { content: none; }
@media (prefers-reduced-motion: reduce) {
  .v13.motion-ready .home-hero h1, .v13.motion-ready #contact .contact-columns > div { transform: none; }
  .v13.motion-ready #contact { padding-top: var(--section-padding-block, 96px); }
  .v13.motion-ready .home-glow { transform: translate(-50%, -50%); }
}