/* Верхняя галерея uses the same sixteen-track grid and preview area as Home cases. */
@layer version-four {
 body.version-five #content,body.version-five.case-page :is(.case-hero,.case-overview,.case-chapter,.case-results,.case-navigation) {transition:background-color .45s ease!important;}

 body.version-five .upper-gallery {position:relative!important;padding:0!important;scroll-margin-top:0!important;scroll-snap-align:start!important;}
 body.version-five.case-page .case-outcomes {clip-path:inset(0)!important;margin-bottom:calc(-1 * var(--outcomes-tail-trim,0px))!important;}
 body.version-five .upper-gallery-stage {position:sticky!important;top:0!important;min-height:max(100svh,700px)!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto minmax(0,2fr)!important;padding-top:calc(13.375 * var(--v5-unit))!important;box-sizing:border-box!important;}
 body.version-five .upper-gallery-layout {grid-row:2!important;display:grid!important;grid-template-columns:repeat(16,minmax(0,1fr))!important;gap:calc(3 * var(--v5-unit))!important;align-items:start!important;}
 body.version-five .upper-gallery-heading {grid-column:1/span 4!important;grid-row:1!important;padding-top:calc(1 * var(--v5-unit))!important;font-family:var(--v4-font)!important;font-size:var(--v5-nav-size)!important;font-weight:var(--v5-label-weight)!important;line-height:normal!important;letter-spacing:normal!important;text-transform:uppercase!important;margin:0!important;}
 body.version-five .upper-gallery-viewport {grid-column:5/span 11!important;grid-row:1!important;position:relative!important;min-width:0!important;width:100%!important;aspect-ratio:16/9!important;overflow:hidden!important;border-radius:var(--v5-preview-radius)!important;background:#fff!important;isolation:isolate!important;touch-action:pan-y;}
 body.version-five .upper-gallery-slide {position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;opacity:0!important;visibility:hidden;pointer-events:none!important;transition:opacity .36s ease,visibility 0s .36s!important;}
 body.version-five .upper-gallery-slide.is-active {opacity:1!important;visibility:visible;pointer-events:auto!important;transition:opacity .36s ease,visibility 0s!important;}
 @media(min-width:1101px) and (hover:hover) and (pointer:fine){
  body.version-five .upper-gallery-viewport:has(.v5-fact-card) {
   transform:translate3d(var(--card-pointer-x,0px),var(--card-pointer-y,0px),0) perspective(1200px) rotateY(calc(-6deg - var(--card-pointer-angle,0deg))) rotateX(calc(1.5deg + var(--card-pointer-pitch,0deg)))!important;
   transform-origin:right top!important;
  }
 }
 /* Pinned cards rise over one another in direct, reversible scroll progress. */
 body.version-five.home-page #content.upper-gallery-free-scroll {scroll-snap-type:none!important;scroll-behavior:auto!important;}
 body.version-five .upper-gallery-viewport.is-scroll-stack {
  overflow:visible!important;background:transparent!important;border-radius:0!important;
 }
 body.version-five .upper-gallery-viewport.is-scroll-stack .upper-gallery-slide {
  opacity:var(--upper-slide-opacity,0)!important;visibility:visible!important;transition:none!important;
  transform:translateY(var(--upper-slide-y,100vh)) rotate(var(--upper-slide-rotation,0deg)) scale(var(--upper-slide-scale,1))!important;
  transform-origin:50% 50%!important;will-change:transform,opacity;
  border-radius:var(--v5-preview-radius)!important;overflow:hidden!important;background:#fff!important;
 }
 body.version-five .upper-gallery-slide>:is(img,video) {display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;}
 /* Card surfaces fade with stack depth while their text has independent visibility. */
 body.version-five .upper-gallery .upper-gallery-viewport .v5-fact-card {background:#121214!important;color:#fff!important;--v4-fg:#fff!important;--v4-muted:rgb(255 255 255 / .6)!important;}
 body.version-five .upper-gallery .upper-gallery-viewport.is-scroll-stack .v5-fact-card {background:rgb(18 18 20 / var(--upper-surface-opacity,1))!important;}
 body.version-five .upper-gallery .v5-fact-copy h3 {color:var(--v4-fg)!important;}
 body.version-five .upper-gallery .v5-fact-copy p,
 body.version-five .upper-gallery .v5-fact-number {color:var(--v4-muted)!important;}
 /* Deeper text is removed without blur, independently of the fading surfaces. */
 body.version-five .upper-gallery-viewport.is-scroll-stack .v5-fact-card .v5-fact-copy {
  filter:none!important;opacity:var(--upper-content-visible,1)!important;
 }
 body.version-five .upper-gallery:has(.v5-fact-card) .upper-gallery-viewport:not(.is-scroll-stack) {background:#121214!important;}
 body.version-five .upper-gallery-dots {grid-column:16!important;grid-row:1!important;align-self:center!important;justify-self:end!important;display:flex!important;flex-direction:column!important;gap:2px!important;}
 body.version-five .upper-gallery-dots button {position:relative!important;display:grid!important;place-items:center!important;width:30px!important;height:22px!important;padding:0!important;border:0!important;background:transparent!important;}
 body.version-five .upper-gallery-dots button::before {content:''!important;width:6px!important;height:6px!important;border-radius:50%!important;background:rgba(48,49,52,.22)!important;transition:background-color .2s ease!important;}
 body.version-five .upper-gallery-dots button:is([aria-current],:hover,:focus-visible)::before {background:#303134!important;}
 @media(max-width:1100px), (hover:none) and (pointer:coarse){
  body.version-five .upper-gallery-stage {position:relative!important;min-height:0!important;display:block!important;padding-block:calc(7 * var(--v5-unit))!important;}
  body.version-five .upper-gallery-layout {display:flex!important;flex-direction:column!important;gap:24px!important;}
  body.version-five .upper-gallery-heading {padding:0!important;}
  body.version-five .upper-gallery-dots {flex-direction:row!important;justify-self:auto!important;align-self:center!important;}
  body.version-five .upper-gallery:has(.v5-fact-copy) .upper-gallery-viewport {aspect-ratio:auto!important;height:var(--upper-mobile-height,400px)!important;}
 }
 @media(prefers-reduced-motion:reduce){body.version-five .upper-gallery-slide,body.version-five .upper-gallery-slide.is-active {transition:none!important;}}
}