/* Scroll animations (js/rg-motion.js). Everything is gated by html.rg-motion, so without JS or with
 * "reduce motion" the page renders exactly as before. */
html.rg-motion .rgm{--rgm-d:0ms;opacity:0;transition:opacity .8s cubic-bezier(.22,.61,.36,1) var(--rgm-d),transform .8s cubic-bezier(.22,.61,.36,1) var(--rgm-d),clip-path .9s cubic-bezier(.22,.61,.36,1) var(--rgm-d),filter .8s ease var(--rgm-d)}
html.rg-motion .rgm-up{transform:translateY(34px)}
html.rg-motion .rgm-left{transform:translateX(-40px)}
html.rg-motion .rgm-right{transform:translateX(40px)}
/* headings: slide in from the left, blur clearing (no clip-path: it would hide them from the observer) */
html.rg-motion .rgm-head{transform:translate(-36px,16px);filter:blur(8px)}
/* photos: unveil + slow zoom-out */
html.rg-motion .rgm-img{transform:scale(1.12);clip-path:inset(0 0 12% 0);filter:saturate(.7)}
html.rg-motion .rgm.rgm-in{opacity:1;transform:none;clip-path:inset(0 0 0 0);filter:none}
/* image hover: gentle zoom inside its frame (only on photos that are clipped by a parent) */
@media (hover:hover){
  html.rg-motion .rgm-img.rgm-in{transition:transform .9s cubic-bezier(.22,.61,.36,1),filter .5s ease}
  html.rg-motion .rgm-img.rgm-in.rgm-zoom:hover{transform:scale(1.05)}
}
/* thin progress bar at the top while scrolling */
#rgm-bar{position:fixed;left:0;top:0;height:3px;width:100%;z-index:2147482000;background:#E52C1A;transform:scaleX(0);transform-origin:0 50%;pointer-events:none}
/* CMS edit mode / any text being edited: always fully visible and still, so typing never flickers or hides */
html.rg-motion body.cms-editing .rgm,html.rg-motion .rgm[contenteditable="true"],html.rg-motion [contenteditable="true"] .rgm{opacity:1!important;transform:none!important;clip-path:none!important;filter:none!important;transition:none!important}
@media (prefers-reduced-motion:reduce){
  html.rg-motion .rgm{opacity:1!important;transform:none!important;clip-path:none!important;filter:none!important;transition:none!important}
  #rgm-bar{display:none}
}

/* ---- home hero: the active slide's photo eases in with a soft zoom-out, its text slides in one line after another ---- */
html.rg-motion section[data-screen-label="Home hero"] .rg-15{overflow:hidden}
@keyframes rgm-kb{from{transform:scale(1.14)}to{transform:scale(1)}}
@keyframes rgm-slide{from{opacity:0;transform:translateX(-60px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes rgm-rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
html.rg-motion .rgm-slide-on .rg-15 img{animation:rgm-kb 7.5s cubic-bezier(.2,.6,.3,1) both}
html.rg-motion .rgm-slide-on .rg-19{animation:rgm-slide .8s cubic-bezier(.22,.61,.36,1) .15s both}
html.rg-motion .rgm-slide-on h1{animation:rgm-slide 1s cubic-bezier(.22,.61,.36,1) .35s both}
html.rg-motion .rgm-slide-on .rg-17 p{animation:rgm-rise .9s cubic-bezier(.22,.61,.36,1) .7s both}
html.rg-motion .rgm-slide-on .rg-22{animation:rgm-rise .9s cubic-bezier(.22,.61,.36,1) .95s both}
html.rg-motion body.cms-editing .rgm-slide-on *{animation:none!important}
@media (prefers-reduced-motion:reduce){html.rg-motion .rgm-slide-on *{animation:none!important}}

/* ---- inner pages: title banner entrance (same feel as the home hero) ---- */
html.rg-motion .rgm-banner{overflow:hidden}
html.rg-motion .rgm-banner-on>img,html.rg-motion .rgm-banner-on .rg-15 img{animation:rgm-kb 7s cubic-bezier(.2,.6,.3,1) both}
html.rg-motion .rgm-banner-on h1{animation:rgm-slide 1s cubic-bezier(.22,.61,.36,1) .25s both}
html.rg-motion .rgm-banner-on h1 ~ *{animation:rgm-rise .9s cubic-bezier(.22,.61,.36,1) .6s both}
html.rg-motion .rgm-banner-on .rg-93{animation:rgm-rise .9s cubic-bezier(.22,.61,.36,1) .1s both}
html.rg-motion body.cms-editing .rgm-banner-on *{animation:none!important}
@media (prefers-reduced-motion:reduce){html.rg-motion .rgm-banner-on *{animation:none!important}}

/* ---- first-paint hold: hero / banner text stays invisible until its entrance animation starts (html.rgm-pre is set in <head>,
 * lifted by js/rg-motion.js, and by a timeout there as a safety net) ---- */
html.rgm-pre h1,html.rgm-pre h1 ~ *,html.rgm-pre .rg-14 .rg-19,html.rgm-pre .rg-93{opacity:0}
html.rgm-pre .rg-14 .rg-15 img,html.rgm-pre .rg-75>img,html.rgm-pre .rg-91 .rg-15 img{transform:scale(1.14)}
body.cms-editing h1,html.rgm-pre body.cms-editing h1 ~ *{opacity:1!important}
@media (prefers-reduced-motion:reduce){html.rgm-pre h1,html.rgm-pre h1 ~ *,html.rgm-pre .rg-14 .rg-19,html.rgm-pre .rg-93{opacity:1!important}}

/* ---- boxes (cards, brochure box, feature tiles): rise and settle as one piece ---- */
html.rg-motion .rgm-block{transform:translateY(42px) scale(.965)}
html.rg-motion .rgm-block.rgm-in{transform:none}

/* start state without a transition (set for one frame by js/rg-motion.js) */
html.rg-motion .rgm.rgm-nt{transition:none!important}