.public-body{--figure-paper:var(--paper,#faf8f2)}
.production-figure{--figure-x:0deg;--figure-y:0deg;position:relative;isolation:isolate;aspect-ratio:3/2;inline-size:100%;max-inline-size:420px;margin-inline:auto;color:currentColor;overflow:clip;perspective:800px}
.production-figure svg{display:block;inline-size:100%;block-size:100%;overflow:visible;transform:rotateX(var(--figure-y)) rotateY(var(--figure-x));transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.figure-layer{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.figure-lens{transition:transform .7s cubic-bezier(.2,.7,.2,1);transform-origin:145px 169px}
.figure-floor{transition:opacity .7s}
.service-grid>article{position:relative;min-inline-size:0;overflow:clip}
.service-grid>article .production-figure{margin-block:12px 22px;max-inline-size:360px}
.service-grid>article .service-index{border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent);padding-block-end:16px}
.site-lead-note{min-inline-size:0;max-inline-size:380px}.site-lead-note .production-figure{max-inline-size:310px;opacity:.7;margin-block:-18px 4px}.site-lead-note p{max-inline-size:35ch}
@media(hover:hover) and (pointer:fine){[data-production-figure]:hover .figure-floor{opacity:.25}}
@media(max-width:700px){.site-lead-note{max-inline-size:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.8fr);gap:12px;align-items:center}.site-lead-note .production-figure{grid-column:2;grid-row:1;inline-size:100%;margin:0}.site-lead-note p{grid-column:1;grid-row:1;margin:0}.service-grid>article .production-figure{max-inline-size:300px;margin-block:2px 14px}}
@media(prefers-reduced-motion:reduce){.production-figure svg,.production-figure g{transition:none!important;transform:none!important}}

.public-body button.production-figure{display:block;border:0;border-radius:0;background:transparent;color:inherit;padding:0;white-space:normal;touch-action:pan-y;cursor:grab;-webkit-tap-highlight-color:transparent}
.public-body button.production-figure:active{cursor:grabbing}.production-figure:focus-visible{outline:1px solid var(--accent,currentColor);outline-offset:5px;border-radius:8px!important}
.production-figure svg{transition:none;transform:perspective(800px) rotateX(var(--figure-y,0deg)) rotateY(var(--figure-x,0deg))}
.production-figure .figure-layer{transition:none!important;transform:translate(var(--layer-shift,0px),var(--layer-lift,0px))}
.production-figure .figure-layer--top{--layer-lift:var(--lift-top,0px);--layer-shift:var(--shift-top,0px)}.production-figure .figure-layer--middle{--layer-lift:var(--lift-middle,0px);--layer-shift:var(--shift-middle,0px)}.production-figure .figure-layer--base{--layer-lift:var(--lift-base,0px)}
.production-figure .figure-lens{transition:none!important;transform-origin:145px 169px;transform:translate(var(--lens-x,0px),var(--lens-y,0px)) rotate(var(--lens-turn,0deg))}
.production-figure .figure-registration{opacity:var(--registration-opacity,.45)}
@media(prefers-reduced-motion:reduce){.production-figure svg,.production-figure .figure-layer,.production-figure .figure-lens{transform:none!important}}