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;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}.project-page-title{color:#222;letter-spacing:1px;margin-bottom:18px;font-family:Neue Montreal,sans-serif;font-size:3.2rem;font-weight:500}.project-page-desc{color:#444;text-align:justify;max-width:1200px;margin-bottom:40px;font-family:Neue Montreal,sans-serif;font-size:1.2rem;font-weight:600;line-height:1.6}.project-page-layout{align-items:flex-start;gap:32px;max-width:1400px;margin:0 auto 64px;display:flex}.project-sidebar{min-width:220px;max-width:240px;padding:24px 16px}.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;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;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}@media (max-width:900px){.project-page-header{max-width:98vw;margin-top:32px}.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}.project-sidebar{background:#fff;border-right:none;border-radius:12px;min-width:0;max-width:100vw;padding:0 0 24px;box-shadow:0 2px 12px #0001}.project-category-list{border-right:none;padding-right:0}.project-main{background:#f7f7f7;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}}