.bg-video{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  z-index:0;
  display:block;
  background:#000;
}
.landing::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:rgba(0,0,0,.08);
}

:root{
  --black:#000000;
  --white:#ffffff;
  --metal:#ffffff;
  --muted:#ffffff;
  --line:rgba(255,255,255,.13);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--black);color:var(--white)}
body{
  font-family:Inter,Arial,sans-serif;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
.landing{
  min-height:100vh;
  position:relative;
  overflow:hidden;
  background:#000000;
}
.stars,.stars::before,.stars::after,.glow{display:none;}
.hero{
  min-height:100vh;
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:52px 24px 38px;
  text-align:center;
}
.logo{
  width:min(86vw,920px);
  max-height:54vh;
  object-fit:contain;
  display:block;
  filter:none;
  animation:float 8s ease-in-out infinite;
}
h1{
  margin:16px 0 7px;
  font-family:Inter,Arial,sans-serif;
  font-size:clamp(30px,4.8vw,67px);
  font-weight:800;
  color:#ffffff;
  letter-spacing:.18em;
  line-height:1;
  text-indent:.18em;
}
.quote{
  margin:13px 0 30px;
  font-family:Inter,Arial,sans-serif;
  font-size:clamp(11px,1.2vw,15px);
  letter-spacing:.34em;
  text-indent:.34em;
  color:#ffffff;
  font-weight:500;
}
.socials{
  display:flex;
  gap:18px;
  justify-content:center;
  align-items:center;
}
.social{
  width:58px;height:58px;
  border:1px solid var(--line);
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.025);
  transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease;
}
.social svg{width:25px;height:25px;fill:#ffffff;transition:fill .25s ease}
.social:hover{
  transform:translateY(-5px);
  border-color:rgba(255,255,255,.6);
  background:rgba(255,255,255,.09);
  box-shadow:0 16px 45px rgba(0,0,0,.5);
}
.social:hover svg{fill:#fff}
.social-names{
  display:flex;
  gap:24px;
  margin-top:15px;
  color:#ffffff;
  font-size:10px;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.social-names a:hover{color:#fff}
footer{
  position:absolute;
  bottom:20px;
  left:0;right:0;
  text-align:center;
  color:#ffffff;
  font-size:9px;
  letter-spacing:.18em;
}
@keyframes float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-7px)}
}
@media(max-width:600px){
  .hero{padding-top:36px}
  .logo{width:94vw;max-height:42vh}
  h1{font-size:30px;letter-spacing:.13em;text-indent:.13em}
  .quote{max-width:340px;line-height:1.7;letter-spacing:.23em;text-indent:.23em}
  .socials{gap:11px}
  .social{width:52px;height:52px}
  .social svg{width:22px;height:22px}
  .social-names{gap:11px;font-size:8px;letter-spacing:.12em}
  footer{bottom:13px}
}


/* Social links: icons only */
.social-link .social-name,
.social-link .label,
.social-link .name,
.social-name,
.social-label {
  display: none !important;
}

/* Fine positioning: move title, tagline and social icons slightly upward. */
h1,
.quote,
.socials{
  transform:translateY(-28px);
}
@media(max-width:600px){
  h1,
  .quote,
  .socials{
    transform:translateY(-20px);
  }
}


/* Mobile-only layout fix: keep both text lines on one line.
   Desktop styling above remains unchanged. */
@media (max-width:600px){
  h1{
    width:100%;
    max-width:none;
    margin-left:0;
    margin-right:0;
    white-space:nowrap !important;
    font-size:clamp(21px, 7.2vw, 34px) !important;
    letter-spacing:.07em !important;
    text-indent:.07em !important;
    line-height:1 !important;
  }

  .quote{
    width:100%;
    max-width:none !important;
    white-space:nowrap !important;
    margin-left:0;
    margin-right:0;
    font-size:clamp(8px, 2.55vw, 12px) !important;
    letter-spacing:.09em !important;
    text-indent:.09em !important;
    line-height:1 !important;
  }

  .hero{
    padding-left:10px;
    padding-right:10px;
  }

  .logo{
    width:94vw;
  }
}