/* ============================================================
   OFF MANUAL — SHARED STYLESHEET
   offmanual.co.uk
   Brand tokens: off-manual-brand-tokens.css (embedded below)
   Google Fonts: PT Sans Narrow · Inter · PT Mono
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&family=Inter:wght@400;500;600&family=PT+Mono&display=swap');

/* ------------------------------------------------------------
   BRAND TOKENS
   ------------------------------------------------------------ */

:root {
  --om-paper:       #F2EFE7;
  --om-black:       #161616;
  --om-dark-grey:   #44433F;
  --om-grey:        #77736B;
  --om-red:         #E23B2E;
  --om-pale-panel:  #DDD8CB;
  --om-white:       #FFFFFF;

  --om-font-display:   "PT Sans Narrow", "Arial Narrow", "Roboto Condensed", sans-serif;
  --om-font-body:      Inter, Arial, Helvetica, sans-serif;
  --om-font-technical: "PT Mono", "Courier New", monospace;

  --om-space-1: 8px;
  --om-space-2: 16px;
  --om-space-3: 24px;
  --om-space-4: 32px;
  --om-space-6: 48px;
  --om-space-8: 64px;
  --om-section-space: clamp(64px, 9vw, 120px);

  --om-border-thin:     1px solid var(--om-black);
  --om-border-standard: 2px solid var(--om-black);
  --om-border-heavy:    4px solid var(--om-black);
  --om-border-red:      2px solid var(--om-red);
  --om-radius: 0px;

  --om-max-width: 1200px;
  --om-content-width: 760px;
  --om-gutter: clamp(20px, 5vw, 60px);
}

/* ------------------------------------------------------------
   RESET & BASE
   ------------------------------------------------------------ */

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

html {
  font-size: 16px;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  background: var(--om-paper);
  color: var(--om-black);
  font-family: var(--om-font-body);
  font-size: 1rem;
  line-height: 1.6;
  min-height: 100vh;
}

img, svg {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: var(--om-dark-grey);
  text-underline-offset: 3px;
}

a:hover {
  color: var(--om-red);
  text-decoration-color: var(--om-red);
}

ul, ol {
  list-style: none;
}

/* ------------------------------------------------------------
   TYPOGRAPHY
   ------------------------------------------------------------ */

h1, h2, h3, h4 {
  font-family: var(--om-font-display);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.015em;
  line-height: 0.92;
}

h1 { font-size: clamp(52px, 9vw, 112px); }
h2 { font-size: clamp(36px, 6vw, 72px); }
h3 { font-size: clamp(24px, 4vw, 44px); }
h4 { font-size: clamp(18px, 3vw, 28px); }

p {
  font-family: var(--om-font-body);
  font-size: clamp(15px, 1.5vw, 17px);
  line-height: 1.65;
  max-width: 68ch;
}

.om-label {
  font-family: var(--om-font-technical);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--om-dark-grey);
}

.om-label--red {
  color: var(--om-red);
}

.om-correction {
  font-family: var(--om-font-technical);
  font-size: 13px;
  color: var(--om-red);
}

/* ------------------------------------------------------------
   LAYOUT
   ------------------------------------------------------------ */

.om-container {
  width: 100%;
  max-width: var(--om-max-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--om-gutter);
  padding-right: var(--om-gutter);
}

.om-container--narrow {
  max-width: calc(var(--om-content-width) + 2 * var(--om-gutter));
}

.om-section {
  padding-top: var(--om-section-space);
  padding-bottom: var(--om-section-space);
}

.om-section--tight {
  padding-top: var(--om-space-8);
  padding-bottom: var(--om-space-8);
}

.om-divider {
  border: none;
  border-top: var(--om-border-heavy);
  margin: 0;
}

.om-divider--thin {
  border-top: var(--om-border-thin);
}

/* Two-column grid */
.om-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--om-space-6);
}

.om-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--om-space-4);
}

