@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);@keyframes neonMove{from{transform:translate(-3%,-2%)}to{transform:translate(3%,2%)}}.neon-cards{padding:128px 0}@media (max-width:991px){.neon-cards{padding:32px 0 80px}}.neon-cards .field--name-field-card{margin:0 16px}@media (max-width:699px){.neon-cards .field--name-field-card{display:flex;margin-left:calc(-50vw + 50%);overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;width:100vw}.neon-cards .field--name-field-card .field__item{flex:0 0 80%;margin:0 16px}}@media (min-width:992px){.neon-cards .field--name-field-card{display:grid;gap:32px;grid-template-columns:1fr 1fr;grid-template-rows:1fr}}.neon-cards .field--name-field-card>.field__item{--gradient-position:20% 20%;--gradient-angle:135deg;aspect-ratio:16/9;background:radial-gradient(circle at var(--gradient-position),rgba(76,234,175,.2),transparent 35%),linear-gradient(var(--gradient-angle),#3e4a74 0,#141a33 100%);background:#3e4a74;border-radius:24px;display:flex;flex-direction:column;grid-row:auto/span 2;overflow:hidden;padding:24px;position:relative;transition:all linear .3s}@media (max-width:991px){.neon-cards .field--name-field-card>.field__item{aspect-ratio:auto;display:block;margin-bottom:16px}}.neon-cards .field--name-field-card>.field__item .field--name-field-media{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}@media (max-width:699px){.neon-cards .field--name-field-card>.field__item .field--name-field-media img{height:100%}}.neon-cards .field--name-field-card>.field__item:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle,rgba(55,255,200,.35),transparent 60%);opacity:1;transform:translate3d(0,0,0);pointer-events:none}.neon-cards .field--name-field-card>.field__item:after{backdrop-filter:blur(10px);background:rgba(20,26,51,.5);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all linear .2s;z-index:4}@media (max-width:991px){.neon-cards .field--name-field-card>.field__item:after{opacity:1}}.neon-cards .field--name-field-card>.field__item h3{margin-bottom:12px;position:relative;z-index:5}@media (min-width:992px){.neon-cards .field--name-field-card>.field__item h3{margin-bottom:0}}.neon-cards .field--name-field-card>.field__item:nth-child(2){grid-column:2;grid-row:2/span 2}.neon-cards .field--name-field-card>.field__item:nth-child(4n){--gradient-position:20% 0%;--gradient-angle:135deg}.neon-cards .field--name-field-card>.field__item:nth-child(4n+1){--gradient-position:100% 30%;--gradient-angle:220deg;align-items:flex-end;text-align:right}@media (max-width:699px){.neon-cards .field--name-field-card>.field__item:nth-child(4n+1){align-items:flex-start;justify-content:flex-start;text-align:left}}.neon-cards .field--name-field-card>.field__item:nth-child(4n+2){--gradient-position:10% 100%;--gradient-angle:45deg;justify-content:flex-end}@media (max-width:699px){.neon-cards .field--name-field-card>.field__item:nth-child(4n+2){justify-content:flex-start}}.neon-cards .field--name-field-card>.field__item:nth-child(4n+3){--gradient-position:90% 100%;--gradient-angle:315deg;justify-content:flex-end}@media (max-width:699px){.neon-cards .field--name-field-card>.field__item:nth-child(4n+3){justify-content:flex-start}}@media (min-width:992px){.neon-cards .field--name-field-card>.field__item:hover{outline:2px solid #4ceaaf}.neon-cards .field--name-field-card>.field__item:hover:before{animation:neonMove 2s ease-in-out infinite alternate}.neon-cards .field--name-field-card>.field__item:hover:after{opacity:1}.neon-cards .field--name-field-card>.field__item:hover .field--name-field-body{opacity:1;margin-top:12px;max-height:500px;transform:translateY(0)}}.neon-cards .field--name-field-body{font-size:.875rem;margin-top:0;overflow:hidden;position:relative;z-index:9}@media (max-width:699px){.neon-cards .field--name-field-body{margin:0!important}}@media (min-width:992px){.neon-cards .field--name-field-body{max-height:0;opacity:0;transform:translateY(12px);transition:max-height .45s ease,opacity .3s ease,trasnform .45s ease}}@media (min-width:1370px){.neon-cards .field--name-field-body{max-width:400px}}.neon-cards .field--name-field-body p:last-child{margin-bottom:0}
/*# sourceMappingURL=neon_cards.css.map */