project-home {
  display: block;
  width: 100%;
  min-height: 100vh;
}

.ph-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  background: radial-gradient( ellipse at 40% 35%, #282b3c 0%, #000 70% );
  gap: 2.5rem;
}

.ph-brand {
  font-family: 'Barlow', sans-serif;
  font-weight: 900;
  font-style: italic;
  font-size: clamp( 3rem, 12vw, 7rem );
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #fff;
  text-shadow: 0 0 80px rgba( 255, 255, 255, 0.12 );
}

.ph-login {
  font-family: 'Barlow', sans-serif;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 1rem;
  color: rgba( 255, 255, 255, 0.6 );
  text-decoration: none;
  padding: 0.65rem 2.2rem;
  border: 1px solid rgba( 255, 255, 255, 0.25 );
  border-radius: 4px;
  transition: border-color 0.2s, color 0.2s;
}

.ph-login:hover {
  border-color: rgba( 255, 255, 255, 0.7 );
  color: #fff;
}