.projects-page{width:100%}.hero-container:is(:is(.projects-page .s-hero) .container){max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-md);text-align:center}.hero-container:is(:is(.projects-page .s-hero) .container) .hero-title{font-size:var(--font-size-h1);font-weight:700;color:var(--color-text-main);line-height:1.1;letter-spacing:-.02em}.hero-container:is(:is(.projects-page .s-hero) .container) .hero-subtitle{font-size:1.125rem;color:var(--color-text-muted);font-weight:400;line-height:1.6;max-width:600px;margin:0 auto}.projects-page .s-toolbar{border-bottom:1px solid var(--color-border-light);padding:20px 0;background-color:var(--color-bg-main);position:sticky;top:60px;z-index:10}:is(.projects-page .s-toolbar) .container.toolbar-inner{padding:0 var(--spacing-md);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px}:is(.projects-page .s-toolbar) .projects-search{flex:1;max-width:400px}:is(.projects-page .s-toolbar) .filter-scroll{display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px;overflow-x:auto;padding:4px;align-items:center;scrollbar-width:none;-ms-overflow-style:none}:is(:is(.projects-page .s-toolbar) .filter-scroll)::-webkit-scrollbar{display:none}:is(:is(.projects-page .s-toolbar) .filter-scroll) .filter-tag{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid var(--color-border-light, #e2e8f0);border-radius:999px;padding:8px 16px;font-size:.9rem;font-weight:500;color:var(--color-text-muted, #64748b);cursor:pointer;white-space:nowrap;transition:all .2s ease;display:flex;align-items:center;justify-content:center}:is(:is(:is(.projects-page .s-toolbar) .filter-scroll) .filter-tag):hover{background-color:var(--color-bg-alt, #f1f5f9);border-color:var(--color-border, #cbd5e1);color:var(--color-text-body, #1f2937)}.is-active:is(:is(:is(.projects-page .s-toolbar) .filter-scroll) .filter-tag){background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}@media(max-width:768px){.projects-page .s-toolbar{top:50px;padding:16px 0}:is(.projects-page .s-toolbar) .container.toolbar-inner{flex-direction:column;align-items:stretch;gap:16px;margin-top:var(--spacing-lg)}:is(.projects-page .s-toolbar) .projects-search{max-width:100%}:is(.projects-page .s-toolbar) .filter-scroll{width:100%;padding-bottom:8px;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}}:is(:is(.projects-page .s-gallery) .container) .projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg);width:100%}@media(max-width:768px){:is(:is(.projects-page .s-gallery) .container) .projects-grid{grid-template-columns:1fr}}.projects-page .s-process{padding-top:var(--spacing-lg)}:is(:is(.projects-page .s-process) .container) .section-header{text-align:center;display:flex;flex-direction:column;gap:var(--spacing-sm)}:is(:is(:is(.projects-page .s-process) .container) .section-header) .section-title{font-size:2rem;font-weight:700;color:var(--color-text-main)}:is(:is(:is(.projects-page .s-process) .container) .section-header) .section-desc{color:var(--color-text-muted);font-size:1.1rem}:is(:is(.projects-page .s-process) .container) .process-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-lg);text-align:center}:is(:is(:is(.projects-page .s-process) .container) .process-grid) .process-step{width:240px;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}:is(:is(:is(:is(.projects-page .s-process) .container) .process-grid) .process-step) .step-number{font-size:3rem;font-weight:900;color:var(--color-primary);line-height:1}:is(:is(:is(:is(.projects-page .s-process) .container) .process-grid) .process-step) .step-title{font-size:1.25rem;font-weight:700;color:var(--color-text-heading)}:is(:is(:is(:is(.projects-page .s-process) .container) .process-grid) .process-step) .step-desc{color:var(--color-text-muted);max-width:250px;line-height:1.5}@media(min-width:768px){:is(:is(.projects-page .s-process) .container) .process-grid{grid-template-columns:repeat(3,1fr)}}