.packages-page {}

.packages-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.45fr) minmax(0, 0.55fr);
  gap: var(--space-4);
  align-items: center;
}
.packages-hero-text { max-width: 60ch; }
.packages-hero-media img { width: 100%; height: auto; }

.packages-how-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: var(--space-3);
}
.packages-how-item { min-width: 0; }

.packages-split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: var(--space-4);
  align-items: center;
}
.packages-scenography-text { max-width: 60ch; }
.packages-casino-text { max-width: 65ch; }

.packages-tech-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: var(--space-3);
}

.packages-artists-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: var(--space-3);
}

.packages-exp-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: var(--space-3);
}

.packages-prod-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: var(--space-3);
}

.packages-flex-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: var(--space-3);
}

.packages-cta-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--space-2);
  max-width: 55ch;
  margin-inline: auto;
}

@media (max-width: 1024px) {
  .packages-hero-grid,
  .packages-split {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .packages-how-grid,
  .packages-tech-grid,
  .packages-exp-grid,
  .packages-prod-grid {
    grid-template-columns: 1fr;
  }
  .packages-artists-grid,
  .packages-flex-grid {
    grid-template-columns: 1fr;
  }
}

.packages-how-item:nth-child(2){background:#17324b;color:#fff;transform:translateY(var(--space-3))}
.packages-how-item:nth-child(2) :is(h3,p){color:inherit}
.packages-tech-grid>div,.packages-artists-grid>div,.packages-exp-grid>div,.packages-prod-grid>div,.packages-flex-grid>div{padding:var(--space-3);border-radius:var(--radius-card);background:rgba(255,255,255,.55);border:1px solid var(--color-border-soft)}
@media(max-width:900px){.packages-how-item:nth-child(2){transform:none}}