:root {
  color-scheme: light;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  background: #f6f3e9;
  color: #11120f;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  background:
    radial-gradient(circle at 84% 4%, rgba(239, 255, 47, .34), transparent 25rem),
    #f6f3e9;
}

.legal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 74px;
  padding: 12px max(20px, calc((100vw - 840px) / 2));
  border-bottom: 1px solid rgba(17, 18, 15, .14);
  background: rgba(255, 254, 248, .78);
}

.legal-brand { display: inline-flex; align-items: center; gap: 9px; text-decoration: none; }
.legal-brand img { display: block; height: auto; }
.legal-brand img:first-child { width: 36px; border-radius: 9px; }
.legal-brand img:last-child { width: 96px; }
.home-link { padding: 10px 14px; border: 2px solid #11120f; border-radius: 999px; color: #11120f; background: #efff2f; font-size: .84rem; font-weight: 900; text-decoration: none; box-shadow: 3px 3px 0 #11120f; }

main {
  width: min(840px, calc(100% - 36px));
  margin: 0 auto;
  padding: clamp(56px, 8vw, 88px) 0 44px;
}

.eyebrow { margin: 0 0 13px; color: #5c6258; font-size: .76rem; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }

h1 {
  max-width: 12ch;
  margin: 0 0 22px;
  font-size: clamp(3.2rem, 10vw, 6rem);
  font-weight: 900;
  line-height: .92;
  letter-spacing: -.065em;
}

.lede { max-width: 730px; margin: 0 0 34px; color: #50564d; font-size: clamp(1.06rem, 2.2vw, 1.22rem); line-height: 1.62; }

section {
  margin-top: 12px;
  padding: clamp(20px, 4vw, 28px);
  border: 1.5px solid rgba(17, 18, 15, .20);
  border-radius: 24px;
  background: rgba(255, 254, 248, .82);
  box-shadow: 5px 5px 0 rgba(17, 18, 15, .08);
}

section.callout { border: 2px solid #11120f; background: #efff2f; box-shadow: 6px 6px 0 #11120f; }

h2 { margin: 0 0 10px; font-size: 1.28rem; letter-spacing: -.025em; }
p, li { color: #50564d; line-height: 1.66; }
section p:last-child { margin-bottom: 0; }
ul { margin: 10px 0 0; padding-left: 1.25rem; }
li + li { margin-top: 7px; }
a { color: #11120f; font-weight: 820; text-decoration-color: #9aac00; text-decoration-thickness: 2px; text-underline-offset: 3px; }
a:focus-visible { outline: 3px solid #3955ff; outline-offset: 4px; border-radius: 5px; }

.legal-footer {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 28px max(20px, calc((100vw - 840px) / 2)) 38px;
  background: #11120f;
  color: #fffef8;
  font-size: .82rem;
}
.legal-footer p { margin: 0; color: rgba(255, 254, 248, .62); }
.legal-footer a { color: #efff2f; }

@media (max-width: 560px) {
  .legal-header { padding-inline: 14px; }
  .home-link { padding: 9px 11px; font-size: .76rem; box-shadow: 2px 2px 0 #11120f; }
  main { width: min(100% - 28px, 840px); }
  section { padding: 19px; border-radius: 20px; }
  .legal-footer { flex-direction: column; padding-inline: 18px; }
}