/* Native motion for the inner pages. HOME, About and Production own their motion. */
.smx-hero{position:relative;isolation:isolate;overflow:clip}
.smx-hero>.smx-foreground{position:relative;z-index:1}
.smx-hero>.smx-decor{position:absolute;z-index:0;inset:66px 0 auto auto;width:min(650px,55%);height:min(480px,65%);overflow:hidden;pointer-events:none;user-select:none;color:#e7e5df;opacity:.68;mask-image:linear-gradient(90deg,transparent 0,#0008 19%,#000 42%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#0008 19%,#000 42%)}
.smx-decor svg{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
.smx-decor .smx-lattice{opacity:.29}
.smx-decor .smx-axis{opacity:.17;stroke-dasharray:2 7}
.smx-decor .smx-track{opacity:.34}
.smx-decor .smx-accent{stroke:#f06469;opacity:.94;stroke-width:1.5}
.smx-decor .smx-tick{opacity:.5}
.smx-decor .smx-dot{fill:#f16a70;stroke:none}
.smx-decor .smx-fine-dot{fill:currentColor;stroke:none;opacity:.62}
.smx-decor [data-smx-draw]{stroke-dasharray:1;stroke-dashoffset:0}
.smx-decor [data-smx-orbit]{transform-origin:320px 220px}
.smx-hero.smx-light>.smx-decor{color:#30453a;opacity:.7}
.smx-light .smx-decor .smx-accent{stroke:#ba3440}
.smx-light .smx-decor .smx-dot{fill:#ba3440}
.smx-hero>.smx-motion-control{position:absolute;z-index:3;right:max(24px,calc((100% - 1320px)/2));bottom:18px;display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:9px 13px;border:1px solid #ffffff36;border-radius:0;background:#14181be8;color:#e6e7e5;font:600 11px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.035em;cursor:pointer;touch-action:manipulation;transition:background-color .18s,border-color .18s,color .18s}
.smx-motion-control:hover,.smx-motion-control:focus-visible{background:#303536;border-color:#f06469;color:#fff}
.smx-motion-control>span:first-child{width:12px;text-align:center;font-size:12px}
.smx-motion-control:focus-visible{outline:2px solid #f06469!important;outline-offset:4px!important}
.smx-light>.smx-motion-control{color:#243029;background:#f4f2edf2;border-color:#263b3340}
.smx-light>.smx-motion-control:hover,.smx-light>.smx-motion-control:focus-visible{color:#a82835;background:#fff;border-color:#b23b45}
.cp-hero.smx-hero>.smx-motion-control{bottom:55px}
.smx-motion-control[hidden]{display:none!important}
/* The drawing lives below foreground copy. Existing photo layers are never transformed. */
.smx-hero.smx-has-art::before,.smx-hero.smx-has-art::after{animation:none!important}
.smx-hero.smx-has-art :is(.ipp-signal i,.bx-hero-panel::before){animation:none!important}
.smx-action .smx-arrow{display:inline-block;transition:translate .2s ease}
.smx-action:hover .smx-arrow,.smx-action:focus-visible .smx-arrow{translate:3px -2px}
.smx-action:active{filter:brightness(.94)}
@media(max-width:900px){
  .smx-hero>.smx-decor{width:60%;height:320px;top:72px;opacity:.45;mask-image:linear-gradient(90deg,transparent,#000 68%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 68%)}
  .smx-hero.smx-light>.smx-decor{opacity:.4}
}
@media(max-width:620px){
  .smx-hero>.smx-decor{width:72%;height:250px;top:65px;right:-12%;opacity:.36}
  .smx-hero.smx-light>.smx-decor{opacity:.32}
  .smx-decor .smx-axis,.smx-decor .smx-detail{display:none}
  .smx-hero>.smx-motion-control{right:16px;bottom:12px;min-height:44px;font-size:10px;padding:9px 11px}
  .cp-hero.smx-hero>.smx-motion-control{bottom:48px}
}
@media(prefers-reduced-motion:reduce){
  .smx-motion-control{display:none!important}
  .smx-action .smx-arrow{transition:none;translate:none!important}
}