@media (max-width: 900px) {
  .om-grid-2 { grid-template-columns: 1fr; }
  .om-grid-3 { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 600px) {
  .om-grid-3 { grid-template-columns: 1fr; }
}

/* ------------------------------------------------------------
   NAVIGATION
   ------------------------------------------------------------ */

.om-nav {
  position: sticky;
  top: 0;
  z-index: 100;
  background: var(--om-black);
  border-bottom: var(--om-border-heavy);
  border-bottom-color: var(--om-black);
}

.om-nav__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 64px;
  gap: var(--om-space-4);
}

.om-nav__logo {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  text-decoration: none;
}

.om-nav__logo img {
  height: 42px;
  width: auto;
}

.om-nav__links {
  display: flex;
  align-items: center;
  gap: 0;
}

.om-nav__link {
  font-family: var(--om-font-technical);
  font-size: 11px;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--om-paper);
  text-decoration: none;
  padding: 0 var(--om-space-3);
  height: 64px;
  display: flex;
  align-items: center;
  border-left: 1px solid rgba(242, 239, 231, 0.12);
  transition: background 0.12s ease, color 0.12s ease;
}

.om-nav__link:first-child {
  border-left: none;
}

.om-nav__link:hover {
  background: rgba(242, 239, 231, 0.08);
  color: var(--om-paper);
  text-decoration: none;
}

.om-nav__link--cta {
  background: var(--om-red);
  color: var(--om-paper);
  font-weight: 700;
  border-left: none;
  margin-left: var(--om-space-2);
  padding: 0 var(--om-space-3);
}

.om-nav__link--cta:hover {
  background: #c43026;
  color: var(--om-paper);
}

/* Mobile nav */
.om-nav__hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  background: none;
  border: none;
  padding: var(--om-space-1);
}

.om-nav__hamburger span {
  display: block;
  width: 24px;
  height: 2px;
  background: var(--om-paper);
}

@media (max-width: 860px) {
  .om-nav__links {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 64px;
    left: 0;
    right: 0;
    background: var(--om-black);
    border-bottom: var(--om-border-heavy);
    z-index: 99;
  }
  .om-nav__links.is-open {
    display: flex;
  }
  .om-nav__link {
    height: 52px;
    border-left: none;
    border-top: 1px solid rgba(242, 239, 231, 0.12);
    padding: 0 var(--om-gutter);
    justify-content: flex-start;
  }
  .om-nav__link--cta {
    margin-left: 0;
    margin-top: 0;
  }
  .om-nav__hamburger {
    display: flex;
  }
}

/* ------------------------------------------------------------
   BUTTONS
   ------------------------------------------------------------ */

.om-button {
  display: inline-block;
  font-family: var(--om-font-technical);
  font-size: 13px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-decoration: none;
  border: var(--om-border-standard);
  border-radius: var(--om-radius);
  padding: 16px 28px;
  background: var(--om-black);
  color: var(--om-paper);
  cursor: pointer;
  transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
  white-space: nowrap;
}

.om-button:hover {
  background: var(--om-red);
  border-color: var(--om-red);
  color: var(--om-paper);
  text-decoration: none;
}

.om-button--outline {
  background: transparent;
  color: var(--om-black);
}

.om-button--outline:hover {
  background: var(--om-black);
  color: var(--om-paper);
}

.om-button--red {
  background: var(--om-red);
  border-color: var(--om-red);
  color: var(--om-paper);
}

.om-button--red:hover {
  background: var(--om-black);
  border-color: var(--om-black);
}

.om-button--large {
  font-size: 14px;
  padding: 20px 36px;
  letter-spacing: 0.08em;
}

/* ------------------------------------------------------------
   PANELS
   ------------------------------------------------------------ */

.om-panel {
  border: var(--om-border-standard);
  border-radius: var(--om-radius);
  background: transparent;
  padding: var(--om-space-4);
}

