body { background: var(--paper); }
.awareness-page { padding: 58px 0 80px; }
.awareness-page-shell { max-width: 1040px; }
.awareness-back { display: inline-block; color: var(--teal); font: 700 11px/1 "Trebuchet MS", sans-serif; letter-spacing: .06em; text-transform: uppercase; }
.awareness-page-heading { margin-top: 32px; }
.awareness-page-heading h1 { margin: 0; font-size: 60px; line-height: .98; }
.awareness-page-heading > p:not(.eyebrow) { max-width: 640px; margin: 18px 0 0; color: var(--muted); font: 700 12px/1.4 "Trebuchet MS", sans-serif; letter-spacing: .07em; text-transform: uppercase; }
.awareness-detail { display: grid; grid-template-columns: minmax(300px, .78fr) minmax(0, 1.22fr); gap: 64px; align-items: start; margin-top: 42px; }
.awareness-detail-image { overflow: hidden; border: 1px solid #b79752; background: var(--night); box-shadow: 10px 10px 0 #d98e59; }
.awareness-detail-image img { display: block; width: 100%; height: auto; }
.awareness-detail-copy { display: grid; gap: 34px; }
.awareness-detail-copy section { padding-bottom: 30px; border-bottom: 1px solid var(--line); }
.awareness-detail-copy h2 { margin: 0; font-size: 34px; line-height: 1.1; }
.awareness-detail-copy ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.awareness-detail-copy li { position: relative; padding-left: 20px; color: var(--copy); font: 16px/1.45 "Trebuchet MS", sans-serif; }
.awareness-detail-copy li::before { position: absolute; left: 0; color: var(--teal); content: "•"; }
.awareness-detail-copy blockquote { margin: 22px 0 0; padding-left: 16px; border-left: 2px solid var(--teal); color: var(--ink); font: italic 22px/1.38 Georgia, "Times New Roman", serif; }
.awareness-closing { margin: -10px 0 0; color: var(--ink); font: 700 22px/1.2 Georgia, "Times New Roman", serif; }
.awareness-next-link { display: inline-flex; width: fit-content; min-height: 42px; align-items: center; padding: 0 15px; border: 1px solid var(--ink); border-radius: 4px; color: var(--ink); font: 700 11px/1 "Trebuchet MS", sans-serif; letter-spacing: .05em; text-transform: uppercase; }
.awareness-next-link:hover, .awareness-next-link:focus-visible { border-color: var(--teal); color: var(--teal); }
@media (max-width: 700px) {
  .awareness-page { padding: 42px 0 56px; }
  .awareness-page-heading h1 { font-size: 43px; }
  .awareness-detail { grid-template-columns: 1fr; gap: 36px; margin-top: 32px; }
  .awareness-detail-image { width: min(100%, 380px); }
  .awareness-detail-copy h2 { font-size: 29px; }
}