body {
background-color: var(--color-bg);
}
.hero-lounge {
border-bottom: 1px solid var(--color-border);
}
.hero-inner-lounge {
align-items: stretch;
}
.hero-copy-lounge {
max-width: 620px;
}
.hero-grid-lounge {
max-width: 540px;
margin-left: auto;
}
.hero-main-image-lounge::before {
background-image: url("/assets/images/urban-card-salon-entrance.webp");
background-size: cover;
background-position: center;
}
.hero-alert-shell {
margin-top: var(--space-4);
}
.lounge-split {
align-items: flex-start;
}
.lounge-media-stack {
display: grid;
gap: var(--space-4);
}
.lounge-media-stack-single {
max-width: 520px;
margin-left: auto;
}
.lounge-media-card {
border-radius: var(--radius-xl);
border: 1px solid var(--color-border);
background: radial-gradient(circle at top left, rgba(148, 163, 184, 0.1), transparent 55%), var(--color-bg-elevated);
box-shadow: var(--shadow-soft);
overflow: hidden;
}
.lounge-media-card.large {
height: 100%;
}
.lounge-media-card img {
width: 100%;
height: auto;
}
.lounge-media-card figcaption {
padding: var(--space-4);
font-size: 0.85rem;
color: var(--color-text-muted);
}
.lounge-bullets {
margin-top: var(--space-4);
}
.lounge-card-tight {
padding: var(--space-5);
}
.lounge-card-compact {
padding: var(--space-4);
}
.lounge-list {
display: grid;
gap: var(--space-3);
}
.lounge-list li p {
margin-bottom: 0;
}
.lounge-actions {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
}
.lounge-champions-grid {
margin-top: var(--space-4);
}
.lounge-highlight-panel {
display: flex;
align-items: center;
}
.lounge-service-grid {
margin-top: var(--space-4);
gap: var(--space-4);
}
.lounge-rules-note,
.lounge-events-note,
.lounge-membership-note {
display: flex;
align-items: center;
}
.lounge-service {
border-block: 1px solid var(--color-border);
background: radial-gradient(circle at top right, rgba(217, 119, 6, 0.12), transparent 55%), var(--color-bg);
}
.lounge-events .table-shell {
margin-top: var(--space-4);
}
.lounge-membership {
border-top: 1px solid var(--color-border);
}
.lounge-faq-grid {
margin-top: var(--space-4);
display: grid;
gap: var(--space-4);
}
.lounge-faq-item {
padding: var(--space-4);
}
.lounge-steps {
display: grid;
gap: var(--space-3);
margin-top: var(--space-3);
}
.lounge-steps li p {
margin-bottom: 0;
}
.lounge-faq-summary {
max-width: 430px;
margin-left: auto;
}
.lounge-final-card {
padding: var(--space-6);
text-align: center;
}
.lounge-final-card .section-title {
margin-bottom: var(--space-3);
}
.lounge-final-card .section-lede {
margin-inline: auto;
}
.lounge-cta-final {
border-top: 1px solid var(--color-border);
padding-bottom: var(--space-20);
}
@media (max-width: 1023.98px) {
.hero-grid-lounge {
max-width: none;
margin-left: 0;
}
.lounge-split,
.lounge-champions,
.lounge-hosts,
.lounge-rules,
.lounge-events {
gap: var(--space-8);
}
.lounge-media-stack-single,
.lounge-faq-summary {
margin-left: 0;
max-width: none;
}
.lounge-final-card {
padding: var(--space-5);
}
}
@media (max-width: 767.98px) {
.hero-copy-lounge {
max-width: none;
}
.lounge-final-card {
padding: var(--space-4);
}
}
Document