/* LUNARTECH rolling logo strip, from www.lunartech.ai (.home-v1-strip-2).
   Generated: lunartech.ai's rules for the strip, scoped under .lt-logos, plus the rolling and
   fade-in that lunartech.ai runs as Webflow interactions, rebuilt here as CSS animations.
   Unlike lunartech.ai (dark logos on #fbfbfb), it's white logos on Origin's dark page. */

.lt-logos { --lt-logos-bg: #050505; background-color: var(--lt-logos-bg); padding: 150px 0 24px; overflow: hidden; position: relative; }

.lt-logos { font-family:sans-serif; }
.lt-logos img { border:0; }
.lt-logos * { box-sizing:border-box; }
.lt-logos { color:#333; font-family:Arial,sans-serif; font-size:14px; line-height:20px; }
.lt-logos img { vertical-align:middle; max-width:100%; display:inline-block; }
.lt-logos .lt-container { max-width:940px; margin-left:auto; margin-right:auto; }
.lt-logos .lt-container:before, .lt-logos .lt-container:after { content:" "; grid-area:1/1/2/2; display:table; }
.lt-logos .lt-container:after { clear:both; }
@media screen and (max-width:991px) {
  .lt-logos .lt-container { max-width:728px; }
}
@media screen and (max-width:479px) {
  .lt-logos .lt-container { max-width:none; }
}
.lt-logos { --marble:var(--lt-logos-bg); --black:#101011; --smoke:#ebebeb; --white:white; --grey:#7d7d7d; --transparent:transparent; --orange:#e55b00; --flowui-component-library--error-lighter:#fceff0; --flowui-component-library--error-darker:#5b0b11; --flowui-component-library--success-lighter:#ebfff6; --flowui-component-library--success-darker:#006638; --flowui-component-library--white:white; --flowui-component-library--gray-700:#282556; --flowui-component-library--gray-900:#160042; --flowui-component-library--gray-400:#b6b9ce; --flowui-component-library--grey-300:#e4e6f1; --flowui-component-library--gray-500:#6b7094; }
.lt-logos .lt-blockcontainer { max-width:940px; margin-left:auto; margin-right:auto; display:block; }
@media screen and (max-width:991px) {
  .lt-logos .lt-blockcontainer { max-width:728px; }
}
@media screen and (max-width:767px) {
  .lt-logos .lt-blockcontainer { max-width:none; }
}
.lt-logos { color:#101011; font-family:Satoshi,sans-serif; font-size:1rem; font-weight:400; line-height:1.5; }
.lt-logos img { -webkit-text-fill-color:inherit; object-fit:cover; background-clip:border-box; width:100%; max-width:100%; height:100%; display:block; transform:none; }
.lt-logos .logo-strip-row { grid-column-gap:0px; grid-row-gap:0px; flex-direction:row; grid-template-rows:auto; grid-template-columns:auto; grid-auto-columns:auto; grid-auto-flow:column; justify-content:stretch; place-items:center; min-width:1030px; display:grid; }
.lt-logos .logo-strip-row.logo-strip-large { grid-column-gap:74px; grid-row-gap:74px; grid-column-gap:74px; grid-row-gap:74px; grid-auto-flow:column; min-width:1218px; margin-right:74px; padding-top:10px; padding-bottom:10px; }
.lt-logos .half-bg-left { z-index:-1; width:50%; height:100%; position:absolute; inset:0% auto 0% 0%; }
.lt-logos .half-bg-left.stat-bg-left { z-index:1; opacity:1; z-index:1; opacity:1; inset:0% auto 0% 0%; background-image:linear-gradient(90deg,var(--lt-logos-bg),#02020200 28%); width:100vw; max-width:300px; inset:0% auto 0% 0%; }
.lt-logos .image-5 { max-width:100%; }
.lt-logos .home-v1-strip-2 { z-index:1; border-top:1px solid #ffffff4d; margin-top:-80px; margin-bottom:80px; padding-top:0; position:relative; }
.lt-logos .logo-strip-wrapper-2 { grid-column-gap:16px; grid-row-gap:16px; grid-template-rows:auto auto; grid-template-columns:1fr 1fr; grid-auto-columns:1fr; justify-content:flex-start; align-items:stretch; margin-top:30px; display:flex; position:relative; overflow:hidden; }
.lt-logos .half-bg-right-left-use-later { z-index:-1; background-color:#020202; width:50%; height:100%; position:absolute; inset:0% 0% 0% auto; }
.lt-logos .half-bg-right-left-use-later.stat-right { z-index:1; z-index:1; inset:0% 0% 0% auto; z-index:1; inset:0% 0% 0% auto; background-color:#0000; background-image:linear-gradient(270deg,var(--lt-logos-bg),#02020200 28%); width:100vw; max-width:300px; inset:0% 0% 0% auto; }
.lt-logos .container-default-home { max-width:1268px; padding-left:24px; padding-right:24px; }
.lt-logos .container-default-home.z-index-1-copy-home { z-index:1; margin-top:9rem; margin-bottom:9rem; position:relative; }
@media screen and (max-width:991px) {
  .lt-logos .half-bg-left.stat-bg-left { max-width:200px; }
  .lt-logos .home-v1-strip-2 { margin-top:-40px; }
  .lt-logos .half-bg-right-left-use-later { width:100%; height:40%; inset:auto 0% 0%; }
  .lt-logos .half-bg-right-left-use-later.stat-right { inset:0% 0% 0% auto; inset:0% 0% 0% auto; max-width:200px; height:100%; inset:0% 0% 0% auto; }
  .lt-logos .container-default-home { max-width:1268px; }
}
@media screen and (max-width:767px) {
  .lt-logos .logo-strip-row { min-width:1000px; }
  .lt-logos .half-bg-left.stat-bg-left { max-width:120px; }
  .lt-logos .home-v1-strip-2 { margin-top:-24px; }
  .lt-logos .half-bg-right-left-use-later.stat-right { max-width:120px; }
}
@media screen and (max-width:479px) {
  .lt-logos .logo-strip-row { min-width:950px; }
  .lt-logos .half-bg-left.stat-bg-left { max-width:100px; }
  .lt-logos .home-v1-strip-2 { margin-top:0; }
  .lt-logos .half-bg-right-left-use-later.stat-right { max-width:100px; }
  .lt-logos .container-default-home { padding-left:20px; padding-right:20px; }
  .lt-logos .container-default-home.z-index-1-copy-home { z-index:3; }
}

/* a tight band: drop the container's 144px margins, the strip's overlap and the first row's 30px;
   the 30px between the two rows stays */
.lt-logos .container-default-home.z-index-1-copy-home { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
.lt-logos .home-v1-strip-2 { margin-top: 0; margin-bottom: 0; border-top: 0; }
.lt-logos .logo-strip-wrapper-2:first-child { margin-top: 0; }

/* logos in white: flatten each one to black, then invert */
.lt-logos .logo-strip-row img { filter: brightness(0) invert(1); }

/* Webflow interaction a-114: fade in (0.5s, after 0.4s) */
.lt-logos .logo-strip-wrapper-2 { animation: lt-logos-fade 0.5s ease 0.4s both; }
@keyframes lt-logos-fade { from { opacity: 0; } to { opacity: 1; } }

/* Webflow interaction a-115 ("Marquee Animation"): each row slides its own width left over 40s, looping */
.lt-logos .logo-strip-row { animation: lt-logos-marquee 40s linear infinite; will-change: transform; }
@keyframes lt-logos-marquee { from { transform: translateX(0); } to { transform: translateX(-100%); } }

@media (prefers-reduced-motion: reduce) {
  .lt-logos .logo-strip-row { animation: none; }
}