.oopen-card{display:flex;flex-direction:column;height:100%;justify-content:flex-start;position:relative;width:100%}.oopen-card .oopen-card--image{border-radius:12px;box-shadow:none;overflow:hidden;transition:box-shadow .2s cubic-bezier(.645,.045,.355,1),transform .2s cubic-bezier(.55,-.336,.415,1.541);z-index:0}.oopen-card .oopen-card--image img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .2s cubic-bezier(.55,-.336,.415,1.541),opacity .12s ease-in;width:100%}.oopen-card:hover .oopen-card--image{box-shadow:0 8px 16px #15023a26;transform:scale(1.036)}.oopen-card:hover .oopen-card--image img{transform:scale(1.03)}.oopen-card:hover.featured .oopen-card--text{transform:scale(1.05) translateY(3.5%)}.oopen-card:active .oopen-card--image{box-shadow:0 1px 8px #15023a26;transform:scale(.99)}.oopen-card:active .oopen-card--image img{opacity:.9;transform:scale(1)}.oopen-card:active.featured .oopen-card--text{transform:scale(1)}.oopen-card .oopen-card--text{color:var(--foregroundColor,#15023a);padding-top:12px;transition:transform .2s cubic-bezier(.55,-.336,.415,1.541);z-index:1}.oopen-card .oopen-card--text h2,.oopen-card .oopen-card--text h3{margin:0}.oopen-card .oopen-card--text p{font-size:1.5rem;line-height:120%;margin:0;opacity:.8;padding-top:4px}.oopen-card.featured{justify-content:flex-end;padding:30px}.oopen-card.featured .oopen-card--image,.oopen-card.featured .oopen-card--image:before{bottom:0;left:0;position:absolute;right:0;top:0}.oopen-card.featured .oopen-card--image:before{background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.25) 75%,rgba(0,0,0,.5));content:"";z-index:1}.oopen-card.featured .oopen-card--text{color:#fff;padding-top:0;z-index:1}.oopen-card.featured .oopen-card--text p{font-size:1.7rem;margin-top:8px}.oopen-card.fallback .oopen-card--image{aspect-ratio:4/3;background-color:var(--accentColor,#8c47ff);width:100%}@media screen and (max-width:991px){.oopen-card.featured{padding:30px 20px}.oopen-card.fallback .oopen-card--image{aspect-ratio:1/1}.oopen-card .oopen-card--image{aspect-ratio:1/1;flex:initial}}@media screen and (max-width:767px){.oopen-card.regular{align-items:center;aspect-ratio:auto!important;flex-direction:row;justify-content:flex-start;padding:0}.oopen-card.regular .oopen-card--image{aspect-ratio:1/1;flex:initial;flex-shrink:0;height:80px;margin-right:12px;position:relative;width:80px}.oopen-card.regular .oopen-card--text{color:var(--foregroundColor,#15023a);padding:0}}
