.hero{
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);
  align-items:center;
  gap:clamp(34px,5vw,88px);
}
.hero>video{opacity:.2;filter:saturate(.7) contrast(1.08)}
.hero-shade{background:linear-gradient(90deg,rgba(1,8,17,.98) 0,rgba(1,8,17,.9) 48%,rgba(1,8,17,.48) 100%),linear-gradient(0deg,#020914 0,transparent 38%)}
.hero-copy{max-width:820px}
.hero h1{font-size:clamp(4rem,7vw,8.5rem)}
.hero-visual{
  position:relative;
  z-index:2;
  margin:0;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(83,231,255,.42);
  border-radius:clamp(22px,2.4vw,36px);
  background:#061522;
  box-shadow:0 42px 120px rgba(0,0,0,.58),0 0 0 1px rgba(122,100,255,.12) inset;
  transform:perspective(1300px) rotateY(-4deg);
}
.hero-visual::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 46%,rgba(2,9,20,.92) 100%)}
.hero-visual::after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.12);border-radius:22px;pointer-events:none;z-index:2}
.hero-visual img{display:block;width:100%;height:clamp(420px,58vh,690px);object-fit:cover;object-position:center}
.hero-visual figcaption{position:absolute;z-index:3;left:clamp(28px,3vw,48px);right:clamp(28px,3vw,48px);bottom:clamp(28px,3vw,46px);display:grid;gap:10px}
.hero-visual figcaption span{color:#55e7ff;font:800 10px ui-monospace,monospace;letter-spacing:.16em}
.hero-visual figcaption strong{max-width:520px;font-size:clamp(1.35rem,2.1vw,2.4rem);line-height:1.05;letter-spacing:-.035em}
@media(max-width:1180px){.hero{grid-template-columns:minmax(0,1fr) minmax(360px,.72fr)}.hero h1{font-size:clamp(3.8rem,7.2vw,7rem)}.hero-visual img{height:clamp(390px,50vh,570px)}}
@media(max-width:900px){.hero{height:auto;min-height:100svh;grid-template-columns:1fr;padding-top:118px}.hero-copy{max-width:850px}.hero-visual{width:100%;transform:none}.hero-visual img{height:min(58vw,560px)}}
@media(max-width:620px){.hero-visual img{height:72vw;min-height:330px}.hero-visual::after{inset:10px}.hero-visual figcaption{left:24px;right:24px;bottom:24px}}
@media(prefers-reduced-motion:reduce){.hero>video{display:none}.hero{background:#020914}}