:root {
  --mono: Courier, "Courier New", monospace;
  --grot: "Neue Haas Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --ink: rgba(0,0,0,.6);
  --hl: #cfcfcf;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body { font-family: var(--mono); font-size: 1.6rem; line-height: 1.05; color: var(--ink); background: #acacac; }
a { color: inherit; text-decoration: underline; }
a:active { opacity: .7; }
h1, h2 { margin: 0; font-weight: 400; }
mark, .hl { background: var(--hl); color: inherit; }

/* Home */
.home {
  min-height: 100svh; display: flex; align-items: center;
  background: #acacac url(/images/vr.jpg) center / cover no-repeat;
}
.home .content { padding: 3rem; max-width: 90%; }
.home h2 { font-family: var(--grot); font-size: 2.8rem; line-height: 1.1; letter-spacing: -.03em; color: rgba(0,0,0,.75); }
.home .row { display: grid; grid-template-columns: 3fr 9fr; gap: 2rem; align-items: start; margin-top: 1.05em; }
.home .row .cta img { display: block; width: 300px; max-width: 100%; height: auto; }
.home .links { margin-top: 5.25em; }
@media (max-width: 767px) {
  body { font-size: 1.4rem; }
  .home .content { max-width: 100%; padding: 2rem; }
  .home .row { grid-template-columns: 1fr; gap: 1rem; }
  .home h2 { font-size: 3rem; }
}

/* Privacy */
.privacy { background: #dfdfef; }
.privacy .content { max-width: 88%; margin: 0 auto; padding: 3rem; }
.privacy h1 { font-size: 2.8rem; margin-bottom: 1em; color: rgba(0,0,0,.85); }
.privacy h2 { font-family: var(--grot); font-size: 2.8rem; line-height: 1.1; letter-spacing: -.03em; color: rgba(0,0,0,.75); margin: 1.2em 0 .5em; }
.privacy p { margin: 0 0 1.05em; }
.privacy address { font-style: normal; }
@media (max-width: 767px) { .privacy .content { max-width: 100%; padding: 2rem; } }