@charset "UTF-8";

*, *::before, *::after { box-sizing: border-box; }

body, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd, ul, ol {
  margin: 0;
  padding: 0;
}
ul, ol { list-style: none; }

html {

  scroll-padding-top: calc(var(--dp-header-h, 7.5rem) + 1.5rem);

  -webkit-text-size-adjust: 100%;
}

body {
  background: var(--dp-paper);
  color: var(--dp-ink);
  font-family: var(--dp-font);
  font-size: var(--wp--preset--font-size--base);
  line-height: var(--dp-lh-body);

  overflow-wrap: break-word;
  word-break: normal;
  line-break: strict;

  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img, picture, video, canvas, svg, iframe {
  display: block;
  max-width: 100%;
}
img, video { height: auto; }

h1, h2, h3, h4, h5, h6 {
  line-height: var(--dp-lh-head);
  font-weight: 700;

  font-feature-settings: "palt" 1;
}

h1, h2 {
  font-family: var(--dp-font-serif);
  font-weight: 600;
  letter-spacing: .04em;
}

h3, h4, h5, h6 {
  font-family: var(--dp-font);
  letter-spacing: .02em;
}

a {
  color: var(--dp-accent-d);
  text-decoration-thickness: 1px;
  text-underline-offset: .25em;
  transition: color var(--dp-dur) var(--dp-ease);
}
a:hover { color: var(--dp-accent); }

button, input, select, textarea {
  font: inherit;
  color: inherit;
}
button { cursor: pointer; background: none; border: none; }

a, button, input, select, textarea, summary, [role="button"] {
  touch-action: manipulation;
}

:focus-visible {
  outline: 2px solid var(--dp-accent);
  outline-offset: 2px;
  border-radius: var(--dp-r-sm);
}

hr {
  border: 0;
  border-top: var(--dp-border);
  margin: var(--dp-s7) 0;
}

::selection {
  background: var(--dp-accent-l);
  color: var(--dp-ink);
}

.dp-visually-hidden {
  position: absolute;
  width: 1px; height: 1px;
  margin: -1px; padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.dp-skip-link {
  position: absolute;
  top: 0; left: 0;
  z-index: var(--dp-z-toast);
  padding: var(--dp-s3) var(--dp-s5);
  background: var(--dp-ink);
  color: #fff;
  transform: translateY(-120%);
}
.dp-skip-link:focus { transform: translateY(0); }