/* Creo family art: preserve shared figure height, responsive aspect ratio and
 * hero layout. Only the inner study and paint change; original captions remain. */
.product-page .pr-hero-art[data-creo-child-hero]{background:transparent;border:0;box-shadow:none;isolation:isolate}
.product-page .pr-hero-art[data-creo-child-hero]:after{display:none}
.cch-stage{position:absolute;inset:0 0 116px;pointer-events:none}
.product-page .cch-stage>svg{display:block;width:100%;height:100%;overflow:visible}
.product-page .pr-hero-art[data-creo-child-hero]>figcaption{border-top:1px solid #467e8d80;padding-top:16px;bottom:0;left:0;right:0}
.cch-flow{stroke-dasharray:13 87;stroke-dashoffset:0;opacity:0}
@media(prefers-reduced-motion:no-preference){
 .cch-flow{animation:cch-connection 10s linear infinite;animation-play-state:paused}
 .cch-highlight{animation:cch-review 10s ease-in-out infinite;animation-play-state:paused}
 .cch-float{animation:cch-fit 10s ease-in-out infinite;animation-play-state:paused}
 [data-creo-child-hero].ip-animation-active :is(.cch-flow,.cch-highlight,.cch-float){animation-play-state:running}
 @keyframes cch-connection{0%,8%{stroke-dashoffset:113;opacity:0}15%{opacity:.9}55%{stroke-dashoffset:0;opacity:.9}64%,100%{stroke-dashoffset:-13;opacity:0}}
 @keyframes cch-review{0%,30%,100%{opacity:.55}50%,75%{opacity:1}}
 @keyframes cch-fit{0%,24%,100%{transform:translateY(0)}48%,76%{transform:translateY(-9px)}}
}
@media(max-width:700px){.cch-stage{inset:-12px 0 94px}.product-page .pr-hero-art[data-creo-child-hero]>figcaption{padding-top:10px}.product-page .pr-hero-art[data-creo-child-hero] figcaption>span{margin-bottom:5px}}
@media(prefers-reduced-motion:reduce){.cch-stage *{animation:none!important;transition:none!important}}