html, body{
  margin:0;
  height:100%;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  overflow:hidden;
}

.bg-video{
  position:fixed;
  inset:-1px;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  z-index:0;
  display:block;
}

.mobile-link{
  position:fixed;
  inset:0;
  z-index:0;
}

/* Hide mobile by default */
.bg-video.mobile,
.mobile-link{
  display:none;
}

/* Show mobile ONLY on portrait mobile devices */
@media (max-width:768px) and (orientation:portrait){
  .bg-video.desktop{ display:none; }
  .mobile-link{ display:block; }
  .bg-video.mobile{ display:block; }

  /* HIDE logo + text on mobile portrait */
  .brand{ display:none; }
}

.brand{
  position:fixed;
  top:clamp(12px,2vw,28px);
  left:clamp(12px,2vw,28px);
  z-index:2;
  color:#111;
  text-shadow:0 1px 2px rgba(255,255,255,0.65);
}

.logo{
  width:25vw;
  max-width:520px;
  min-width:160px;
  height:auto;
  display:block;
}

.contact{
  margin-top:14px;
  font-size:clamp(16px,1.6vw,24px);
  line-height:1.35;
}

a{
  color:inherit;
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}

.seo-hidden{
  position:absolute;
  left:-9999px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}