.wt-portfolio-grid-section{background-color:var(--section-bg);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}.wt-portfolio-grid-section .portfolio-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--filter-gap-horizontal);margin-bottom:var(--filter-gap-vertical)}.wt-portfolio-grid-section .portfolio-filters .filter-button{padding:8px 20px;border:1px solid var(--filter-border-color);background-color:rgba(0,0,0,0);color:var(--filter-text-color);cursor:pointer;transition:all .3s ease;border-radius:var(--filter-button-radius);font-size:var(--filter-font-size);text-transform:capitalize}.wt-portfolio-grid-section .portfolio-filters .filter-button:hover{background-color:var(--filter-hover-bg);color:var(--filter-hover-color);border-color:var(--filter-hover-border-color)}.wt-portfolio-grid-section .portfolio-filters .filter-button.active{background-color:var(--filter-active-bg);color:var(--filter-active-color);border-color:var(--filter-active-bg)}@media(max-width: 767px){.wt-portfolio-grid-section .portfolio-filters .filter-button{padding:6px 15px;font-size:13px}}.wt-portfolio-grid-section .portfolio-grid{display:grid;grid-template-columns:repeat(var(--columns, 3), 1fr);gap:var(--gap, 20px);margin-top:20px}@media(max-width: 991px){.wt-portfolio-grid-section .portfolio-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 767px){.wt-portfolio-grid-section .portfolio-grid{grid-template-columns:1fr}}.wt-portfolio-grid-section .portfolio-item{position:relative;overflow:hidden;border-radius:var(--article-border-radius, 8px);transition:transform .3s ease,opacity .4s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.wt-portfolio-grid-section .portfolio-item.is-hidden{opacity:0;transform:scale(0.9)}.wt-portfolio-grid-section .portfolio-item__link{display:block;position:relative;overflow:hidden}.wt-portfolio-grid-section .portfolio-item__image-wrapper{width:100%;padding-bottom:66.67%;position:relative;overflow:hidden}.wt-portfolio-grid-section .portfolio-item__image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.wt-portfolio-grid-section .portfolio-item__link:hover .wt-portfolio-grid-section .portfolio-item__image{transform:scale(1.05)}.wt-portfolio-grid-section .portfolio-item__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-color, rgba(0, 0, 0, 0.6));opacity:0;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s ease;padding:20px;text-align:center}[data-display-mode=overlay] .wt-portfolio-grid-section .portfolio-item__overlay__link:hover .wt-portfolio-grid-section .portfolio-item__overlay{opacity:1}.wt-portfolio-grid-section .portfolio-item__title{color:var(--title-color, #fff);margin-bottom:10px;font-size:var(--title-font-size, 20px);font-weight:600}.wt-portfolio-grid-section .portfolio-item__year{color:var(--title-color, #fff);opacity:.8;margin-bottom:15px;font-size:14px}.wt-portfolio-grid-section .portfolio-item__button{background-color:var(--button-bg, #fff);color:var(--button-text-color, #000);border:1px solid var(--button-border-color, #fff);padding:8px 16px;border-radius:var(--button-border-radius, 4px);font-size:var(--button-font-size, 14px);transition:all .3s ease}.wt-portfolio-grid-section .portfolio-item__button:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.wt-portfolio-grid-section .portfolio-item__content{padding:15px;background-color:var(--column-article-bg, #f9f9f9)}[data-display-mode=column] .wt-portfolio-grid-section .portfolio-item__content{display:block}.wt-portfolio-grid-section .portfolio-item__title--column{color:var(--title-color-column, #333);margin-bottom:10px;font-size:var(--title-font-size, 20px);font-weight:600}.wt-portfolio-grid-section .portfolio-item__excerpt{font-size:14px;color:#666;margin-bottom:15px}.wt-portfolio-grid-section .portfolio-item__button--column{display:inline-block;background-color:var(--button-bg, #fff);color:var(--button-text-color, #000);border:1px solid var(--button-border-color, #fff);padding:8px 16px;border-radius:var(--button-border-radius, 4px);font-size:var(--button-font-size, 14px);transition:all .3s ease}.wt-portfolio-grid-section .portfolio-item__button--column:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.wt-portfolio-grid-section .portfolio-item__category-indicator{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center}.wt-portfolio-grid-section .portfolio-item__icon{border-radius:50%;padding:3px}.wt-portfolio-grid-section .portfolio-item__link{display:block;position:relative;overflow:hidden;flex-grow:1}.wt-portfolio-grid-section .portfolio-item__link img{width:100%;height:100%;display:block;transition:transform .5s ease}.wt-portfolio-grid-section .portfolio-item__link:hover img{transform:scale(1.05)}.wt-portfolio-grid-section .portfolio-item__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-bg);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:1;transition:opacity .3s ease;padding:20px;text-align:center}.wt-portfolio-grid-section .portfolio-item__overlay:hover{opacity:1}@media(max-width: 991px){.wt-portfolio-grid-section .portfolio-item__overlay{opacity:1}}.wt-portfolio-grid-section .portfolio-item__title{color:var(--title-color);margin-bottom:10px;font-size:var(--title-font-size);transform:translateY(-20px);transition:transform .3s ease .1s}.wt-portfolio-grid-section .portfolio-item__year{color:var(--title-color);margin-bottom:15px;font-size:calc(var(--title-font-size)*.7);transform:translateY(-15px);transition:transform .3s ease .15s}.wt-portfolio-grid-section .portfolio-item__excerpt{color:var(--excerpt-color);margin-bottom:20px;font-size:var(--excerpt-font-size);transform:translateY(-10px);transition:transform .3s ease .2s}.wt-portfolio-grid-section .portfolio-item__button{display:inline-block;padding:8px 20px;background-color:var(--button-bg);color:var(--button-text-color);border:1px solid var(--button-border-color);border-radius:var(--button-border-radius);font-size:var(--button-font-size);text-decoration:none;transform:translateY(20px);transition:transform .3s ease .25s,background-color .3s ease}.wt-portfolio-grid-section .portfolio-item__button:hover{background-color:var(--button-bg)}.wt-portfolio-grid-section [data-display-mode=column] .portfolio-item{background-color:var(--column-article-bg)}.wt-portfolio-grid-section [data-display-mode=column] .portfolio-item__content{padding:20px;flex-direction:column}.wt-portfolio-grid-section [data-display-mode=column] .portfolio-item__content .portfolio-item__title{margin:0 0 5px 0;font-size:var(--title-font-size);color:var(--title-color-column);transform:none}.wt-portfolio-grid-section [data-display-mode=column] .portfolio-item__content .portfolio-item__year{font-size:14px;color:#666;opacity:.8;margin-bottom:10px;transform:none}.wt-portfolio-grid-section [data-display-mode=column] .portfolio-item__content .portfolio-item__excerpt{margin:10px 0;font-size:var(--excerpt-font-size);line-height:1.4;color:var(--excerpt-color-column);flex-grow:1;transform:none}.wt-portfolio-grid-section [data-display-mode=column] .portfolio-item__content .portfolio-item__button{margin-top:auto;padding:8px 20px;background-color:var(--button-bg);color:var(--button-text-color);border:1px solid var(--button-border-color);border-radius:4px;font-size:var(--button-font-size);font-weight:500;cursor:pointer;text-align:center;display:inline-block;align-self:flex-start;text-decoration:none;transition:opacity .3s ease;transform:none}.wt-portfolio-grid-section [data-display-mode=column] .portfolio-item__content .portfolio-item__button:hover{opacity:.8}.wt-portfolio-grid-section [data-display-mode=column] .portfolio-item:hover .portfolio-item__title,.wt-portfolio-grid-section [data-display-mode=column] .portfolio-item:hover .portfolio-item__year,.wt-portfolio-grid-section [data-display-mode=column] .portfolio-item:hover .portfolio-item__excerpt,.wt-portfolio-grid-section [data-display-mode=column] .portfolio-item:hover .portfolio-item__button{transform:translateY(0)}