@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.top-container{justify-content:center;align-items:center}.portfolio,.top-container{display:flex;flex-direction:column}#filter{display:flex;margin:2rem 0;gap:1em;position:relative}.filter-background{position:absolute;height:100%;border-radius:20px;z-index:-1;transition:all .6s cubic-bezier(.1,.75,.25,1) .125s;background-color:var(--primary-color)}.filter-dropdown{display:none}.filter-btn{position:relative;padding:0 20px;display:flex;justify-content:center;align-items:center;cursor:pointer;height:30px;font-size:1rem;text-transform:uppercase;transition:color .5s ease .2s}.filter-btn:hover{color:var(--link-color);background:none}.filter-btn.active{color:var(--super-light-color);background:none}.toggle-container{display:grid;grid-template-columns:1fr 1fr;align-items:center;border-radius:20px;position:relative;font-size:1rem;width:350px;height:30px;justify-content:center}.toggle-option{flex:1 1;text-align:center;text-transform:uppercase;z-index:1;cursor:pointer}.toggle-option:hover{color:var(--link-color)}.toggle-switch{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;z-index:0}.toggle-indicator{position:absolute;width:50%;height:100%;background-color:var(--secondary-color);border-radius:20px;transition:all .6s cubic-bezier(.1,.75,.25,1) .125s}.toggle-switch.highlight-mode .toggle-indicator{transform:translateX(0)}.toggle-option.active{pointer-events:none;cursor:pointer}.toggle-switch.gallery-mode .toggle-indicator{transform:translateX(100%)}.bottom-container{margin:2em 0}.gallery{display:flex;flex-direction:column;text-align:start;justify-content:center}.gallery .item{display:flex;flex-direction:row;gap:5rem;transition:opacity 1s ease-in-out;padding:4rem;cursor:pointer}.gallery .item:nth-child(3n+1){justify-content:center}.gallery .item:nth-child(3n+2){justify-content:end}.gallery .item:nth-child(3n+3){flex-direction:row-reverse;text-align:end;justify-content:start}.photo{display:flex;justify-content:center;height:550px;width:40%;overflow:hidden;border-radius:10px}.photo img{width:100%;height:100%;object-fit:cover;position:relative;transition:all 3s cubic-bezier(.1,.75,.25,1) .125s}.gallery .item:hover .photo img{transform:translateY(-20px) scale(1.1);cursor:pointer}.gallery .item:hover .btn-circle:before{transform:scale(1.1) rotate(180deg) translateX(-8px)}.gallery .item:hover .btn-circle{background-color:var(--secondary-color);border:none;transform:scale(1.1)}.gallery .item:hover .btn-text{color:var(--primary-color);transform:translateX(8px)}.details>*,.details>* p{margin:0}.details{width:30%;justify-content:space-around}.highlights-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;padding:100px 0;animation:fadeIn .5s ease-in-out forwards}.highlights-grid div img{height:100%;width:100%;object-fit:cover}.gallery .item:hover h3{color:var(--link-color)}.details{display:flex;flex-direction:column}@media (max-width:768px){#portfolio-page{margin-top:100px;padding-top:0}#title-text{display:flex;flex-direction:column;align-items:flex-start;position:-webkit-sticky;position:sticky;margin-bottom:40px}#title-text h1{font-size:30px;opacity:1;transition:opacity .5s ease-in-out;margin:0 0 25px}.portfolio{display:flex;flex-direction:column}#filter{display:none}.filter-btn{width:100%;padding:0;color:var(--link-color)}.filter-dropdown{display:block;margin-top:2rem;width:100%}.filter-dropdown-btn{font-size:1rem;width:100%;text-transform:uppercase;background-color:var(--primary-color);color:var(--super-light-color);display:flex;justify-content:space-between;padding:10px 20px}.filter-dropdown-btn:after{content:"";height:15px;width:20px;display:inline-block;align-self:center;background-image:url(/_next/static/media/dropdown-arrow.c7cdad37.svg);background-size:contain;background-repeat:no-repeat}.filter-dropdown-menu{background-color:var(--secondary-color);color:var(--primary-color);border-radius:var(--border-radius);padding:.5rem 0;margin-top:5px;text-transform:uppercase;text-align:start}.filter-dropdown-item{padding:10px;border-bottom:.5px solid var(--super-light-color)}.filter-dropdown-item:last-child{border-bottom:none}.filter-dropdown-item:hover{background-color:var(--primary-color);color:var(--super-light-color)}.toggle-container{margin-top:2em}.gallery{display:flex;flex-direction:column;gap:4em;text-align:start;justify-content:center}.bigNumber{font-size:50px}.toggle-container{width:100%}.highlights-grid{column-count:2;column-gap:10px;padding:2em 0}.details{width:100%}.details div{padding:1rem 0}.photo{width:100%;height:250px}.gallery .item{padding:0;gap:2rem}.gallery .item:nth-child(3n+1),.gallery .item:nth-child(3n+2),.gallery .item:nth-child(3n+3){flex-direction:column}}