.apropos{display:block;width:100%}

.hero-apropos{position:relative;min-height:520px;display:flex;align-items:center;width:100%;overflow:hidden}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-panel{position:relative;width:100%;max-width:520px;margin-left:5%;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);box-sizing:border-box}

.dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center;width:100%;box-sizing:border-box}
.dual-text{max-width:620px}
.dual-image img{width:100%;height:auto;border-radius:var(--radius-md)}

.cards-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg);width:100%;box-sizing:border-box}
.cards-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg);width:100%;box-sizing:border-box}

.poker-grid{display:grid;grid-template-columns:3fr 2fr;gap:var(--space-xl);align-items:center;width:100%;box-sizing:border-box}
.poker-image img{width:100%;height:auto;border-radius:var(--radius-md)}

.modele{padding-block:var(--space-xl);display:flex;justify-content:center;width:100%;box-sizing:border-box}
.modele-inner{max-width:700px;text-align:center;width:100%}

.engagement-panel{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);width:100%;box-sizing:border-box}
.highlight{font-weight:600}

.reservation-box{max-width:600px;width:100%;box-sizing:border-box}

.final-apropos{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;box-sizing:border-box;overflow:hidden}
.final-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.final-text{position:relative;width:100%;max-width:520px;background:var(--color-surface-limestone);padding:var(--space-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);box-sizing:border-box}

@media(max-width:1024px){
.dual-grid,.poker-grid{grid-template-columns:1fr}
.cards-3{grid-template-columns:1fr 1fr}
.hero-panel{margin:1rem auto;max-width:100%;padding:1.25rem 1rem}
}

@media(max-width:640px){
.cards-2,.cards-3{grid-template-columns:1fr}
.hero-apropos{min-height:auto;padding-block:2rem}
.final-text{padding:1.25rem 1rem}
.engagement-panel{padding:1.25rem 1rem}
}