.event-card{border-radius:var(--radius-large);background-color:var(--color-surface-secondary);transition:transform var(--transition-normal), box-shadow var(--transition-normal);display:flex;overflow:hidden}.event-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.event-card-vertical{flex-direction:column;width:100%}.event-card-vertical .event-card-image-wrapper{width:100%;height:280px;position:relative;overflow:hidden}.event-card-vertical .event-card-content{padding:var(--spacing-32);gap:var(--spacing-16);flex-direction:column;flex:1;display:flex}.event-card-horizontal{flex-direction:row;align-items:center;min-height:480px}.event-card-horizontal .event-card-image-wrapper{z-index:1;flex:1;height:480px;margin-right:-100px;position:relative;overflow:hidden}.event-card-horizontal .event-card-content{width:460px;padding:var(--spacing-40);gap:var(--spacing-32);background-color:var(--color-surface-background-accent);z-index:2;flex-direction:column;flex-shrink:0;display:flex}.event-card-horizontal.event-card-reversed{flex-direction:row-reverse}.event-card-horizontal.event-card-reversed .event-card-image-wrapper{margin-left:-100px;margin-right:0}.event-card-horizontal.event-card-reversed .event-card-content{margin-right:0}.event-card-image{object-fit:cover;width:100%;height:100%}.event-card-title{font-family:var(--font-family-heading);font-size:var(--font-size-heading-4,28px);font-weight:var(--font-weight-medium);line-height:var(--line-height-heading-4,32px);color:var(--color-text-heading-default);letter-spacing:-.14px;margin:0}.event-card-description{font-family:var(--font-family-body);font-size:var(--font-size-body-default,16px);font-weight:var(--font-weight-regular);line-height:var(--line-height-body-default,20px);color:var(--color-text-body-primary);margin:0}.event-card-button{width:170px;height:48px;color:var(--color-neutral-white);font-family:var(--font-family-body);cursor:pointer;transition:all var(--transition-normal);background-color:#002043;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:12px 16px;font-size:16px;font-weight:500;line-height:1.2;display:inline-flex}.event-card-button:hover{background-color:#001832;transform:translateY(-1px)}@media (max-width:768px){.event-card-horizontal{flex-direction:column;min-height:auto}.event-card-horizontal.event-card-reversed{flex-direction:column}.event-card-horizontal .event-card-image-wrapper,.event-card-horizontal.event-card-reversed .event-card-image-wrapper{width:100%;height:300px;margin-left:0;margin-right:0}.event-card-horizontal .event-card-content,.event-card-horizontal.event-card-reversed .event-card-content{width:100%;padding:var(--spacing-32);gap:var(--spacing-24);margin-left:0;margin-right:0}.event-card-vertical .event-card-image-wrapper{height:200px}.event-card-vertical .event-card-content{padding:var(--spacing-24)}.event-card-title{font-size:var(--font-size-heading-5,24px);line-height:var(--line-height-heading-5,28px)}.event-card-button{width:100%}}@media (min-width:769px) and (max-width:1024px){.event-card-horizontal .event-card-content,.event-card-horizontal.event-card-reversed .event-card-content{width:380px;padding:var(--spacing-32)}.event-card-horizontal .event-card-image-wrapper,.event-card-horizontal.event-card-reversed .event-card-image-wrapper{height:400px}.event-card-horizontal{min-height:400px}}@media (prefers-color-scheme:dark){:root:not(.light-mode) .event-card{background-color:var(--color-surface-secondary)}:root:not(.light-mode) .event-card-horizontal .event-card-content{background-color:var(--color-surface-background-accent)}:root:not(.light-mode) .event-card-title{color:var(--color-text-heading-default)}:root:not(.light-mode) .event-card-description{color:var(--color-text-body-primary)}:root:not(.light-mode) .event-card-button{background-color:var(--color-neutral-white)!important;color:var(--color-brand-crystal-bridges)!important}:root:not(.light-mode) .event-card-button:hover{color:var(--color-brand-crystal-bridges)!important;background-color:#f0f0f0!important}}.dark-mode .event-card{background-color:var(--color-surface-secondary)}.dark-mode .event-card-horizontal .event-card-content{background-color:var(--color-surface-background-accent)}.dark-mode .event-card-title{color:var(--color-text-heading-default)}.dark-mode .event-card-description{color:var(--color-text-body-primary)}.dark-mode .event-card-button{background-color:var(--color-neutral-white)!important;color:var(--color-brand-crystal-bridges)!important}.dark-mode .event-card-button:hover{color:var(--color-brand-crystal-bridges)!important;background-color:#f0f0f0!important}