:root{--real-height:100vh}*{box-sizing:border-box}.story-card{background:#000c;border-radius:14px;height:256px;max-height:256px;min-height:256px;overflow:hidden;position:relative;width:100%}.story-card:hover .story-card__content{border-color:#fd0}.story-card__img{cursor:pointer;height:100%;left:0;object-fit:cover;object-position:center;overflow:hidden;position:absolute;top:0;width:100%}.story-card__img:hover{scale:105%}.story-card__content-wrapper{background:linear-gradient(0deg,#000 0,#0000 60%);height:100%;padding:7px;position:relative}.story-card__content-wrapper:after{background:#000000b3;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.story-card:hover .story-card__content-wrapper:after{opacity:1}.story-card__content{border:2px solid hsla(0,0%,85%,.502);border-radius:10px;color:#fff;display:flex;flex-direction:column;gap:24px;height:100%;justify-content:flex-end;padding:20px 13px;position:relative;transition:background-color .15s ease;z-index:1}.story-card__mic-icon{height:48px;margin-bottom:auto;width:30px}.story-card__category{display:none;font-size:14px;font-weight:700;letter-spacing:.2rem;text-transform:uppercase}.story-card__quote{display:-webkit-box;font-size:18px;font-weight:700;line-height:1.3;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}.story-card__footer{font-size:14px;line-height:1.3}.story-card__fullname{font-weight:700}@media(min-width:64em){.story-card{border-radius:30px;height:476px;max-height:476px;min-height:476px}.story-card:hover .story-card__content{border-color:#fd0}.story-card:hover .story-card__category,.story-card:hover .story-card__mic-icon{display:block}.story-card__content-wrapper{padding:10px}.story-card__content{border:3px solid hsla(0,0%,85%,.502);border-radius:24px;display:flex;flex-direction:column;gap:24px;padding:38px 30px 50px}.story-card__category{font-size:16px}.story-card__quote{font-size:24px}.story-card__footer{font-size:20px}}