.hero-wrapper{background-color:#000;height:300vh;position:relative}.hero-sticky{z-index:0;width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.hero-video{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.hero-loader{color:#fff;z-index:10;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.hero-content-grid{z-index:2;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2rem;width:100%;height:100vh;margin-top:-100vh;padding:8rem 4rem 4rem;display:grid;position:sticky;top:0}.hero-card{-webkit-backdrop-filter:blur(12px);background:#0f172a4d;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;max-width:450px;padding:2rem;display:flex;box-shadow:0 8px 32px #0003}.hero-title{letter-spacing:1px;text-transform:uppercase;color:#fff;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.hero-brand{letter-spacing:4px;background:var(--gradient-silver-blue);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:900}.hero-text{color:#cbd5e1;font-size:1rem;line-height:1.6}.hero-text-silver{background:var(--gradient-silver);color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-divider{background-color:var(--color-primary);width:40px;height:2px;margin-bottom:1rem}.hero-divider-right{margin-left:auto}.hero-card-tl{text-align:left;justify-content:flex-start;align-items:flex-start}.hero-card-tr{text-align:right;justify-content:flex-start;justify-self:end;align-items:flex-end}.hero-card-bl{text-align:left;justify-content:flex-end;align-self:end;align-items:flex-start}.hero-card-br{text-align:right;justify-content:flex-end;place-self:end;align-items:flex-end}@media (max-width:1024px){.hero-content-grid{padding:8rem 2rem 2rem}}@media (max-width:990px){.hero-content-grid{align-items:cen ter;grid-template-rows:1fr;grid-template-columns:1fr;justify-items:center;padding:2rem 1.5rem}.hero-card{text-align:left;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);grid-area:1/1;place-self:center;align-items:flex-start;width:100%;max-width:500px;margin:6rem auto 0;padding:1.5rem;place-self:start!important}.hero-card:nth-child(2n){margin-top:0;margin-bottom:2rem;place-self:end!important}.hero-divider-right{margin-left:0}}@media (max-width:500px){.hero-card{padding:1rem}.hero-brand{font-size:2rem}.hero-title{font-size:1.2rem}.hero-text{font-size:.9rem}}