.vip-page section{position:relative}

.vip-hero{min-height:90vh;display:flex;align-items:center}
.vip-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vip-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,27,31,0.9) 0%,rgba(24,27,31,0.6) 50%,rgba(24,27,31,0.2) 100%)}
.vip-hero-inner{position:relative;z-index:2;display:flex}
.vip-hero-text{max-width:520px;display:flex;flex-direction:column;gap:var(--space-4)}

.vip-definition{text-align:center}
.vip-definition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}
.vip-card{background:var(--color-surface-glass);border:var(--border-thin);padding:var(--space-5);border-radius:var(--radius-1);transition:box-shadow var(--transition-medium)}
.vip-card:hover{box-shadow:0 0 20px rgba(140,91,60,0.15)}

.vip-space-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:center}
.vip-space-text{max-width:520px}
.vip-space-image img{width:100%;height:auto}

.vip-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}

.vip-culinary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}

.vip-entertainment-inner{max-width:700px;margin-inline:auto;text-align:center}

.vip-usage-list{display:flex;flex-direction:column;gap:var(--space-3);max-width:800px}

.vip-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}
.vip-step{padding:var(--space-5);border:var(--border-thin);background:var(--color-surface-secondary);transition:box-shadow var(--transition-medium)}
.vip-step:hover{box-shadow:0 0 20px rgba(34,64,91,0.2)}

.vip-cta{text-align:center;padding:var(--space-7) 0;background:var(--color-surface-secondary)}
.vip-cta-inner{max-width:500px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4)}

@media(max-width:1024px){
.vip-definition-grid,.vip-service-grid,.vip-culinary-grid,.vip-process-grid{grid-template-columns:1fr 1fr}
.vip-space-grid{grid-template-columns:1fr}
}

@media(max-width:640px){
.vip-definition-grid,.vip-service-grid,.vip-culinary-grid,.vip-process-grid{grid-template-columns:1fr}
.vip-hero{min-height:70vh}
.vip-hero-text{max-width:100%}
}
