.reference-crop{background-image:url('/images/design-reference.png');background-repeat:no-repeat;overflow:hidden;flex-shrink:0;min-height:0}.visual-service>.reference-crop{width:100%}.recent-photo .reference-crop{width:100%;transition:filter .2s}.recent-photo:hover .reference-crop{filter:brightness(1.1)}.recent-grid.inspiration-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.inspiration-note{font-size:.875rem;color:#566651;margin-top:20px}.inspiration-note a{text-decoration:underline;text-underline-offset:3px}.reference-about{display:block;position:relative;min-height:440px;isolation:isolate;overflow:hidden}.reference-about .about-copy{width:42%;min-height:440px;background:#062312;position:relative;z-index:1}.reference-about .about-reference{position:absolute;right:0;top:0;bottom:0;width:100%;z-index:-1;aspect-ratio:auto!important;background-size:auto 100%!important;background-position:right center!important}.reference-about .about-reference:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#062312 35%,transparent 65%)}.concept-label{position:absolute;bottom:16px;right:24px;font-size:.875rem;color:white;padding:3px 9px;background:#062312a0}.landscape-hero:after{background:linear-gradient(90deg,#001607d9 0%,#00160780 32%,#00160700 65%)}
@media(max-width:850px){.recent-grid.inspiration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-about .about-copy{width:52%}}
@media(max-width:650px){.recent-grid.inspiration-grid{grid-template-columns:1fr 1fr}.recent-grid.inspiration-grid>a:last-child{display:none}.reference-about{display:flex;flex-direction:column}.reference-about .about-copy{width:100%;min-height:0}.reference-about .about-reference{position:relative;z-index:0;top:auto;bottom:auto;width:100%;height:auto;aspect-ratio:642/222!important;background-size:160.2803738317757% 691.8918918918919%!important;background-position:99.48320413436693% 83.10502283105022%!important}.reference-about .about-reference:after{display:none}.landscape-hero:after{background:linear-gradient(90deg,#001607cc,#00160730)}.hero-photo{object-position:55% center}}
.reference-about .about-reference{width:58%;background-size:auto 691.8918918918919%!important;background-position:right 83.10502283105022%!important}.reference-about .about-reference:after{display:none}
@media(max-width:850px) and (min-width:651px){.reference-about .about-reference{width:48%}}
@media(max-width:650px){.reference-about .about-reference{width:100%}}