.project-header h2{text-align:center;text-transform:uppercase;color:#fff;margin:0 0 24px;font-weight:600}.modal-header{border-bottom:0 solid #e5e5e5!important}.filter-buttons{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#1a1a1ae6;border:1px solid #ffffff0d;border-radius:18px;margin-bottom:2rem;padding:15px 12px;position:sticky;top:20px;box-shadow:0 4px 15px #0003}.filter-buttons .btn{letter-spacing:.5px;white-space:nowrap;border-radius:25px;margin:4px 2px;padding:8px 16px;font-weight:500;transition:all .3s}.filter-buttons .btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.filter-buttons .btn.active{transform:scale(1.05);box-shadow:0 5px 15px #ffc1074d}.projects{gap:25px}@media (max-width:768px){.filter-buttons{white-space:nowrap;scroll-behavior:smooth;flex-wrap:nowrap;justify-content:flex-start;max-width:100%;padding:10px 8px;display:flex;top:10px;overflow-x:auto}.filter-buttons::-webkit-scrollbar{height:4px}.filter-buttons::-webkit-scrollbar-thumb{background-color:var(--warning-color);border-radius:4px}.filter-buttons .btn{flex:none;padding:6px 12px;font-size:13px}}.custom-offcanvas{border-right:2px solid var(--warning-color);border-radius:20px 0 0 20px}.custom-offcanvas .offcanvas-header{border-bottom:1px solid #ffffff1a;padding:20px}.custom-offcanvas .offcanvas-header h1{background:linear-gradient(45deg, #fff, var(--warning-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700}.custom-offcanvas .offcanvas-body{padding:20px}.custom-offcanvas .badge{transition:all .3s}.custom-offcanvas .badge:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}@media (max-width:768px){.custom-offcanvas{width:100%!important}}.filter-btn{white-space:nowrap;transition:all .3s}@media (max-width:768px){.filter-btn{padding:6px 12px!important;font-size:.8rem!important}.filter-buttons{gap:.5rem!important}}@media (max-width:480px){.filter-btn{padding:4px 8px!important;font-size:.7rem!important}}