@media only screen and (min-width:0rem){#portfolio-intro{background-color:#1b2432;padding:var(--sectionPadding)}#portfolio-intro .cs-container{gap:2.5rem;margin:auto;max-width:80rem}#portfolio-intro .cs-container,#portfolio-intro .cs-content{align-items:center;display:flex;flex-direction:column;width:100%}#portfolio-intro .cs-content{text-align:center}#portfolio-intro .cs-topper{color:var(--primary)}#portfolio-intro .cs-title{color:#fff}#portfolio-intro .cs-text{color:#89a}#portfolio-intro .cs-stats-row{align-items:center;display:flex;flex-direction:column;gap:1.5rem;width:100%}#portfolio-intro .cs-stat{align-items:center;display:flex;flex-direction:column;gap:.25rem}#portfolio-intro .cs-stat-num{color:var(--primary);font-size:2.625rem;font-weight:900;line-height:1}#portfolio-intro .cs-stat-label{color:#89a;font-size:.8125rem;letter-spacing:.05em;text-align:center;text-transform:uppercase}#portfolio-intro .cs-stat-divider{background:hsla(0,0%,100%,.1);height:1px;width:2.5rem}}@media only screen and (min-width:48rem){#portfolio-intro .cs-stats-row{flex-direction:row;justify-content:center}#portfolio-intro .cs-stat-divider{height:3rem;width:1px}}@media only screen and (min-width:0rem){body.dark-mode #portfolio-intro{background-color:#111820}#portfolio-projects{background-color:var(--offWhite);padding:var(--sectionPadding)}#portfolio-projects .cs-container{display:flex;flex-direction:column;gap:clamp(3rem,8vw,5rem);margin:auto;max-width:80rem;width:100%}#portfolio-projects .cs-project{background:#fff;border:1px solid var(--lightGray);border-radius:.75rem;box-shadow:0 4px 24px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:2rem;overflow:hidden}#portfolio-projects .cs-project-image{aspect-ratio:16/9;overflow:hidden;position:relative;width:100%}#portfolio-projects .cs-project-image picture{display:block;height:100%;width:100%}#portfolio-projects .cs-project-image img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;transition:transform .4s;width:100%}#portfolio-projects .cs-project-image:hover img{transform:scale(1.03)}#portfolio-projects .cs-project-overlay{align-items:center;background:#1b2432;border-radius:.375rem;bottom:.75rem;display:flex;flex-direction:column;padding:.375rem .75rem;position:absolute;right:.75rem}#portfolio-projects .cs-score{color:var(--primary);font-size:1rem;font-weight:900;line-height:1.1}#portfolio-projects .cs-score-label{color:#89a;font-size:.625rem;letter-spacing:.05em;text-transform:uppercase}#portfolio-projects .cs-project-info{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem}#portfolio-projects .cs-project-tags{display:flex;flex-wrap:wrap;gap:.5rem}#portfolio-projects .cs-tag{background:rgba(0,180,216,.08);border:1px solid rgba(0,180,216,.2);border-radius:1.25rem;color:var(--primary);font-size:.6875rem;font-weight:700;letter-spacing:.06em;padding:.1875rem .625rem;text-transform:uppercase}#portfolio-projects .cs-h2{color:var(--headerColor);font-size:clamp(1.4rem,3vw,1.75rem);font-weight:700;line-height:1.2em;margin:0}#portfolio-projects .cs-location{color:var(--primary);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}#portfolio-projects .cs-text{color:var(--bodyTextColor);font-size:.9375rem;line-height:1.6em;margin:0}#portfolio-projects .cs-results{background:var(--offWhite);border-radius:.5rem;display:flex;flex-direction:column;gap:.375rem;margin:0;padding:1rem}#portfolio-projects .cs-results li{color:var(--bodyTextColor);font-size:.875rem;line-height:1.4em;list-style:none;padding-left:1.125rem;position:relative}#portfolio-projects .cs-results li:before{background:var(--primary);border-radius:50%;content:"";height:6px;left:0;position:absolute;top:.4375rem;width:6px}#portfolio-projects .cs-button-outline{align-self:flex-start;border:2px solid var(--primary);border-radius:.25rem;color:var(--primary);display:inline-block;font-size:.875rem;font-weight:700;letter-spacing:.05em;padding:.625rem 1.5rem;text-decoration:none;text-transform:uppercase;transition:background-color .3s,color .3s}#portfolio-projects .cs-button-outline:hover{background-color:var(--primary);color:#1b2432}}@media only screen and (min-width:64rem){#portfolio-projects .cs-project{align-items:stretch;flex-direction:row}#portfolio-projects .cs-project-reverse{flex-direction:row-reverse}#portfolio-projects .cs-project-image{aspect-ratio:unset;flex-shrink:0;min-height:23.75rem;width:50%}#portfolio-projects .cs-project-info{flex:1;padding:2.5rem}}@media only screen and (min-width:0rem){body.dark-mode #portfolio-projects{background-color:var(--dark)}body.dark-mode #portfolio-projects .cs-project{background:var(--medium);border-color:var(--accent)}body.dark-mode #portfolio-projects .cs-h2{color:#fff}body.dark-mode #portfolio-projects .cs-text{color:#e2e8f0}body.dark-mode #portfolio-projects .cs-results{background:var(--accent)}body.dark-mode #portfolio-projects .cs-results li{color:#e2e8f0}#portfolio-proof{background-color:#1b2432;padding:var(--sectionPadding)}#portfolio-proof .cs-container{gap:2rem;margin:auto;max-width:56.25rem}#portfolio-proof .cs-container,#portfolio-proof .cs-content{align-items:center;display:flex;flex-direction:column;width:100%}#portfolio-proof .cs-content{text-align:center}#portfolio-proof .cs-topper{color:var(--primary)}#portfolio-proof .cs-title{color:#fff}#portfolio-proof .cs-text{color:#89a}#portfolio-proof .cs-proof-image{border:2px solid rgba(0,180,216,.3);border-radius:.625rem;overflow:hidden;width:100%}#portfolio-proof .cs-proof-image picture{display:block}#portfolio-proof .cs-proof-image img{display:block;height:auto;width:100%}#portfolio-proof .cs-button-solid{color:#1b2432}body.dark-mode #portfolio-proof{background-color:#111820}}.cs-port-lightbox{all:unset;border-radius:.75rem;cursor:pointer;display:block;line-height:0;overflow:hidden;position:relative;width:100%}.cs-port-lightbox img{display:block;height:auto;transition:transform .4s ease;width:100%}.cs-port-lightbox .cs-project-overlay{align-items:center;background:rgba(27,36,50,.82);display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.cs-port-lightbox .cs-project-overlay span{background:var(--primary);border-radius:.25rem;color:#1b2432;font-size:1rem;font-weight:700;padding:.875rem 2rem}.cs-port-lightbox:hover img{transform:scale(1.03)}.cs-port-lightbox:hover .cs-project-overlay{opacity:1}.cs-port-lightbox:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.cs-project-overlay-score{align-items:center;background:#1b2432;border-radius:.375rem;bottom:1rem;display:flex;flex-direction:column;left:1rem;padding:.375rem .75rem;pointer-events:none;position:absolute}