.project-page .page-hero { min-height: 520px; display: flex; align-items: center; }
.project-page .page-hero .container { position: relative; z-index: 1; }
.project-page .page-hero::after { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 80% 45%, rgba(129,112,255,.2), transparent 28rem); pointer-events: none; }
.project-page .page-hero h1 { max-width: 850px; }
.project-tags { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 28px; }
.project-tags span { padding: 6px 11px; border: 1px solid var(--border); border-radius: 999px; color: var(--muted); font-size: .8rem; }
.project-content { width: min(820px, calc(100% - 40px)); margin: 0 auto; padding: 70px 0 110px; }
.project-content h2 { margin: 0 0 18px; font-size: clamp(1.6rem, 4vw, 2.5rem); }
.project-content p { color: var(--muted); }
.project-placeholder { margin-top: 42px; min-height: 280px; display: grid; place-items: center; padding: 28px; border: 1px solid var(--border); border-radius: 24px; background: radial-gradient(circle at 50% 45%, rgba(129,112,255,.18), transparent 45%), var(--surface); color: var(--dim); text-align: center; }
.project-preview { width: 100%; margin: 40px 0; border: 1px solid var(--border); border-radius: 22px; box-shadow: 0 28px 70px rgba(0,0,0,.28); }
.feature-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin: 32px 0 42px; }
.feature { padding: 22px; border: 1px solid var(--border); border-radius: 16px; background: var(--surface); }
.feature h3 { margin: 0 0 8px; font-size: 1rem; }
.feature p { margin: 0; font-size: .9rem; }
.project-back { display: inline-flex; align-items: center; gap: 8px; margin-top: 36px; color: #b8d9ff; text-decoration: none; font-weight: 650; }
.project-back:hover { color: var(--text); }
.shiba-hero::after { background: radial-gradient(circle at 78% 45%, rgba(255,92,196,.22), transparent 28rem); }
@media (max-width: 600px) { .project-page .page-hero { min-height: 440px; } .project-content { width: calc(100% - 28px); padding-top: 52px; } .feature-grid { grid-template-columns: 1fr; } }