/* Event discovery: petrol-blue stage, soft spotlights and a warm ticket accent. */
.catalog-shell .catalog-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 90% 12%, #36c5b545, transparent 48%),
        radial-gradient(ellipse at 55% 110%, #248da838, transparent 58%),
        linear-gradient(125deg, #101e2c 8%, #153540 65%, #17464b);
    border: 1px solid #42737766;
    box-shadow: 0 24px 60px #102d381a;
}
.catalog-shell .catalog-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image: radial-gradient(#b0e8e92e .8px, transparent .8px);
    background-size: 24px 24px;
    mask-image: linear-gradient(90deg, transparent 15%, #000 100%);
}
.catalog-shell .catalog-hero::after {
    content: "";
    position: absolute;
    width: 560px;
    height: 560px;
    right: -150px;
    top: -220px;
    z-index: -1;
    pointer-events: none;
    border: 1px solid #9bdedb26;
    border-radius: 50%;
    box-shadow: 0 0 0 65px #9bdedb09, 0 0 0 130px #9bdedb07;
}
.catalog-shell .catalog-eyebrow { color: #aae9db; }
.catalog-shell .catalog-hero h1 { color: #f7fbfc; }
.catalog-shell .catalog-hero h1 em { color: #a4efdb; }
.catalog-shell .catalog-hero p { color: #d1e2e6; }
.catalog-shell .catalog-art {
    position: relative;
    overflow: hidden;
    background: #fff7e8;
    color: #153e45;
    border: 1px solid #fffdf4;
    box-shadow: 0 28px 60px #061a2866;
}
.catalog-shell .catalog-art::after {
    content: "";
    position: absolute;
    inset: -50%;
    pointer-events: none;
    background: linear-gradient(115deg, transparent 38%, #ffffffb3 48%, transparent 58%);
    transform: translateX(-110%);
    opacity: 0;
}
@media (prefers-reduced-motion: no-preference) {
    .catalog-shell .catalog-art {
        transform: perspective(850px) rotateX(var(--ticket-x, 0deg)) rotateY(var(--ticket-y, 0deg)) rotate(-8deg);
        transition: transform .3s ease-out;
        animation: catalog-ticket-float 4.8s ease-in-out 1;
    }
    .catalog-shell .catalog-art::after { animation: catalog-ticket-shine 4.8s ease-in-out 1; }
}
@keyframes catalog-ticket-float {
    0%, 100% { translate: 0 0; }
    30% { translate: 0 -14px; }
    65% { translate: 0 5px; }
}
@keyframes catalog-ticket-shine {
    0%, 28% { transform: translateX(-110%); opacity: 0; }
    35% { opacity: .65; }
    70%, 100% { transform: translateX(110%); opacity: 0; }
}
.catalog-shell .catalog-art > i { color: #197267; }
.catalog-shell .catalog-art > span { color: #153e45; }
.catalog-shell .catalog-art small { color: #52676a; border-color: #c9d3c5; }
.catalog-shell .catalog-organizer {
    background: linear-gradient(120deg, #edf7f5, #fafbf8);
    border-color: #d6e7e2;
}
.catalog-shell .catalog-organizer > a { background: #173e45; }
.catalog-shell .catalog-placeholder {
    background: linear-gradient(135deg, #e2f2ed, #c5dde4);
    color: #22656c;
}
@media (max-width: 600px) {
    .catalog-shell .catalog-hero::after { right: -340px; opacity: .6; }
}