:root {
  --romar-orange:#ff6600;
  --romar-navy:#1e2a38;
  --romar-dark:#070a0e;
  --romar-white:#fff;
}

#g-header {
  padding:0 !important;
  background:#070a0e;
}

.romar-video-hero {
  position:relative;
  min-height:690px;
  overflow:hidden;
  color:#fff;
  background:#070a0e;
}

.romar-hero-media {
  position:absolute;
  inset:0 0 0 auto;
  width:58%;
  height:100%;
  overflow:hidden;
  z-index:1;
  background:#050709;
}

.romar-hero-video-blur,
.romar-hero-video {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.romar-hero-video-blur {
  object-fit:cover;
  filter:blur(28px) brightness(.42);
  transform:scale(1.1);
}

.romar-hero-video {
  object-fit:contain;
  object-position:center;
}

.romar-video-hero:after {
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(
    90deg,
    rgba(7,10,14,.99) 0%,
    rgba(7,10,14,.94) 35%,
    rgba(7,10,14,.63) 52%,
    rgba(7,10,14,.15) 100%
  );
  pointer-events:none;
}

.romar-hero-inner {
  position:relative;
  z-index:3;
  min-height:690px;
  width:min(1400px,calc(100% - 80px));
  margin:auto;
  display:flex;
  align-items:center;
}

.romar-hero-copy {
  width:min(650px,50%);
  padding:70px 0 110px;
}

.romar-kicker {
  display:inline-block;
  margin-bottom:20px;
  padding:9px 14px;
  border:1px solid rgba(255,102,0,.55);
  border-radius:30px;
  background:rgba(255,102,0,.1);
  color:#ff8b41;
  font-size:13px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.romar-video-hero h1 {
  margin:0;
  color:#fff;
  font-size:clamp(50px,5vw,80px);
  line-height:.98;
  font-weight:800;
  letter-spacing:-.035em;
}

.romar-video-hero h1 span {
  display:block;
  color:#4DA3FF;
}

.romar-hero-lead {
  max-width:600px;
  margin:28px 0 0;
  color:#d8dee5;
  font-size:20px;
  line-height:1.55;
}

.romar-hero-buttons {
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:34px;
}

.romar-hero-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:0 26px;
  border-radius:7px;
  font-size:14px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
  text-decoration:none !important;
}

.romar-hero-btn-primary {
  background:var(--romar-orange);
  color:#fff !important;
}

.romar-hero-btn-secondary {
  border:1px solid rgba(255,255,255,.35);
  background:rgba(255,255,255,.07);
  color:#fff !important;
}

.romar-trust {
  position:absolute;
  z-index:4;
  left:0;
  right:0;
  bottom:0;
  background:rgba(7,10,14,.82);
  border-top:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(12px);
}

.romar-trust-inner {
  width:min(1400px,calc(100% - 80px));
  margin:auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
}

.romar-trust-item {
  min-height:80px;
  padding:16px 24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-right:1px solid rgba(255,255,255,.1);
}

.romar-trust-item:first-child {
  padding-left:0;
}

.romar-trust-item:last-child {
  border-right:0;
}

.romar-trust-item strong {
  color:#fff;
  font-size:15px;
}

.romar-trust-item span {
  margin-top:4px;
  color:#9ca8b4;
  font-size:12px;
}

#showcase-3424 {
  max-width:1400px;
  margin:auto;
  padding:70px 35px;
}

@media (max-width:900px) {
  .romar-video-hero {
    min-height:760px;
  }

  .romar-hero-media {
    inset:0;
    width:100%;
  }

  .romar-hero-video {
    object-fit:cover;
    object-position:center 35%;
  }

  .romar-video-hero:after {
    background:linear-gradient(
      180deg,
      rgba(7,10,14,.30) 0%,
      rgba(7,10,14,.58) 38%,
      rgba(7,10,14,.96) 72%,
      #070a0e 100%
    );
  }

  .romar-hero-inner {
    width:calc(100% - 36px);
    min-height:670px;
    align-items:flex-end;
  }

  .romar-hero-copy {
    width:100%;
    padding:300px 0 30px;
  }

  .romar-video-hero h1 {
    font-size:48px;
  }

  .romar-hero-lead {
    font-size:17px;
  }

  .romar-trust {
    position:relative;
  }

  .romar-trust-inner {
    width:100%;
    grid-template-columns:1fr 1fr;
  }

  .romar-trust-item,
  .romar-trust-item:first-child {
    padding:14px 18px;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
}

@media (max-width:520px) {
  .romar-video-hero h1 {
    font-size:41px;
  }

  .romar-hero-buttons {
    display:grid;
  }

  .romar-hero-btn {
    width:100%;
  }

  .romar-trust-inner {
    grid-template-columns:1fr;
  }

  .romar-trust-item {
    border-right:0;
  }
}