.project-detail-page{background:var(--color-bg-primary);min-height:100vh}.project-detail-hero{position:relative;padding:100px 0 6rem;overflow:hidden}.hero-bg-container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none}.project-detail-hero .container{position:relative;z-index:1}.project-details-content{background:var(--color-bg-primary);position:relative;z-index:2;padding:6rem 0}.project-detail-container{max-width:1200px}.detail-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.back-link{display:flex;align-items:center;gap:.75rem;color:var(--color-text-secondary);text-decoration:none;font-size:.875rem;transition:color .3s ease}.back-link:hover{color:var(--color-text-primary)}.year-badge{padding:.25rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--color-text-secondary);font-size:.75rem;font-weight:500;margin-left:auto}[data-theme=light] .year-badge{background:#00000008;border-color:#0000001a}.project-header-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;margin-bottom:0}.project-hero-detail{width:100%}.hero-image-wrapper{width:100%;border-radius:24px;overflow:hidden;background:var(--color-bg-tertiary)}.hero-image{width:100%;height:100%;object-fit:cover;display:block}.project-title-section{width:100%}.title-row{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem}.project-title-large{font-size:3rem;line-height:1.1;font-weight:400;color:var(--color-text-primary);max-width:100%;margin:0}.btn-check{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--color-text-secondary);font-weight:500;letter-spacing:.05em;text-transform:uppercase;transition:color var(--transition-base);padding:0;border:none;background:transparent;margin-top:0;white-space:nowrap}.btn-check:hover{color:var(--color-accent-primary);background:transparent}.btn-check svg{width:16px;height:16px}.project-meta-grid{display:flex;flex-direction:column;gap:2rem;margin-bottom:1rem}.large-desc{font-size:1.125rem;line-height:1.6;color:var(--color-text-secondary);margin:0 0 1rem;max-width:90%}.tech-tags-pills{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem;margin-bottom:2.5rem}.skill-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:9999px;font-size:.75rem;color:var(--color-text-primary);white-space:nowrap;transition:all .3s ease;margin:0}[data-theme=light] .skill-pill{border-color:#0000001a;background:#00000008}.skill-pill:hover{background:#ffffff14;border-color:#ffffff1a;transform:translateY(-2px)}[data-theme=light] .skill-pill:hover{background:#00000014;border-color:#0003}.skill-pill img{width:14px;height:14px;object-fit:contain}.detail-section{margin-bottom:3rem}.section-title-small{font-size:1.5rem;font-weight:600;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05);color:var(--color-text-primary)}.prose{font-size:1.125rem;line-height:1.7;color:var(--color-text-secondary)}.project-overview-html h3{font-size:1.5rem;font-weight:600;margin-top:3.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05);color:var(--color-text-primary)}.project-overview-html h3:first-child{margin-top:0}[data-theme=light] .project-overview-html h3{border-bottom:1px solid rgba(0,0,0,.1)}.project-overview-html p{margin-bottom:1.5rem;font-size:1.125rem;line-height:1.7}.project-overview-html ul{list-style:disc;padding-left:1.5rem;margin-bottom:2.5rem}.project-overview-html li{margin-bottom:.75rem;padding-left:.5rem}.project-overview-html li strong{color:var(--color-text-primary)}.screens-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.screen-item{width:100%;border-radius:20px;overflow:hidden;background:var(--color-bg-tertiary)}.screen-item img{width:100%;display:block;transition:transform .5s ease}.screen-item:hover img{transform:scale(1.03)}.tech-list,.features-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem}.tech-list li,.features-list li{font-size:1.125rem;color:var(--color-text-secondary);position:relative;padding-left:1.5rem}.tech-list li:before,.features-list li:before{content:"•";position:absolute;left:0;color:var(--color-accent-primary);font-weight:700}.project-navigation{margin-top:4rem;padding-top:3rem;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;gap:2rem}.prev-project-link,.next-project-link{display:flex;align-items:center;gap:1.5rem;text-decoration:none;background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:1rem 2rem;border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);max-width:48%}.prev-project-link:hover,.next-project-link:hover{background:#ffffff0d;border-color:var(--color-accent-primary);box-shadow:0 0 20px #3d9aff1a}.next-project-link:hover{transform:translate(12px)}.prev-project-link:hover{transform:translate(-12px)}.nav-label{text-align:left}.prev-project-link .nav-label{text-align:right}.label-text{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);display:block;margin-bottom:.25rem}.nav-project-title{font-size:1.125rem;font-weight:600;margin:0;color:var(--color-text-primary)}.prev-project-link svg,.next-project-link svg{color:var(--color-text-muted);transition:all .4s cubic-bezier(.4,0,.2,1)}.prev-project-link:hover svg,.next-project-link:hover svg{color:var(--color-accent-primary)}@media(max-width:991px){.project-header-layout{grid-template-columns:1fr;gap:3rem;margin-bottom:4rem}.project-hero-detail{order:-1}.project-meta-grid{gap:2rem}.project-title-large{font-size:3rem}}@media(max-width:768px){.project-title-large{font-size:2.5rem}.detail-nav{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:2rem}.year-badge{margin-left:0}.title-row{gap:1rem;align-items:flex-start;flex-direction:column}.btn-check{width:100%;text-align:center}.project-navigation{flex-direction:column;gap:1.5rem}.prev-project-link,.next-project-link{width:100%;max-width:100%;justify-content:space-between}.prev-project-link{flex-direction:row-reverse}.prev-project-link .nav-label{text-align:left}.cta-title{font-size:var(--font-size-4xl)}.screens-gallery{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:480px){.project-title-large{font-size:2rem}.large-desc{font-size:1.125rem}.project-detail-page{padding-top:80px}}