.project-detail-page{max-width:1080px;min-height:100vh;color:var(--text-primary);margin:0 auto;padding:clamp(32px,7vw,80px) 20px 72px;line-height:1.65}.project-detail-breadcrumb,.project-detail-back{color:var(--text-muted);font-size:.9rem}.project-detail-breadcrumb{align-items:center;gap:10px;margin-bottom:26px;display:flex}.project-detail-breadcrumb a,.project-detail-back a{color:var(--text-primary);text-decoration:none}.project-detail-breadcrumb a:hover,.project-detail-back a:hover{color:var(--accent)}.project-detail-card{border:1px solid var(--section-border);background:var(--section-bg);box-shadow:var(--section-shadow);-webkit-backdrop-filter:blur(24px);border-radius:32px;padding:clamp(24px,5vw,54px)}.project-detail-eyebrow{color:var(--accent);font-family:var(--font-caveat), cursive;font-size:1.7rem}.project-detail-header h1{max-width:780px;font-family:var(--font-archivo-black), sans-serif;letter-spacing:-.035em;overflow-wrap:anywhere;margin:4px 0 12px;font-size:clamp(2.4rem,7vw,5rem);line-height:1.05}.project-detail-header p{max-width:750px;color:var(--text-secondary);margin:0 0 28px;font-size:clamp(1rem,2.4vw,1.2rem)}.project-detail-image{object-fit:cover;border:1px solid var(--section-border);border-radius:22px;width:100%;height:auto;max-height:550px;display:block}.project-detail-section{border-top:1px solid var(--section-border);margin-top:36px;padding-top:30px}.project-detail-section h2{margin:0 0 14px;font-size:1.2rem;font-weight:800}.project-detail-description{white-space:pre-line;color:var(--text-secondary);margin:0}.project-detail-technologies,.project-detail-links{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.project-detail-technologies li{border:1px solid var(--section-border);background:var(--card-bg);border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:700}.project-detail-links a{background:var(--gradient-primary);color:#fff;border-radius:12px;align-items:center;min-height:40px;padding:8px 15px;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.project-detail-links a:hover{transform:translateY(-2px);box-shadow:0 8px 22px #3395ff40}.project-detail-back{margin:24px 4px 0}@media (prefers-reduced-motion:reduce){.project-detail-links a{transition:none}.project-detail-links a:hover{transform:none}}