/* Motion directions preserve Editorial Green's content, palette and layout. */
.motion-nav{background:#e9eee7;border-color:#d1d9ce;color:#264834}.motion-nav nav{gap:2px}.motion-nav a[aria-current=page]{background:#234f39;color:white}.motion-nav .motion-control{height:28px;display:inline-flex;align-items:center;gap:7px;line-height:1;padding:5px 10px;margin-left:6px;background:none;border:1px solid #bccaba;font-size:12px;white-space:nowrap}.motion-nav .motion-control:hover{background:#dbe5d6}.motion-nav .motion-control:focus-visible{outline:2px solid #205839;outline-offset:1px}.control-icon{font-size:12px;line-height:1;font-family:Arial,sans-serif;min-width:11px}.motion-page .headline-first{display:block}.motion-page .hero-title-row h1{position:relative}.motion-visual{isolation:isolate}.motion-page .hero-visual{overflow:hidden}.motion-page .section{position:relative}.motion-page .service-card,.motion-page .member-card{position:relative}.motion-page [data-enter]{--enter-delay:0ms;transition:opacity 620ms ease var(--enter-delay),transform 720ms cubic-bezier(.2,.65,.2,1) var(--enter-delay)}.motion-page.motion-ready [data-enter]:not(.is-entered){opacity:0;transform:translateY(16px)}.motion-page.motion-ready [data-enter].is-entered{opacity:1;transform:translateY(0)}
/* B1: quiet, one-time reveals and a gentle photographic opening. */
@keyframes quiet-image{from{clip-path:inset(0 0 100% 0);opacity:.6}to{clip-path:inset(0);opacity:1}}
@keyframes quiet-photo{from{transform:scale(1.045)}to{transform:scale(1)}}
@keyframes quiet-heading{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.b1.motion-ready .hero .headline-first{animation:quiet-heading 650ms cubic-bezier(.2,.65,.2,1) both}.b1.motion-ready .hero h1 .offset{animation:quiet-heading 650ms 75ms cubic-bezier(.2,.65,.2,1) both}.b1.motion-ready .hero-visual{animation:quiet-image 850ms cubic-bezier(.22,.65,.25,1) both}.b1.motion-ready .hero-image{animation:quiet-photo 1300ms cubic-bezier(.22,.65,.25,1) both}.b1.motion-ready .hero-copy{animation:quiet-heading 650ms 80ms ease both}.b1 .service-link .arrow,.b1 .primary .arrow{transition:transform .4s cubic-bezier(.2,.65,.2,1)}.b1 .service-link:hover .arrow,.b1 .primary:hover .arrow{transform:translate(4px,-4px)}
/* B2: native scroll, image-only depth, restrained reading progress. */
.reading-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent;pointer-events:none}.reading-progress span{display:block;width:100%;height:100%;background:#367a50;transform:scaleX(var(--reading-progress,0));transform-origin:left}.b2.motion-ready .hero-image{transform:translate3d(0,var(--photo-y,0px),0) scale(1.12);will-change:transform}.b2.motion-ready .hero-visual{clip-path:inset(0 var(--photo-inset,0%) 0 0);transition:clip-path .18s linear}.b2.motion-ready .hero .eyebrow:before{width:24px;height:1px}.b2 .section-top .section-title{max-width:22em}.b2.motion-ready [data-enter]:not(.is-entered){transform:translateY(12px)}.b2.motion-ready .service-card[data-enter]{--enter-delay:0ms;transition-duration:500ms,600ms}.b2 .hero-visual:after{content:'';position:absolute;inset:0;border:1px solid #153b2e20;pointer-events:none}.b2 .service-link{transition:color .25s,gap .3s}.b2 .service-link:hover{gap:58px}.b2 .reading-progress span{transition:none}
/* B3: architectural rulework and five measured photographic panels. */
@keyframes unfold-panel{from{transform:translateY(101%)}to{transform:translateY(0)}}
@keyframes draw-rule-x{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes draw-rule-y{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes construct-text{from{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes chain-node{from{box-shadow:0 0 0 5px #287b5118;background:#cbd8c8}to{box-shadow:0 0 0 0 #287b5100;background:#287b51}}
.b3 .motion-visual .image-slice{position:absolute;top:0;bottom:0;width:20.1%;background-image:url('../assets/img/direction-b.jpg');background-repeat:no-repeat;background-size:var(--photo-width,600px) var(--photo-height,300px);z-index:1;pointer-events:none;display:none}.b3 .slice-0{left:0;background-position:0 53%}.b3 .slice-1{left:20%;background-position:25% 53%}.b3 .slice-2{left:40%;background-position:50% 53%}.b3 .slice-3{left:60%;background-position:75% 53%}.b3 .slice-4{left:80%;background-position:100% 53%}.b3.motion-ready .motion-visual[data-panel-ready=true] .image-slice{display:block;animation:unfold-panel 650ms cubic-bezier(.2,.7,.2,1) both}.b3.motion-ready .motion-visual[data-panel-ready=true] .slice-1{animation-delay:65ms}.b3.motion-ready .motion-visual[data-panel-ready=true] .slice-2{animation-delay:130ms}.b3.motion-ready .motion-visual[data-panel-ready=true] .slice-3{animation-delay:195ms}.b3.motion-ready .motion-visual[data-panel-ready=true] .slice-4{animation-delay:260ms}.b3.motion-ready .motion-visual[data-panel-ready=true]>.hero-image{opacity:0}.b3 .image-rule{position:absolute;z-index:2;background:#153b2e;display:block;pointer-events:none}.b3 .image-rule-x{left:0;right:0;top:0;height:1px;transform-origin:left}.b3 .image-rule-y{top:0;bottom:0;left:0;width:1px;transform-origin:top}.b3.motion-ready .image-rule-x{animation:draw-rule-x 500ms ease both}.b3.motion-ready .image-rule-y{animation:draw-rule-y 500ms 100ms ease both}.b3.motion-ready .hero .headline-first{animation:construct-text 550ms ease both}.b3.motion-ready .hero h1 .offset{animation:construct-text 550ms 80ms ease both}.b3.motion-ready .hero-kicker:after{content:'';height:1px;background:#9bb49e;flex:1;margin-left:30px;transform-origin:left;animation:draw-rule-x 700ms ease both}.b3 .hero-kicker{gap:20px}.b3 .hero-kicker>span{order:2}.b3 [data-rule]{position:relative}.b3 [data-rule]:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:#497a56;transform-origin:left;pointer-events:none;z-index:1}.b3.motion-ready [data-rule]:not(.is-ruled):before{transform:scaleX(0)}.b3.motion-ready [data-rule].is-ruled:before{animation:draw-rule-x 500ms ease both}.b3.motion-ready [data-enter]{transition-duration:450ms,500ms}.b3.motion-ready [data-enter]:not(.is-entered){transform:translateY(8px)}.b3 .service-card .service-en{position:relative}.b3 .service-no{transition:color .4s}.b3.motion-ready .service-card.is-entered .service-no{color:#287b51}.b3 .chain li{position:relative}.b3 .chain li:before{content:'';position:absolute;left:0;top:-5px;width:8px;height:8px;border-radius:50%;background:#287b51}.b3.motion-ready .value-chain.is-entered .chain li:before{animation:chain-node 450ms ease both}.b3.motion-ready .value-chain.is-entered .chain li:nth-child(2):before{animation-delay:100ms}.b3.motion-ready .value-chain.is-entered .chain li:nth-child(3):before{animation-delay:200ms}.b3.motion-ready .value-chain.is-entered .chain li{transform-origin:left}.b3 .service-link:hover{color:#287b51}
/* Pause is an accessible complete stop, with all information visible. */
.motion-page[data-motion-paused=true] *,.motion-page[data-motion-paused=true] *:before,.motion-page[data-motion-paused=true] *:after{animation:none!important;transition:none!important}.motion-page[data-motion-paused=true] [data-enter]{opacity:1!important;transform:none!important}.motion-page[data-motion-paused=true] .hero-visual{clip-path:none!important}.motion-page[data-motion-paused=true] .hero-image{transform:none!important;opacity:1!important}.motion-page[data-motion-paused=true] .image-slice{display:none!important}.motion-page[data-motion-paused=true] [data-rule]:before{transform:none!important}.motion-page[data-motion-paused=true] .reading-progress{display:none}.motion-page[data-motion-paused=true] .headline-first,.motion-page[data-motion-paused=true] .offset,.motion-page[data-motion-paused=true] .hero-copy{opacity:1!important;transform:none!important}
@media(max-width:1000px){.motion-nav>span{display:none}.b3 .hero-kicker:after{margin-left:0}.b3 .hero-kicker>span{display:none}}
@media(max-width:600px){.motion-nav{padding:0 16px;gap:5px;height:40px}.motion-nav .compare{font-size:12px}.motion-nav nav a{padding:3px 7px}.motion-nav .motion-control{padding:5px 8px;margin-left:2px}.motion-nav .control-label{display:none}.motion-nav .control-icon{min-width:10px}.b3.motion-ready .hero-kicker:after{display:none}.b2.motion-ready .hero-image{transform:translate3d(0,var(--photo-y,0px),0) scale(1.09)}}
@media(prefers-reduced-motion:reduce){.motion-page *,.motion-page *:before,.motion-page *:after{animation:none!important;transition:none!important}.motion-page [data-enter]{opacity:1!important;transform:none!important}.motion-page .hero-visual{clip-path:none!important}.motion-page .hero-image{transform:none!important;opacity:1!important}.motion-page .image-slice{display:none!important}.motion-page [data-rule]:before{transform:none!important}.motion-page .reading-progress{display:none}.motion-page .headline-first,.motion-page .offset,.motion-page .hero-copy{opacity:1!important;transform:none!important}}