/* Cinematic motion uses the existing, editable banner artwork. */
.md-native-site .md-motion-banner{isolation:isolate;overflow:hidden;}
.md-native-site .md-motion-banner>.wrap{position:relative;z-index:1;}
.md-banner-scene{position:absolute;inset:0;z-index:-1;background:#080c12;pointer-events:none;transform-origin:50% 50%;}
.md-banner-frame{position:absolute;inset:0;}
/* Fit the complete ribbon into a smaller scene rather than covering the entire hero. */
.md-banner-scene.md-banner-framed{background:radial-gradient(ellipse at 78% 50%,#101d2c 0%,#080f18 38%,#050a10 76%);}
.md-banner-framed .md-banner-frame{inset:auto;top:50%;left:var(--md-art-left);width:var(--md-art-width);height:var(--md-art-height);transform:translateY(-50%);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 94%,transparent),linear-gradient(0deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 94%,transparent),linear-gradient(0deg,transparent,#000 9%,#000 91%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect;}
.md-banner-framed .md-banner-art{background-size:100% 100%!important;background-position:center!important;transform-origin:75% 50%;}
.md-banner-art{position:absolute;inset:0;background-repeat:no-repeat;transform-origin:68% 50%;animation:md-banner-drift 20s cubic-bezier(.45,0,.55,1) infinite;}
.md-banner-light{position:absolute;inset:-15%;background:linear-gradient(108deg,transparent 35%,rgba(123,180,245,.03) 43%,rgba(212,233,255,.16) 50%,rgba(119,177,247,.04) 57%,transparent 65%);mix-blend-mode:screen;animation:md-banner-light 12s ease-in-out infinite;}
.md-motion-banner:not([data-md-banner-state="playing"]) .md-banner-art,
.md-motion-banner:not([data-md-banner-state="playing"]) .md-banner-light{animation-play-state:paused;}
.md-motion-banner[data-md-banner-state="playing"] .md-banner-art,
.md-motion-banner[data-md-banner-state="playing"] .md-banner-light{will-change:transform;}
@keyframes md-banner-drift{
  0%,100%{transform:translate3d(.2%,.1%,0) scale(1.015);}
  50%{transform:translate3d(0,0,0) scale(1);}
}
@keyframes md-banner-light{
  0%,15%{transform:translate3d(-70%,0,0);opacity:0;}
  35%{opacity:.8;}
  70%{transform:translate3d(70%,0,0);opacity:0;}
  100%{transform:translate3d(70%,0,0);opacity:0;}
}
.md-native-site button.md-banner-toggle{appearance:none;position:absolute;z-index:3;right:clamp(20px,4vw,56px);bottom:24px;display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #a9c5e25c;border-radius:50%;background:#0c162ac7;color:#e5eef8;cursor:pointer;box-shadow:0 2px 16px #0003;transition:background .2s,border-color .2s;}
.md-native-site button.md-banner-toggle:hover{background:#243b53;border-color:#c0d5e8;}
.md-native-site button.md-banner-toggle:focus-visible{outline:2px solid #e0efff;outline-offset:5px;}
.md-banner-toggle span{display:block;width:10px;height:13px;border-left:3px solid currentColor;border-right:3px solid currentColor;}
.md-banner-toggle[data-paused="true"] span{width:0;height:0;margin-left:3px;border:7px solid transparent;border-right:0;border-left:10px solid currentColor;}
.md-native-site .md-banner-toggle[hidden],.md-banner-scene[hidden]{display:none!important;}
.md-native-site .md-article-banner{min-height:590px;padding:195px 0 85px;}
.md-native-site .md-article-banner .article-heading{padding:0;}
.md-native-site .md-article-banner .article-heading h1{font-size:clamp(2.75rem,5vw,5rem);line-height:1.12;letter-spacing:-.045em;}
.md-native-site .md-article-banner+.article-body{padding-top:65px;}
@media(max-width:760px){
  .md-banner-art{animation-name:md-banner-drift-phone;transform-origin:76% 50%;}
  .md-banner-light{animation-duration:16s;}
  .md-native-site button.md-banner-toggle{bottom:18px;}
  .md-native-site .md-article-banner{min-height:560px;padding:160px 0 70px;}
  .md-native-site .md-article-banner .article-heading h1{font-size:clamp(2.4rem,8.7vw,4rem);}
  .md-native-site .md-article-banner+.article-body{padding-top:40px;}
}
@keyframes md-banner-drift-phone{
  0%,100%{transform:translate3d(.6%,.5%,0) scale(1.075);}
  50%{transform:translate3d(-.5%,-.4%,0) scale(1.025);}
}
@media(prefers-reduced-motion:reduce){
  .md-banner-art,.md-banner-light{animation:none!important;}
  .md-banner-light,.md-native-site button.md-banner-toggle{display:none!important;}
}
.et-fb .md-banner-scene,.et-fb .md-banner-toggle{display:none!important;}