:root{--portfolio-search-lilac:#8858E1;--portfolio-search-lilac-dark:#7a4dd1;--portfolio-search-gray-light:#F5F5F5;--portfolio-search-gray-medium:#E0E0E0;--portfolio-search-gray-dark:#999999;--portfolio-search-gray-text:#333333;--portfolio-search-white:#FFFFFF;--portfolio-search-black:#000000}.portfolio-search-widget{width:100%;position:relative;z-index:100}.portfolio-search-wrapper{width:100%;position:relative;overflow:visible}.portfolio-search-form{display:flex;align-items:center;gap:0;padding:0;position:relative;background:var(--portfolio-search-white);overflow:visible;transition:all 0.3s cubic-bezier(.4,0,.2,1);border-radius:8rem!important}.portfolio-search-form:focus-within{box-shadow:0 4px 12px rgb(136 88 225 / .15)}body .portfolio-search-input-wrapper{display:flex;align-items:center;flex:1;position:relative;min-width:0;background:var(--portfolio-search-white);border-radius:inherit}.portfolio-search-input-wrapper::before{content:'🔍';position:absolute;left:16px;font-size:18px;pointer-events:none;z-index:2;opacity:.7;filter:grayscale(1);transition:all 0.3s cubic-bezier(.4,0,.2,1)}.portfolio-search-input-wrapper::after{content:'▼';position:absolute;right:16px;font-size:14px;pointer-events:none;z-index:1;color:var(--portfolio-search-gray-text);opacity:.7;transition:all 0.3s cubic-bezier(.4,0,.2,1)}.portfolio-search-form:focus-within .portfolio-search-input-wrapper::after,.portfolio-search-input-wrapper:has(.portfolio-search-dropdown-arrow.active)::after,.portfolio-search-form:has(.portfolio-search-category-filter.active) .portfolio-search-input-wrapper::after{transform:rotate(180deg);opacity:1}.portfolio-search-input{width:100%;padding:14px 45px 14px 48px;font-size:15px;line-height:1.5;color:var(--portfolio-search-black);background-color:#fff0;border:none;border-radius:inherit;transition:all 0.3s cubic-bezier(.4,0,.2,1);outline:none;font-weight:400}.portfolio-search-dropdown-arrow{position:absolute;right:0;top:0;bottom:0;width:48px;z-index:3;cursor:pointer;background:#fff0;border:none;padding:0;-webkit-tap-highlight-color:#fff0}.portfolio-search-input::placeholder{color:var(--portfolio-search-gray-dark);font-weight:400;opacity:.7}.portfolio-search-input:focus{color:var(--portfolio-search-black)}.portfolio-search-button{display:none}.portfolio-search-filter-toggle{display:none}.portfolio-search-category-filter{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(-10px);width:90%;background:var(--portfolio-search-white);border-radius:0 0 12px 12px;box-shadow:0 4px 12px rgb(0 0 0 / .1);padding:0;z-index:1000;opacity:0;visibility:hidden;max-height:0;overflow:hidden;transition:opacity 0.3s cubic-bezier(.4,0,.2,1),visibility 0.3s cubic-bezier(.4,0,.2,1),transform 0.3s cubic-bezier(.4,0,.2,1),max-height 0.4s cubic-bezier(.4,0,.2,1);border:none;pointer-events:none;margin-top:4px}.portfolio-search-category-filter.active{opacity:1;visibility:visible;transform:translateX(-50%) translateY(-4px);max-height:600px;overflow-y:auto;pointer-events:auto}.portfolio-search-filter-content{display:flex;flex-direction:column;gap:0;min-height:300px;padding:0}.portfolio-search-filter-headers{display:flex;flex-direction:row;width:100%;border-bottom:none}.portfolio-search-filter-left-header{flex:1;display:flex;flex-direction:column;border-right:none}.portfolio-search-history-header{flex:1;display:flex;flex-direction:column}.portfolio-search-filter-label{display:block;width:100%;padding:16px 20px 12px 20px;font-size:12px;font-weight:700;color:var(--portfolio-search-black);background-color:#fff0;text-transform:uppercase;letter-spacing:1px;margin:0;border-bottom:none;position:relative}.portfolio-search-history-label{display:block;width:100%;padding:8px 20px 12px 20px;font-size:12px;font-weight:700;color:var(--portfolio-search-black);background-color:#fff0;text-transform:uppercase;letter-spacing:1px;margin:0;border-bottom:none;position:relative}.portfolio-search-filter-body{display:flex;flex-direction:row;width:100%;flex:1}.portfolio-search-filter-left{display:flex;flex-direction:column;background:var(--portfolio-search-white);flex:1;padding:0}.portfolio-search-category-checkboxes{display:flex;flex-direction:row;flex-wrap:wrap;row-gap:4px;column-gap:10px;padding:16px 20px 20px 20px;align-items:flex-start}.portfolio-search-category-checkbox-label{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:700;color:var(--portfolio-search-black);background-color:var(--portfolio-search-gray-light);border:none;border-radius:8px;cursor:pointer;transition:all 0.2s ease;user-select:none;width:fit-content;position:relative;min-width:100px;text-align:center}.portfolio-search-chip-remove{display:none;font-size:14px;color:var(--portfolio-search-white);font-weight:700;line-height:1;margin-left:8px;opacity:1;transition:opacity 0.2s ease}.portfolio-search-category-checkbox-label:has(input[type="checkbox"]:checked){background-color:var(--portfolio-search-lilac);color:var(--portfolio-search-white)}.portfolio-search-category-checkbox-label:has(input[type="checkbox"]:checked) .portfolio-search-chip-remove{display:inline-block}.portfolio-search-category-checkbox-label:has(input[type="checkbox"]:checked):hover .portfolio-search-chip-remove{opacity:.9}.portfolio-search-category-checkbox-label:hover:not(:has(input[type="checkbox"]:checked)){background-color:var(--portfolio-search-gray-medium)}.portfolio-search-category-checkbox-label:has(input[type="checkbox"]:checked):hover{background-color:var(--portfolio-search-lilac-dark)}.portfolio-search-category-checkbox-label input[type="checkbox"]{display:none}.portfolio-search-category-checkbox-label span{text-transform:uppercase;font-weight:400;font-size:13px;letter-spacing:.3px;color:inherit}.portfolio-search-history{display:flex;flex-direction:column;background:var(--portfolio-search-white);flex:1;padding:0}.portfolio-search-history-list{display:flex;flex-direction:column;gap:8px;padding:8px 20px 20px 20px;flex:1}.portfolio-search-history-item{display:flex;align-items:center;gap:12px;padding:10px 0;cursor:pointer;transition:all 0.2s ease;position:relative;text-decoration:none;color:inherit}.portfolio-search-history-item:hover{background-color:var(--portfolio-search-gray-light);padding-left:8px;padding-right:8px;margin-left:-8px;margin-right:-8px;border-radius:6px}.portfolio-search-project-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid var(--portfolio-search-gray-medium);background:var(--portfolio-search-black);display:flex;align-items:center;justify-content:center}.portfolio-search-project-avatar img{width:100%;height:100%;object-fit:cover}.portfolio-search-project-avatar-placeholder{background:linear-gradient(135deg,var(--portfolio-search-lilac) 0%,var(--portfolio-search-gray-dark) 100%);color:var(--portfolio-search-white);font-weight:700;font-size:16px;text-transform:uppercase}.portfolio-search-history-content{flex:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.portfolio-search-history-title{font-size:14px;font-weight:700;color:var(--portfolio-search-black);text-transform:uppercase;line-height:1.2}.portfolio-search-history-category{font-size:13px;font-weight:400;color:var(--portfolio-search-gray-dark);text-transform:uppercase}.portfolio-search-suggestion-type{display:inline-block;padding:2px 8px;font-size:10px;font-weight:600;color:var(--portfolio-search-lilac);background-color:rgb(136 88 225 / .1);border-radius:10px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.portfolio-search-history-empty{font-size:13px;color:var(--portfolio-search-gray-dark);opacity:.6;text-align:center;padding:20px;font-style:italic}.portfolio-search-category-select{display:none}.portfolio-search-loader{padding:20px;text-align:center;color:var(--portfolio-search-gray-dark);font-size:14px;margin-top:20px}.portfolio-search-loader::before{content:'';display:inline-block;width:20px;height:20px;margin-right:10px;border:3px solid var(--portfolio-search-gray-light);border-top:3px solid var(--portfolio-search-lilac);border-radius:50%;animation:portfolio-search-spin 1s linear infinite;vertical-align:middle}@keyframes portfolio-search-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.portfolio-search-results{margin-top:30px;width:100%}.portfolio-search-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;width:100%}.portfolio-search-result-card{display:flex;flex-direction:column;background-color:var(--portfolio-search-white);border:1px solid var(--portfolio-search-gray-medium);border-radius:12px;overflow:hidden;cursor:pointer;transition:all 0.3s cubic-bezier(.4,0,.2,1);text-decoration:none;color:inherit}.portfolio-search-result-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgb(0 0 0 / .1);border-color:var(--portfolio-search-lilac)}.portfolio-search-result-image{width:100%;height:200px;overflow:hidden;background-color:var(--portfolio-search-black)}.portfolio-search-result-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s cubic-bezier(.4,0,.2,1)}.portfolio-search-result-card:hover .portfolio-search-result-image img{transform:scale(1.05)}.portfolio-search-result-content{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1}.portfolio-search-result-title{margin:0;font-size:18px;font-weight:600;line-height:1.3;color:var(--portfolio-search-black)}.portfolio-search-result-title a{color:inherit;text-decoration:none;transition:color 0.3s ease}.portfolio-search-result-card:hover .portfolio-search-result-title a{color:var(--portfolio-search-lilac)}.portfolio-search-result-categories{display:flex;flex-wrap:wrap;gap:8px}.portfolio-search-result-category-badge{display:inline-block;padding:4px 10px;font-size:12px;font-weight:500;color:var(--portfolio-search-lilac);background-color:rgb(136 88 225 / .1);border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.portfolio-search-result-excerpt{margin:0;font-size:14px;line-height:1.6;color:var(--portfolio-search-gray-dark);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.portfolio-search-result-post-type{display:inline-block;padding:4px 10px;font-size:11px;font-weight:600;color:var(--portfolio-search-white);background-color:var(--portfolio-search-gray-dark);border-radius:12px;text-transform:uppercase;letter-spacing:.5px;align-self:flex-start;margin-top:auto}.portfolio-search-no-results,.portfolio-search-error{padding:40px 20px;text-align:center;font-size:16px;color:var(--portfolio-search-gray-dark);background-color:var(--portfolio-search-gray-light);border:1px solid var(--portfolio-search-gray-medium);border-radius:12px;margin-top:30px}.portfolio-search-error{color:#d63638;background-color:#fef7f7;border-color:#f5c6cb}@media (max-width:768px){.portfolio-search-form{border-radius:12px}.portfolio-search-input{padding:14px 45px 14px 48px}.portfolio-search-category-filter{position:absolute;top:100%;left:50%;width:90%;max-height:calc(100vh - 200px);border-radius:0 0 12px 12px;z-index:9999;overflow-y:auto;transform:translateX(-50%) translateY(-10px);margin-top:4px}.portfolio-search-category-filter.active{transform:translateX(-50%) translateY(-4px)}.portfolio-search-filter-headers{flex-direction:row}.portfolio-search-filter-body{flex-direction:column}.portfolio-search-filter-left{border-bottom:1px solid var(--portfolio-search-gray-medium);padding-bottom:16px}.portfolio-search-category-checkboxes{max-height:200px;overflow-y:auto}.portfolio-search-history{padding-top:16px}.portfolio-search-results-grid{grid-template-columns:1fr;gap:16px}}@media (max-width:480px){.portfolio-search-input{font-size:16px;padding:12px 42px 12px 44px}.portfolio-search-input-wrapper::before{left:14px;font-size:16px}.portfolio-search-input-wrapper::after{right:14px;font-size:12px}.portfolio-search-result-content{padding:16px}.portfolio-search-result-title{font-size:16px}}.portfolio-search-input:focus-visible{outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}