.wk-page {}

.wk-hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);align-items:center}
.wk-hero-text{max-width:65ch}
.wk-hero-image img{width:100%;height:auto}

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

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

.wk-atmosphere-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);align-items:center}
.wk-atmosphere-text{max-width:60ch}

.wk-elements-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}

.wk-personal-box{max-width:60ch;margin-inline:auto;text-align:center}

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

.wk-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}
.wk-gallery-grid img{width:100%;transition:transform var(--transition-fast)}
.wk-gallery-grid img:hover{transform:scale(1.03)}

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

@media (max-width:1100px){
.wk-concepts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:900px){
.wk-hero-grid,.wk-atmosphere-grid{grid-template-columns:1fr}
.wk-intro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:600px){
.wk-intro-grid,.wk-elements-grid,.wk-process-grid,.wk-gallery-grid,.wk-concepts-grid{grid-template-columns:1fr}
}