/* The sticky item owns positioning; its surface owns scale. No scroll trap. */
[data-wgmi-stack]{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:40px!important;position:relative;isolation:isolate;overflow:visible!important;width:100%;max-width:1200px;margin-inline:auto;box-sizing:border-box}
[data-wgmi-stack-item]{position:relative!important;top:auto!important;z-index:var(--wgmi-stack-index,1);width:100%!important;max-width:none!important;flex:none!important;margin:0!important;overflow:visible!important;translate:none!important}
[data-wgmi-stack-surface]{display:block;width:100%;scale:1;transform-origin:50% 50%;backface-visibility:hidden}
[data-wgmi-stack-active] [data-wgmi-stack-item]{position:sticky!important;top:var(--wgmi-stack-top,124px)!important}
[data-wgmi-stack-active] [data-wgmi-stack-surface]{will-change:scale;filter:none!important}
[data-wgmi-stack-item]:has(:focus-visible){z-index:20!important}
[data-wgmi-stack-item]:has(:focus-visible)>[data-wgmi-stack-surface]{scale:1!important}

/* Product sites become full-width image/copy panels, matching the case stack. */
[data-wgmi-stack="projects"]{margin-bottom:64px}
[data-wgmi-stack="projects"] .wgmi-project-card{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)!important;min-height:410px;transform:none!important;box-shadow:0 22px 60px #0004}
[data-wgmi-stack="projects"] .wgmi-project-media{display:flex;align-items:center;padding:28px!important}
[data-wgmi-stack="projects"] .wgmi-project-browser{width:100%;border-radius:12px}
[data-wgmi-stack="projects"] .wgmi-project-copy{padding:40px!important;justify-content:center;gap:20px}
[data-wgmi-stack="projects"] .wgmi-project-title{font-size:clamp(34px,4vw,48px)!important}
[data-wgmi-stack="projects"] .wgmi-project-link{margin-top:12px}
#wgmi-product-cards[data-wgmi-stack]{padding:8px 24px 48px}

/* Native case cards use the same geometry, while related cards stay compact. */
[data-wgmi-stack="cases"] .wgmi-case-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:410px;box-shadow:0 22px 60px #0004}
[data-wgmi-stack="cases"] .wgmi-case-media{aspect-ratio:auto;min-height:360px}
[data-wgmi-stack="cases"] .wgmi-case-copy{padding:40px;display:flex;flex-direction:column;justify-content:center}
[data-wgmi-stack="cases"] .wgmi-case-copy h3{font-size:clamp(24px,2.8vw,36px)}

@media(min-width:810px) and (max-width:1199px){
  [data-wgmi-stack]{gap:32px!important}
  [data-wgmi-stack="projects"] .wgmi-project-media{padding:20px!important}
  [data-wgmi-stack="projects"] .wgmi-project-copy,[data-wgmi-stack="cases"] .wgmi-case-copy{padding:28px!important}
}
@media(max-width:809.98px){
  [data-wgmi-stack]{gap:24px!important}
  [data-wgmi-stack="projects"] .wgmi-project-card,[data-wgmi-stack="cases"] .wgmi-case-card{display:flex!important;flex-direction:column;min-height:0;box-shadow:none}
  [data-wgmi-stack="projects"] .wgmi-project-media{padding:16px 16px 0!important}
  [data-wgmi-stack="projects"] .wgmi-project-copy,[data-wgmi-stack="cases"] .wgmi-case-copy{padding:24px!important}
  [data-wgmi-stack="cases"] .wgmi-case-media{aspect-ratio:16/10;min-height:0}
}
@media(prefers-reduced-motion:reduce){
  [data-wgmi-stack-active] [data-wgmi-stack-item]{position:relative!important;top:auto!important}
  [data-wgmi-stack-surface]{scale:1!important;will-change:auto!important}
}