.slide:first-child{
  display:grid;
  grid-template-columns:minmax(0,44%) minmax(0,52%);
  align-items:center;
  gap:4%;
  isolation:isolate;
}

.slide:first-child > .center{
  width:100%;
  max-width:none;
  min-height:0;
  height:auto;
  padding-left:clamp(0px,2vw,28px);
  text-align:left;
  place-items:center start;
}

.slide:first-child h1{
  max-width:100%;
  margin-right:0;
  font-size:clamp(48px,5.35vw,92px);
  line-height:.9;
  overflow-wrap:anywhere;
}

.slide:first-child h1 .hero-title-suffix{
  display:block;
  color:var(--lime);
  font-size:.58em;
  letter-spacing:.04em;
  line-height:1.02;
}

.hero-video-panel{
  position:relative;
  z-index:4;
  width:100%;
  overflow:hidden;
  border:1px solid rgba(181,229,45,.36);
  border-radius:clamp(22px,3vw,46px);
  background:#050705;
  box-shadow:0 34px 86px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.055) inset,0 0 56px rgba(138,201,0,.1);
}

.hero-video-panel:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
  pointer-events:none;
}

.hero-background-video{
  display:block;
  width:100%;
  aspect-ratio:16 / 9;
  object-fit:cover;
  object-position:center;
}

.world3d.mode-hero{opacity:0!important}

html[data-theme="light"] .hero-video-panel{
  border-color:rgba(70,104,35,.28);
  box-shadow:0 32px 74px rgba(43,58,31,.22),0 0 0 1px #fff inset;
}

@media(max-width:800px){
  .slide:first-child{
    display:block;
    min-height:100svh;
  }
  .slide:first-child > .center{
    padding-left:0;
  }
  .slide:first-child h1{font-size:clamp(46px,13vw,72px)}
  .hero-video-panel{
    width:100%;
    margin:28px auto 10px;
    border-radius:24px;
  }
}

@media(prefers-reduced-motion:reduce){
  body:not(.force-motion) .hero-background-video{display:none}
  body.force-motion .hero-background-video{display:block}
}