.wp-block-spruce-architecture-image-banner{align-items:flex-end;border-bottom-left-radius:var(--spacing--outer);display:flex;justify-content:flex-start;overflow:hidden;position:relative;width:100%}@media(max-width:499px){.wp-block-spruce-architecture-image-banner{background-color:var(--wp--preset--color--mid-grey-blue);flex-wrap:wrap}}@media(min-width:500px){.wp-block-spruce-architecture-image-banner{height:calc(100vh - var(--header-height));max-height:500px}}@media(min-width:600px){.wp-block-spruce-architecture-image-banner{max-height:600px}}@media(min-width:700px){.wp-block-spruce-architecture-image-banner{max-height:700px}}@media(min-width:760px){.wp-block-spruce-architecture-image-banner{max-height:800px}}.wp-block-spruce-architecture-image-banner__image-container{display:block;overflow:hidden;position:relative;width:100%}@media(max-width:499px){.wp-block-spruce-architecture-image-banner__image-container{aspect-ratio:16/11.5;border-bottom-left-radius:var(--spacing--outer)}}@media(min-width:500px){.wp-block-spruce-architecture-image-banner__image-container{height:100%;position:absolute}}.wp-block-spruce-architecture-image-banner__image,.wp-block-spruce-architecture-image-banner__parallax-container{display:block;height:100%;position:absolute;width:100%}.wp-block-spruce-architecture-image-banner__image{-o-object-fit:cover;object-fit:cover}.wp-block-spruce-architecture-image-banner__text-container{margin:0;position:relative;width:100%}.wp-block-spruce-architecture-image-banner__overlay{display:none}@media(min-width:500px){.wp-block-spruce-architecture-image-banner__overlay{background:linear-gradient(180deg,transparent,rgba(0,0,0,.75) 40%,#000 75%);content:"";display:block;inset:-25% 0 0 0;position:absolute}.wp-block-spruce-architecture-image-banner__overlay.has-0-opacity{opacity:0}.wp-block-spruce-architecture-image-banner__overlay.has-1-opacity{opacity:.01}.wp-block-spruce-architecture-image-banner__overlay.has-2-opacity{opacity:.02}.wp-block-spruce-architecture-image-banner__overlay.has-3-opacity{opacity:.03}.wp-block-spruce-architecture-image-banner__overlay.has-4-opacity{opacity:.04}.wp-block-spruce-architecture-image-banner__overlay.has-5-opacity{opacity:.05}.wp-block-spruce-architecture-image-banner__overlay.has-6-opacity{opacity:.06}.wp-block-spruce-architecture-image-banner__overlay.has-7-opacity{opacity:.07}.wp-block-spruce-architecture-image-banner__overlay.has-8-opacity{opacity:.08}.wp-block-spruce-architecture-image-banner__overlay.has-9-opacity{opacity:.09}.wp-block-spruce-architecture-image-banner__overlay.has-10-opacity{opacity:.1}.wp-block-spruce-architecture-image-banner__overlay.has-11-opacity{opacity:.11}.wp-block-spruce-architecture-image-banner__overlay.has-12-opacity{opacity:.12}.wp-block-spruce-architecture-image-banner__overlay.has-13-opacity{opacity:.13}.wp-block-spruce-architecture-image-banner__overlay.has-14-opacity{opacity:.14}.wp-block-spruce-architecture-image-banner__overlay.has-15-opacity{opacity:.15}.wp-block-spruce-architecture-image-banner__overlay.has-16-opacity{opacity:.16}.wp-block-spruce-architecture-image-banner__overlay.has-17-opacity{opacity:.17}.wp-block-spruce-architecture-image-banner__overlay.has-18-opacity{opacity:.18}.wp-block-spruce-architecture-image-banner__overlay.has-19-opacity{opacity:.19}.wp-block-spruce-architecture-image-banner__overlay.has-20-opacity{opacity:.2}.wp-block-spruce-architecture-image-banner__overlay.has-21-opacity{opacity:.21}.wp-block-spruce-architecture-image-banner__overlay.has-22-opacity{opacity:.22}.wp-block-spruce-architecture-image-banner__overlay.has-23-opacity{opacity:.23}.wp-block-spruce-architecture-image-banner__overlay.has-24-opacity{opacity:.24}.wp-block-spruce-architecture-image-banner__overlay.has-25-opacity{opacity:.25}.wp-block-spruce-architecture-image-banner__overlay.has-26-opacity{opacity:.26}.wp-block-spruce-architecture-image-banner__overlay.has-27-opacity{opacity:.27}.wp-block-spruce-architecture-image-banner__overlay.has-28-opacity{opacity:.28}.wp-block-spruce-architecture-image-banner__overlay.has-29-opacity{opacity:.29}.wp-block-spruce-architecture-image-banner__overlay.has-30-opacity{opacity:.3}.wp-block-spruce-architecture-image-banner__overlay.has-31-opacity{opacity:.31}.wp-block-spruce-architecture-image-banner__overlay.has-32-opacity{opacity:.32}.wp-block-spruce-architecture-image-banner__overlay.has-33-opacity{opacity:.33}.wp-block-spruce-architecture-image-banner__overlay.has-34-opacity{opacity:.34}.wp-block-spruce-architecture-image-banner__overlay.has-35-opacity{opacity:.35}.wp-block-spruce-architecture-image-banner__overlay.has-36-opacity{opacity:.36}.wp-block-spruce-architecture-image-banner__overlay.has-37-opacity{opacity:.37}.wp-block-spruce-architecture-image-banner__overlay.has-38-opacity{opacity:.38}.wp-block-spruce-architecture-image-banner__overlay.has-39-opacity{opacity:.39}.wp-block-spruce-architecture-image-banner__overlay.has-40-opacity{opacity:.4}.wp-block-spruce-architecture-image-banner__overlay.has-41-opacity{opacity:.41}.wp-block-spruce-architecture-image-banner__overlay.has-42-opacity{opacity:.42}.wp-block-spruce-architecture-image-banner__overlay.has-43-opacity{opacity:.43}.wp-block-spruce-architecture-image-banner__overlay.has-44-opacity{opacity:.44}.wp-block-spruce-architecture-image-banner__overlay.has-45-opacity{opacity:.45}.wp-block-spruce-architecture-image-banner__overlay.has-46-opacity{opacity:.46}.wp-block-spruce-architecture-image-banner__overlay.has-47-opacity{opacity:.47}.wp-block-spruce-architecture-image-banner__overlay.has-48-opacity{opacity:.48}.wp-block-spruce-architecture-image-banner__overlay.has-49-opacity{opacity:.49}.wp-block-spruce-architecture-image-banner__overlay.has-50-opacity{opacity:.5}.wp-block-spruce-architecture-image-banner__overlay.has-51-opacity{opacity:.51}.wp-block-spruce-architecture-image-banner__overlay.has-52-opacity{opacity:.52}.wp-block-spruce-architecture-image-banner__overlay.has-53-opacity{opacity:.53}.wp-block-spruce-architecture-image-banner__overlay.has-54-opacity{opacity:.54}.wp-block-spruce-architecture-image-banner__overlay.has-55-opacity{opacity:.55}.wp-block-spruce-architecture-image-banner__overlay.has-56-opacity{opacity:.56}.wp-block-spruce-architecture-image-banner__overlay.has-57-opacity{opacity:.57}.wp-block-spruce-architecture-image-banner__overlay.has-58-opacity{opacity:.58}.wp-block-spruce-architecture-image-banner__overlay.has-59-opacity{opacity:.59}.wp-block-spruce-architecture-image-banner__overlay.has-60-opacity{opacity:.6}.wp-block-spruce-architecture-image-banner__overlay.has-61-opacity{opacity:.61}.wp-block-spruce-architecture-image-banner__overlay.has-62-opacity{opacity:.62}.wp-block-spruce-architecture-image-banner__overlay.has-63-opacity{opacity:.63}.wp-block-spruce-architecture-image-banner__overlay.has-64-opacity{opacity:.64}.wp-block-spruce-architecture-image-banner__overlay.has-65-opacity{opacity:.65}.wp-block-spruce-architecture-image-banner__overlay.has-66-opacity{opacity:.66}.wp-block-spruce-architecture-image-banner__overlay.has-67-opacity{opacity:.67}.wp-block-spruce-architecture-image-banner__overlay.has-68-opacity{opacity:.68}.wp-block-spruce-architecture-image-banner__overlay.has-69-opacity{opacity:.69}.wp-block-spruce-architecture-image-banner__overlay.has-70-opacity{opacity:.7}.wp-block-spruce-architecture-image-banner__overlay.has-71-opacity{opacity:.71}.wp-block-spruce-architecture-image-banner__overlay.has-72-opacity{opacity:.72}.wp-block-spruce-architecture-image-banner__overlay.has-73-opacity{opacity:.73}.wp-block-spruce-architecture-image-banner__overlay.has-74-opacity{opacity:.74}.wp-block-spruce-architecture-image-banner__overlay.has-75-opacity{opacity:.75}.wp-block-spruce-architecture-image-banner__overlay.has-76-opacity{opacity:.76}.wp-block-spruce-architecture-image-banner__overlay.has-77-opacity{opacity:.77}.wp-block-spruce-architecture-image-banner__overlay.has-78-opacity{opacity:.78}.wp-block-spruce-architecture-image-banner__overlay.has-79-opacity{opacity:.79}.wp-block-spruce-architecture-image-banner__overlay.has-80-opacity{opacity:.8}.wp-block-spruce-architecture-image-banner__overlay.has-81-opacity{opacity:.81}.wp-block-spruce-architecture-image-banner__overlay.has-82-opacity{opacity:.82}.wp-block-spruce-architecture-image-banner__overlay.has-83-opacity{opacity:.83}.wp-block-spruce-architecture-image-banner__overlay.has-84-opacity{opacity:.84}.wp-block-spruce-architecture-image-banner__overlay.has-85-opacity{opacity:.85}.wp-block-spruce-architecture-image-banner__overlay.has-86-opacity{opacity:.86}.wp-block-spruce-architecture-image-banner__overlay.has-87-opacity{opacity:.87}.wp-block-spruce-architecture-image-banner__overlay.has-88-opacity{opacity:.88}.wp-block-spruce-architecture-image-banner__overlay.has-89-opacity{opacity:.89}.wp-block-spruce-architecture-image-banner__overlay.has-90-opacity{opacity:.9}.wp-block-spruce-architecture-image-banner__overlay.has-91-opacity{opacity:.91}.wp-block-spruce-architecture-image-banner__overlay.has-92-opacity{opacity:.92}.wp-block-spruce-architecture-image-banner__overlay.has-93-opacity{opacity:.93}.wp-block-spruce-architecture-image-banner__overlay.has-94-opacity{opacity:.94}.wp-block-spruce-architecture-image-banner__overlay.has-95-opacity{opacity:.95}.wp-block-spruce-architecture-image-banner__overlay.has-96-opacity{opacity:.96}.wp-block-spruce-architecture-image-banner__overlay.has-97-opacity{opacity:.97}.wp-block-spruce-architecture-image-banner__overlay.has-98-opacity{opacity:.98}.wp-block-spruce-architecture-image-banner__overlay.has-99-opacity{opacity:.99}.wp-block-spruce-architecture-image-banner__overlay.has-100-opacity{opacity:1}}.wp-block-spruce-architecture-image-banner__inner-container.inner-container{position:relative;width:100%}@media(max-width:499px){.wp-block-spruce-architecture-image-banner__inner-container.inner-container{padding-top:calc(var(--spacing--outer)*1.3)}}.wp-block-spruce-architecture-image-banner__inner-container.inner-container>:first-child{margin-top:0}.wp-block-spruce-architecture-image-banner__inner-container.inner-container>:last-child{margin-bottom:0}.wp-block-spruce-architecture-image-banner .wp-block-spruce-architecture-heading-2{color:var(--wp--preset--color--white);max-width:var(--max-width-small)}@media(max-width:499px){.wp-block-spruce-architecture-image-banner .wp-block-spruce-architecture-heading-2{font-size:clamp(1.75rem,1.625rem + .625vw,2.25rem)}}.wp-block-spruce-architecture-image-banner .wp-block-spruce-architecture-buttons{margin-top:2em}.wp-block-spruce-architecture-image-banner.js-animation .wp-block-spruce-architecture-image-banner__image-container{opacity:0;transform:scale(1.2);transition-duration:1.5s;transition-property:opacity,transform;transition-timing-function:linear,cubic-bezier(0,0,.3,.99)}.wp-block-spruce-architecture-image-banner.js-animation .wp-block-spruce-architecture-heading-2{opacity:0;transform:translateY(50px);transition-delay:.5s;transition-duration:.75s;transition-property:opacity,transform;transition-timing-function:linear,cubic-bezier(0,0,.3,.99)}.wp-block-spruce-architecture-image-banner.js-animation .wp-block-spruce-architecture-buttons{opacity:0;transform:translateY(50px);transition-delay:.75s;transition-duration:.75s;transition-property:opacity,transform;transition-timing-function:linear,cubic-bezier(0,0,.3,.99)}.wp-block-spruce-architecture-image-banner.js-active .wp-block-spruce-architecture-image-banner__image-container{opacity:1;transform:scale(1)}.wp-block-spruce-architecture-image-banner.js-active .wp-block-spruce-architecture-buttons,.wp-block-spruce-architecture-image-banner.js-active .wp-block-spruce-architecture-heading-2{opacity:1;transform:translateY(0)}