.page-title,.portfolio-grid{justify-content:center;width:100%;display:flex}.portfolio-grid .pill-links-wrapper,.portfolio-grid-element-link,.portfolio-project-image,.portfolio-text-group{transition:.2s cubic-bezier(.2,0,.4,1)}.page-title{text-align:center;padding-top:calc(var(--header-height) + var(--margin-spacing-60))}.page-title-group{width:100%;max-width:800px;margin:0 var(--external-margin)}.page-title-group .paragraph{margin-top:var(--margin-spacing-20)}.portfolio-grid{margin-bottom:-10px;padding-top:var(--margin-spacing-60)}.portfolio-grid-group{width:100%;max-width:1020px;display:flex;justify-content:center;flex-wrap:wrap;list-style:none;margin:0;padding:0 var(--margin-spacing-40)}.portfolio-grid-element{width:100%;aspect-ratio:490/400;display:flex;flex:1 1 calc(50% - 10px);justify-content:center;align-items:center}.portfolio-grid-element-link{width:calc(100% - 20px);height:calc(100% - 20px);display:flex;cursor:pointer;border-radius:15px;margin:10px;background-color:var(--bg-gray);box-shadow:0 0 0 rgba(0,0,0,0%);overflow:hidden;position:relative;z-index:1}.portfolio-project-image{width:calc(100% + 20px);height:calc(100% + 20px);background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute;top:-10px;left:-10px;bottom:-10px;right:-10px}.portfolio-text-company,.portfolio-text-title{width:fit-content;background-color:rgba(255,255,255,80%);border-radius:5px}.portfolio-text-group{display:flex;flex-direction:column;justify-content:end;gap:5px;position:relative;margin:0 0 15px 15px;transform:translateY(55px)}.portfolio-text-company{font-size:14px;font-weight:600;color:var(--gray);backdrop-filter:blur(80px);-webkit-backdrop-filter:blur(80px);padding:2px 10px}.portfolio-text-title{font-size:18px;font-weight:700;color:var(--black);backdrop-filter:blur(80px);-webkit-backdrop-filter:blur(80px);padding:5px 10px}.portfolio-grid .pill-links-wrapper{justify-content:start;margin-top:10px;transform:translateY(30px)}.portfolio-grid-element:hover .pill-links-wrapper{transform:translateY(0)}@media (min-width:768px){.portfolio-grid-element:hover .portfolio-grid-element-link{width:100%;height:100%;margin:0}.portfolio-grid-element:hover .portfolio-project-image{width:100%;height:100%;top:0;left:0;bottom:0;right:0}.portfolio-grid-element:hover .portfolio-text-group{margin:0 0 25px 25px;transform:translateY(0)}}@media (max-width:768px){.portfolio-grid-group{gap:20px}.portfolio-grid-element{flex:1 1 100%}.portfolio-grid-element-link{width:100%;height:100%;margin:0}.portfolio-project-image{width:100%;height:100%;top:0;left:0;bottom:0;right:0}}