.page-hero-spotlight{--grid-gap:var(--gutter);overflow:hidden;padding-top:calc(var(--grid-gap)*4)!important}@media (min-width:48em){.page-hero-spotlight{padding-top:0!important}}@media (min-width:76.25em){.page-hero-spotlight{--grid-gap:3.5rem}}.wp-block[data-type="hks/page-hero-spotlight"]{background-color:var(--c-black);color:var(--c-white);max-width:none!important}.wp-block[data-type="hks/page-hero-spotlight"] .page-hero-spotlight__bottom-images .page-hero-spotlight__image,.wp-block[data-type="hks/page-hero-spotlight"] .page-hero-spotlight__top-images .page-hero-spotlight__image{opacity:1;transform:none}.wp-block[data-type="hks/page-hero-spotlight"] .page-hero-spotlight__intro{flex:auto 1 1}.wp-block[data-type="hks/page-hero-spotlight"] .page-hero-spotlight__image{overflow:visible}.wp-block[data-type="hks/page-hero-spotlight"] .page-hero-spotlight__image>.components-button{background-color:var(--c-white)}.wp-block[data-type="hks/page-hero-spotlight"] .page-hero-spotlight__image>.components-placeholder{height:100%;justify-content:center}.wp-block[data-type="hks/page-hero-spotlight"] .page-hero-spotlight__image .components-placeholder__instructions{display:block}.wp-block[data-type="hks/page-hero-spotlight"] .page-hero-spotlight__description,.wp-block[data-type="hks/page-hero-spotlight"] .page-hero-spotlight__details{padding-left:var(--grid-gap)}.wp-block[data-type="hks/page-hero-spotlight"] .page-hero-spotlight__contact{flex:30%}@media (min-width:64.0625em){.page-hero-spotlight__container{margin:0 auto;max-width:calc(var(--wp--custom--width--wide) + var(--grid-gap)*4)}}@media (min-width:48em){.page-hero-spotlight__top{align-items:end;display:flex}}.page-hero-spotlight__top-images{display:none;position:relative}@media (min-width:48em){.page-hero-spotlight__top-images{display:block;flex:50% 0 0;padding-bottom:calc(var(--grid-gap)*2);padding-left:calc(var(--grid-gap)*2)}}.page-hero-spotlight__top-images div.page-hero-spotlight__image:first-child{aspect-ratio:20/31}.page-hero-spotlight__top-images div.page-hero-spotlight__image:nth-child(2){aspect-ratio:387/247;bottom:calc(var(--grid-gap)*3);left:0;position:absolute;width:50%}.page-hero-spotlight__top-images img,.page-hero-spotlight__top-images video{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.page-hero-spotlight__top-images .page-hero-spotlight__image{opacity:0;transform:translateX(-20px);transition:transform .5s ease-out}.page-hero-spotlight__top-images .page-hero-spotlight__image.is-in-view{opacity:1;transform:translateX(0)}.page-hero-spotlight__top-images--mobile{display:block;margin-top:var(--grid-gap);padding-right:var(--grid-gap)}@media (min-width:48em){.page-hero-spotlight__top-images--mobile{display:none}}.page-hero-spotlight__top-images--mobile div.page-hero-spotlight__image:first-child{aspect-ratio:398/424}.page-hero-spotlight__top-images--mobile div.page-hero-spotlight__image:nth-child(2){aspect-ratio:268/390;left:auto;position:absolute;right:0;top:calc(var(--grid-gap)*-1);width:40%}.page-hero-spotlight__image{overflow:hidden}@media (min-width:48em){.page-hero-spotlight__intro{flex:50% 0 0;padding-left:var(--grid-gap)}}.page-hero-spotlight__intro-wrap{margin:0 auto;padding:var(--grid-gap) 0;width:var(--wp--custom--width--wide)}@media (min-width:48em){.page-hero-spotlight__intro-wrap{margin:0 0 calc(var(--grid-gap)*2);padding:0;width:calc(100% - var(--grid-gap))}}@media (min-width:76.25em){.page-hero-spotlight__intro-wrap{margin-bottom:var(--grid-gap);width:60%}}.page-hero-spotlight__title{font-size:var(--font-size-14x)}.page-hero-spotlight__text{font-size:var(--font-size-11x);margin-bottom:var(--space-5)}@media (min-width:48em){.page-hero-spotlight__text{font-size:var(--font-size-6x)}}@media (min-width:76.25em){.page-hero-spotlight__text{font-size:var(--font-size-11x)}}.page-hero-spotlight__text a{-webkit-text-decoration:underline;text-decoration:underline}.page-hero-spotlight__bottom-images{display:none}@media (min-width:48em){.page-hero-spotlight__bottom-images{display:block;padding-left:var(--grid-gap);position:relative}}.page-hero-spotlight__bottom-images div.page-hero-spotlight__image:first-child{aspect-ratio:1/1;width:75%}.page-hero-spotlight__bottom-images div.page-hero-spotlight__image:nth-child(2){aspect-ratio:268/390;position:absolute;right:0;top:calc(var(--grid-gap)*-1);width:40%}.page-hero-spotlight__bottom-images img,.page-hero-spotlight__bottom-images video{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.page-hero-spotlight__bottom-images .page-hero-spotlight__image{opacity:0;transform:translateX(20px);transition:transform .5s ease-out}.page-hero-spotlight__bottom-images .page-hero-spotlight__image.is-in-view{opacity:1;transform:translateX(0)}.page-hero-spotlight__bottom{margin:0 auto;width:var(--wp--custom--width--wide)}@media (min-width:48em){.page-hero-spotlight__bottom{display:flex;flex-wrap:wrap;width:100%}}.page-hero-spotlight__details{padding:var(--grid-gap) 0 calc(var(--grid-gap) - var(--space-2))}@media (min-width:48em){.page-hero-spotlight__details{flex:50% 0 0;margin-top:0;padding:0 0 0 calc(var(--grid-gap)*3)}}.page-hero-spotlight__description{padding:var(--grid-gap) 0 0}@media (min-width:48em){.page-hero-spotlight__description{flex:60% 0 0;margin-top:calc(var(--grid-gap)*-.5);padding:0 calc(var(--grid-gap)*3) 0 calc(var(--grid-gap)*3)}}.page-hero-spotlight h2.page-hero-spotlight__sub-title{font-size:var(--font-size-9x);letter-spacing:var(--letter-spacing-xl);margin-bottom:var(--space-2);text-transform:uppercase}.page-hero-spotlight__toggle{align-items:center;display:flex;margin-bottom:var(--space-2);padding:0}@media (min-width:48em){.page-hero-spotlight__toggle{display:none}}.page-hero-spotlight__toggle svg{margin-left:var(--space-2)}#page-hero-spotlight-services[aria-hidden=true]{display:none}.page-hero-spotlight .page-hero-spotlight__services-list{font-size:var(--font-size-5x);letter-spacing:var(--letter-spacing-xl);text-transform:uppercase}@media (min-width:48em){.page-hero-spotlight .page-hero-spotlight__services-list{-moz-column-count:2;column-count:2;-moz-column-gap:2rem;column-gap:2rem}}.page-hero-spotlight ul .page-hero-spotlight__services-item{margin:0 0 var(--space-2);padding-left:0}.page-hero-spotlight ul .page-hero-spotlight__services-item:before{display:none}.page-hero-spotlight ul .page-hero-spotlight__services-item a{-webkit-text-decoration:none;text-decoration:none}.page-hero-spotlight ul .page-hero-spotlight__services-item a:focus,.page-hero-spotlight ul .page-hero-spotlight__services-item a:hover{-webkit-text-decoration:underline;text-decoration:underline}.page-hero-spotlight__contact{border-top:1px solid var(--c-black);display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 0 var(--grid-gap);padding-top:var(--grid-gap)}@media (min-width:48em){.page-hero-spotlight__contact{border-top:none;display:block;flex:40%;margin:0 0 0 10%;padding-top:0}}.page-hero-spotlight__contact p{font-size:var(--font-size-6x)}.page-hero-spotlight__contact-wrap{display:flex;flex-wrap:wrap}.page-hero-spotlight__contact-details{margin-bottom:var(--space-4)}@media (min-width:48em){.page-hero-spotlight__contact-details{flex:50% 0 0;padding-right:var(--space-4)}}@media (min-width:36.25em){.page-hero-spotlight__contact-cta{margin-left:auto}}@media (min-width:48em){.page-hero-spotlight__contact-cta{margin-left:0}}.page-hero-spotlight__cta.cta-link--black-on-light{background-color:var(--c-black);border-radius:500px;color:var(--c-white);letter-spacing:0;margin:0 0 0 auto;min-width:0;padding:12px 40px 12px 24px;text-transform:none}@media (min-width:48em){.page-hero-spotlight__cta.cta-link--black-on-light{margin:var(--space-4) 0 0}}.page-hero-spotlight__cta.cta-link--black-on-light:before{background-color:var(--c-white)}.page-hero-spotlight__cta.cta-link--black-on-light:after{background-color:var(--c-white);height:9px;-webkit-mask-image:url(https://www.hksinc.com/wp-content/themes/hks/dist/icons/arrow-right.svg);mask-image:url(https://www.hksinc.com/wp-content/themes/hks/dist/icons/arrow-right.svg);width:12px}.page-hero-spotlight__cta.cta-link--black-on-light:focus,.page-hero-spotlight__cta.cta-link--black-on-light:hover{color:var(--c-black)}.page-hero-spotlight__cta.cta-link--black-on-light:focus:before,.page-hero-spotlight__cta.cta-link--black-on-light:hover:before{background-color:var(--c-white);top:0}.page-hero-spotlight__cta.cta-link--black-on-light:focus:after,.page-hero-spotlight__cta.cta-link--black-on-light:hover:after{background-color:var(--c-black)}.page-hero-spotlight__image-link{display:block;position:relative}.page-hero-spotlight__image-link:after,.page-hero-spotlight__image-link:before{aspect-ratio:1/1;display:block;left:0;margin-left:-40px;margin-top:-50px;opacity:0;pointer-events:none;position:absolute;scale:0 0;top:0;transition-duration:var(--transition);transition-property:opacity,scale;transition-timing-function:var(--transition-ease-out);translate:var(--x) var(--y) 0;width:60px;z-index:1}.page-hero-spotlight__image-link:before{background-color:var(--c-accent);border-radius:50%;content:""}.page-hero-spotlight__image-link:after{align-items:center;color:var(--wp--preset--color--black);content:"View project";display:flex;font-family:var(--font-medium);font-size:var(--font-size-2x);justify-content:center;line-height:1.2;text-align:center;text-transform:uppercase}@media (min-width:48em){.page-hero-spotlight__image-link:hover:after,.page-hero-spotlight__image-link:hover:before{opacity:1;scale:1 1}}.page-hero-spotlight__image-link img{position:relative;transition:transform 1s var(--transition-ease-out)}.page-hero-spotlight__image-link:focus img,.page-hero-spotlight__image-link:hover img{transform:scale(1.03)}
