.portfolio-page-shell,.project-view-shell{padding:120px 0 70px}
.portfolio-page-hero,.project-hero{margin-bottom:24px}
.portfolio-page-card,.project-card{background:linear-gradient(180deg, rgba(13,25,41,.9), rgba(10,20,34,.84));border:1px solid rgba(255,255,255,.08);border-radius:26px;box-shadow:0 24px 60px rgba(2,8,23,.35)}
.portfolio-page-card{padding:28px}
.portfolio-page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:24px}
.portfolio-project-card{display:flex;flex-direction:column;overflow:hidden;text-decoration:none;color:inherit;border-radius:24px;background:linear-gradient(180deg, rgba(13,25,41,.9), rgba(10,20,34,.84));border:1px solid rgba(255,255,255,.08)}
.portfolio-project-card__media{position:relative;aspect-ratio:16/10;overflow:hidden}
.portfolio-project-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.portfolio-project-card:hover .portfolio-project-card__media img{transform:scale(1.04)}
.portfolio-project-card__body{padding:18px}
.portfolio-project-card__body h2{margin:0 0 8px;font-size:20px;color:#fff}
.portfolio-project-card__body p{margin:0;color:rgba(238,245,255,.74);line-height:1.8}
.portfolio-project-card__cta{margin-top:14px;display:inline-flex;align-items:center;gap:8px;font-weight:900;color:var(--primary)}
.project-card{overflow:hidden}
.project-cover{width:100%;aspect-ratio:16/8;object-fit:cover;display:block}
.project-body{padding:28px}
.project-body h1{margin:0;font-size:clamp(30px,4vw,48px);line-height:1.1}
.project-summary{margin-top:14px;color:rgba(238,245,255,.76);line-height:1.9;font-size:18px}
.project-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.project-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#d9ebff;font-size:13px}
.project-content{margin-top:24px;color:#e7f1ff;line-height:1.95}
.project-actions{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}
.portfolio-overlay__summary{margin:8px 0 0;color:rgba(255,255,255,.76);font-size:13px;line-height:1.8}
.portfolio-section__cta{margin-top:22px;display:flex;justify-content:center}
@media (max-width: 768px){.portfolio-page-shell,.project-view-shell{padding-top:100px}.portfolio-page-card{padding:20px}.project-body{padding:20px}.project-summary{font-size:16px}}