.hero__layout {
align-items: center;
gap: var(--space-10);
}
.hero__content {
max-width: 32rem;
}
.hero__media-wrapper {
position: relative;
}
.hero__badge-card {
max-width: 16rem;
}
.section-intro {
max-width: 44rem;
margin-inline: auto;
color: var(--gray-600);
}
.overview-grid .overview-card {
height: 100%;
}
.text-link {
display: inline-flex;
gap: var(--space-2);
font-size: var(--font-size-sm);
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--color-primary);
}
.text-link:hover {
color: var(--color-primary-hover);
}
.interior-grid,
.poker-grid,
.gallery-grid,
.cta-reservation {
align-items: center;
gap: var(--space-10);
}
.interior-figure,
.gallery-figure {
border-radius: var(--radius-xl);
overflow: hidden;
box-shadow: var(--shadow-medium);
}
.interior-ctas,
.gallery-cta,
.poker-cta {
display: flex;
flex-wrap: wrap;
gap: var(--space-4);
}
.events-grid {
align-items: stretch;
}
.testimonial-grid .testimonial-card {
height: 100%;
}
.testimonial-text {
color: var(--gray-700);
margin-bottom: var(--space-4);
}
.testimonial-author {
font-size: var(--font-size-sm);
color: var(--gray-500);
}
.cta-reservation {
display: grid;
grid-template-columns: minmax(0, 2fr) minmax(0, 1.3fr);
gap: var(--space-8);
}
.cta-actions {
display: flex;
flex-direction: column;
gap: var(--space-4);
align-items: flex-start;
}
@media (max-width: 960px) {
.hero__layout,
.interior-grid,
.poker-grid,
.gallery-grid,
.cta-reservation {
grid-template-columns: minmax(0, 1fr);
}
.hero__content,
.section-intro {
max-width: 100%;
}
.cta-actions {
flex-direction: row;
flex-wrap: wrap;
}
}
@media (max-width: 640px) {
.cta-actions {
flex-direction: column;
align-items: stretch;
}
}
Document