.fw-portfolio-container{width:100%;padding:60px;display:flex;align-items:center;justify-content:center}.fw-portfolio-content-wrapper{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;width:100%;max-width:var(--max-width);min-height:100vh}.fw-portfolio-header{font-size:48px;max-width:400px;margin-bottom:0}.fw-portfolio-header a{text-decoration:underline}.fw-portfolio-project-grid{display:grid;grid-template-columns:repeat(4,1fr);width:100%}@media (max-width:1100px){.fw-portfolio-project-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:860px){.fw-portfolio-project-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.fw-portfolio-project-grid{grid-template-columns:1fr}}@media (max-width:480px){.fw-portfolio-container{padding:60px 30px}}.fw-portfolio-card{padding:24px;cursor:pointer;display:flex;flex-direction:column;gap:20px;border:1px solid var(--secondary-color)}.fw-portfolio-card:hover{background-color:var(--tertiary-color)}.fw-top-wrapper{display:flex;align-items:center;justify-content:space-between}.fw-project-type{padding:8px 14px;font-size:12px;width:max-content;font-weight:600;text-transform:uppercase;background-color:var(--secondary-color)}.fw-project-type__project{color:#ffae00}.fw-project-type__social{color:#6fabff}.fw-project-type__saas{color:#f7418f}.fw-project-type__service{color:#0ff}.fw-project-type__app{color:#ff204e}.fw-project-type__online-shop{color:#ffae00}.fw-project-type__references{color:#0ff}.fw-project-type__web-app{color:#ff3700}.fw-project-title{font-weight:600;font-size:22px;line-height:1.5}.fw-project-description{opacity:.5;font-size:15px}.fw-project-tag-wrapper{display:flex;flex-wrap:wrap;gap:5px}.fw-project-tag{padding:4px 14px;font-weight:600;font-size:12px;text-transform:uppercase;background-color:var(--secondary-color)}@media (max-width:600px){.fw-portfolio-card{padding:34px 24px}}.fw-animated-banner-container{position:relative;transform:translateZ(0);display:flex;overflow:hidden;align-items:center;max-width:480px;width:100%;gap:2rem;margin-top:14px;margin-bottom:28px}.fw-animated-banner-track{height:100%;transform:translateZ(0);display:flex;animation:scroll 10s linear infinite;gap:2rem}.fw-animated-banner-icon-wrapper:hover{transform:scale(1.2);color:#0070f3}.fw-animated-banner-icon{font-size:.8rem;margin-top:.5rem;color:#fff}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(calc(-100% - 2rem))}}