.om-panel--pale {
  background: var(--om-pale-panel);
}

.om-panel--black {
  background: var(--om-black);
  color: var(--om-paper);
  border-color: var(--om-black);
}

.om-panel--red-border {
  border: var(--om-border-red);
}

.om-panel__label {
  font-family: var(--om-font-technical);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--om-grey);
  margin-bottom: var(--om-space-2);
  padding-bottom: var(--om-space-2);
  border-bottom: var(--om-border-thin);
}

.om-panel--black .om-panel__label {
  color: rgba(242, 239, 231, 0.5);
  border-bottom-color: rgba(242, 239, 231, 0.15);
}

/* ------------------------------------------------------------
   DOCUMENT STAMPS & ANNOTATIONS
   ------------------------------------------------------------ */

.om-stamp {
  display: inline-block;
  font-family: var(--om-font-technical);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border: var(--om-border-standard);
  padding: 4px 10px;
  color: var(--om-dark-grey);
}

.om-stamp--red {
  color: var(--om-red);
  border-color: var(--om-red);
}

.om-annotation {
  font-family: var(--om-font-technical);
  font-size: 12px;
  color: var(--om-grey);
  letter-spacing: 0.04em;
}

/* ------------------------------------------------------------
   HERO
   ------------------------------------------------------------ */

.om-hero {
  border-bottom: var(--om-border-heavy);
  padding-top: clamp(64px, 10vw, 140px);
  padding-bottom: clamp(64px, 10vw, 120px);
}

.om-hero__ref {
  margin-bottom: var(--om-space-4);
}

.om-hero__headline {
  margin-bottom: var(--om-space-4);
}

.om-hero__sub {
  font-size: clamp(16px, 2.2vw, 21px);
  max-width: 56ch;
  margin-bottom: var(--om-space-6);
  line-height: 1.5;
}

.om-hero__actions {
  display: flex;
  align-items: center;
  gap: var(--om-space-3);
  flex-wrap: wrap;
}

/* ------------------------------------------------------------
   BLOCKQUOTE / PULL QUOTE
   ------------------------------------------------------------ */

.om-quote {
  border-left: var(--om-border-heavy);
  border-left-color: var(--om-red);
  padding: var(--om-space-3) var(--om-space-4);
  margin: var(--om-space-6) 0;
}

.om-quote p {
  font-family: var(--om-font-display);
  font-size: clamp(22px, 3.5vw, 36px);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.1;
  max-width: none;
}

.om-quote__attribution {
  font-family: var(--om-font-technical);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--om-grey);
  margin-top: var(--om-space-2);
}

/* ------------------------------------------------------------
   RECOGNITION LIST (audience mirror)
   ------------------------------------------------------------ */

.om-recognition {
  padding: var(--om-space-6) 0;
}

.om-recognition__item {
  border-top: var(--om-border-thin);
  padding: var(--om-space-3) 0;
  font-size: clamp(16px, 2vw, 20px);
  font-family: var(--om-font-body);
  display: flex;
  align-items: baseline;
  gap: var(--om-space-2);
}

.om-recognition__item:last-child {
  border-bottom: var(--om-border-thin);
}

.om-recognition__marker {
  font-family: var(--om-font-technical);
  font-size: 11px;
  color: var(--om-grey);
  flex-shrink: 0;
  letter-spacing: 0.06em;
  width: 40px;
}

/* ------------------------------------------------------------
   PRODUCT CARDS
   ------------------------------------------------------------ */

.om-product-card {
  border: var(--om-border-standard);
  padding: var(--om-space-4);
  display: flex;
  flex-direction: column;
  gap: var(--om-space-3);
}

.om-product-card__badge {
  font-family: var(--om-font-technical);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  display: inline-block;
  padding: 3px 8px;
  background: var(--om-black);
  color: var(--om-paper);
}

.om-product-card__badge--free {
  background: var(--om-red);
}

