/* Motion pass adapted from the existing Worldtempest workflow: reversible reveals, a scroll handoff and restrained image movement. */
:root{--motion-ease:cubic-bezier(.16,1,.3,1)}
.ref-hero-media img,.ref-hero-copy,.ref-hero-shade,.ref-transition-visual{will-change:transform,opacity}
.ref-hero-transition{position:relative;overflow:hidden;padding:clamp(105px,11vw,175px) 0 clamp(80px,9vw,128px);background:#ebe8df;color:#193735;border-bottom:1px solid rgba(25,55,53,.18)}
.ref-transition-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:9vw;align-items:center}
.ref-transition-copy>.mono{color:#66736b}.ref-transition-copy h2{font-size:clamp(42px,5.3vw,78px);line-height:.9;letter-spacing:-.09em;font-weight:500;margin:18px 0 28px}.ref-transition-copy h2 em{font-style:normal;color:#d3ad67}.ref-transition-copy>p{max-width:390px;color:#66736b;font-size:15px;margin:0 0 30px}
.ref-transition-visual{position:relative;height:min(610px,53vw);margin:0;overflow:visible;background:#b9beb5;transform:translateZ(0)}.ref-transition-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(25,55,53,.55));z-index:1;pointer-events:none}.ref-transition-visual img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.68) contrast(1.05);transition:transform 700ms var(--motion-ease)}.ref-transition-visual:hover img{transform:scale(1.035)}.ref-transition-visual figcaption{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;gap:20px;color:#eee7d8;font-size:12px}.ref-transition-visual figcaption .mono{color:#d3ad67}.ref-transition-card{position:absolute;z-index:3;left:-34px;bottom:54px;display:flex;flex-direction:column;gap:10px;width:176px;padding:24px 20px;background:#d3ad67;color:#193735;box-shadow:9px 9px 0 rgba(25,55,53,.12);transform:translateZ(0)}.ref-transition-card .mono{color:rgba(25,55,53,.72)}.ref-transition-card strong{font-size:18px;letter-spacing:-.05em;font-weight:500}.ref-transition-progress{height:2px;margin:clamp(52px,7vw,88px) auto 0;width:min(1320px,calc(100% - 60px));background:rgba(25,55,53,.16)}.ref-transition-progress span{display:block;width:100%;height:100%;background:#d3ad67;transform:scaleX(0);transform-origin:left;transition:transform 120ms linear}
.ref-hero-transition .ref-transition-copy[data-reveal]{transition:opacity 500ms var(--motion-ease),transform 500ms var(--motion-ease)}.ref-hero-transition .ref-transition-visual[data-reveal]{transition:opacity 500ms var(--motion-ease),transform 700ms var(--motion-ease);transform:translateY(26px) scale(.985)}.ref-hero-transition .ref-transition-copy[data-reveal]:not(.visible),.ref-hero-transition .ref-transition-visual[data-reveal]:not(.visible){opacity:0}.ref-hero-transition .ref-transition-copy[data-reveal].visible{opacity:1;transform:none}.ref-hero-transition .ref-transition-visual[data-reveal].visible{opacity:1;transform:translateY(0) scale(1)}
.ref-project-card[data-reveal],.ref-process .process-list article[data-reveal],.ref-faq .faq-list details[data-reveal],.service-detail-row[data-reveal],.principles-grid article[data-reveal]{transition:opacity 500ms var(--motion-ease),transform 700ms var(--motion-ease),background-color 220ms ease,box-shadow 220ms ease}.ref-project-card[data-reveal],.ref-process .process-list article[data-reveal],.ref-faq .faq-list details[data-reveal],.service-detail-row[data-reveal],.principles-grid article[data-reveal]{transform:translateY(18px)}.ref-project-card[data-reveal].visible,.ref-process .process-list article[data-reveal].visible,.ref-faq .faq-list details[data-reveal].visible,.service-detail-row[data-reveal].visible,.principles-grid article[data-reveal].visible{transform:none}.ref-project-card[data-reveal]:nth-child(2),.ref-process .process-list article[data-reveal]:nth-child(2),.ref-faq .faq-list details[data-reveal]:nth-child(2),.principles-grid article[data-reveal]:nth-child(2){transition-delay:70ms}.ref-project-card[data-reveal]:nth-child(3),.ref-process .process-list article[data-reveal]:nth-child(3),.ref-faq .faq-list details[data-reveal]:nth-child(3),.principles-grid article[data-reveal]:nth-child(3){transition-delay:140ms}.ref-faq .faq-list details[data-reveal]:nth-child(4){transition-delay:210ms}
@media(max-width:800px){.ref-hero-transition{padding:88px 0 80px}.ref-transition-grid{display:block}.ref-transition-copy h2{font-size:clamp(45px,12vw,74px)}.ref-transition-copy>p{font-size:14px}.ref-transition-visual{height:480px;margin-top:48px}.ref-transition-card{left:18px;bottom:28px;width:160px}.ref-transition-progress{width:calc(100% - 40px);margin-top:58px}.ref-transition-visual:hover img{transform:none}}
@media(prefers-reduced-motion:reduce){.ref-hero-media img,.ref-hero-copy,.ref-hero-shade,.ref-transition-visual{will-change:auto;transition:none!important}.ref-transition-visual img{transition:none}.ref-transition-visual[data-reveal],.ref-transition-copy[data-reveal],.ref-project-card[data-reveal],.ref-process .process-list article[data-reveal],.ref-faq .faq-list details[data-reveal],.service-detail-row[data-reveal],.principles-grid article[data-reveal]{transition:none!important;transform:none!important;opacity:1!important}.ref-transition-progress span{transform:scaleX(1);transition:none}}