:root {
  --page: #f7f7f5;
  --paper: #ffffff;
  --ink: #0b0b0a;
  --muted: #4c4a46;
  --rule: #bab8b2;
  --red: #f01726;
  --logo-width: 174px;
  --card-width: 410px;
  --shadow-offset: 10px;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100%;
  background: var(--page);
  color: var(--ink);
}

body {
  min-height: 100svh;
  font-family: "Times New Roman", Times, serif;
}

.page {
  display: grid;
  min-height: 100svh;
  padding: 28px;
  place-items: center;
  background: var(--page);
}

.stack {
  display: grid;
  gap: 34px;
  width: min(
    calc(var(--card-width) + var(--shadow-offset)),
    calc(100vw - 56px)
  );
}

.card {
  position: relative;
  display: grid;
  justify-items: start;
  align-content: start;
  width: calc(100% - var(--shadow-offset));
  min-height: 206px;
  padding: 44px 42px;
  background: var(--paper);
  border: 1px solid var(--ink);
  box-shadow: var(--shadow-offset) var(--shadow-offset) 0 var(--red);
}

.card::before {
  content: "";
  position: absolute;
  inset: 14px;
  border: 1px solid var(--rule);
  pointer-events: none;
}

.wordmark {
  margin: 0;
}

.wordmark img {
  display: block;
  width: var(--logo-width);
  height: auto;
}

.statement {
  width: calc(100% - var(--shadow-offset));
  margin: 0 0 0 var(--shadow-offset);
  padding: 0 2px;
  color: #3f3d39;
  font-size: 13.5px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0;
  text-align: justify;
}

.referral {
  color: var(--ink);
  font-style: italic;
  white-space: nowrap;
}

@media (max-width: 480px) {
  .page {
    padding: 18px;
    place-items: start center;
    --logo-width: 158px;
    --card-width: 320px;
    --shadow-offset: 7px;
  }

  .stack {
    gap: 28px;
    margin-top: 56px;
    width: min(
      calc(var(--card-width) + var(--shadow-offset)),
      calc(100vw - 36px)
    );
  }

  .card {
    min-height: 184px;
    padding: 38px 30px;
    box-shadow: var(--shadow-offset) var(--shadow-offset) 0 var(--red);
  }

  .card::before {
    inset: 11px;
  }

  .statement {
    font-size: 13.25px;
  }
}