@media only screen and (min-width:0em){#portfolio{padding-top:3.125em;padding-bottom:35%;position:relative;z-index:5}#portfolio .cs-title{font-size:var(--headerFiveFontSize)}#portfolio .container{width:96%;max-width:82.625em;padding:0;margin:auto;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:1.875em}#portfolio .container .row{display:flex;flex-direction:row;justify-content:flex-start;gap:1.875em;flex-wrap:wrap;justify-content:center;width:95%}#portfolio .container .row picture{position:relative;display:block;width:15em;height:15em}#portfolio .container .row picture img{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:contain;border-radius:.5em}#portfolio .container .row .portfolio-card{display:flex;flex-direction:column;align-items:center;width:100%;gap:1em;padding:1.2em;background:#fff;box-shadow:var(--boxCardShadow)}#portfolio .container .row .portfolio-card .link-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em}#portfolio .container .row .portfolio-card.full-width{width:63.75em}#portfolio .container .row .portfolio-card-full{display:flex;flex-direction:column;align-items:center;width:100%;background:#fff;height:fit-content;min-height:250px;box-shadow:var(--boxCardShadow);border-radius:.5rem}#portfolio .container .row .portfolio-card-full p{margin:1rem 0;text-align:center;display:flex;flex-direction:column;gap:1rem}#portfolio .container .row .portfolio-card-full h4{margin-top:1rem}#portfolio .container .row .portfolio-card-full li{list-style-position:inside}#portfolio .container .row .portfolio-card-full .link-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em}#portfolio .container .row .portfolio-card-full picture{min-height:100%;width:100%;aspect-ratio:1;position:relative}#portfolio .container .row .portfolio-card-full picture img{object-fit:cover;object-position:top}#portfolio .container .row .portfolio-card-full .portfolio-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:1.2em}}@media only screen and (min-width:48em){#portfolio .container .row .portfolio-card{width:47.5%}#portfolio .container .row .portfolio-card-full{flex-direction:row;height:auto;min-height:250px}#portfolio .container .row .portfolio-card-full picture{aspect-ratio:1;max-width:50%}#portfolio .container .row .portfolio-card-full .portfolio-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%}}@media only screen and (min-width:64em){#portfolio{padding:9.375em 0}#portfolio .container .row .portfolio-card{width:30%}#portfolio .container .row .portfolio-card-full{min-height:380px}}@media only screen and (min-width:0em){#cta{position:relative;padding:3.125em 0}#cta:before{content:'';position:absolute;display:block;height:100%;width:100%;background:var(--primary);opacity:.7;top:0;left:0;z-index:-1}#cta .container{text-align:center}#cta picture{position:absolute;top:0;left:0;height:100%;width:100%;z-index:-2}#cta picture img{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover}#cta .title{font-weight:900;font-size:min(9vw, 3em);line-height:1.20833333;position:relative;margin-bottom:.75em;text-align:center}#cta p{text-align:center;opacity:1;margin:auto;margin-bottom:2em;width:96%;max-width:33.22222222em}}@media only screen and (min-width:64em){#cta{padding:10.5em 0}}@media only screen and (min-width:1300px){#cta{position:relative;margin-top:6.25em}#cta:before{display:none}#cta:after{content:'';position:absolute;display:block;height:69.25em;width:125em;background:url("../images/cta-squares.svg");background-size:contain;background-position:center;background-repeat:no-repeat;opacity:1;bottom:0;left:50%;transform:translateX(-50%);z-index:-3}#cta .container{width:90.0625%;margin:auto}#cta picture{width:90.0625%;left:50%;transform:translateX(-50%)}#cta picture:before{content:'';position:absolute;display:block;height:100%;width:100%;background:#000;opacity:.7;top:0;left:0;z-index:1}}@media only screen and (min-width:0em){body.dark-mode #cta:after{display:none}body.dark-mode #portfolio .row .portfolio-card,body.dark-mode #portfolio .row .portfolio-card-full{background:var(--medium)}}.view-figma{background-color:#007bff;color:#fff;text-decoration:none;font-weight:700;transition:background-color .3s ease}.view-figma:hover{background-color:#007bff;color:#fff}.view-figma:before{background-color:#007bff}.view-figma:hover{background-color:#0056b3}.loading{position:relative}.loading::after{content:'';position:absolute;border:2px solid #fff;border-top:2px solid transparent;border-radius:50%;width:16px;height:16px;animation:spin 1s linear infinite;left:100%;margin-left:10px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}