.project-detail-page{min-height:100vh;padding:24px;position:relative;overflow:hidden;background:var(--color-surface)}.project-detail-page:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--color-outline-variant) 1px,transparent 1px),linear-gradient(90deg,var(--color-outline-variant) 1px,transparent 1px);background-size:50px 50px;opacity:.1;pointer-events:none;animation:gridShift 20s linear infinite}@keyframes gridShift{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.project-back-link{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;margin-bottom:24px;color:var(--color-primary);text-decoration:none;font-weight:500;border-radius:var(--shape-corner-full);background:var(--color-surface-container);border:1px solid var(--color-outline-variant);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:10}.project-back-link:hover{background:var(--color-primary-container);color:var(--color-on-primary-container);transform:translateX(-4px);box-shadow:4px 4px 16px rgba(0,0,0,.1)}.project-hero{position:relative;padding:48px 32px;margin-bottom:32px;border-radius:var(--shape-corner-extra-large);overflow:hidden;z-index:1}.project-hero-bg{position:absolute;inset:0;background:var(--color-surface-container);opacity:1;z-index:-2}.project-hero-bg:before{display:none}@keyframes heroGlow{0%{opacity:.1;transform:scale(1)}to{opacity:.2;transform:scale(1.05)}}.project-hero-bg:after{content:"";position:absolute;inset:0;border:2px solid var(--color-outline-variant);border-radius:var(--shape-corner-extra-large);pointer-events:none}.project-hero-content{position:relative;z-index:1}.project-meta-row{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.project-genre-badge,.project-type-badge{padding:6px 16px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;border-radius:var(--shape-corner-full);background:var(--color-surface);color:var(--color-on-surface);border:1px solid var(--color-outline-variant)}.project-type-badge{background:var(--color-secondary-container);color:var(--color-on-secondary-container);border-color:var(--color-secondary)}.project-genre-badge{background:var(--color-tertiary-container);color:var(--color-on-tertiary-container);border-color:var(--color-tertiary)}.project-title{font-size:clamp(2rem,6vw,3.5rem);font-weight:800;line-height:1.1;margin-bottom:16px;color:var(--color-on-surface)}.project-description{font-size:1.125rem;color:var(--color-on-surface-variant);max-width:700px;line-height:1.6;margin-bottom:24px}.project-phase-badge{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--shape-corner-large);position:relative;overflow:hidden}.project-phase-badge:before{display:none}.phase-dot{width:10px;height:10px;border-radius:50%;background:currentColor;animation:phasePulse 2s ease-in-out infinite}@keyframes phasePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.project-content{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:40px;background:var(--color-surface-container);border-radius:var(--shape-corner-extra-large);border:1px solid var(--color-outline-variant);box-shadow:0 4px 24px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.05)}.project-body{color:var(--color-on-surface);line-height:1.8}.project-body h2{font-size:1.5rem;font-weight:700;margin:32px 0 16px;padding-bottom:12px;border-bottom:2px solid var(--color-primary);color:var(--color-on-surface);position:relative}.project-body h2:before{content:"▸";margin-right:12px;color:var(--color-primary)}.project-body p{margin-bottom:16px;color:var(--color-on-surface-variant)}.project-body ol,.project-body ul{margin:16px 0;padding-left:24px}.project-body li{margin-bottom:8px;position:relative}.project-body li::marker{color:var(--color-primary)}.project-decor-corner{position:fixed;width:120px;height:120px;pointer-events:none;z-index:0;opacity:.3}.project-decor-corner:after,.project-decor-corner:before{content:"";position:absolute;background:var(--color-outline-variant)}.project-decor-corner.top-left{top:0;left:0}.project-decor-corner.top-left:before{top:20px;left:0;width:60px;height:3px}.project-decor-corner.top-left:after{top:0;left:20px;width:3px;height:60px}.project-decor-corner.top-right{top:0;right:0}.project-decor-corner.top-right:before{top:20px;right:0;width:60px;height:3px}.project-decor-corner.top-right:after{top:0;right:20px;width:3px;height:60px}.project-decor-corner.bottom-left{bottom:0;left:0}.project-decor-corner.bottom-left:before{bottom:20px;left:0;width:60px;height:3px}.project-decor-corner.bottom-left:after{bottom:0;left:20px;width:3px;height:60px}.project-decor-corner.bottom-right{bottom:0;right:0}.project-decor-corner.bottom-right:before{bottom:20px;right:0;width:60px;height:3px}.project-decor-corner.bottom-right:after{bottom:0;right:20px;width:3px;height:60px}@media (max-width:768px){.project-detail-page{padding:16px}.project-hero{padding:32px 20px}.project-content{padding:24px}.project-decor-corner{display:none}}