.selfie-box{border:1px solid var(--line);background:var(--raised);width:min(100%,14rem);box-shadow:0 0 0 4px var(--accent-dim);border-radius:1rem;flex:none;padding:.5rem}@media (width>=52rem){.selfie-box{margin-top:-6rem}}.selfie{aspect-ratio:4/5;object-fit:cover;object-position:center 25%;border-radius:.6rem;width:100%;display:block}.card-box{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.25rem;padding-block:2rem;display:grid}.card{border:1px solid var(--line);background:var(--raised);border-radius:1rem;flex-direction:column;gap:.5rem;padding:1.25rem 1.5rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.card:hover{box-shadow:0 0 0 4px var(--accent-dim);border-color:#eb459e66;transform:translateY(-2px)}.card-tag{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:600}.card-title{letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:600}.card-body{color:var(--muted);flex:1;margin:0;font-size:.95rem}.card-link{align-self:flex-start;margin-top:.5rem;font-size:.9rem;font-weight:500}@media (prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}