*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#0b0b0b}
body{font-family:Georgia,"Times New Roman",serif}
.language-gate{position:relative;min-height:100svh;overflow:hidden;background:#111}
.hero{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.04),rgba(0,0,0,.28)),url("images/hero-main.png") center/cover no-repeat;animation:reveal 1.4s ease-out both}
.languages{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);display:flex;align-items:center;gap:20px;z-index:2;white-space:nowrap}
.languages a{
  color:rgba(255,255,255,.95);
  text-decoration:none;
  font-size:20px;
  font-weight:600;
  letter-spacing:.06em;
  transition:color .25s;
}

.languages a[lang="fa"]{
  font-size:21px;
  font-weight:700;
  letter-spacing:0;
}.languages a:hover{color:#c9a45c}
.languages span{width:1px;height:17px;background:rgba(201,164,92,.78)}
@keyframes reveal{from{opacity:0;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}
@media(max-width:600px){
  .languages{
    bottom:28px;
  }

  .languages a{
    font-size:18px;
  }

  .languages a[lang="fa"]{
    font-size:19px;
  }
}