.portfolio-page{background-color:#fafafa;min-height:100vh;padding-top:72px}.portfolio-container-page{max-width:1280px;margin:0 auto;padding:0 24px}.portfolio-header-page{z-index:1;background-color:#faf5f4;border-bottom:1px solid #f0e4e2;padding:60px 0;position:relative}.portfolio-back-link{color:#6b6b6b;align-items:center;gap:8px;margin-bottom:24px;font-size:14px;text-decoration:none;transition:color .2s;display:inline-flex}.portfolio-back-link:hover{color:#9b2c3a}.portfolio-label{color:#9b2c3a;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:600}.portfolio-title-page{color:#1a1a1a;margin:0 0 16px;font-family:Georgia,Times New Roman,serif;font-size:56px;font-weight:700;line-height:1.1}.portfolio-subtitle-page{color:#6b6b6b;max-width:600px;margin:0 0 40px;font-size:18px;line-height:1.6}.portfolio-view-toggle{background-color:#f0e4e2;border-radius:10px;display:flex;position:absolute;top:60px;right:24px;overflow:hidden}.toggle-btn{cursor:pointer;color:#8a7d7b;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.toggle-btn:hover{background-color:#9b2c3a1a}.toggle-btn.active{color:#9b2c3a;background-color:#fff;box-shadow:0 2px 8px #0000001a}.portfolio-filters{z-index:100;background-color:#fff;border-bottom:1px solid #f0e4e2;padding:32px 0;position:sticky;top:72px}.filters-wrapper{justify-content:space-between;align-items:center;gap:24px;display:flex}.filters-list{flex-wrap:wrap;gap:12px;display:flex}.filter-btn{color:#4a4a4a;cursor:pointer;background-color:#fafafa;border:1px solid #f0e4e2;border-radius:30px;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:500;transition:all .2s;display:inline-flex}.filter-btn:hover{background-color:#f5f0ee;border-color:#e8d5d2}.filter-btn.active{color:#fff;background-color:#9b2c3a;border-color:#9b2c3a}.portfolio-works{padding:60px 0}.works-grid{gap:32px;display:grid}.works-grid.view-grid{grid-template-columns:repeat(3,1fr)}.works-grid.view-list{grid-template-columns:1fr;max-width:900px;margin:0 auto}.work-card{background-color:#fff;border:1px solid #f0e4e2;border-radius:16px;transition:all .3s;overflow:hidden}.work-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #9b2c3a1f}.work-info{padding:24px}.work-title{color:#1a1a1a;margin:0 0 12px;font-size:20px;font-weight:700;line-height:1.3}.work-description{color:#6b6b6b;margin:0 0 16px;font-size:15px;line-height:1.5}.work-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.work-material{color:#9b2c3a;background-color:#faf5f4;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.work-price{color:#9b2c3a;font-size:16px;font-weight:700}.no-works{text-align:center;color:#8a7d7b;padding:80px 24px;font-size:18px}@media (max-width:1024px){.portfolio-page{padding-top:64px}.works-grid.view-grid{grid-template-columns:repeat(2,1fr)}.portfolio-title-page{font-size:42px}.portfolio-filters{top:64px}}@media (max-width:768px){.portfolio-header-page{padding:40px 0}.portfolio-title-page{font-size:32px}.portfolio-subtitle-page{margin-bottom:30px;font-size:16px}.portfolio-view-toggle{margin-top:24px;display:none}.portfolio-filters{padding:24px 0;top:64px}.filters-wrapper{flex-direction:column;align-items:flex-start;gap:16px}.filters-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;width:100%;padding-bottom:8px;overflow-x:auto}.filters-list::-webkit-scrollbar{display:none}.filter-btn{flex-shrink:0;padding:10px 16px;font-size:14px}.works-grid.view-grid{grid-template-columns:1fr}.portfolio-works{padding:40px 0}}@media (max-width:380px){.portfolio-page{padding-top:64px}.portfolio-title-page{font-size:28px}.work-info{padding:20px}.work-title{font-size:18px}}