@font-face {
  font-family: Montserrat;
  src: url('./fonts/Montserrat.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
}
:root { color-scheme: dark; --background: #1e2340; --foreground: #fff; }
* { box-sizing: border-box; }
html { background: var(--background); }
body { margin: 0; color: var(--foreground); font-family: "Montserrat Classic", Montserrat, Arial, sans-serif; }
.landing { min-height: 100svh; padding: clamp(4rem, 12vh, 9rem) 6.3vw clamp(3rem, 8vh, 6rem); display: flex; flex-direction: column; justify-content: center; }
h1 { margin: 0; font-size: clamp(2rem, 7.8vw, 8rem); font-weight: 800; letter-spacing: .075em; text-transform: uppercase; line-height: 1.13; }
h1 > span { display: block; }
.divider { height: clamp(5px, .7vw, 10px); background: var(--foreground); margin: clamp(2.5rem, 6.5vh, 5rem) 0; margin-left: -6.3vw; width: calc(100% + 6.3vw); flex-shrink: 0; }
.details p { font-size: clamp(1.125rem, 2.05vw, 2rem); line-height: 1.55; font-weight: 500; margin: 0 0 1.35rem; }
.details a { color: inherit; font-size: clamp(1rem, 1.65vw, 1.5rem); line-height: 1.6; text-decoration: none; text-underline-offset: .3em; overflow-wrap: anywhere; }
.details a:hover { text-decoration: underline; }
.details a:focus-visible { outline: 2px solid white; outline-offset: 8px; }
@media (max-width: 480px) { h1 { font-size: 8vw; } .landing { padding-top: 4rem; padding-bottom: 4rem; } .details p { max-width: 22rem; } }