:root{--font-offset-ratio:0;--mobile:375;--portrait:768;--landscape:1200;--desktop:1440;--desktop-reference:1440;--desktop-large:1920;--base:16;--founders-grotesk-regular:"Founders Grotesk Regular",sans-serif;--founders-grotesk-medium:"Founders Grotesk Medium",sans-serif;--founders-grotesk-bold:"Founders Grotesk Bold",sans-serif;--global-font-multiplier-quaternary:1;--black:#000;--white:#fff;--off-white:#cfd5b7;--primary-1:#00704e;--primary-1-dark:#006949;--highlight:#cf0;--font-size-sm:clamp(0.8rem,-0.09vw + 0.82rem,0.75rem);--font-size-base:clamp(1rem,0vw + 1rem,1rem);--font-size-md:clamp(1.25rem,0.15vw + 1.21rem,1.33rem);--font-size-lg:clamp(1.56rem,0.39vw + 1.47rem,1.78rem);--font-size-xl:clamp(1.95rem,0.76vw + 1.76rem,2.37rem);--font-size-xxl:clamp(2.44rem,1.3vw + 2.12rem,3.16rem);--font-size-xxxl:clamp(3.05rem,2.1vw + 2.53rem,6rem);--page-padding-lr:1.25rem;--block-margin-tb:2.5rem}:root.android.chrome,:root.firefox,:root.win32.chrome{--font-offset-ratio:0.085}@media screen and (min-width:768px){:root{--page-padding-lr:2.5rem}}@media screen and (min-width:1024px){:root{--page-padding-lr:4.375rem}}@media screen and (min-width:768px){:root{--block-margin-tb:3.75rem}}@media screen and (min-width:1024px){:root{--block-margin-tb:6.25rem}}.project-detail-page{padding:0!important}.project-detail{width:100%;min-height:100vh}.project-detail-container{display:flex;flex-direction:column;gap:40px;max-width:100%;margin:0 auto}@media screen and (min-width:768px){.project-detail-container{gap:60px}}@media screen and (min-width:1024px){.project-detail-container{gap:40px;flex-direction:row}}.project-detail-left{flex:1 1;position:static;height:auto;display:flex;flex-direction:column;order:1}@media screen and (min-width:768px){.project-detail-left{flex:0 0 400px;position:-webkit-sticky;position:sticky;top:140px;align-self:flex-start;height:-moz-fit-content;height:fit-content;order:0}}@media screen and (min-width:1024px){.project-detail-left{flex:0 0 360px}}.project-detail-content{display:flex;flex-direction:column;gap:2.5rem;height:auto;justify-content:flex-start}@media screen and (min-width:768px){.project-detail-content{height:100%;justify-content:space-between}}.project-detail-middle,.project-detail-top{display:flex;flex-direction:column}.project-detail-middle{gap:1.5rem}.project-detail-bottom{margin-top:2.5rem}@media screen and (min-width:768px){.project-detail-bottom{margin-top:auto}}.project-client-name{font-size:.9375rem;line-height:160%;font-weight:400;font-family:var(--founders-grotesk-medium);font-style:normal;margin:0 0 .9375rem;color:var(--white)}@media screen and (min-width:1024px){.project-client-name{font-size:1.0625rem;line-height:152.941%}}.project-meta{gap:2rem}.meta-item,.project-meta{display:flex;flex-direction:column}.meta-label{font-size:.9375rem;line-height:160%;font-weight:400;font-family:var(--founders-grotesk-medium);font-style:normal;margin:0 0 .9375rem;color:var(--white)}@media screen and (min-width:1024px){.meta-label{font-size:1.0625rem;line-height:152.941%}}.meta-value{font-size:.9375rem;line-height:160%;font-weight:400;font-family:var(--founders-grotesk-regular);font-style:normal;display:grid;grid-template-columns:1fr;grid-gap:.75rem 1.25rem;gap:.75rem 1.25rem;color:var(--white)}@media screen and (min-width:1024px){.meta-value{font-size:1.0625rem;line-height:152.941%}}@media screen and (min-width:768px){.meta-value{grid-template-columns:1fr 1fr}}.service-tag{font-size:.9375rem;line-height:160%;font-weight:400;font-family:var(--founders-grotesk-regular);font-style:normal;display:block;color:var(--white)}@media screen and (min-width:1024px){.service-tag{font-size:1.0625rem;line-height:152.941%}}.project-overview{margin:0 0 .9375rem}.project-overview p{font-size:1.5rem;font-weight:500;line-height:normal;font-family:var(--founders-grotesk-medium)}.project-description p,.project-overview p{font-style:normal;margin:0;color:var(--white)}.project-description p{font-size:.9375rem;line-height:160%;font-weight:400;font-family:var(--founders-grotesk-regular)}@media screen and (min-width:1024px){.project-description p{font-size:1.0625rem;line-height:152.941%}}.visit-site-btn{color:var(--highlight);background-color:transparent;border:1px solid var(--highlight);border-radius:100px;width:auto;font-weight:400;display:flex;justify-content:center;align-items:center;-webkit-text-decoration-line:unset;text-decoration-line:unset;text-align:center;transition-property:color,background-color,border;transition-duration:.5s;transition-timing-function:ease;cursor:pointer;width:-moz-fit-content;width:fit-content;font-family:var(--founders-grotesk-regular);font-style:normal;min-height:clamp(2.5rem,1.25rem + 4.17vw,4.375rem);padding:0 .9375rem .1875rem;font-size:clamp(1.125rem,.625rem + 1.67vw,1.875rem);text-decoration:none;padding:0 1.25rem .1875rem!important;min-height:clamp(2rem,1rem + 2.8vw,2.7rem);font-size:clamp(.875rem,.5rem + 1.25vw,1.2rem)}.visit-site-btn:active,.visit-site-btn:focus,.visit-site-btn:hover{cursor:pointer;color:var(--primary-1);border:1px solid var(--highlight);background-color:var(--highlight);animation:colorShift .25s infinite}.visit-site-btn[disabled]{cursor:not-allowed;opacity:.8}.visit-site-btn button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}@media screen and (min-width:768px){.visit-site-btn{padding:0 1.875rem .3125rem}}.project-detail-right{flex:1 1;min-width:0;order:2}@media screen and (min-width:768px){.project-detail-right{order:1}}.project-media{display:flex;flex-direction:column;gap:2.5rem}@media screen and (min-width:768px){.project-media{gap:1.5rem}}.media-item{width:100%;overflow:hidden;border-radius:.75rem}.media-item img,.media-item video{display:block;width:100%;height:auto}.media-item.media-full,.media-item.media-wide{width:100%}.media-item.media-wide img,.media-item.media-wide video{aspect-ratio:16/9;object-fit:cover}.media-item.media-tall{width:100%}@media screen and (min-width:768px){.media-item.media-tall{width:60%;margin:0 auto}}.media-item.media-tall img,.media-item.media-tall video{aspect-ratio:3/4;object-fit:cover}.media-item.media-split{width:100%}@media screen and (min-width:768px){.media-item.media-split{width:50%;display:inline-block;vertical-align:top}}