.ds-page{}

.ds-hero-grid{display:grid;grid-template-columns:40% 60%;gap:var(--space-6);align-items:center}
.ds-hero-text{max-width:520px}
.ds-hero-media{min-width:0;height:420px;border-radius:var(--radius-md);overflow:hidden}
.ds-hero-media img{transition:transform .6s ease}
.ds-hero-media:hover img{transform:scale(1.05)}

.ds-essence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);text-align:center;max-width:900px;margin-inline:auto}

.ds-formats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}
.ds-card{padding:var(--space-5);transition:.3s}
.ds-card:hover{border-color:var(--color-border-gold);box-shadow:0 0 0 1px rgba(231,200,115,.4)}

.ds-gastro-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:center}
.ds-gastro-media{height:360px;border-radius:var(--radius-md);overflow:hidden}

.ds-animation-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);max-width:800px;margin-inline:auto;text-align:center}

.ds-timeline-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);text-align:center}
.ds-step{padding:var(--space-4)}

.ds-ambiance-media{position:relative;height:420px;border-radius:var(--radius-md);overflow:hidden}
.ds-ambiance-text{position:absolute;bottom:var(--space-4);left:var(--space-4);max-width:420px;background:var(--color-bg-glass);padding:var(--space-4);border-radius:var(--radius-md)}

.ds-public-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);max-width:900px;margin-inline:auto;text-align:center}

.ds-cta-box{padding:var(--space-6);text-align:center;max-width:600px;margin-inline:auto}

.ds-note-text{max-width:600px;margin-inline:auto;text-align:center}

@media (max-width:980px){
.ds-hero-grid{grid-template-columns:1fr}
.ds-hero-media{height:300px}
}

@media (max-width:900px){
.ds-essence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ds-gastro-grid{grid-template-columns:1fr}
}

@media (max-width:700px){
.ds-formats-grid{grid-template-columns:1fr}
.ds-essence-grid{grid-template-columns:1fr}
.ds-animation-grid{grid-template-columns:1fr}
.ds-timeline-grid{grid-template-columns:1fr}
.ds-public-grid{grid-template-columns:1fr}
}