.portfolio__container{box-sizing:border-box;max-width:100%;min-height:100vh;margin:auto;padding-bottom:3rem;position:relative}.portfolio__hero{justify-content:center;align-items:center;width:100%;max-width:100%;height:fit-content;min-height:70vh;display:flex;position:relative}.portfolio__hero .hero__background{z-index:0;object-fit:cover;object-position:center;position:absolute;inset:0}.portfolio__hero .hero__background .logo-img{z-index:1;object-fit:fit;object-position:center;border-radius:50%;width:110px;height:110px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:4px 4px 8px 6px #00000040}.portfolio__hero .hero__overlay{-webkit-backdrop-filter:blur(.1rem);backdrop-filter:blur(.1rem);z-index:2;background-color:#0000001a;position:absolute;inset:0}.portfolio__hero .hero__content{z-index:10;text-align:center;color:#fff;flex-direction:column;align-items:center;gap:1rem;margin-top:-2rem;display:flex;position:relative}.portfolio__hero .section-title{font-size:4rem}.portfolio__hero .section-subtitle{opacity:.85;font-size:1.2rem;font-weight:400}.portfolio__container .portfolio__book-cta{color:#404040;background-color:#f9f9f9;border:1px solid #0000001a;border-radius:99rem;justify-content:center;align-items:center;width:100%;max-width:25rem;margin:auto;padding:.75rem 2rem;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1rem;font-weight:600;transition:transform .15s ease-in-out;display:flex;box-shadow:4px 8px 8px #00000040}.portfolio__container .portfolio__book-cta:hover{color:#303030;background-color:#f3f3f3;border:1px solid #ffffffbf;transform:scale(1.05)}.portfolio__container .category__selector{box-sizing:border-box;flex-flow:wrap;justify-content:space-evenly;gap:1rem;width:100%;max-width:64rem;margin:auto;padding:3rem 0;display:flex;position:relative}.portfolio__container .category__selector .category__item{cursor:pointer;color:#fff;text-transform:capitalize;background-color:#000c;border:1px solid #ffffff80;border-radius:5rem;flex-flow:wrap;justify-content:center;align-items:center;min-width:8rem;padding:.5rem 0;display:flex}.portfolio__container .category__selector .category__item--active{color:#1d1d1d;background-color:#fff;border:1px solid #000}.portfolio__container .portfolio__pagination{box-sizing:border-box;flex-flow:row;justify-content:center;gap:1rem;width:100%;max-width:64rem;margin:3rem auto 5rem;display:flex;position:relative}.portfolio__pagination .pagination__btn{cursor:pointer;color:#fff;background-color:#000c;border:1px solid #ffffff80;border-radius:99rem;justify-content:center;align-items:center;min-width:40px;height:40px;font-family:Courier New,Courier,monospace;font-weight:400;transition:transform .15s ease-in-out;display:flex}.portfolio__pagination .pagination__btn.prev,.portfolio__pagination .pagination__btn.next{padding:0 2rem}.portfolio__pagination .pagination__btn:hover{color:#fff;background-color:#000000e6;border:1px solid #ffffffbf;transform:scale(1.05)}.portfolio__pagination .pagination__btn--active{color:#000!important;background-color:#ffffffe6!important;border:1px solid #000000bf!important}.portfolio__container .portfolio__book{flex-grow:1;width:100%;height:fit-content;margin:3rem auto 1rem;display:flex}@media (min-width:769px){.portfolio__container .category__selector .category__item:hover{color:#fff;background-color:#181818;border:1px solid #2a2a2a}}@media (max-width:768px){.portfolio__hero{min-height:50vh}.portfolio__hero .section-title{font-size:3rem}.portfolio__hero .section-subtitle{opacity:.9;max-width:22rem;font-size:1.125rem}.portfolio__container .category__selector{justify-content:center;max-width:40rem;margin:auto;padding:3rem 2rem}}@media (max-width:480px){.portfolio__hero{flex-flow:column;width:100%;height:fit-content;min-height:fit-content;display:flex;position:relative}.portfolio__hero .hero__background{width:100%;height:25vh;display:block;position:relative}.portfolio__hero .hero__background .logo-img{display:block}.portfolio__hero .hero__overlay{-webkit-backdrop-filter:blur(.03rem);backdrop-filter:blur(.03rem);z-index:1;background-color:#0000001a}.portfolio__hero .hero__content{gap:0;margin-top:0}.portfolio__hero .section-title{font-size:3rem;position:relative;left:0;bottom:0!important}.portfolio__hero .section-subtitle{opacity:.9;max-width:22rem;font-size:1.125rem}.portfolio__container .category__selector{justify-content:space-between;gap:1rem .5rem;padding:1.5rem 1rem}.portfolio__container .category__selector .category__item{flex-grow:1;min-width:7.5rem;padding:.5rem 0}.header-menu .logoWrapper{display:none!important}}