:root{--ink:#1a2232;--ink-2:#232d44;--ink-3:#2f3a55;--fog:#4a5878;--mist:#6b7a99;--text:#e8ecf4;--text-2:#a8b3c7;--text-3:#7a8499;--accent:#7ba7d9;--accent-soft:#5d8fc4;--accent-2:#d9a87b;--accent-2-soft:#c49565;--accent-glow:rgba(123,167,217,.4);--accent-2-glow:hsla(29,55%,67%,.35);--success:#7bc97b;--amber:#e8b864;--red:#e87b7b}.portfolio-grid{display:flex;flex-wrap:wrap;margin-top:3rem;justify-content:center}.portfolio-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--ink);border:1px solid var(--ink-3);border-radius:12px;overflow:hidden;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s ease,box-shadow .25s ease;height:100%;cursor:pointer}.portfolio-card:focus-visible,.portfolio-card:hover{transform:translateY(-3px);border-color:var(--mist);box-shadow:0 12px 32px rgba(0,0,0,.3),0 0 0 1px var(--text-3);outline:none}.portfolio-card:focus-visible{box-shadow:0 0 0 2px var(--accent),0 12px 32px rgba(0,0,0,.3)}.portfolio-card__image-wrap{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:var(--ink-3)}.portfolio-card__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.portfolio-card:hover .portfolio-card__image{transform:scale(1.04)}.portfolio-card__image-wrap .preload-animation{width:100%;height:100%}.portfolio-card__image-wrap img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.portfolio-card__body{display:flex;flex-direction:column;padding:1.25rem 1.5rem 1.5rem;gap:.5rem;flex:1}.portfolio-card__tag{display:inline-block;align-self:flex-start;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:.25rem}.portfolio-card__title{font-size:1.25rem;font-weight:600;line-height:1.3;color:var(--text);margin:0}.portfolio-card__description{font-size:.95rem;line-height:1.55;color:var(--text-2);margin:0;flex:1}.portfolio-card__link{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;font-size:.9rem;font-weight:500;color:var(--text-2);transition:color .2s ease}.portfolio-card__arrow{display:inline-block;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.portfolio-card:hover .portfolio-card__arrow{transform:translateX(4px)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;width:100%}@media (min-width:768px){.portfolio-grid{gap:2rem}}