.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.project-card{background:#111114;border:1px solid rgba(255,255,255,.04);border-radius:40px;overflow:hidden;transition:all .5s cubic-bezier(.22,1,.36,1);text-decoration:none;display:block}.project-card:hover{transform:translateY(-6px);border-color:#e8611a1f;box-shadow:0 30px 80px #0000004d,0 0 40px #e8611a0a}.project-card:hover .project-overlay{opacity:1}.project-card:hover .project-img-placeholder{transform:scale(1.05)}.project-card.project-featured{grid-column:span 2}.project-card.project-featured .project-visual{aspect-ratio:21/9}.project-card .project-visual{aspect-ratio:16/10;background:linear-gradient(135deg,#e8611a0a,#c93a1a05);position:relative;overflow:hidden}.project-card .project-visual img{width:100%;height:100%;object-fit:cover;object-position:top center;position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .6s cubic-bezier(.22,1,.36,1)}.project-card .project-visual .project-img-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#4a4a56;transition:transform .6s cubic-bezier(.22,1,.36,1)}.project-card .project-visual .project-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(10,10,12,.85));opacity:0;transition:opacity .4s;display:flex;align-items:flex-end;padding:2rem}.project-card .project-visual .project-overlay .btn{font-size:.85rem;padding:.7rem 1.5rem}.project-card .project-body{padding:1.75rem 2rem}.project-card .project-body .project-tags{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.project-card .project-body .project-tags .tag{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#e8611a;background:#e8611a0f;padding:.3rem .7rem;border-radius:9999px}.project-card .project-body h3{font-size:1.35rem;font-weight:800;letter-spacing:-.01em;margin-bottom:.5rem;color:#f0ede8}.project-card .project-body p{font-size:.92rem;color:#9a978f;line-height:1.6}.hero-back{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;color:#9a978f;text-decoration:none;margin-bottom:1.5rem;transition:color .3s}.hero-back:hover{color:#e8611a}.project-detail-tags{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.project-detail-tags .tag{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#e8611a;background:#e8611a0f;padding:.35rem .85rem;border-radius:9999px;border:1px solid rgba(232,97,26,.1)}.section-label{display:block;font-size:.85rem;font-weight:700;color:#9a978f;margin-bottom:1rem}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:900px;margin:0 auto;text-align:center}.stat-item .stat-number{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#f07b2d,#f2b531,#e8611a,#d94e2a);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-x 6s ease infinite}.stat-item .stat-text{font-size:.85rem;font-weight:700;color:#9a978f;margin-top:.25rem}@keyframes gradient-x{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.project-detail-quote{max-width:700px;margin:0 auto;text-align:center;padding:3.5rem;background:#e8611a08;border:1px solid rgba(232,97,26,.08);border-radius:40px}.project-detail-quote .stars{display:flex;justify-content:center;gap:.3rem;margin-bottom:1.5rem}.project-detail-quote .stars .star{font-size:1.2rem;color:#f2b531}.project-detail-quote blockquote{font-size:1.25rem;font-weight:600;line-height:1.8;color:#9a978f;margin-bottom:2rem}.project-detail-quote .quote-author{display:flex;align-items:center;justify-content:center;gap:1rem}.project-detail-quote .quote-author .author-avatar{width:48px;height:48px;background:#e8611a26;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#e8611a}.project-detail-quote .quote-author .author-name{font-weight:700;color:#f0ede8}.project-detail-quote .quote-author .author-company{font-size:.85rem;color:#5e5c56}.section-darker{background:#00000026}.project-detail-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:800px;margin:0 auto 3.5rem}.project-detail-meta .meta-item{text-align:center;padding:1.5rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:20px}.project-detail-meta .meta-label{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#5e5c56;margin-bottom:.4rem}.project-detail-meta .meta-value{font-size:.95rem;font-weight:700;color:#f0ede8}.project-detail-showcase{max-width:1000px;margin:0 auto 5rem;border-radius:40px;overflow:hidden;background:linear-gradient(135deg,#e8611a0a,#c93a1a05);border:1px solid rgba(255,255,255,.04);aspect-ratio:16/9;position:relative}.project-detail-showcase img{width:100%;height:100%;object-fit:cover}.project-detail-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;margin-bottom:2rem}.project-detail-content .project-detail-text .section-label{font-size:.85rem;font-weight:700;color:#9a978f;margin-bottom:1rem}.project-detail-content .project-detail-text h2{font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.12;margin-bottom:1.5rem;color:#f0ede8}.project-detail-content .project-detail-text p{font-size:1.05rem;color:#9a978f;line-height:1.8;margin-bottom:1.25rem}.project-detail-content .project-detail-text h3{font-size:1.2rem;font-weight:800;color:#f0ede8;margin:2rem 0 1rem}.project-detail-content .project-detail-text ul{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.6rem}.project-detail-content .project-detail-text ul li{font-size:.95rem;color:#9a978f;line-height:1.6;padding-left:1.5rem;position:relative}.project-detail-content .project-detail-text ul li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:#e8611a}.project-detail-content .project-detail-features h3{font-size:1.2rem;font-weight:800;margin-bottom:1.5rem;color:#f0ede8}.feature-list{list-style:none;display:flex;flex-direction:column;gap:1.25rem;padding:0;margin:0}.feature-list li{display:flex;gap:1rem;padding:1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:20px;transition:all .3s}.feature-list li:hover{border-color:#e8611a1a;background:#e8611a08}.feature-list .feature-icon{width:44px;height:44px;min-width:44px;background:#e8611a0f;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.feature-list strong{display:block;font-size:.95rem;font-weight:700;margin-bottom:.25rem;color:#f0ede8}.feature-list p{font-size:.88rem;color:#9a978f;line-height:1.6;margin:0}.project-detail-gallery{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.project-detail-gallery .gallery-item{background:linear-gradient(135deg,#e8611a0a,#c93a1a05);border:1px solid rgba(255,255,255,.04);border-radius:28px;overflow:hidden;aspect-ratio:16/10;position:relative;transition:all .4s cubic-bezier(.22,1,.36,1)}.project-detail-gallery .gallery-item:hover{border-color:#e8611a1f;transform:translateY(-4px);box-shadow:0 20px 60px #0003}.project-detail-gallery .gallery-item.gallery-wide{grid-column:span 2;aspect-ratio:21/9}.project-detail-gallery .gallery-item img{width:100%;height:100%;object-fit:cover}.project-nav{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.project-nav .project-nav-link{padding:2rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:28px;transition:all .4s cubic-bezier(.22,1,.36,1);text-decoration:none}.project-nav .project-nav-link:hover{border-color:#e8611a1f;background:#e8611a08;transform:translateY(-3px);box-shadow:0 15px 40px #0003}.project-nav .project-nav-link .nav-direction{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#e8611a;margin-bottom:.5rem}.project-nav .project-nav-link .nav-title{display:block;font-size:1.3rem;font-weight:800;letter-spacing:-.01em;color:#f0ede8}.project-nav .project-nav-link.project-nav-next{text-align:right}[data-theme=light] .project-card{background:#fff;border-color:#ebebf0}[data-theme=light] .project-card:hover{border-color:#e8611a26;box-shadow:0 30px 80px #0000000f}[data-theme=light] .project-card .project-body h3{color:#1a1a2e}[data-theme=light] .project-card .project-body p{color:#555568}[data-theme=light] .project-detail-meta .meta-item{background:#f7f7fa;border-color:#ebebf0}[data-theme=light] .project-detail-meta .meta-item .meta-label{color:#8a8a9c}[data-theme=light] .project-detail-meta .meta-item .meta-value,[data-theme=light] .project-detail-content .project-detail-text h2,[data-theme=light] .project-detail-content .project-detail-text h3{color:#1a1a2e}[data-theme=light] .project-detail-content .project-detail-text p,[data-theme=light] .project-detail-content .project-detail-text ul li{color:#555568}[data-theme=light] .feature-list li{background:#f7f7fa;border-color:#ebebf0}[data-theme=light] .feature-list li:hover{border-color:#e8611a26;background:#e8611a08}[data-theme=light] .feature-list li strong{color:#1a1a2e}[data-theme=light] .feature-list li p{color:#555568}[data-theme=light] .project-nav .project-nav-link{background:#f7f7fa;border-color:#ebebf0}[data-theme=light] .project-nav .project-nav-link .nav-title{color:#1a1a2e}[data-theme=light] .project-nav .project-nav-link:hover{border-color:#e8611a26;background:#e8611a08}[data-theme=light] .hero-back{color:#555568}[data-theme=light] .hero-back:hover{color:#e8611a}[data-theme=light] .project-detail-content .project-detail-text h2{color:#1a1a2e}[data-theme=light] .project-detail-content .project-detail-text p{color:#555568}[data-theme=light] .project-detail-content .project-detail-features h3{color:#1a1a2e}[data-theme=light] .project-detail-quote{background:#e8611a0a;border-color:#e8611a1a}[data-theme=light] .project-detail-quote blockquote{color:#555568}[data-theme=light] .project-detail-quote .quote-author .author-name{color:#1a1a2e}[data-theme=light] .section-label,[data-theme=light] .stat-item .stat-text{color:#555568}[data-theme=light] .project-detail-gallery .gallery-item{border-color:#ebebf0}[data-theme=light] .project-detail-gallery .gallery-item:hover{border-color:#e8611a1f;box-shadow:0 20px 60px #0000000f}@media(max-width:1024px){.project-grid{grid-template-columns:1fr}.project-card.project-featured{grid-column:span 1}}@media(max-width:768px){.project-detail-meta{grid-template-columns:1fr 1fr;gap:.75rem}.project-detail-meta .meta-item{padding:1rem .75rem}.project-detail-content{grid-template-columns:1fr;gap:2.5rem}.project-detail-content .project-detail-text h2{font-size:1.6rem}.project-detail-gallery{grid-template-columns:1fr}.project-detail-gallery .gallery-item.gallery-wide{grid-column:span 1}.project-nav{grid-template-columns:1fr}.project-nav .project-nav-link{padding:1.5rem}.project-nav .project-nav-link .nav-title{font-size:1.1rem}.stats-bar{grid-template-columns:1fr 1fr;gap:1.5rem}.project-detail-quote{padding:2rem}.project-detail-quote blockquote{font-size:1.1rem}}@media(max-width:420px){.project-detail-meta,.stats-bar{grid-template-columns:1fr}}