@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/dm-sans-regular.ttf") format("truetype");
}

:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; background: #070d17; color: #f3f4f6; font-family: "DM Sans", sans-serif; }
header { margin: 0 auto; width: min(100% - 48px, 1120px); padding: 28px 0; border-bottom: 1px solid #9db4d321; }
a { color: inherit; text-decoration: none; }
header span { color: #8c98aa; }
main { width: min(100% - 48px, 700px); margin: clamp(56px, 12vh, 140px) auto; }
h1 { font-weight: 400; font-size: clamp(30px, 5vw, 46px); letter-spacing: -.04em; }
p { color: #aebbd0; line-height: 1.7; font-size: 15px; }
.studio-link { display: inline-block; margin-top: 24px; padding-block: 10px; color: #91bdfa; }
.studio-link span { margin-left: 8px; }
a:focus-visible { outline: 2px solid #91bdfa; outline-offset: 5px; }