.work-card{background-color:color-mix(in srgb, var(--brand-electric-blue) 6%, var(--primary-container) 94%);border:1px solid color-mix(in srgb, var(--brand-electric-blue) 20%, transparent 80%);border-top:2px solid var(--brand-electric-blue);border-radius:var(--radius-lg);flex-direction:column;height:100%;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.work-card:before{content:"";border-radius:inherit;background:radial-gradient(360px circle at var(--mx,50%) var(--my,0%), color-mix(in srgb, var(--brand-electric-blue) 14%, transparent 86%), transparent 70%);opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.work-card:hover{border-color:color-mix(in srgb, var(--brand-electric-blue) 60%, transparent 40%);border-top-color:var(--brand-electric-blue);box-shadow:0 0 0 1px color-mix(in srgb, var(--brand-electric-blue) 25%, transparent 75%),0 0 28px color-mix(in srgb, var(--brand-electric-blue) 30%, transparent 70%);transform:translateY(-2px)}.work-card:hover:before{opacity:1}.work-card__preview{aspect-ratio:16/10;background-color:var(--primary-container);width:100%;position:relative;overflow:hidden}.work-card__image{object-fit:cover;object-position:top}.work-card__body{padding:var(--space-5);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.work-card__header{min-height:var(--space-4);justify-content:flex-start;align-items:center;display:flex}.work-card__title{font-family:var(--font-display);font-size:var(--headline-sm-size);font-weight:var(--headline-sm-weight);line-height:var(--headline-sm-line-height);color:var(--inverse-on-surface);margin:0}.work-card__tags{gap:var(--space-1-5);margin-top:var(--space-2);flex-direction:column;display:flex}.work-card__tags-label{font-size:var(--label-sm-size);font-weight:var(--label-sm-weight);line-height:var(--label-sm-line-height);letter-spacing:var(--label-sm-letter-spacing);color:var(--on-primary-container);text-transform:uppercase;margin-bottom:var(--space-1-5)}.work-card__tags-list{gap:var(--space-1-5);flex-wrap:wrap;display:flex}.work-card__desc{font-size:var(--body-md-size);line-height:var(--body-md-line-height);color:var(--on-primary-container);flex:1;margin:0}.work-card__link{margin-top:var(--space-2);align-self:flex-start}@media (max-width:768px){.work-card__body{padding:var(--space-3)}}