#portfolio-hero{--portfolioHeroW:clamp(72rem,86vw,80rem)}#portfolio-hero .cs-container{margin:0 auto;max-width:var(--portfolioHeroW);position:relative;width:100%;z-index:2}#portfolio-hero .cs-content{max-width:clamp(30rem,34vw,32rem)}#portfolio-hero .cs-title{color:var(--titleColorHero);display:inline-block;font-family:Californian FB,CalifornianFB,Palatino Linotype,Palatino,Georgia,serif;font-size:clamp(3rem,5.8vw,3.7rem);font-weight:700;line-height:1.02;margin:0;position:relative}#portfolio-hero .cs-title:after{background:var(--primaryNavHam);content:"";display:block;height:clamp(.25rem,.8vw,.35rem);margin:1rem 0 0;opacity:1;position:relative;width:clamp(15.25rem,13vw,20.75rem)}#portfolio-projects{background:var(--siteBg);isolation:isolate;overflow:hidden;padding:clamp(4rem,8vw,6rem) clamp(.75rem,1.6vw,1.5rem);position:relative}#portfolio-projects:before{background-image:var(--t2Texture);background-position:100% 0;background-repeat:no-repeat;background-size:cover;opacity:.45;transform:scaleY(-1);transform-origin:center;z-index:-20}#portfolio-projects:after,#portfolio-projects:before{content:"";inset:0;pointer-events:none;position:absolute}#portfolio-projects:after{background:linear-gradient(to bottom,var(--siteBg) 0,var(--siteBgTransparent) 20rem),linear-gradient(to top,var(--siteBg) 0,var(--siteBgTransparent) 13.75rem),linear-gradient(to right,var(--siteBg) 0,var(--siteBgTransparent) 30rem),linear-gradient(to left,var(--siteBg) 0,var(--siteBgTransparent) 30rem);z-index:1}#portfolio-projects .cs-container{margin:0 auto;max-width:clamp(72rem,86vw,80rem);position:relative;width:100%;z-index:2}#portfolio-projects .cs-header{margin-bottom:clamp(2.5rem,5vw,4rem);text-align:center}#portfolio-projects .cs-heading{color:var(--headerColor);font-family:Californian FB,CalifornianFB,Palatino Linotype,Palatino,Georgia,serif;font-size:clamp(3.55rem,3.6vw,3.75rem);font-weight:400;letter-spacing:.04em;line-height:1.05;margin:0 0 1rem}#portfolio-projects .cs-subtext{color:var(--bodyTextColor);font-family:Open Sans,Arial,sans-serif;font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.55;margin:0 auto;max-width:38rem;text-align:center}#portfolio-projects .cs-project-grid{display:grid;gap:2rem;grid-template-columns:1fr;justify-items:center}@media only screen and (min-width:36rem){#portfolio-projects .cs-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:stretch}}#portfolio-projects .cs-project-card{background:var(--navBg);border-radius:1rem;box-shadow:0 .25rem 1rem rgba(0,0,0,.08);max-width:25rem;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;width:100%}#portfolio-projects .cs-project-card:hover{box-shadow:0 .5rem 1.5rem rgba(0,0,0,.14);transform:translateY(-.25rem)}#portfolio-projects .cs-project-link{color:inherit;display:flex;flex-direction:column;height:100%;text-decoration:none;width:100%}#portfolio-projects .cs-project-image{aspect-ratio:16/9;border-radius:.75rem;display:block;margin:.75rem auto 0;overflow:hidden;width:calc(100% - 1.5rem)}#portfolio-projects .cs-project-image img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}#portfolio-projects .cs-project-body{flex:1;padding:.75rem 1rem 0}#portfolio-projects .cs-project-title{color:var(--headerColor);font-family:Californian FB,CalifornianFB,Palatino Linotype,Palatino,Georgia,serif;font-size:clamp(1.4rem,2.5vw,1.7rem);font-weight:400;line-height:1.1;margin:0 0 .35rem}#portfolio-projects .cs-project-text{color:var(--bodyTextColor);font-family:Open Sans,Arial,sans-serif;font-size:.92rem;line-height:1.4;margin:0}#portfolio-projects .cs-project-footer{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-top:auto;padding:.85rem 1rem}#portfolio-projects .cs-project-tag{border:.0625rem solid var(--primaryNav);border-radius:.25rem;color:var(--primaryNav);display:inline-block;font-family:Open Sans,Arial,sans-serif;font-size:.8rem;font-weight:600;line-height:1.4;padding:.2rem .65rem}#portfolio-projects .cs-project-arrow{align-items:center;border:.0625rem solid var(--borderColor);border-radius:50%;color:var(--headerColor);display:inline-flex;flex:none;height:2.25rem;justify-content:center;transition:background-color .2s ease,color .2s ease,border-color .2s ease;width:2.25rem}#portfolio-projects .cs-project-arrow svg{height:1rem;width:1rem}#portfolio-projects .cs-project-card:hover .cs-project-arrow{background:var(--primaryNav);border-color:var(--primaryNav);color:var(--siteBg)}@media only screen and (min-width:64rem){#portfolio-hero{contain:layout style;min-height:24rem}#portfolio-hero .cs-container{max-width:var(--portfolioHeroW)}#portfolio-hero .cs-content{max-width:clamp(32rem,36vw,36rem)}#portfolio-projects .cs-project-grid{gap:clamp(1.75rem,3vw,2.5rem);grid-template-columns:repeat(2,minmax(0,1fr));margin-left:auto;margin-right:auto;max-width:56rem}#portfolio-projects .cs-project-card{max-width:none}}@media only screen and (max-width:47.99rem){#portfolio-projects:after{background:linear-gradient(to bottom,var(--siteBg) 0,var(--siteBgTransparent) 15rem),linear-gradient(to top,var(--siteBg) 0,var(--siteBgTransparent) 5.5rem),linear-gradient(to right,var(--siteBg) 0,var(--siteBgTransparent) 6rem),linear-gradient(to left,var(--siteBg) 0,var(--siteBgTransparent) 6rem)}#portfolio-projects .cs-project-card{max-width:22rem}#portfolio-projects .cs-heading{font-size:clamp(2.3rem,5vw,2.6rem)}}