/* Story Engine Runtime v6.0.0-alpha.25 */

html, body { background:#081016 !important; }
body { overscroll-behavior-y:none; }

:root {
--se-case-study-cards-per-row: 3;
  --se-case-study-card-gap: 22px;
}
/* canonical header typography moved to canonical-header.css in beta.5.70 */

.growth_story-template-default .se-production > .se-v2-scene:first-child .se-panel,
.growth_story-template-default .se-production > .se-v2-scene:first-child .story-panel,
.growth_story-template-default .se-production > .se-v2-scene:first-child .growth-panel,
.growth_story-template-default .se-production > .se-v2-scene:first-child [class*="panel"]:first-child {
  border-top-color: transparent !important;
}

.se-artboard-wrap {
  --se-artboard-design-width: 1072;
  --se-artboard-design-height: 430;
  --se-artboard-scale: min(1, calc((100vw - 44px) / (var(--se-artboard-design-width) * 1px)));
  position: relative;
  width: min(100%, calc(var(--se-artboard-design-width) * 1px));
  height: calc(var(--se-artboard-design-height) * 1px * var(--se-artboard-scale));
  margin-inline: auto;
}

.se-artboard {
  position: absolute;
  left: 50%;
  top: 0;
  width: calc(var(--se-artboard-design-width) * 1px);
  height: calc(var(--se-artboard-design-height) * 1px);
  transform: translateX(-50%) scale(var(--se-artboard-scale));
  transform-origin: top center;
}

.se-manual-cloud__canvas {
  --se-artboard-design-width: 1072;
  --se-artboard-design-height: 430;
  --se-artboard-scale: min(1, calc((100vw - 88px) / (var(--se-artboard-design-width) * 1px)));
  width: calc(var(--se-artboard-design-width) * 1px) !important;
  height: calc(var(--se-artboard-design-height) * 1px) !important;
  max-width: none !important;
  transform: scale(var(--se-artboard-scale)) !important;
  transform-origin: top center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: calc((var(--se-artboard-design-height) * 1px) * (var(--se-artboard-scale) - 1) + 8px) !important;
}

.growth-engine-interactive,
.se-growth-engine,
[data-component="GrowthEngine"],
[data-component="GrowthEngineInteractive"] {
  --se-artboard-design-width: 1072;
  --se-artboard-scale: min(1, calc((100vw - 44px) / (var(--se-artboard-design-width) * 1px)));
  max-width: calc(var(--se-artboard-design-width) * 1px);
  margin-left: auto;
  margin-right: auto;
  transform: scale(var(--se-artboard-scale));
  transform-origin: top center;
}

.se-case-study-grid,
.case-study-grid,
.growth-story-card-grid,
.homepage-case-study-grid,
[data-homepage-case-studies] {
  display: grid !important;
  grid-template-columns: repeat(var(--se-case-study-cards-per-row), minmax(0, 1fr)) !important;
  gap: var(--se-case-study-card-gap) !important;
}

[data-cards-per-row="1"] { --se-case-study-cards-per-row:1; }
[data-cards-per-row="2"] { --se-case-study-cards-per-row:2; }
[data-cards-per-row="3"] { --se-case-study-cards-per-row:3; }
[data-cards-per-row="4"] { --se-case-study-cards-per-row:4; }

[data-card-size="compact"] article { min-height:220px; }
[data-card-size="large"] article { min-height:360px; }

@media (max-width:980px) {
  .se-case-study-grid,.case-study-grid,.growth-story-card-grid,.homepage-case-study-grid,[data-homepage-case-studies] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width:640px) {
  .se-case-study-grid,.case-study-grid,.growth-story-card-grid,.homepage-case-study-grid,[data-homepage-case-studies] {
    grid-template-columns: 1fr !important;
  }
  .se-manual-cloud__canvas {
    --se-artboard-scale: min(.64, calc((100vw - 32px) / (var(--se-artboard-design-width) * 1px)));
  }
}

/* Director Mode overlays */
body.se-director-show-scenes .se-v2-scene,
body.se-director-show-scenes .p001-scene {
  outline: 2px dashed rgba(153,217,217,.55) !important;
  outline-offset: -2px;
}
body.se-director-show-components [data-component]::after {
  content: attr(data-component);
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 9998;
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(153,217,217,.18);
  color:#dffafa;
  font:700 11px/1.1 ui-monospace,Menlo,Consolas,monospace;
  pointer-events:none;
}
body.se-director-show-artboards .se-manual-cloud__canvas,
body.se-director-show-artboards .se-artboard,
body.se-director-show-artboards [data-artboard],
body.se-director-show-artboards .growth-engine-interactive,
body.se-director-show-artboards .se-growth-engine {
  outline: 2px solid rgba(255,203,107,.72) !important;
}
body.se-director-disable-motion *,
body.se-director-disable-motion *::before,
body.se-director-disable-motion *::after {
  animation:none !important;
  transition:none !important;
  scroll-behavior:auto !important;
}