/* SoCal Shuffle: original festival artwork on a warm, uncluttered canvas. */
.reg-shell .content-left { background: #fbf4df; }
.content-left .bg-holder { background: radial-gradient(ellipse at 30% 20%, #fffaf0, #f4e8ca) !important; }
.content-left .bg-holder::after { background: none; }
.reg-shell .content-left-wrapper { padding: 3rem; }
.reg-shell .content-left-wrapper .logo-wrap { top: 43%; left: 50%; width: 78%; transform: translate(-50%, -50%); }
.reg-shell .content-left-wrapper .logo-wrap img { width: 100%; height: auto; max-height: 48vh; object-fit: contain; }
.content-left .content-left-wrapper h2 { color: #234f3e; text-shadow: none; font-size: clamp(1.5rem, 2.5vw, 2.2rem); }
.content-left .content-left-wrapper h2::before { content: 'MAY 7–9, 2027 · LOS ANGELES'; display: block; font: 700 .76rem/1.6 Inter, sans-serif; letter-spacing: .12em; margin-bottom: .85rem; color: #7f5f2d; }
.reg-shell .content-left-wrapper .powered-by, .reg-shell .content-left-wrapper .powered-by a { color: #546451; }
.reg-shell .content-right { background: #fffdf8; }
.reg-shell #wizard_container { width: 100%; max-width: 620px; }
.reg-shell .preview-banner { font-family: Inter, sans-serif; font-size: .875rem; }
@media (max-width: 900px) {
    .reg-shell .content-left { height: 360px; }
    .reg-shell .content-left-wrapper { padding: 1.5rem; }
    .reg-shell .content-left-wrapper .logo-wrap { top: 36%; width: min(300px, 72%); }
    .reg-shell .content-left-wrapper .logo-wrap img { max-height: 195px; }
    .content-left .content-left-wrapper h2 { font-size: 1.5rem; }
    .content-left .content-left-wrapper h2::before { font-size: .66rem; margin-bottom: .35rem; }
    .reg-shell .content-left-wrapper .powered-by { margin: .4rem 0 0; }
}
.status-shell .status-art { background: #fbf4df; }
.status-art .status-art__fallback { background: radial-gradient(ellipse at 30% 20%, #fffaf0, #f4e8ca); }
.status-shell .status-art::after { background: none; }
.status-art .status-logo { top: 36%; left: 50%; transform: translate(-50%, -50%); width: 78%; padding: 0; background: none; box-shadow: none; }
.status-art .status-logo img { width: 100%; max-width: 100%; max-height: 240px; }
.status-art .status-art__content h2 { color: #234f3e; letter-spacing: -.035em; }
.status-art .status-art__content p, .status-art .status-art__content a { color: #546451; }
@media (max-width: 800px) { .status-art .status-logo img { max-height: 150px; } }