.om-product-card__badge--soon {
  background: transparent;
  color: var(--om-dark-grey);
  border: var(--om-border-thin);
}

.om-product-card__title {
  font-family: var(--om-font-display);
  font-size: clamp(20px, 3vw, 32px);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
}

.om-product-card__desc {
  font-size: 15px;
  color: var(--om-dark-grey);
  max-width: none;
}

.om-product-card__footer {
  margin-top: auto;
  padding-top: var(--om-space-3);
  border-top: var(--om-border-thin);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--om-space-2);
  flex-wrap: wrap;
}

.om-product-card__price {
  font-family: var(--om-font-technical);
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* ------------------------------------------------------------
   EMAIL CAPTURE FORM
   ------------------------------------------------------------ */

.om-form {
  width: 100%;
}

.om-form__group {
  margin-bottom: var(--om-space-3);
}

.om-form__label {
  display: block;
  font-family: var(--om-font-technical);
  font-size: 11px;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  margin-bottom: var(--om-space-1);
  color: var(--om-dark-grey);
}

.om-form__input {
  display: block;
  width: 100%;
  border: var(--om-border-standard);
  border-radius: var(--om-radius);
  background: var(--om-paper);
  color: var(--om-black);
  font-family: var(--om-font-body);
  font-size: 16px;
  padding: 14px 16px;
  outline: none;
  transition: border-color 0.12s ease;
  -webkit-appearance: none;
}

.om-form__input:focus {
  border-color: var(--om-red);
}

.om-form__input::placeholder {
  color: var(--om-grey);
}

.om-form__submit {
  width: 100%;
  font-size: 14px;
  letter-spacing: 0.08em;
  padding: 18px 24px;
  cursor: pointer;
}

.om-form__note {
  font-family: var(--om-font-technical);
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--om-grey);
  margin-top: var(--om-space-2);
}

/* ------------------------------------------------------------
   WHAT YOU GET LIST
   ------------------------------------------------------------ */

.om-deliverable {
  display: flex;
  align-items: flex-start;
  gap: var(--om-space-3);
  padding: var(--om-space-3) 0;
  border-top: var(--om-border-thin);
}

.om-deliverable:last-child {
  border-bottom: var(--om-border-thin);
}

.om-deliverable__num {
  font-family: var(--om-font-technical);
  font-size: 11px;
  letter-spacing: 0.08em;
  color: var(--om-grey);
  flex-shrink: 0;
  width: 32px;
  padding-top: 2px;
}

.om-deliverable__body h4 {
  font-size: 18px;
  margin-bottom: 4px;
}

.om-deliverable__body p {
  font-size: 14px;
  color: var(--om-dark-grey);
  max-width: none;
}

/* ------------------------------------------------------------
   ARTICLE / CONTENT LIST
   ------------------------------------------------------------ */

.om-article-item {
  border-top: var(--om-border-thin);
  padding: var(--om-space-4) 0;
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: var(--om-space-3);
  align-items: start;
}

.om-article-item:last-child {
  border-bottom: var(--om-border-thin);
}

.om-article-item__meta {
  font-family: var(--om-font-technical);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--om-grey);
  padding-top: 4px;
}

.om-article-item__title {
  font-family: var(--om-font-display);
  font-size: clamp(20px, 3vw, 28px);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: var(--om-space-1);
}

.om-article-item__excerpt {
  font-size: 14px;
  color: var(--om-dark-grey);
  max-width: none;
}

/* ------------------------------------------------------------
   FOOTER
   ------------------------------------------------------------ */

.om-footer {
  background: var(--om-black);
  color: var(--om-paper);
  border-top: var(--om-border-heavy);
}

.om-footer__top {
  padding-top: var(--om-space-8);
  padding-bottom: var(--om-space-6);
  border-bottom: 1px solid rgba(242, 239, 231, 0.15);
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: var(--om-space-8);
}

