.wp-page { }

.wp-hero-grid { display:grid; grid-template-columns: 60% 40%; gap: var(--space-6); align-items:center; }
.wp-hero-text { max-width: 60ch; display:flex; flex-direction:column; gap: var(--space-4); }
.wp-hero-image img { border-radius: var(--radius-lg); }

.wp-about-grid { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-5); max-width: 75ch; margin-inline:auto; }

.wp-timeline-row { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-5); }
.wp-step { max-width:60ch; }

.wp-atmosphere { position:relative; }
.wp-atmosphere-image img { width:100%; border-radius:0; }
.wp-atmosphere-card { max-width:500px; margin-top:-120px; position:relative; }

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

.wp-audience-grid { display:grid; grid-template-columns: 2fr 1fr; gap: var(--space-5); }
.wp-audience-grid > div { max-width:60ch; }

.wp-gallery-grid { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-3); }
.wp-gallery-grid img { border-radius: var(--radius-lg); transition: transform var(--transition-base); }
.wp-gallery-grid img:hover { transform: scale(1.05); }

.wp-custom-grid { display:grid; grid-template-columns: 1fr 1fr; gap: var(--space-6); }

.wp-form-card { max-width:600px; margin-inline:auto; text-align:center; display:flex; flex-direction:column; gap: var(--space-4); }
.wp-form-el { display:flex; flex-direction:column; gap: var(--space-3); }

@media (max-width: 1100px){
.wp-hero-grid { grid-template-columns:1fr; }
}

@media (max-width: 900px){
.wp-about-grid, .wp-timeline-row, .wp-cards, .wp-gallery-grid { grid-template-columns:1fr; }
.wp-audience-grid { grid-template-columns:1fr; }
.wp-custom-grid { grid-template-columns:1fr; }
.wp-atmosphere-card { margin-top: var(--space-4); }
}