/* interaction and motion layer */
body:before{content:"";position:fixed;z-index:50;top:0;left:0;width:var(--scroll-progress,0%);height:3px;background:var(--orange);transition:width .1s;pointer-events:none}.hero-image img,.values-photo img,.project-large img,.project-cards img,.journal-main img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}.hero-image img{transform:scale(1.05)}.hero-image.is-visible img{transform:scale(1)}.parallax img{will-change:transform}.about-image,.values-photo,.project-large,.project-cards article>div,.journal-main>div{overflow:hidden}.about-image:hover img,.values-photo:hover img,.project-large:hover img,.project-cards article:hover img,.journal-main:hover img{transform:scale(1.045)}.service-grid article,.process-list>div,.project-cards article,.journal-side article{transition:transform .35s,background .35s,box-shadow .35s}.service-grid article:hover{transform:translateY(-8px);box-shadow:0 18px 34px #152b3114;position:relative;z-index:1}.process-list>div:hover{background:#e8dcc7}.project-cards article:hover{transform:translateY(-7px)}.journal-side article:hover{padding-left:12px;background:#f7f4ef}.reveal{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.numbers strong{transition:color .3s,transform .3s}.numbers div:hover strong{color:var(--orange);transform:translateY(-4px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}