.it-page section{position:relative}

.it-hero{background:var(--color-gradient-primary);color:#fff}
.it-hero-grid{display:grid;grid-template-columns:45% 55%;align-items:center;gap:var(--space-5)}
.it-hero-text{max-width:520px;display:flex;flex-direction:column;gap:var(--space-3)}
.it-hero-image img{width:100%;height:100%;object-fit:cover}

.it-intro-inner{max-width:720px;margin-inline:auto;text-align:center}

.it-themes h2{text-align:center}
.it-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}
.it-card{transition:.2s}
.it-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}

.it-atmosphere-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}
.it-atmo-col{min-width:0}
.it-atmo-image img{width:100%}

.it-services-inner{max-width:700px}

.it-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}
.it-step{background:#fff;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border)}

.it-emotions-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-5);align-items:center}
.it-emotions-text{max-width:420px}

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

.it-cta-box{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

@media(max-width:900px){
.it-hero-grid{grid-template-columns:1fr}
.it-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.it-atmosphere-grid{grid-template-columns:1fr}
.it-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.it-emotions-grid{grid-template-columns:1fr}
.it-why-grid{grid-template-columns:1fr}
}

@media(max-width:600px){
.it-cards{grid-template-columns:1fr}
.it-steps{grid-template-columns:1fr}
}