.work__layout{align-items:start;display:grid;gap:30px;grid-template-columns:1fr;position:relative}@media (min-width:992px){.work__layout{grid-template-columns:210px calc(100% - 240px)}}.work__filter-sidebar{background:#d4cdba;border:none;border-radius:12px;overflow:hidden;position:sticky;top:20px}.work__filter-panel{padding:10px}.work__filter-sidebar-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:5px;padding:0}@media (min-width:992px){.work__filter-sidebar-header{cursor:default}}.work__filter-sidebar-title{color:var(--color-forest);font-family:JetBrains Mono;font-size:15px;font-style:normal;font-weight:700;letter-spacing:.75px;line-height:150%;text-transform:uppercase}.work__filter-collapse-btn{cursor:pointer;display:inline-flex}.work__filter-search{padding:0 0 5px;position:relative}.work__filter-search-input{background:var(--color-offwhite);border:1.5px solid var(--color-forest);border-radius:6px;font-family:JetBrains Mono,monospace;font-size:13px;padding:8px 30px 8px 10px;width:100%}.work__filter-search svg{color:var(--color-forest);pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.work__filter-group{border:1.5px solid #1d2923;border-radius:5px;margin-bottom:5px;padding:5px;transition:background .15s ease}.work__filter-group:not(.is-collapsed) .work__filter-group-body:before{background:var(--color-forest);border-radius:0 0 4px 4px;bottom:-5px;content:"";left:-5px;position:absolute;right:-5px;top:0;z-index:-1}.work__filter-group.has-selection.is-collapsed,.work__filter-group:hover,.work__filter-group:not(.is-collapsed){background:var(--cat-color)}.work__filter-active-group,.work__filter-active-group.has-active,.work__filter-group.is-collapsed{padding-bottom:5px}.work__filter-group:last-of-type{margin-bottom:0}.work__filter-group-header{align-items:center;cursor:pointer;display:flex;gap:8px;padding:0 0 5px}.work__filter-group-icon{align-items:center;color:var(--color-forest);display:inline-flex;height:20px;justify-content:center;transform:translateY(-2px);width:20px}.work__filter-group-icon svg{height:100%;object-fit:contain;width:100%}.work__filter-group-label{color:var(--color-forest);flex:1;font-family:JetBrains Mono;font-size:12px;font-style:normal;font-weight:700;letter-spacing:.36px;line-height:150%;text-transform:uppercase}.work__filter-group-chevron{display:inline-flex;transform:rotate(180deg);transition:transform .2s ease}.work__filter-group.is-collapsed .work__filter-group-chevron{transform:rotate(0deg)}.work__filter-active-body,.work__filter-group-body{display:flex;flex-direction:column;gap:0;padding:5px 0 0 20px;position:relative;z-index:23}.work__filter-active-body{flex-direction:row;flex-wrap:wrap}.work__filter-group.is-collapsed .work__filter-active-body,.work__filter-group.is-collapsed .work__filter-option:not(.work__filter-option-all){display:none}.work__filter-option{align-items:start;cursor:pointer;display:flex;gap:8px;padding:4px 4px 4px 0;position:relative}.work__filter-option-label{color:var(--color-forest);font-family:hanken-grotesk;font-size:12px;font-style:normal;font-weight:500;line-height:125%}.work__filter-checkbox{background:var(--color-offwhite);border:2px solid var(--color-forest);flex:none;height:18px;position:relative;width:18px}.work__filter-checkbox.is-checked{background:var(--cat-color)}.work__filter-checkbox.is-checked:after{border:solid var(--color-forest);border-width:0 2px 2px 0;content:"";height:9px;left:4px;position:absolute;top:1px;transform:rotate(45deg);width:5px}.work__filter-active-empty{color:#999}.work__filter-active-empty,.work__filter-chip{font-family:JetBrains Mono,monospace;font-size:12px}.work__filter-chip{align-items:center;background:var(--color-offwhite);border:1.5px solid var(--cat-color);border-radius:20px;color:var(--forest-color);cursor:pointer;display:inline-flex;gap:6px;max-width:140px;padding:4px 10px}.work__filter-chip-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work__filter-chip svg{flex-shrink:0}.work__filter-clear-all{align-items:center;border:1.5px solid var(--color-forest);border-radius:5px;color:var(--color-forest);cursor:pointer;display:flex;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;gap:6px;justify-content:center;letter-spacing:.05em;margin-top:5px;padding:5px;text-transform:uppercase}.work__filter-backdrop,.work__filter-rail{display:none}.work__filter-group.has-selection .work__filter-group-body:before{background:var(--color-forest);border-radius:0 0 4px 4px;bottom:-5px;content:"";left:-5px;position:absolute;right:-5px;top:0;z-index:-1}.work__filter-group.has-selection .work__filter-option-label,.work__filter-group:not(.is-collapsed) .work__filter-option-label{color:#f1ece1}.work__filter-group.has-selection .work__filter-checkbox,.work__filter-group:not(.is-collapsed) .work__filter-checkbox{background:var(--forest-color);border-color:#f1ece1}.work__filter-group.has-selection .work__filter-checkbox.is-checked,.work__filter-group:not(.is-collapsed) .work__filter-checkbox.is-checked{background:#1ba151}.work__filter-group.has-selection .work__filter-checkbox.is-checked:after,.work__filter-group:not(.is-collapsed) .work__filter-checkbox.is-checked:after{border-color:#f1ece1}.work__filter-group.has-selection.is-collapsed .work__filter-group-body{display:none}.work__filter-group.has-selection.is-collapsed .work__filter-group-header{padding-bottom:0}.work__list{display:grid;gap:30px;grid-template-columns:1fr}@media (min-width:700px){.work__list{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.work__list{grid-template-columns:repeat(3,1fr)}}.work__list-item{background-color:var(--color-forest);border-radius:15px;display:block;overflow:hidden}.work__list-item.is-hidden{display:none!important}.work__list-item.is-disabled{color:#999;cursor:default;pointer-events:none;text-decoration:none}.work__list-img-wrap{aspect-ratio:1/1;background:var(--color-coffee);border-radius:15px;overflow:hidden;position:relative;width:100%}.work__list-img-wrap img{display:block;filter:grayscale(1);height:100%;object-fit:cover;width:100%}.work__list-img-wrap:after{background:var(--color-forest);content:"";height:100%;left:0;opacity:50%;position:absolute;top:0;transition:all .3s ease;width:100%}.work__list-item:hover .work__list-img-wrap:after{opacity:0}.work__list-item:hover .work__list-img-wrap img{filter:grayscale(0)}.work__list-info{display:flex;gap:15px;padding:30px}.work__list-ic{aspect-ratio:1/1;flex:none}.work__list-ic img{border-radius:50%}.work__list-project-name{color:var(--color-offwhite);margin-bottom:5px;overflow-wrap:anywhere;white-space:normal}.work__list-project-info{color:var(--color-sand)}.work__list-item-js{opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .6s ease;transition-delay:var(--delay),var(--delay)}@media (min-width:992px){.work__filter-collapse-btn{display:none}.work__filter-panel{display:block!important}.work__filter-active-group,.work__filter-clear-all{display:none}.work__filter-sidebar-header{justify-content:center}}@media (max-width:991px){.work__filter-sidebar{border-radius:10px 0 0 10px;bottom:unset;height:auto;left:auto;max-height:calc(100vh - 110px);overflow-y:auto;position:fixed;right:0;top:90px;transform:translateX(120%);transition:transform .3s ease;width:210px;z-index:100}.work__filter-sidebar.is-open{transform:translateX(0);width:210px}.work__filter-rail{align-items:center;background:#d4cdba;border-radius:10px 0 0 10px;cursor:pointer;display:flex;gap:8px;padding:10px 16px;position:fixed;right:0;top:90px;z-index:101}.work__filter-sidebar.is-open~.work__filter-rail{display:none}.work__filter-backdrop.is-visible{backdrop-filter:blur(5px);background:rgba(29,41,35,.5);display:block;inset:0;position:fixed;z-index:99}.work__filter-active-group,.work__filter-search{display:block}.work__filter-clear-all{align-items:center;display:flex}.work__filter-active-group{opacity:.45;pointer-events:none}.work__filter-active-group.has-active{opacity:1;pointer-events:auto}}.work__list-empty{color:var(--color-forest);font-family:JetBrains Mono;font-size:12px;font-style:normal;font-weight:700;letter-spacing:.36px;line-height:150%;text-transform:uppercase}.work__filter-active-group:not(.is-collapsed):not(.has-active) .work__filter-active-body{display:none!important}.work__filter-group.is-collapsed .work__filter-group-body:has(.work__filter-option-all:not(:has(.work__filter-checkbox.is-checked))){display:none}.work__filter-group.is-collapsed .work__filter-option-all:not(:has(.work__filter-checkbox.is-checked)){display:none}.work__filter-group.is-collapsed .work__filter-group-body:before{display:none}