/* About and Contact share the approved native Uncode section depth. */
body.ipp-sl24.ipp-swiss:is(.page-id-701, .page-id-1086) .ipp-page-depth-front,
body.ipp-sl24.ipp-swiss:is(.page-id-701, .page-id-1086) .ipp-page-depth-front .sw-row {
  --ipp-sl24-bg: var(--ipp-uncode-light);
  --ipp-sl24-fg: var(--ipp-uncode-dark);
  --ipp-sl24-muted: var(--ipp-muted-light);
  --ipp-sl24-rule: rgba(var(--ipp-uncode-dark-rgb), .25);
  --ipp-sl24-accent: var(--ipp-uncode-dark);
  --sw-rule: var(--sw-rule-light);
  --sw-muted: var(--sw-muted-light);
}
body.ipp-sl24.ipp-swiss:is(.page-id-701, .page-id-1086) .ipp-page-depth-front .heading-text [style*="--ipp-uncode-accent"] {
  color: var(--ipp-uncode-dark) !important;
}
@media (min-width: 960px) and (min-height: 600px) and (prefers-reduced-motion: no-preference) {
  body:is(.page-id-701, .page-id-1086) .ipp-page-depth-back {
    position: relative;
    z-index: 1;
  }
  body:is(.page-id-701, .page-id-1086) .ipp-page-depth-front {
    position: relative;
    z-index: 3;
    box-shadow: 0 -20px 40px -24px rgba(0, 0, 0, .65), 0 20px 40px -24px rgba(0, 0, 0, .65);
  }
  body.ipp-sl24.ipp-swiss:is(.page-id-701, .page-id-1086) .ipp-page-depth-back .sw-row > .row {
    padding-top: clamp(160px, 16vh, 208px) !important;
    padding-bottom: clamp(192px, 14vw, 280px) !important;
  }
}
/* Native row parallax stays still on mobile, short windows and reduced motion. */
@media (max-width: 959px), (max-height: 599px), (prefers-reduced-motion: reduce) {
  body:is(.page-id-701, .page-id-1086) .ipp-page-depth-back.parallax-move > .row {
    transform: none !important;
  }
}
/* Keep native video fullscreen outside the moving section's stacking context. */
body:is(.page-id-701, .page-id-1086) .ipp-page-parallax:has(:fullscreen, .mejs-container-fullscreen) {
  z-index: 100001 !important;
  overflow: visible !important;
}
body:is(.page-id-701, .page-id-1086) .ipp-page-parallax:has(:fullscreen, .mejs-container-fullscreen) > .row {
  transform: none !important;
}

/* Work folios and Journal posts: same native depth, each page keeps its own palette. */
body:is(.single-portfolio, .single-post) .ipp-article-parallax { min-width: 0; }
body.ipp-native-site.ipp-site.single-post #ipp-journal-template > .ipp-article-depth-hero { grid-area: header; }
body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-article-parallax > .row {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  padding: 0;
  margin: 0;
}
body.ipp-native-site.ipp-site.single-post #ipp-journal-template .ipp-article-parallax + .ipp-article-parallax { margin-top: 48px; }
@media (min-width: 960px) and (min-height: 600px) and (prefers-reduced-motion: no-preference) {
  body:is(.single-portfolio, .single-post) .ipp-article-depth-back { position: relative; z-index: 1; }
  body:is(.single-portfolio, .single-post) .ipp-article-depth-front { position: relative; z-index: 3; }
  body:is(.single-portfolio, .single-post) .ipp-article-depth-back > .row {
    padding-top: clamp(160px, 16vh, 208px) !important;
    padding-bottom: clamp(192px, 14vw, 280px) !important;
  }
  /* Folio copy planes are short; reserve only the space their native shift needs. */
  body.single-portfolio .ipp-article-depth-back > .row {
    padding-top: clamp(80px, 8vh, 104px) !important;
    padding-bottom: clamp(96px, 7vw, 140px) !important;
  }
  body.single-portfolio .ipp-article-depth-hero > .row { padding-bottom: 72px !important; }
  body:is(.single-portfolio, .single-post) .ipp-article-depth-hero > .row { padding-top: 0 !important; }
}
@media (max-width: 959px), (max-height: 599px), (prefers-reduced-motion: reduce) {
  body:is(.single-portfolio, .single-post) .ipp-article-depth-back.parallax-move > .row { transform: none !important; }
}
body:is(.single-portfolio, .single-post) .ipp-article-parallax:has(:fullscreen, .mejs-container-fullscreen) {
  z-index: 100001 !important;
  overflow: visible !important;
}
body:is(.single-portfolio, .single-post) .ipp-article-parallax:has(:fullscreen, .mejs-container-fullscreen) > .row { transform: none !important; }