.card{width:100%;max-width:64rem}.card__inner{display:flex;flex-direction:column;gap:24px;border:1px solid rgba(46,52,46,.15);background:rgba(17,17,17,.88);box-shadow:0 12px 30px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;overflow:hidden}.card--no-image .card__inner{gap:0}.card__content{padding:24px 28px;text-align:left;flex:1 1}.card__image-wrap{order:1}.card__content{order:2}.card__title{font-size:1.4rem;font-weight:600;margin-bottom:1rem;padding-left:10px;color:#1e90ff}.card__cta{margin-top:16px}.card__image-wrap{width:100%}.card__image-wrap--avatar{display:flex;justify-content:center}.card__image{width:100%;height:100%;object-fit:cover}.card__image--avatar{display:block;aspect-ratio:1/1;object-fit:cover;border-radius:50%;width:min(320px,100% - 40px);height:auto;margin:20px auto 0;border:1px solid rgba(190,196,205,.55);box-shadow:inset 0 1px 2px hsla(0,0%,100%,.28),inset 0 -2px 4px rgba(0,0,0,.35),0 0 0 1px rgba(120,126,134,.25)}.card-anchor{scroll-margin-top:100px}@media(min-width:768px){.card__inner{flex-direction:row;align-items:stretch}.card__content,.card__image-wrap{order:unset}.card--top .card__inner{flex-direction:column}.card--bottom .card__inner{flex-direction:column-reverse}.card--right .card__image{border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:0}.card--left .card__inner{flex-direction:row-reverse}.card--left .card__image{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0}.card__image-wrap{width:360px;flex-shrink:0}.card--top .card__image-wrap{width:100%}.card__content{padding:32px 36px}}