.om-footer__brand img {
  height: 48px;
  width: auto;
  margin-bottom: var(--om-space-3);
}

.om-footer__tagline {
  font-size: 14px;
  line-height: 1.55;
  color: rgba(242, 239, 231, 0.6);
  max-width: 32ch;
}

.om-footer__col h5 {
  font-family: var(--om-font-technical);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(242, 239, 231, 0.4);
  margin-bottom: var(--om-space-3);
  padding-bottom: var(--om-space-2);
  border-bottom: 1px solid rgba(242, 239, 231, 0.12);
}

.om-footer__col a {
  display: block;
  font-size: 14px;
  color: rgba(242, 239, 231, 0.7);
  text-decoration: none;
  padding: 5px 0;
  letter-spacing: 0.01em;
}

.om-footer__col a:hover {
  color: var(--om-paper);
}

.om-footer__bottom {
  padding-top: var(--om-space-4);
  padding-bottom: var(--om-space-4);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--om-space-4);
  flex-wrap: wrap;
}

.om-footer__legal {
  font-family: var(--om-font-technical);
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(242, 239, 231, 0.3);
  line-height: 1.8;
  max-width: 60ch;
}

.om-footer__copy {
  font-family: var(--om-font-technical);
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(242, 239, 231, 0.3);
  flex-shrink: 0;
}

@media (max-width: 860px) {
  .om-footer__top {
    grid-template-columns: 1fr 1fr;
  }
  .om-footer__brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 560px) {
  .om-footer__top {
    grid-template-columns: 1fr;
  }
}

/* ------------------------------------------------------------
   UTILITY CLASSES
   ------------------------------------------------------------ */

.om-text-red    { color: var(--om-red); }
.om-text-grey   { color: var(--om-grey); }
.om-text-dark   { color: var(--om-dark-grey); }

.om-mt-1 { margin-top: var(--om-space-1); }
.om-mt-2 { margin-top: var(--om-space-2); }
.om-mt-3 { margin-top: var(--om-space-3); }
.om-mt-4 { margin-top: var(--om-space-4); }
.om-mt-6 { margin-top: var(--om-space-6); }
.om-mt-8 { margin-top: var(--om-space-8); }

.om-mb-2 { margin-bottom: var(--om-space-2); }
.om-mb-3 { margin-bottom: var(--om-space-3); }
.om-mb-4 { margin-bottom: var(--om-space-4); }
.om-mb-6 { margin-bottom: var(--om-space-6); }

.om-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
}

/* ------------------------------------------------------------
   PAGE-SPECIFIC: BRAIN UNJAMMER
   ------------------------------------------------------------ */

.om-capture-block {
  border: var(--om-border-heavy);
  background: var(--om-black);
  color: var(--om-paper);
  padding: clamp(32px, 5vw, 64px);
}

.om-capture-block .om-form__label {
  color: #E4E0D6;
}

.om-capture-block .om-form__input {
  background: #2C2B28;
  color: var(--om-paper);
  border-color: #6E6A62;
}

.om-capture-block .om-form__input:focus {
  border-color: var(--om-red);
}

.om-capture-block .om-form__input::placeholder {
  color: #8E8A81;
}

.om-capture-block .om-form__note {
  color: #ABA79E;
}

/* Capture block: document label + intro copy, legible on dark */
.om-capture-block__doc {
  color: #C9C5BB;
}

.om-capture-block__intro {
  color: #C9C5BB;
}

/* Capture block: cover + heading row */
.om-capture-top {
  display: flex;
  gap: var(--om-space-3);
  align-items: flex-start;
  margin-bottom: var(--om-space-4);
}

.om-cover {
  flex: 0 0 auto;
  width: 92px;
  position: relative;
}

.om-cover__page {
  position: absolute;
  top: 6px;
  left: 6px;
  width: 92px;
  height: 124px;
  border: 2px solid #6E6A62;
  background: #4A4944;
}

