.pp-page{}

.pp-hero-grid{
  display:grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap:var(--space-5);
  align-items:center;
}
.pp-hero-text{
  max-width:55ch;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}
.pp-hero-image img{
  border-radius:var(--radius-lg);
}

.pp-intro-inner{
  max-width:800px;
  margin-inline:auto;
  text-align:center;
}
.pp-intro-text{
  text-align:left;
  margin-top:var(--space-4);
}
.pp-highlight{
  border-left:2px solid var(--color-gold);
  padding-left:var(--space-3);
}

.pp-card-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--space-3);
}
.pp-card{
  text-align:center;
}

.pp-atmo-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--space-5);
  align-items:center;
}
.pp-atmo-text{
  max-width:55ch;
}

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

.pp-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
  text-align:center;
}

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

.pp-why-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
  text-align:center;
}

.pp-cta{
  background:var(--color-elevated-bg);
}
.pp-cta-inner{
  max-width:500px;
  margin-inline:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

@media(max-width:900px){
  .pp-hero-grid{grid-template-columns:1fr;}
  .pp-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .pp-atmo-grid{grid-template-columns:1fr;}
  .pp-features-grid{grid-template-columns:1fr;}
  .pp-steps{grid-template-columns:1fr;}
  .pp-gallery-grid{grid-template-columns:1fr;}
  .pp-why-grid{grid-template-columns:1fr;}
}

@media(max-width:600px){
  .pp-hero-text{max-width:100%;text-align:center;}
}