/* #144 : page d'accueil de holybird.dev. Charte Holy Bird : fond sombre, Montserrat servie ici, aucune ressource
   extérieure, titres en Montserrat Black majuscules, auréole dorée qui respire lentement. */
@font-face {
  font-family: "Montserrat";
  src: url("/montserrat.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
html, body { margin: 0; height: 100%; background: #0E0F14; color: #E8E6EF; }
body { font-family: "Montserrat", system-ui, sans-serif; display: grid; place-items: center; }
main { text-align: center; padding: 8vh 6vw; }
.logo { margin: 0; display: grid; justify-items: center; line-height: 1; }
.halo { width: clamp(150px, 34vw, 300px); height: auto; margin-bottom: -0.6em; animation: breathe 6s ease-in-out infinite; }
.halo ellipse { fill: none; stroke: #F2C14E; stroke-width: 5; stroke-linecap: round; }
.name { font-weight: 900; font-size: clamp(2.4rem, 9vw, 5.6rem); letter-spacing: 0.04em; }
.dev { font-weight: 900; font-size: clamp(1rem, 3.4vw, 2rem); letter-spacing: 0.6em; padding-left: 0.6em;
       color: #F2C14E; margin-top: 0.4em; }
.line { margin: 2.4rem 0 0; font-weight: 400; font-size: clamp(1rem, 2.4vw, 1.25rem); color: #B9B6C6; }
.foot { margin-top: 3rem; font-size: 0.9rem; }
.foot a { color: #8C899A; text-decoration: none; border-bottom: 1px solid #3A3846; }
.foot a:hover { color: #E8E6EF; }
@keyframes breathe { 0%, 100% { opacity: 0.85; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-3px); } }
@media (prefers-reduced-motion: reduce) { .halo { animation: none; } }