.om-cover__front {
  position: relative;
  width: 92px;
  height: 124px;
  background: var(--om-paper);
  border: var(--om-border-standard);
  padding: 10px 9px;
  display: flex;
  flex-direction: column;
}

.om-cover__band {
  height: 6px;
  background: var(--om-red);
  margin: -10px -9px 9px;
}

.om-cover__doc {
  font-family: var(--om-font-technical);
  font-size: 7px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--om-dark-grey);
}

.om-cover__title {
  font-family: var(--om-font-display);
  font-weight: 700;
  text-transform: uppercase;
  color: var(--om-black);
  font-size: 16px;
  line-height: 0.9;
  margin-top: auto;
}

.om-cover__by {
  font-family: var(--om-font-technical);
  font-size: 7px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--om-red);
  margin-top: 6px;
}

.om-form__optional {
  font-family: var(--om-font-technical);
  font-size: 10px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #8E8A81;
  margin-top: var(--om-space-2);
}

/* ------------------------------------------------------------
   INLINE CORRECTIONS (editorial red marks)
   ------------------------------------------------------------ */

.om-cross-out {
  text-decoration: line-through;
  color: var(--om-grey);
}

.om-correction-inline {
  color: var(--om-red);
  font-family: var(--om-font-technical);
}

/* ------------------------------------------------------------
   PAGE: ABOUT
   ------------------------------------------------------------ */

.om-disclosure-box {
  border: var(--om-border-red);
  padding: var(--om-space-4);
  margin-top: var(--om-space-6);
}

.om-disclosure-box .om-label {
  color: var(--om-red);
  margin-bottom: var(--om-space-2);
}

/* ------------------------------------------------------------
   CONTENT BODY (for article/legal pages)
   ------------------------------------------------------------ */

.om-content-body h2 {
  font-size: clamp(24px, 4vw, 40px);
  margin-top: var(--om-space-8);
  margin-bottom: var(--om-space-3);
  padding-top: var(--om-space-6);
  border-top: var(--om-border-thin);
}

.om-content-body h2:first-child {
  margin-top: 0;
  border-top: none;
  padding-top: 0;
}

.om-content-body h3 {
  font-size: clamp(18px, 3vw, 28px);
  margin-top: var(--om-space-6);
  margin-bottom: var(--om-space-2);
}

.om-content-body p {
  margin-bottom: var(--om-space-3);
  max-width: 68ch;
}

.om-content-body p:last-child {
  margin-bottom: 0;
}

.om-content-body a {
  color: var(--om-red);
  text-decoration-color: var(--om-red);
}

.om-content-body ul,
.om-content-body ol {
  margin-bottom: var(--om-space-3);
  padding-left: var(--om-space-3);
}

.om-content-body ul li {
  list-style: square;
  color: var(--om-dark-grey);
  font-size: 15px;
  padding: 3px 0;
}

/* ------------------------------------------------------------
   PAGE HEADER (inner pages)
   ------------------------------------------------------------ */

.om-page-header {
  border-bottom: var(--om-border-heavy);
  padding-top: clamp(48px, 8vw, 96px);
  padding-bottom: clamp(48px, 8vw, 80px);
}

.om-page-header__ref {
  margin-bottom: var(--om-space-3);
}

/* ------------------------------------------------------------
   CONTACT FORM
   ------------------------------------------------------------ */

.om-contact-form {
  max-width: 600px;
}

.om-form__textarea {
  display: block;
  width: 100%;
  border: var(--om-border-standard);
  border-radius: var(--om-radius);
  background: var(--om-paper);
  color: var(--om-black);
  font-family: var(--om-font-body);
  font-size: 16px;
  padding: 14px 16px;
  outline: none;
  resize: vertical;
  min-height: 160px;
  transition: border-color 0.12s ease;
}

.om-form__textarea:focus {
  border-color: var(--om-red);
}

/* ============================================================
   END OF STYLESHEET
   ============================================================ */