#web #portfolio{position:relative;top:-34rem;z-index:3;margin-bottom:-24rem}#portfolio-page #portfolio{margin-top:7.5rem}#portfolio .subtitle{color:var(--accent-color)}#portfolio .subtitle span{opacity:1}#portfolio .section-text svg{width:14.75rem;height:4rem}.portfolio__cards{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;row-gap:1.25rem;margin-top:3.875rem}.portfolio__card{border:1px solid #ffffff1a;border-radius:1.875rem;background:#161616;width:49.3%;transition:.35s;overflow:hidden}.portfolio__card:hover{transform:scale(.988)}.portfolio__card-img{width:100%;padding-top:.5rem;padding-left:.5rem;padding-right:.5rem}.portfolio__card-inner{margin-top:1.875rem;padding-left:2.5rem;padding-right:2.5rem;padding-bottom:2rem;display:flex;align-items:center;justify-content:space-between}.portfolio__card-img>picture{width:100%;height:21.125rem;transition:.4s;display:block}.portfolio__card-img>picture img{border-radius:1.5rem}.portfolio__card:hover .portfolio__card-img>picture{transform:scale(1.06);border-bottom-right-radius:0;border-bottom-left-radius:0}.portfolio__card-title{font-weight:600;font-size:1.25rem;line-height:1.25rem;margin-bottom:.5rem}.portfolio__card-subtitle{font-weight:500;font-size:.8125rem;line-height:1.25rem;opacity:.5}.portfolio__card-tags{margin-top:1.375rem}.presentation__card-circle{position:relative}.presentation__card-circle svg{filter:brightness(1000)}.portfolio__card:hover svg{filter:brightness(1)}.portfolio__card-tag{margin-right:.25rem;font-weight:600;font-size:.75rem;line-height:1.25rem;backdrop-filter:blur(20px);background:#ffffff1a;border-radius:6.25rem;padding:.625rem 1.25rem}.portfolio__card-circle{background-color:transparent}.portfolio__card:hover .portfolio__card-circle{transform:scale(.9);background-color:#fff}.portfolio__card:hover .portfolio__card-circle svg{transform:scale(1.1),translate(-50%,-50%)}.portfolio__bottom{display:flex;justify-content:space-between;align-items:center;margin-top:2.75rem}.portfolio__bottom .flower svg{width:3.5rem;height:3.5rem}.portfoli__card-title{margin-bottom:.5rem}.presentation__card-circle{width:6.75rem;height:6.75rem;background-color:transparent;border-radius:50%;transition-duration:.5s;cursor:pointer;border:1px solid #fff3}.presentation__card-circle svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition-duration:.2s;width:.75rem;height:.75rem}@media (max-width:767px){#portfolio .title span{display:block}.portfolio__card-circle,.portfolio__bottom .flower,#portfolio .section-text{display:none}#portfolio .title{font-size:1.6875rem}#portfolio{padding-top:6.25rem}.portfolio__cards{flex-direction:column}.portfolio__card{width:100%;border-radius:1.875rem}.portfolio__card-img{width:100%;padding-top:.5rem;padding-left:.5rem;padding-right:.5rem}.portfolio__card-img img{width:100%;height:11.125rem;border-radius:1.5rem}.portfolio__card:hover{transform:scale(.97)}.portfolio__card:hover .portfolio__card-img>img{transform:scale(1);border-radius:1.5rem}.portfolio__card-inner{margin-top:1.625rem;padding-left:1.875rem;padding-right:2.5rem;padding-bottom:1.875rem;display:flex;align-items:center;justify-content:space-between}.portfolio__card-title{font-size:1.25rem;line-height:1.625rem;margin-bottom:.5rem}.portfolio__card-subtitle{font-size:.875rem;line-height:1.25rem}.portfolio__card-tags{margin-top:2.5rem}.portfolio__card-tag{margin-right:.3125rem;font-size:.75rem;line-height:1.1875rem;border-radius:6.25rem;padding:.625rem 1.25rem}.portfolio__card-tag:last-child{margin-right:0}.presentation__card-circle{width:5.25rem;height:5.25rem}}