.dk-page section{position:relative}
.dk-hero{padding:0}
.dk-hero-bg{width:100%;height:80vh;object-fit:cover}
.dk-hero-inner{position:absolute;inset:0;display:flex;align-items:center}
.dk-hero-text{max-width:520px;padding:2rem;display:flex;flex-direction:column;gap:1rem}

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

.dk-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.dk-cards .card{min-width:0;transition:transform var(--transition-fast)}
.dk-cards .card:hover{transform:translateY(-4px)}

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

.dk-flow{max-width:800px;margin-inline:auto;text-align:center}
.dk-flow ul{text-align:left}

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

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

.dk-cta{max-width:520px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:1rem;align-items:center}

@media (max-width:1024px){
.dk-intro-grid{grid-template-columns:1fr 1fr}
.dk-cards{grid-template-columns:1fr 1fr}
.dk-quality{grid-template-columns:1fr 1fr}
}

@media (max-width:768px){
.dk-hero-bg{height:60vh}
.dk-hero-inner{position:static}
.dk-hero-text{margin-top:-4rem}
.dk-intro-grid,.dk-cards,.dk-atmosphere,.dk-audience,.dk-quality{grid-template-columns:1fr}
.dk-atmosphere-text{max-width:100%}
}