body.oic-monitor-dekapentelog {
  --oic-dekap-display: "Cormorant Garamond", Georgia, serif;
  margin: 0;
  color: var(--oic-ink);
  background:
    radial-gradient(circle at 12% 4%, rgba(206,15,37,.035), transparent 24%),
    linear-gradient(180deg, #f8f4ed 0%, #f3eee6 100%);
  font-family: var(--oic-serif);
  -webkit-font-smoothing: antialiased;
}

body.oic-monitor-dekapentelog a {
  color: inherit;
  text-decoration: none;
}

body.oic-monitor-dekapentelog img {
  display: block;
  max-width: 100%;
  height: auto;
}

.oic-monitor-dekapentelog .oic-header--single {
  position: relative;
  inset: auto;
  color: #fff;
  background: #11100f;
}

.oic-monitor-dekapentelog .oic-header--single .oic-header__inner {
  border-bottom-color: rgba(255,255,255,.12);
}

.oic-dekapentelog-main {
  padding: 68px 0 92px;
}

.oic-dekapentelog-document {
  position: relative;
  width: min(860px, calc(100vw - 48px));
  margin: 0 auto;
  padding: 72px 82px 64px;
  overflow: hidden;
  background:
    linear-gradient(rgba(255,253,249,.97), rgba(255,253,249,.97)),
    repeating-linear-gradient(0deg, transparent 0 28px, rgba(93,71,52,.018) 29px, transparent 30px);
  border: 1px solid rgba(69,55,44,.16);
  box-shadow: 0 28px 70px rgba(48,38,30,.10);
}

.oic-dekapentelog-document::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--oic-red);
}

.oic-dekapentelog-document::after {
  content: "";
  position: absolute;
  inset: 18px;
  border: 1px solid rgba(85,65,49,.045);
  pointer-events: none;
}

.oic-dekapentelog__masthead,
.oic-dekapentelog__content,
.oic-dekapentelog__seal {
  position: relative;
  z-index: 1;
}

.oic-dekapentelog__masthead {
  text-align: center;
}

.oic-dekapentelog__mark {
  width: 96px;
  min-height: 112px;
  display: grid;
  place-items: center;
  margin: 0 auto 22px;
  color: var(--oic-red);
}

.oic-dekapentelog__mark svg,
.oic-dekapentelog__mark img {
  width: 100%;
  max-height: 120px;
  object-fit: contain;
}

.oic-dekapentelog__eyebrow {
  margin: 0 0 7px;
  color: #7c7269;
  font: 600 10px/1.2 var(--oic-sans);
  letter-spacing: .18em;
  text-transform: uppercase;
}

.oic-dekapentelog__masthead h1 {
  margin: 0;
  color: var(--oic-red);
  font: 700 clamp(52px, 5.6vw, 72px)/.9 var(--oic-dekap-display);
  letter-spacing: -.02em;
}

.oic-dekapentelog__subtitle {
  max-width: 620px;
  margin: 15px auto 0;
  color: #28231f;
  font: 600 clamp(18px, 2vw, 23px)/1.18 var(--oic-serif);
  letter-spacing: .045em;
  text-transform: uppercase;
}

.oic-dekapentelog__content {
  max-width: 690px;
  margin: 38px auto 0;
  color: #47413b;
  font-size: 17.5px;
  line-height: 1.68;
}

.oic-dekapentelog__content > *:first-child {
  margin-top: 0;
}

.oic-dekapentelog__content p {
  margin: 0 0 1.45em;
}

.oic-dekapentelog__content strong {
  color: #27231f;
  font-weight: 600;
}

.oic-dekapentelog__content em {
  font-style: italic;
}

.oic-dekapentelog__content .oic-dekap-quote {
  max-width: 640px;
  margin: 0 auto 10px;
  color: #756d65;
  text-align: center;
  font-size: 17px;
  line-height: 1.6;
}

.oic-dekapentelog__content .oic-dekap-attribution {
  margin: 0 auto 30px;
  color: #857b72;
  text-align: center;
  font-size: 14px;
}

.oic-dekapentelog__content .oic-dekap-separator {
  width: 72px;
  height: 1px;
  margin: 28px auto 38px;
  border: 0;
  background: var(--oic-red);
  opacity: .7;
}

.oic-dekapentelog__content .oic-dekap-imperative,
.oic-dekapentelog__content .oic-dekap-appendix {
  margin: 40px 0 8px;
  color: var(--oic-red);
  font: 700 29px/1.04 var(--oic-dekap-display);
  letter-spacing: -.012em;
}

.oic-dekapentelog__content .oic-dekap-imperative + p {
  margin-top: 0;
}

.oic-dekapentelog__content .oic-dekap-separator--before-appendix {
  width: 100%;
  margin: 46px 0 34px;
  background: rgba(80,65,54,.16);
}

.oic-dekapentelog__content .oic-dekap-appendix {
  margin-top: 0;
  font-size: 33px;
}

.oic-dekapentelog__content .oic-dekap-date {
  margin: 52px 0 0;
  color: #5c544c;
  text-align: center;
  font: 400 16px/1.4 var(--oic-identity);
}

.oic-dekapentelog__seal {
  width: 58px;
  margin: 24px auto 0;
  color: rgba(206,15,37,.34);
}

.oic-dekapentelog__seal-mark {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 980px) {
  .oic-monitor-dekapentelog .oic-header--single .oic-nav {
    top: 88px;
  }

  .oic-dekapentelog-main {
    padding-top: 48px;
    padding-bottom: 72px;
  }

  .oic-dekapentelog-document {
    padding: 58px 58px 54px;
  }
}

@media (max-width: 640px) {
  .oic-dekapentelog-main {
    padding: 22px 0 46px;
  }

  .oic-dekapentelog-document {
    width: calc(100vw - 24px);
    padding: 42px 24px 40px;
    border-radius: 0;
    box-shadow: 0 14px 34px rgba(48,38,30,.08);
  }

  .oic-dekapentelog-document::after {
    inset: 10px;
  }

  .oic-dekapentelog__mark {
    width: 76px;
    min-height: 90px;
    margin-bottom: 18px;
  }

  .oic-dekapentelog__eyebrow {
    font-size: 9px;
    letter-spacing: .14em;
  }

  .oic-dekapentelog__masthead h1 {
    font-size: clamp(46px, 15vw, 58px);
  }

  .oic-dekapentelog__subtitle {
    margin-top: 11px;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: .025em;
  }

  .oic-dekapentelog__content {
    margin-top: 30px;
    font-size: 16.5px;
    line-height: 1.62;
  }

  .oic-dekapentelog__content .oic-dekap-quote {
    font-size: 15.5px;
    line-height: 1.55;
  }

  .oic-dekapentelog__content .oic-dekap-attribution {
    font-size: 13px;
  }

  .oic-dekapentelog__content .oic-dekap-imperative,
  .oic-dekapentelog__content .oic-dekap-appendix {
    margin-top: 34px;
    font-size: 27px;
  }

  .oic-dekapentelog__content .oic-dekap-appendix {
    margin-top: 0;
    font-size: 30px;
  }

  .oic-dekapentelog__content .oic-dekap-date {
    margin-top: 42px;
    font-size: 14px;
  }
}
