.portfolio-filter-gallery__project{display:flex;flex-direction:column;gap:calc(var(--spacing) * 6);@media (width >= 64rem){height:300px;gap:calc(var(--spacing) * 10);flex-direction:row;align-items:center}}.portfolio-filter-gallery__project-media{position:relative;display:flex;aspect-ratio:625.78/352;width:100%;flex-shrink:0;align-items:center;justify-content:space-between;overflow:hidden;border-radius:var(--radius-3xl);padding:calc(var(--spacing) * 6);@media (width >= 64rem){height:300px;width:auto}}.portfolio-filter-gallery__media-first{@media (width >= 64rem){order:1}}.portfolio-filter-gallery__media-second{@media (width >= 64rem){order:2}}.portfolio-filter-gallery__project-image{pointer-events:none;position:absolute;inset:0;height:100%;width:100%;border-radius:var(--radius-3xl);object-fit:cover}.portfolio-filter-gallery__arrow-left{position:relative;display:flex;width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12);align-items:center;justify-content:center;border-radius:calc(infinity * 1px);background-color:var(--color-white);color:var(--color-navy-950);@media (width >= 64rem){width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}}.portfolio-filter-gallery__arrow-icon{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);@media (width >= 64rem){width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}}.portfolio-filter-gallery__arrow-right{position:relative;display:flex;width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12);align-items:center;justify-content:center;border-radius:calc(infinity * 1px);background-color:var(--color-white);color:var(--color-navy-950);@media (width >= 64rem){width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}}.portfolio-filter-gallery__project-details{display:flex;flex-direction:column;gap:calc(var(--spacing) * 6);@media (width >= 64rem){flex:1;justify-content:center}}.portfolio-filter-gallery__details-second{@media (width >= 64rem){order:2}}.portfolio-filter-gallery__details-first{@media (width >= 64rem){order:1}}.portfolio-filter-gallery__project-title{font-family:var(--font-heading);font-size:var(--text-lead);line-height:var(--text-lead--line-height);color:var(--color-white);@media (width >= 64rem){font-size:var(--text-h2);line-height:var(--text-h2--line-height)}}.portfolio-filter-gallery__project-name{font-weight:var(--font-weight-semibold)}.portfolio-filter-gallery__divider{border-top-style:solid;border-top-width:1.5px;border-color:color-mix(in oklab,var(--color-cream) 15%,transparent)}.portfolio-filter-gallery__project-copy{display:flex;flex-direction:column;gap:calc(var(--spacing) * 6);@media (width >= 64rem){flex-direction:row}}.portfolio-filter-gallery__project-scope{display:flex;flex:1;flex-direction:column;gap:calc(var(--spacing) * 3);@media (width >= 64rem){gap:calc(var(--spacing) * 6)}}.portfolio-filter-gallery__project-label{font-family:var(--font-heading);font-size:var(--text-body-lg);line-height:var(--text-body-lg--line-height);font-weight:var(--font-weight-semibold);color:var(--color-gold-500);@media (width >= 1800px){font-size:var(--text-lead);line-height:var(--text-lead--line-height)}}.portfolio-filter-gallery__project-description{font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--text-body--line-height);color:var(--color-mist);@media (width >= 64rem){font-size:var(--text-body-lg);line-height:var(--text-body-lg--line-height)}}.portfolio-filter-gallery__project-result{display:flex;flex:1;flex-direction:column;gap:calc(var(--spacing) * 3);@media (width >= 64rem){gap:calc(var(--spacing) * 6)}}.portfolio-filter-gallery__section{width:100%;background-color:var(--color-navy-950);padding-block:calc(var(--spacing) * 16);@media (width >= 64rem){padding-block:calc(var(--spacing) * 20)}}.portfolio-filter-gallery__layout{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing) * 12);@media (width >= 64rem){gap:calc(var(--spacing) * 14)}}.portfolio-filter-gallery__filter-panel{display:flex;width:100%;flex-direction:column;gap:calc(var(--spacing) * 6);border-radius:var(--radius-3xl);border-style:solid;border-width:2px;border-color:var(--color-cream);padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 8);@media (width >= 64rem){gap:calc(var(--spacing) * 10);padding-inline:calc(var(--spacing) * 12);padding-block:calc(var(--spacing) * 9);flex-direction:row;align-items:center;border-radius:var(--radius-pill)}}.portfolio-filter-gallery__filter-intro{display:flex;flex-direction:column;gap:calc(var(--spacing) * 4);@media (width >= 64rem){width:calc(1 / 2 * 100%);gap:calc(var(--spacing) * 5)}}.portfolio-filter-gallery__title{font-family:var(--font-heading);font-size:var(--text-eyebrow);line-height:var(--text-eyebrow--line-height);color:var(--color-cream);@media (width >= 64rem){font-size:var(--text-h2);line-height:var(--text-h2--line-height)}}.portfolio-filter-gallery__title-emphasis{font-weight:var(--font-weight-semibold)}.portfolio-filter-gallery__filter-description{font-family:var(--font-sans);font-size:var(--text-eyebrow-sm);line-height:var(--text-eyebrow-sm--line-height);color:color-mix(in oklab,var(--color-mist) 90%,transparent);@media (width >= 64rem){font-size:var(--text-body-lg);line-height:var(--text-body-lg--line-height)}}.portfolio-filter-gallery__filter-options{display:flex;flex:1;align-items:stretch;overflow:hidden;border-radius:var(--radius-3xl);background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}.portfolio-filter-gallery__filter-option{position:relative;display:flex;flex:1;align-items:center;justify-content:center;padding-inline:calc(var(--spacing) * 1);padding-block:calc(var(--spacing) * 3);text-align:center;transition-property:background-color,box-shadow;transition-timing-function:var(--transition-ease);transition-duration:var(--transition-fast);@media (width >= 64rem){padding-block:calc(var(--spacing) * 4)}}.portfolio-filter-gallery__filter-option--active{border-radius:var(--radius-3xl)}.portfolio-filter-gallery__filter-option-label{font-family:var(--font-heading);font-size:var(--text-label-sm);line-height:var(--text-label-sm--line-height);transition:color var(--transition-fast) var(--transition-ease);@media (width >= 64rem){font-size:var(--text-body-lg);line-height:var(--text-body-lg--line-height)}}.portfolio-filter-gallery__filter-option-label--active{font-weight:var(--font-weight-semibold)}.portfolio-filter-gallery__filter-option-label--inactive{font-weight:var(--font-weight-normal);color:var(--color-white)}.portfolio-filter-gallery__results{display:flex;width:100%;flex-direction:column;gap:calc(var(--spacing) * 12)}.portfolio-filter-gallery__dynamic-content{display:flex;width:100%;flex-direction:column;align-items:center;gap:calc(var(--spacing) * 12);@media (width >= 64rem){gap:calc(var(--spacing) * 14)}}.portfolio-filter-gallery__results-title{text-align:center;font-family:var(--font-heading);font-size:var(--text-h2);line-height:var(--text-h2--line-height);font-weight:var(--font-weight-semibold);color:var(--color-cream);@media (width >= 64rem){font-size:var(--text-title-xl);line-height:var(--text-title-xl--line-height)}}.portfolio-filter-gallery__project-list{display:flex;flex-direction:column;gap:calc(var(--spacing) * 12)}.portfolio-filter-gallery__cta{width:100%;@media (width >= 64rem){width:auto}}.portfolio-filter-gallery__filter-option--turnover{background-color:var(--color-steel-500);box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--color-white) 50%,transparent),0 0 12.8px var(--color-steel-500)}.portfolio-filter-gallery__filter-option-label--turnover{color:var(--color-white)}.portfolio-filter-gallery__filter-option--corporate{background-color:var(--color-cream);box-shadow:inset 0 0 0 2px var(--color-white),0 0 12.8px var(--color-cream)}.portfolio-filter-gallery__filter-option-label--corporate{color:var(--color-navy-950)}.portfolio-filter-gallery__filter-option--residential{background-color:var(--color-gold-500);box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--color-white) 50%,transparent),0 0 12.8px var(--color-gold-500)}.portfolio-filter-gallery__filter-option-label--residential{color:var(--color-navy-950)}.portfolio-hero__section{position:relative;width:100%;overflow:hidden;background-color:var(--color-navy-950)}.portfolio-hero__element{pointer-events:none;position:absolute;top:0;left:calc(1 / 2 * 100%);height:234px;width:234px;translate:calc(calc(1 / 2 * 100%) * -1) calc(calc(1 / 2 * 100%) * -1);@media (width >= 64rem){left:0;height:441px;width:441px}}.portfolio-hero__content{position:relative;display:flex;flex-direction:column;gap:calc(var(--spacing) * 8);padding-top:calc(var(--spacing) * 12);padding-bottom:calc(var(--spacing) * 16);@media (width >= 64rem){padding-top:calc(var(--spacing) * 16);padding-bottom:calc(var(--spacing) * 20);flex-direction:row;align-items:center}}.portfolio-hero__content-2{display:flex;flex-direction:column;gap:calc(var(--spacing) * 6);@media (width >= 64rem){flex:1}}.portfolio-hero__title{width:fit-content;background-image:linear-gradient(to bottom right in oklab,var(--color-steel-400),var(--color-gold-500),var(--color-navy-800));background-clip:text;font-family:var(--font-heading);font-size:var(--text-hero-sm);line-height:1.1;font-weight:var(--font-weight-semibold);white-space:nowrap;color:transparent;@media (width >= 64rem){font-size:var(--text-hero)}}.portfolio-hero__content-3{display:flex;align-items:center;gap:calc(var(--spacing) * 2);@media (width >= 64rem){gap:calc(var(--spacing) * 4)}}@media (width < 360px){.portfolio-hero__content-3{flex-direction:column;align-items:flex-start;gap:calc(var(--spacing) * 4)}}.portfolio-hero__content-4{display:flex;align-items:center}.portfolio-hero__card{position:relative;margin-right:calc(var(--spacing) * -1.5);width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10);flex-shrink:0;overflow:hidden;border-radius:calc(infinity * 1px);border-style:solid;border-width:3px;border-color:var(--color-navy-950);background-color:var(--color-white);@media (width >= 64rem){margin-right:calc(var(--spacing) * -2);width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14);border-left-width:4px;border-bottom-width:4px;border-right-width:4px;border-top-width:4px}}.portfolio-hero__image{position:absolute;max-width:none}.portfolio-hero__card-2{display:flex;width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);border-style:solid;border-width:3px;border-color:var(--color-navy-950);background-color:var(--color-gold-500);@media (width >= 64rem){width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14);border-left-width:4px;border-bottom-width:4px;border-right-width:4px;border-top-width:4px}}.portfolio-hero__highlight{font-family:var(--font-heading);font-size:var(--text-label-sm);line-height:var(--text-label-sm--line-height);font-weight:var(--font-weight-semibold);color:var(--color-navy-950);@media (width >= 64rem){font-size:var(--text-body);line-height:var(--text-body--line-height)}}.portfolio-hero__description{min-width:0;font-family:var(--font-heading);font-size:var(--text-label-sm);line-height:var(--text-label-sm--line-height);font-weight:var(--font-weight-semibold);@media (width >= 64rem){font-size:var(--text-body);line-height:var(--text-body--line-height);white-space:nowrap}}.portfolio-hero__highlight-2{background-image:linear-gradient(to right in oklab,var(--color-cream),var(--color-gold-500));background-clip:text;white-space:nowrap;color:transparent}.portfolio-hero__highlight-3{font-weight:var(--font-weight-normal);color:var(--color-cream)}.portfolio-hero__description-2{font-family:var(--font-sans);font-size:var(--text-eyebrow-sm);line-height:var(--text-eyebrow-sm--line-height);color:color-mix(in oklab,var(--color-white) 90%,transparent);@media (width >= 64rem){font-size:var(--text-body-lg);line-height:var(--text-body-lg--line-height);flex:1}}.portfolio-hero__highlight-4{font-weight:var(--font-weight-bold)}.portfolio-hero__portrait-crop{top:2.78%;left:3.63%;height:139.25%;width:92.73%}.portfolio-hero__portrait-crop-2{top:-13.58%;left:-10.4%;height:165.6%;width:110.4%}.portfolio-hero__portrait-crop-3{top:-8.66%;left:-62.6%;height:137.5%;width:244.44%}.portfolio-hero__portrait-crop-4{top:-1.92%;left:0;height:150.16%;width:100%}.portfolio-hero__portrait-crop-5{top:0;left:-49.44%;height:100%;width:177.78%}@media (max-width:767px){.portfolio-hero__content{padding-top:7rem}.portfolio-hero__title{font-size:clamp(2.5rem,12vw,4rem);white-space:normal}}