/* One 11-second revision story: intent, coordinated geometry, linked drawing,
 * a quiet final hold and reset. All paths share one CSS clock under the existing
 * data-cr2-moving gate. Static d attributes remain the final-state fallback.
 */
.creo2-page .cr2-parametric-hero{display:flex;flex-direction:column;isolation:isolate;height:450px;background:transparent;border:0;box-shadow:none;overflow:visible}
.creo2-page .cr2-parametric-hero:before,.creo2-page .cr2-parametric-hero:after{display:none}
.creo2-page .cr2-parametric-stage{position:relative;min-width:0;min-height:0;flex:1}
.creo2-page .cr2-parametric-art{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}
.creo2-page .cr2-parametric-art .cr2-hero-definition{opacity:.95}
.creo2-page .cr2-parametric-art .cr2-hero-relationship{opacity:.75}
.creo2-page .cr2-parametric-art :is(.cr2-hero-pulse,.cr2-hero-source-pulse){stroke-dasharray:.13 .87;stroke-dashoffset:0;opacity:0}
.creo2-page .cr2-parametric-art .cr2-hero-prior{opacity:0}
.creo2-page .cr2-parametric-art .cr2-hero-interface{opacity:.7}
.creo2-page .cr2-parametric-art .cr2-hero-source-rail{opacity:.8}
.creo2-page .cr2-hero-concepts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;padding:0 8px;margin:0 0 13px;font:700 var(--type-secondary-size)/1.5 var(--font-body);color:var(--body-text-on-dark,#b8ced7)}
.creo2-page .cr2-hero-concepts li{min-width:0;padding-top:10px;border-top:1px solid #3e7283;overflow-wrap:normal}
.creo2-page .cr2-parametric-hero>figcaption{position:static;inset:auto;z-index:auto;margin:0;border-top:1px solid #467e8d80;padding:13px 8px 0;color:var(--body-text-on-dark,#b8ced7);font:400 var(--type-secondary-size)/1.6 var(--font-body)}
/* CSS-d interpolation is progressive. Unsupported browsers retain the complete
 * static revision when path interpolation is unavailable. */
@supports (d:path('M0 0L1 1')){
 .creo2-page .cr2-parametric-hero[data-cr2-moving] .cr2-hero-source-pulse{animation:cr2-hero-intent-pulse 11s linear infinite}
 .creo2-page .cr2-parametric-hero[data-cr2-moving] .cr2-hero-prior{animation:cr2-hero-prior-outline 11s ease-in-out infinite}
 .creo2-page .cr2-parametric-hero[data-cr2-moving] .cr2-hero-morph-model{animation:cr2-hero-model-revision 11s ease-in-out infinite}
 .creo2-page .cr2-parametric-hero[data-cr2-moving] .cr2-hero-morph-drawing{animation:cr2-hero-drawing-revision 11s ease-in-out infinite}
 .creo2-page .cr2-parametric-hero[data-cr2-moving] .cr2-hero-dimension{animation:cr2-hero-dimension-emphasis 11s ease-in-out infinite}
 .creo2-page .cr2-parametric-hero[data-cr2-moving] .cr2-hero-span-label{animation:cr2-hero-span-emphasis 11s ease-in-out infinite}
 .creo2-page .cr2-parametric-hero[data-cr2-moving] .cr2-hero-definition{animation:cr2-hero-definition-emphasis 11s ease-in-out infinite}
 .creo2-page .cr2-parametric-hero[data-cr2-moving] .cr2-hero-relationship{animation:cr2-hero-connection-rail 11s ease-in-out infinite}
 .creo2-page .cr2-parametric-hero[data-cr2-moving] .cr2-hero-pulse{animation:cr2-hero-change-pulse 11s linear infinite}
 .creo2-page .cr2-parametric-hero[data-cr2-moving] .cr2-hero-pmi{animation:cr2-hero-pmi-emphasis 11s ease-in-out infinite}
 .creo2-page .cr2-parametric-hero[data-cr2-moving] .cr2-hero-concept-1{animation:cr2-hero-intent-label 11s ease-in-out infinite}
 .creo2-page .cr2-parametric-hero[data-cr2-moving] .cr2-hero-concept-2{animation:cr2-hero-geometry-label 11s ease-in-out infinite}
 .creo2-page .cr2-parametric-hero[data-cr2-moving] .cr2-hero-concept-3{animation:cr2-hero-definition-label 11s ease-in-out infinite}
}
@keyframes cr2-hero-intent-pulse{0%,3%{stroke-dashoffset:1.13;opacity:0}6%{stroke-dashoffset:1;opacity:.9}18%{stroke-dashoffset:0;opacity:.9}24%,100%{stroke-dashoffset:-.13;opacity:0}}
@keyframes cr2-hero-prior-outline{0%,17%,62%,100%{opacity:0}30%,43%{opacity:.27}}
@keyframes cr2-hero-model-revision{0%,17%,100%{d:var(--cr2-shape-from)}41%,87%{d:var(--cr2-shape-to)}}
@keyframes cr2-hero-drawing-revision{0%,54%,100%{d:var(--cr2-shape-from)}70%,87%{d:var(--cr2-shape-to)}}
@keyframes cr2-hero-dimension-emphasis{0%,34%{opacity:1}47%,84%{opacity:.62}100%{opacity:1}}
@keyframes cr2-hero-span-emphasis{0%,34%{fill:#b2f5ef}47%,84%{fill:#4bcaf2}100%{fill:#b2f5ef}}
@keyframes cr2-hero-definition-emphasis{0%,44%{opacity:.68}66%,87%{opacity:1}100%{opacity:.68}}
@keyframes cr2-hero-connection-rail{0%,39%,93%,100%{opacity:0}47%,86%{opacity:.5}}
@keyframes cr2-hero-change-pulse{0%,43%{stroke-dashoffset:1.13;opacity:0}47%{stroke-dashoffset:1;opacity:1}65%{stroke-dashoffset:0;opacity:1}70%,100%{stroke-dashoffset:-.13;opacity:0}}
@keyframes cr2-hero-pmi-emphasis{0%,53%{opacity:.6}69%,85%{opacity:1}100%{opacity:.6}}
@keyframes cr2-hero-intent-label{0%,23%{color:#8cebe2;border-color:#74dfd8}39%,88%{color:var(--body-text-on-dark,#b8ced7);border-color:#3e7283}100%{color:#8cebe2;border-color:#74dfd8}}
@keyframes cr2-hero-geometry-label{0%,16%,100%{color:var(--body-text-on-dark,#b8ced7);border-color:#3e7283}31%,47%{color:#8cebe2;border-color:#74dfd8}64%,88%{color:var(--body-text-on-dark,#b8ced7);border-color:#3e7283}}
@keyframes cr2-hero-definition-label{0%,46%,100%{color:var(--body-text-on-dark,#b8ced7);border-color:#3e7283}67%,87%{color:#8cebe2;border-color:#74dfd8}}
@media(max-width:700px){
 .creo2-page .cr2-parametric-hero{height:auto;max-height:none;aspect-ratio:auto}
 .creo2-page .cr2-parametric-stage{flex:none;aspect-ratio:680/430}
 .creo2-page .cr2-hero-concepts{padding-inline:0;gap:10px}
 .creo2-page .cr2-parametric-hero>figcaption{padding-inline:0}
}
@media(prefers-reduced-motion:reduce){
 .creo2-page .cr2-parametric-hero *,.creo2-page .cr2-parametric-hero *:before,.creo2-page .cr2-parametric-hero *:after{animation:none!important;transition:none!important}
 .creo2-page .cr2-parametric-art .cr2-hero-definition{opacity:.95}
 .creo2-page .cr2-parametric-art .cr2-hero-relationship{opacity:.75}
 .creo2-page .cr2-parametric-art :is(.cr2-hero-pulse,.cr2-hero-source-pulse,.cr2-hero-prior){opacity:0}
}
@media(max-width:360px){
 .creo2-page .cr2-hero-concepts{grid-template-columns:minmax(0,1fr);gap:0}
 .creo2-page .cr2-hero-concepts li{padding-block:8px}
}