.home-page{position:relative}

.hero{position:relative}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;}
.hero-inner{position:relative;display:flex;align-items:center;min-height:70vh}
.hero-card{max-width:480px}
.hero-cta{margin-top:var(--space-3)}

.concept-grid > *{min-width:0}

.experience-grid > *{min-width:0}
.exp-card{display:flex;flex-direction:column;gap:var(--space-3)}

.how-grid > *{min-width:0}
.step{display:flex;flex-direction:column;gap:var(--space-2)}

.atmosphere-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-5);align-items:center}
.atmo-image img{border:var(--border);box-shadow:var(--shadow-offset);border-radius:var(--radius-lg)}
.atmo-text{max-width:55ch}

.policy-card{max-width:700px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3)}

.cta-panel{max-width:500px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4);align-items:center}

.form-card{max-width:600px;margin-inline:auto}
.booking-form{display:flex;flex-direction:column;gap:var(--space-3)}
.booking-form input,.booking-form textarea{border:var(--border);padding:var(--space-2);background:#fff}

@media (max-width:900px){
.atmosphere-grid{grid-template-columns:1fr}
.hero-inner{min-height:60vh}
}