.hero-layout {
display: grid;
gap: var(--space-32);
grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
align-items: center;
}
.hero-copy {
max-width: 640px;
}
.hero-media {
max-height: 480px;
}
.hero-note {
margin-top: var(--space-16);
font-size: var(--font-size-sm);
color: var(--gray-600);
}
.section-tonal {
background-color: var(--color-surface);
}
.vip-block {
align-items: center;
gap: var(--space-32);
}
.vip-block-text ul {
margin-top: var(--space-12);
}
.vip-block-text ul li {
margin-top: var(--space-4);
}
.vip-block-side {
align-self: stretch;
}
.vip-list-compact {
margin-left: 0;
list-style: none;
}
.vip-list-compact li + li {
margin-top: var(--space-8);
}
.vip-cta-inline {
margin-top: var(--space-16);
}
.vip-cta-inline a {
font-size: var(--font-size-sm);
}
.vip-decor-section {
padding-top: clamp(var(--space-32), 6vh, var(--space-64));
}
.vip-summary-cta {
background: radial-gradient(circle at top, rgba(214,190,138,0.18), transparent 55%);
}
@media (max-width: 900px) {
.hero-layout {
grid-template-columns: 1fr;
}
.hero-media {
order: -1;
}
}
@media (max-width: 768px) {
.vip-block {
grid-template-columns: 1fr;
}
.vip-block-side {
margin-top: var(--space-16);
}
}
Document