body,.project-page-layout{background:#fff}.project-detail-container{z-index:1;background:#fff;border-radius:16px;max-width:700px;margin:48px auto;padding:40px 32px 32px;font-family:Neue Montreal,sans-serif;position:relative;box-shadow:0 2px 24px #0001}.project-detail-back{color:#3d3c3a;margin-bottom:18px;font-size:15px;text-decoration:underline;display:inline-block}.project-detail-image{object-fit:cover;aspect-ratio:16/9;background:#eee;border-radius:10px;width:100%;margin:24px 0 32px}.project-detail-title{color:#222;letter-spacing:1px;margin-bottom:18px;font-size:2.3rem;font-weight:800}.project-detail-list{color:#444;margin-bottom:0;padding:0;font-size:1.15rem;list-style:none}.project-detail-list li{margin-bottom:10px}.project-detail-bg{opacity:.97;z-index:0;pointer-events:none;background:#fff;position:fixed;inset:0}.project-gallery-container{text-align:center;max-width:1200px;margin:0 auto;padding:56px 16px 64px}.project-gallery-title{color:#222;letter-spacing:1px;margin-bottom:16px;font-family:Neue Montreal,sans-serif;font-size:3rem;font-weight:700}.project-gallery-desc{color:#666;margin-bottom:40px;font-family:Neue Montreal,sans-serif;font-size:1.15rem}.project-gallery-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));justify-items:center;gap:32px;display:grid}.project-gallery-card{cursor:pointer;background:#fff;border-radius:18px;flex-direction:column;align-items:center;padding:0;text-decoration:none;transition:box-shadow .2s,transform .2s;animation:.6s ease-out backwards fadeInUp;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 16px #0000000f}.project-gallery-card:hover{transform:translateY(-4px)scale(1.03);box-shadow:0 4px 32px #0000001f}.project-gallery-image{object-fit:cover;background:#eee;border-radius:18px;width:100%;height:500px;transition:filter .2s;display:block}.project-gallery-overlay{opacity:0;pointer-events:none;background:linear-gradient(#1e1e1e1a 0%,#1e1e1ed9 20%);border-radius:0 0 18px 18px;flex-direction:column;justify-content:flex-end;height:100px;padding:18px 20px 14px;transition:opacity .25s;display:flex;position:absolute;bottom:0;left:0;right:0}.project-gallery-card:hover .project-gallery-overlay{opacity:1;pointer-events:auto}.project-gallery-name{color:#fff;letter-spacing:1px;text-align:left;text-shadow:0 2px 8px #0008;margin:0;font-family:Neue Montreal,sans-serif;font-size:1.25rem;font-weight:600}.project-gallery-card:hover .project-gallery-image{filter:brightness(.93)}.project-page-header{text-align:left;max-width:1370px;margin:76px auto 0;padding-left:0;padding-right:0;animation:.6s ease-out fadeInUp}.project-page-title{color:#222;letter-spacing:1px;margin-bottom:18px;font-family:Neue Montreal,sans-serif;font-size:3.2rem;font-weight:500;animation:.7s ease-out fadeInUp}.project-page-desc{color:#444;text-align:justify;max-width:1200px;margin-bottom:40px;font-family:Neue Montreal,sans-serif;font-size:1.1rem;line-height:1.6;animation:.8s ease-out fadeInUp}.project-page-layout{align-items:flex-start;gap:32px;max-width:1400px;margin:0 auto 64px;animation:.8s ease-out fadeIn;display:flex}.project-sidebar{min-width:220px;max-width:240px;padding:24px 16px;animation:.9s ease-out fadeInUp}.project-category-title{color:#3d3c3a;margin-bottom:18px;font-size:1.15rem;font-weight:600}.project-category-list{border-right:1px solid #e5e5e5;flex-direction:column;gap:12px;padding-right:18px;display:flex}.project-category-item{color:#222;cursor:pointer;align-items:center;gap:10px;font-size:1rem;font-weight:500;display:flex}.project-category-item input[type=checkbox]{accent-color:#3d3c3a;width:18px;height:18px}.project-category-divider{border:none;border-top:1px solid #ccc;margin:16px 0}.project-main{border-radius:12px;flex:1;min-width:0;padding:16px 0}.project-sort-bar{justify-content:flex-end;margin-bottom:24px;display:flex}.project-sort-select{color:#222;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:8px 18px;font-family:inherit;font-size:1rem}.project-active-filters{flex-wrap:wrap;gap:12px;margin-bottom:24px;animation:.4s ease-out fadeIn;display:flex}.project-filter-chip{color:#222;letter-spacing:.5px;background:#e5e5e5;border-radius:20px;align-items:center;margin-right:4px;padding:6px 18px 6px 14px;font-family:Neue Montreal,sans-serif;font-size:1rem;font-weight:500;animation:.3s ease-out fadeInUp;display:inline-flex}.project-filter-remove{color:#888;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:1.5em;height:1.5em;margin-left:8px;font-size:1.2em;transition:background .2s;display:flex}.project-filter-remove:hover{color:#c72f10;background:#ccc}.project-filter-toggle{display:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.project-gallery-card:first-child{animation-delay:.1s}.project-gallery-card:nth-child(2){animation-delay:.15s}.project-gallery-card:nth-child(3){animation-delay:.2s}.project-gallery-card:nth-child(4){animation-delay:.25s}.project-gallery-card:nth-child(5){animation-delay:.3s}.project-gallery-card:nth-child(6){animation-delay:.35s}.project-gallery-card:nth-child(7){animation-delay:.4s}.project-gallery-card:nth-child(8){animation-delay:.45s}.project-gallery-card:nth-child(9){animation-delay:.5s}.project-gallery-card:nth-child(10){animation-delay:.55s}.project-gallery-card:nth-child(11){animation-delay:.6s}.project-gallery-card:nth-child(12){animation-delay:.65s}@media (max-width:900px){.project-filter-toggle{color:#fff;cursor:pointer;background:#3d3c3a;border:none;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 20px;font-family:Neue Montreal,sans-serif;font-size:1rem;font-weight:500;transition:background .2s;display:flex}.project-filter-toggle:hover{background:#2a2928}.filter-icon{font-size:1.2rem}.project-page-header{max-width:98vw;margin-top:32px;padding:0 16px}.project-page-title{font-size:2rem}.project-page-desc{margin-bottom:24px;font-size:1rem}.project-page-layout{flex-direction:column;gap:0;max-width:100vw;margin-bottom:32px;padding:0 16px}.project-sidebar{background:#fff;border-right:none;border-radius:12px;min-width:0;max-width:100vw;margin-bottom:16px;padding:16px;animation:.3s ease-out slideDown;display:none}.project-sidebar.show{display:block}.project-category-list{border-right:none;grid-template-columns:1fr 1fr;gap:12px;padding-right:0;display:grid}.project-category-divider{display:none}.project-main{background:0 0;border-radius:12px;width:100%;padding:8px 0}.project-gallery-grid{grid-template-columns:1fr;gap:18px}.project-gallery-image{height:220px}.project-gallery-overlay{height:60px}.project-gallery-name{margin:12px 0 14px;font-size:1rem}.project-gallery-card{animation:.5s ease-out fadeIn}.project-gallery-card:nth-child(n){animation-delay:0s}}