/* RUNHE motion: expressive home, quick product interactions, warm industrial accents. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1);--motion-fast:180ms;--motion-medium:320ms;--accent-wash:#f0792210}

/* Quiet depth in the existing palette. Decorations never receive pointer events. */
.rh-home-section{position:relative;isolation:isolate}
.rh-home-section>.shell{position:relative;z-index:1}
.rh-products{background:radial-gradient(ellipse at 100% 0,#f079220b,transparent 48%),#fff}
.rh-brands{background:radial-gradient(ellipse at 88% 15%,#f0792217,transparent 53%),linear-gradient(135deg,#f5f6f5,#edf1f1)}
.rh-applications{background:linear-gradient(180deg,#fff 70%,#faf7f3)}
.rh-guide{background:radial-gradient(ellipse at 0 100%,#f079220c,transparent 55%),#fff}
.rh-news{background:linear-gradient(125deg,#f1f4f3,#f8f6f2)}
.rh-faq{background:radial-gradient(ellipse at 0 45%,#f079220b,transparent 50%),#fff}
.rh-about{background:radial-gradient(ellipse at 100% 0,#f079221c,transparent 65%),#1d2427}
.rh-home-footer{background:radial-gradient(ellipse at 100% 0,#f0792219,transparent 60%),#1d2427}
.rh-brands::before,.rh-guide::before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background-image:linear-gradient(#87938f0a 1px,transparent 1px),linear-gradient(90deg,#87938f0a 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent 35%,#000)}
.rh-heading>div{position:relative}
.rh-heading>div::after{content:"";display:block;width:52px;height:3px;margin-top:17px;background:linear-gradient(90deg,var(--orange) 0 72%,#f0792233 72%);transform-origin:left;transition:width .5s var(--motion-ease)}
.rh-heading:hover:where(:not(.rh-hover-reset))>div::after{width:86px}
.rh-eyebrow::before,.section-code::before{box-shadow:6px 0 16px #f0792233}
.rh-motion-ornament{position:absolute;z-index:0;top:20px;right:var(--page-gutter,44px);width:154px;height:154px;border:1px solid #f079222b;border-radius:50%;pointer-events:none;opacity:.8}
.rh-motion-ornament::before{content:"";position:absolute;inset:16px;border:1px dashed #87938f38;border-radius:50%}
.rh-motion-ornament::after{content:"";position:absolute;width:7px;height:7px;top:17px;left:24px;background:var(--orange);box-shadow:0 0 0 5px #f0792214}
.rh-guide .rh-motion-ornament{top:auto;bottom:14px;width:100px;height:100px;opacity:.45}

/* The hero artwork remains the focus; only edge marks and a fine progress line. */
.rh-carousel-stage{--hero-shift:0px}
.rh-carousel .hero-photo .rh-carousel-slide:not([data-carousel-slide="exhibition"]) img{transform:scale(1.025);transition:transform 1.4s var(--motion-ease)}
.rh-carousel .hero-photo .rh-carousel-slide.is-active:not([data-carousel-slide="exhibition"]) img{transform:scale(1)}
.rh-carousel-slide{transition:opacity .65s var(--motion-ease),visibility .65s}
.rh-carousel .rh-carousel-copy{translate:0 var(--hero-shift)}
.rh-hero-accent{position:absolute;z-index:2;inset:26px 26px auto auto;width:72px;height:72px;border-top:2px solid #f0792280;border-right:2px solid #f0792280;pointer-events:none}
.rh-hero-accent::after{content:"";position:absolute;top:9px;right:9px;width:23px;height:3px;background:var(--orange);box-shadow:0 7px 0 #f0792255}
.rh-carousel[data-carousel-panel="exhibition"] .rh-hero-accent{visibility:hidden}
.rh-slide-meter{position:absolute;z-index:5;bottom:0;left:0;width:100%;height:3px;background:#1d24270c;pointer-events:none}
.rh-slide-meter>span{display:block;width:33.333%;height:100%;background:var(--orange);transform:translateX(var(--slide-offset,0%));transition:transform .55s var(--motion-ease)}
.rh-carousel-controls button{transition:background var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast)}
.rh-carousel-controls button:hover:where(:not(.rh-hover-reset)){box-shadow:0 0 0 5px #f0792224}
.site-header{transition:box-shadow .3s,background-color .3s}
.site-header.rh-is-scrolled{box-shadow:0 5px 24px #17201f24;background:#1b2426f5;backdrop-filter:blur(12px)}
.site-header .nav a{transition:color var(--motion-fast)}
.site-header .nav a::after{transition:transform .3s var(--motion-ease)}

/* Consistent hover, press and keyboard feedback. */
:is(.button,.rh-solid-button,.pc-button,.ra-enquiry-button,.rh-footer-inquiry){transition:color var(--motion-fast),background-color var(--motion-fast),border-color var(--motion-fast),box-shadow .25s,transform .25s var(--motion-ease)}
:is(.button,.rh-solid-button,.pc-button,.ra-enquiry-button,.rh-footer-inquiry):hover:where(:not(.rh-hover-reset)){transform:translateY(-2px);box-shadow:0 5px 16px #a7460b20}
:is(.button,.rh-solid-button,.pc-button,.ra-enquiry-button,.rh-footer-inquiry):active{transform:translateY(0) scale(.98);box-shadow:none}
:is(.button,.rh-solid-button,.pc-button,.ra-enquiry-button,.rh-footer-inquiry) svg{transition:translate .25s var(--motion-ease)}
:is(.button,.rh-solid-button,.pc-button,.ra-enquiry-button,.rh-footer-inquiry):hover:where(:not(.rh-hover-reset)) svg{translate:3px -2px}
:is(a,button,summary,input,textarea,select):focus-visible{outline:2px solid var(--orange);outline-offset:4px}
:is(input,textarea,select){transition:border-color .2s,box-shadow .2s,background-color .2s}
:is(input,textarea,select):focus-visible{box-shadow:0 0 0 3px #f0792214}
.rh-product figure{transition:border-color .3s,box-shadow .3s,background .3s}
.rh-product-arrow{transition:color .25s,background-color .25s,border-color .25s,translate .3s var(--motion-ease)}
.rh-product figure>img,.rh-application-card figure>img,.rh-news-card figure img{transition:transform .65s var(--motion-ease),filter .45s}
#homeBrands .rh-series-card,.rh-news-card,.ra-engine-link,.ra-product-tile{transition:border-color .25s,background-color .25s,box-shadow .3s,translate .35s var(--motion-ease)}
.rh-series-card{position:relative;overflow:hidden}
.rh-series-card::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--motion-ease);pointer-events:none}
.rh-series-card:hover:where(:not(.rh-hover-reset))::after{transform:scaleX(1)}
.rh-series-head svg,.rh-application-copy>svg,.rh-guide-top>svg,.rh-guide-link svg,.rh-news-link svg{transition:translate .3s var(--motion-ease),color .2s}
.hero-rail>a{position:relative;transition:background-color .25s}
.hero-rail>a::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--motion-ease)}
.hero-rail>a:hover:where(:not(.rh-hover-reset)){background:#ffffff08}
.hero-rail>a:hover:where(:not(.rh-hover-reset))::after{transform:scaleX(1)}
.hero-rail>a>svg{transition:translate .3s var(--motion-ease)}
.hero-rail>a:hover:where(:not(.rh-hover-reset))>svg{translate:0 -3px}
.rh-categories>:is(a,button){position:relative;transition:color .2s,background-color .2s,box-shadow .25s}
.rh-categories>[aria-pressed="true"]{box-shadow:inset 0 -2px var(--orange)}
.rh-guide-item{transition:background-color .3s}
.rh-guide-item:hover:where(:not(.rh-hover-reset)) .rh-guide-top>svg{translate:0 -4px}
.rh-faq-list summary>svg,.pc-category-group>summary>svg,.pc-series-disclosure>summary svg{transition:transform .25s var(--motion-ease)}
.rh-faq-list details[open]{background:linear-gradient(90deg,#f0792207,transparent)}
.rh-faq-list summary{transition:color .2s,background-color .2s}
.rh-faq-answer{animation:rh-answer-in .25s var(--motion-ease)}

/* Product and application pages use shorter, smaller movements. */
#products.product-center,#productDetail,.pc-enquiry-page{background:radial-gradient(ellipse at 100% 0,#f079220b,transparent 45%),var(--paper)}
#products .pc-product{transition:border-color .2s,box-shadow .25s,translate .25s var(--motion-ease)}
#products .pc-product .product-tile-image img,.pc-main-image img{transition:transform .4s var(--motion-ease)}
.pc-sidebar-title,.pc-help-visual{background:linear-gradient(125deg,#263033,#1d2427)}
.pc-brand-link,.pc-series-links a,.pc-type-all{transition:color .18s,translate .18s}
.pc-brand-link:hover:where(:not(.rh-hover-reset)),.pc-series-links a:hover:where(:not(.rh-hover-reset)),.pc-type-all:hover:where(:not(.rh-hover-reset)){translate:3px 0}
.pc-filter select:focus-visible,.product-search:focus-within{border-color:var(--orange)!important}
.ra-enquiry,.ra-match-strip{background-image:linear-gradient(115deg,#f0792207,transparent 75%)}
.ra-sector-tabs button{transition:background-color .2s,color .2s,border-color .2s}
.ra-scene{overflow:hidden}
.ra-scene>img{transition:transform .7s var(--motion-ease)}
.ra-engine-link:hover:where(:not(.rh-hover-reset)){border-color:#f0792280;background-color:#fffaf5}

/* Native dialogs retain focus management and close normally, including Escape. */
.rh-inquiry-dialog,.contact-drawer,#catalogImageDialog{opacity:0;transform:translateY(12px);transition:opacity .2s,transform .25s var(--motion-ease),display .25s allow-discrete,overlay .25s allow-discrete}
.rh-inquiry-dialog[open],.contact-drawer[open],#catalogImageDialog[open]{opacity:1;transform:translateY(0);animation:none}
:is(.rh-inquiry-dialog,.contact-drawer,#catalogImageDialog)::backdrop{background:#10191bb3;backdrop-filter:blur(5px);opacity:0;transition:opacity .2s,display .25s allow-discrete,overlay .25s allow-discrete}
:is(.rh-inquiry-dialog,.contact-drawer,#catalogImageDialog)[open]::backdrop{opacity:1}
@starting-style{.rh-inquiry-dialog[open],.contact-drawer[open],#catalogImageDialog[open]{opacity:0;transform:translateY(16px)}:is(.rh-inquiry-dialog,.contact-drawer,#catalogImageDialog)[open]::backdrop{opacity:0}}

/* The news page is an isolated embedded document and loads these same tokens. */
html[data-ui-document="news"] .intro-band{background:radial-gradient(ellipse at 85% 30%,#f0792220,transparent 55%),#f0f3f1}
html[data-ui-document="news"] :is(.lead-story,.story-row){transition:background-color .2s,border-color .2s,box-shadow .25s}
html[data-ui-document="news"] :is(.lead-image,.row-image){transition:transform .55s var(--motion-ease)}
html[data-ui-document="news"] .lead-image-wrap{overflow:hidden}
html[data-ui-document="news"] .category-tab{transition:color .18s,background-color .18s,border-color .18s}
html[data-ui-document="news"] .lead-story:hover:where(:not(.rh-hover-reset)) .lead-image{transform:scale(1.025)}

@media(hover:hover) and (pointer:fine){
  .rh-product:hover:where(:not(.rh-hover-reset)) figure{border-color:#f0792280;background:#f6f4ef;box-shadow:0 9px 24px #1d24270b}
  .rh-product:hover:where(:not(.rh-hover-reset)) figure>img{transform:scale(1.055)}
  .rh-product:hover:where(:not(.rh-hover-reset)) .rh-product-arrow{background:var(--orange);color:var(--carbon);translate:2px -2px}
  #homeBrands .rh-series-card:hover:where(:not(.rh-hover-reset)),.rh-news-card:hover:where(:not(.rh-hover-reset)){translate:0 -5px;box-shadow:0 12px 28px #1d242710;border-color:#f0792270}
  .rh-series-card:hover:where(:not(.rh-hover-reset)) .rh-series-head svg,.rh-application-card:hover:where(:not(.rh-hover-reset)) .rh-application-copy>svg{translate:3px -3px}
  .rh-application-card:hover:where(:not(.rh-hover-reset)) figure>img{transform:scale(1.045);filter:saturate(.9)}
  #products .pc-product:hover:where(:not(.rh-hover-reset)){translate:0 -3px;border-color:#f0792280;box-shadow:0 7px 20px #1d24270d}
  #products .pc-product:hover:where(:not(.rh-hover-reset)) .product-tile-image img{transform:scale(1.035)}
  .pc-main-image:hover:where(:not(.rh-hover-reset)) img{transform:scale(1.025)}
}
@keyframes rh-answer-in{from{opacity:0;translate:0 -5px}to{opacity:1;translate:0 0}}
@keyframes rh-ornament-turn{to{rotate:360deg}}
@media(prefers-reduced-motion:no-preference){.rh-motion-ornament::before{animation:rh-ornament-turn 80s linear infinite}}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .rh-carousel .rh-carousel-copy{translate:none}
  .rh-carousel .hero-photo .rh-carousel-slide img{transform:none!important}
}
