@font-face {
  font-family: "Chakra Petch";
  src: url("./chakra-petch-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
:root {
  color-scheme: dark;
  --pink: #f631a0;
  --white: #f4f4f4;
  background: #050506;
  font-synthesis: none;
}
* { box-sizing: border-box; }
html { min-width: 240px; }
body {
  min-height: 100vh;
  margin: 0;
  background: radial-gradient(ellipse at 0 0, #202125 0, transparent 45rem), #050506;
  color: #d7d7df;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  line-height: 1.75;
}
a { color: var(--white); text-underline-offset: .2em; overflow-wrap: anywhere; }
a:hover { color: var(--pink); }
a:focus-visible { outline: 2px solid var(--pink); outline-offset: 5px; }
.page { width: min(100%, 54rem); margin: 0 auto; padding: clamp(1.5rem, 5vw, 3.5rem); }
.site-header { padding-bottom: 1.75rem; border-bottom: 1px solid #34343c; }
.brand {
  display: inline-flex;
  align-items: center;
  gap: .8rem;
  font-family: "Chakra Petch", "Segoe UI", sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  letter-spacing: .035em;
  text-decoration: none;
}
.brand img { display: block; width: 48px; height: 44px; object-fit: contain; }
main { padding-top: 2.5rem; }
h1, h2 {
  color: var(--white);
  font-family: "Chakra Petch", "Segoe UI", sans-serif;
  font-weight: 300;
  line-height: 1.25;
  overflow-wrap: anywhere;
  hyphens: auto;
}
h1 { margin: 0 0 1.5rem; font-size: clamp(1.55rem, 4.8vw, 2.8rem); letter-spacing: .025em; }
h2 { margin: 2.5rem 0 .9rem; font-size: clamp(1.2rem, 3.5vw, 1.5rem); }
p { margin: 0 0 1rem; }
address { font-style: normal; margin-bottom: 1rem; }
.muted { color: #a5a5ae; font-size: .875rem; }
.notice { padding: 1rem 1.25rem; border-left: 2px solid var(--pink); background: #111115; }
.notice p:last-child { margin-bottom: 0; }
ul { padding-left: 1.35rem; }
li { margin-bottom: .4rem; }
.legal-footer {
  margin-top: 3rem;
  padding-top: 1rem;
  border-top: 1px solid #34343c;
  font-family: "Chakra Petch", "Segoe UI", sans-serif;
  font-size: .875rem;
  font-weight: 300;
}
.legal-footer nav { display: flex; flex-wrap: wrap; gap: .35rem 1.5rem; }
.legal-footer a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; }
.legal-footer a[aria-current="page"] { color: #a5a5ae; }
@media (max-width: 380px) {
  .page { padding: 1.5rem 1.25rem; }
  .brand { gap: .6rem; font-size: 1rem; }
}