:root {
  color-scheme: dark;
  background: #0b0a09;
  color: #eee9df;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}
* { box-sizing: border-box; }
body { margin: 0; }
h1, p, figure { margin: 0; }
.identity { display: flex; align-items: center; }
.identity img { display: block; object-fit: contain; filter: invert(1); opacity: .9; }
h1 { font-weight: 400; }
h1 span { color: #bd997c; }
.field { pointer-events: none; }
.field img {
  display: block;
  width: 100%;
  height: auto;
  mix-blend-mode: lighten;
  filter: saturate(.8);
  -webkit-mask-image: radial-gradient(ellipse at center, #000 48%, transparent 73%);
  mask-image: radial-gradient(ellipse at center, #000 48%, transparent 73%);
}

::selection { background: #bd997c; color: #0b0a09; }

.page { min-height: 100svh; padding: 42px 28px 52px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.identity { gap: 13px; }
.identity img { width: 32px; height: 32px; }
h1 { display: flex; align-items: baseline; gap: 10px; font-family: "Iowan Old Style", Baskerville, "Times New Roman", serif; font-size: 38px; line-height: 1; letter-spacing: -.035em; }
h1 span { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 10px; text-transform: uppercase; letter-spacing: .22em; }
main { display: flex; flex-direction: column; align-items: center; width: 100%; min-width: 0; }
.field { width: min(78svh, 780px, 85vw); margin: -12px 0 -48px; }
.statement { position: relative; text-align: center; width: min(100%, 900px); }
.purpose { font-family: "Iowan Old Style", Baskerville, "Times New Roman", serif; font-size: clamp(25px, 2.3vw, 35px); line-height: 1.3; letter-spacing: -.025em; }

.purpose span { display: inline-block; white-space: nowrap; }

@media (max-width: 760px) {
  .page { padding: 36px 26px 46px; }
  .identity { gap: 12px; }
  .identity img { width: 29px; height: 29px; }
  h1 { font-size: 35px; }
  .field { width: calc(100vw - 2px); max-width: 590px; margin: 12px 0 -13px; }
  .purpose { max-width: 330px; margin-inline: auto; font-size: clamp(27px, 6.6vw, 34px); line-height: 1.2; text-wrap: balance; }

}