.filter-toggle-btn-absolute{display:none;position:absolute;right:0;bottom:0;align-items:center;justify-content:center;padding:10px;background:transparent;border:1px solid color-mix(in srgb,var(--body-color) 20%,transparent);border-radius:6px;cursor:none;transition:all .3s ease}.filter-toggle-btn-absolute img{width:24px;height:24px;display:block;filter:brightness(0) saturate(100%);transition:filter .3s ease}body.dark-mode .filter-toggle-btn-absolute img{filter:brightness(0) invert(1)}.filter-toggle-btn-absolute:hover{background:color-mix(in srgb,var(--primary-color) 10%,transparent);border-color:var(--primary-color)}.filter-toggle-btn-absolute:hover img,body.dark-mode .filter-toggle-btn-absolute:hover img{filter:brightness(0) saturate(100%) invert(37%) sepia(93%) saturate(4498%) hue-rotate(201deg) brightness(97%) contrast(96%)}.filter-toggle-btn-absolute.active img{transform:rotate(180deg)}.show-more-projects{display:none;margin:30px auto 0;padding:0;background:transparent;color:var(--body-color);border:none;font-size:14px;font-weight:500;cursor:none;transition:color .3s ease;text-align:center;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.show-more-projects:hover{color:var(--primary-color);text-decoration-color:var(--primary-color)}.show-more-projects.hidden{display:none}.tags-cloud{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;margin-bottom:15px;padding:20px}.cloud-tag{padding:14px 16px;border:none;border-bottom:2px solid transparent;border-radius:0;cursor:none;transition:all .3s ease;font-size:14px;font-weight:700;font-family:Poppins,sans-serif;background:transparent;color:var(--body-color);position:relative;display:inline-flex;align-items:center;justify-content:center;letter-spacing:-.02em}.cloud-tag:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transition:width .3s ease}.cloud-tag:hover{color:#fff}.cloud-tag:hover:after{width:100%}.cloud-tag.active{color:#fff;border-bottom-color:transparent}.cloud-tag.active:after{width:100%}body:not(.dark-mode) .cloud-tag.active,body:not(.dark-mode) .cloud-tag:hover{color:var(--title-color)}.tag-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;padding:2px 7px;background:hsla(0,0%,100%,.2);border-radius:10px;font-size:11px;line-height:1;min-width:20px;height:18px}.projects-bento-square{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:-12.5px}.bento-card-square{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1/1;flex:0 0 calc(25% - 25px);margin:12.5px;opacity:1;transform:scale(1);transition:all .4s ease;cursor:none}a.bento-card-square{display:block;text-decoration:none;color:inherit}.bento-card-square.hidden{opacity:0;transform:scale(.8);flex:0 0 0;margin:0;pointer-events:none}.bento-image-square{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:transform .6s ease,filter .4s ease}.bento-card-square:hover .bento-image-square{transform:scale(1.1);filter:grayscale(0)}.bento-overlay-square{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8) 0,transparent 40%);display:flex;flex-direction:column;justify-content:flex-end;padding:5px 25px;transition:all .4s ease}.bento-card-square:hover .bento-overlay-square{background:linear-gradient(0deg,rgba(0,0,0,.6) 0,transparent 60%)}.bento-title-square{font-size:18px;font-weight:700;color:#fff;margin-bottom:5px;opacity:1;transform:translateY(0);transition:opacity .4s ease,margin-bottom .4s ease,transform .4s ease .15s}.bento-card-square:hover .bento-title-square{margin-bottom:10px;transform:translateY(-20px)}.bento-tags-square{display:flex;gap:6px;flex-wrap:wrap;opacity:0;transform:translateY(15px);max-height:0;overflow:hidden;transition:opacity .4s ease .1s,transform .4s ease .1s,max-height .4s ease .1s}.bento-card-square:hover .bento-tags-square{opacity:1;transform:translateY(-20px);max-height:100px}.bento-tag-square{font-size:11px;padding:5px 10px;background:hsla(0,0%,100%,.3);border-radius:12px;color:#fff;font-weight:600}@media (max-width:1200px){.bento-card-square{flex:0 0 calc(33.333% - 25px)}}@media (max-width:959px){.pr__works .section-heading .inner{position:relative}.pr__works .section-heading .inner .left{width:100%;box-sizing:border-box;padding-right:55px}.filter-toggle-btn-absolute{display:flex}.tags-cloud{max-height:0;overflow:hidden;opacity:0;padding:0 20px;margin-bottom:0;transition:all .4s ease}.tags-cloud.active{max-height:500px;opacity:1;padding:20px;margin-bottom:15px}.bento-card-square{flex:0 0 calc(50% - 25px)}.bento-card-square:nth-child(n+7){display:none}.bento-card-square:nth-child(n+7).show-all{display:flex}.show-more-projects{display:block}}.bento-card-square:focus-visible,.cloud-tag:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}