.portfolio-home{background:#fff}.website-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.website-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;transition:.22s}.website-card:hover{transform:translateY(-4px);border-color:#8bcce4;box-shadow:0 16px 38px rgba(7,29,53,.13)}.website-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;background:#e8f0f5;border-bottom:1px solid var(--line)}.website-card strong{display:block;padding:17px 18px 2px;color:var(--navy);font-size:1rem}.website-card>span{display:block;padding:0 18px 17px;color:var(--blue);font-size:.78rem;font-weight:800}.portfolio-more{grid-column:1/-1;min-height:220px;padding:38px 28px;border-radius:12px;background:linear-gradient(120deg,var(--navy),#0d567c);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center}.portfolio-more>div{width:min(720px,100%)}.portfolio-more strong{display:block;font-size:1.55rem}.portfolio-more p{margin:10px auto 20px;color:#c7dbe9;line-height:1.65}.portfolio-more-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.portfolio-more-actions a{display:inline-flex;align-items:center;justify-content:center;min-width:165px;padding:12px 18px;border-radius:7px;background:#fff;color:var(--navy);font-size:.88rem;font-weight:900}.portfolio-more-actions a:last-child{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55)}.portfolio-more-actions a:hover{transform:translateY(-2px)}@media(max-width:900px){.website-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.website-grid{grid-template-columns:1fr}.portfolio-more{min-height:240px;padding:32px 22px}.portfolio-more-actions{flex-direction:column}.portfolio-more-actions a{width:100%}}