.dv-page{}

.dv-hero-grid{display:grid;grid-template-columns:45% 55%;gap:var(--space-5);align-items:center}
.dv-hero-text{max-width:520px}
.dv-hero-image{width:100%;height:420px}

.dv-why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.dv-why-col{max-width:320px}

.dv-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.dv-card{transition:all .2s ease}
.dv-card:hover{box-shadow:0 4px 20px rgba(58,56,53,0.12)}

.dv-lighting-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:center}
.dv-lighting-text{max-width:520px}
.dv-lighting-image{height:420px}

.dv-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.dv-step{max-width:300px}

.dv-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}
.dv-details-grid>div{max-width:420px}

.dv-events-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}
.dv-events-grid>div{max-width:420px}

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

@media (max-width:1100px){
.dv-hero-grid{grid-template-columns:1fr}
.dv-hero-text{max-width:100%}
}

@media (max-width:900px){
.dv-why-grid,.dv-card-grid,.dv-process-grid{grid-template-columns:1fr}
.dv-lighting-grid{grid-template-columns:1fr}
.dv-details-grid,.dv-events-grid{grid-template-columns:1fr}
}