/* Conversion, proof, and accessibility improvements for the existing Aurea system. */
:root { --ink-soft: #6b6059; --serif: "Cormorant Garamond", Georgia, serif; --sage: #6b5944; }
h1, h2 { font-family: var(--serif); }
.brand { gap: 13px; }
.brand-name { display: flex; flex-direction: column; align-items: flex-start; font-family: var(--serif); font-size: 22px; font-weight: 600; letter-spacing: .13em; line-height: .9; }
.brand-name > span { font-family: var(--serif); font-size: 22px; letter-spacing: .1em; }
.brand-name small { margin-top: 6px; font-family: var(--sans); font-size: 8px; font-weight: 600; letter-spacing: .34em; line-height: 1; }
.brand-logo { flex: 0 0 auto; object-fit: contain; }
.site-footer .brand-name > span { font-size: 19px; }
.site-footer .brand-name small { font-size: 7px; }
.site-footer p a { display: inline-block; min-height: 24px; line-height: 24px; }
.about-points span, .process-index { color: #80512c; }
:focus-visible {
  outline: 3px solid #24604f;
  outline-offset: 4px;
  border-radius: 2px;
}

.skip-link {
  position: fixed;
  z-index: 1000;
  top: 12px;
  left: 12px;
  transform: translateY(-180%);
  padding: 12px 16px;
  background: #201b18;
  color: #fffaf3;
}
.skip-link:focus { transform: translateY(0); }

.service-page-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin-top: 62px;
  border: 1px solid var(--line);
  background: var(--line);
}
.service-page-card {
  min-width: 0;
  padding: clamp(24px, 4vw, 48px);
  background: var(--paper);
}
.service-page-card h2 {
  margin: 25px 0 16px;
  font-size: clamp(30px, 3.4vw, 48px);
  line-height: 1.04;
}
.service-page-card p:not(.work-type) { max-width: 55ch; color: var(--ink-soft); }
.service-detail-page .article-standfirst { max-width: 760px; }
.service-audience { max-width: 720px; margin: 26px 0 58px; color: var(--ink-soft); }
.service-detail-block, .service-faq { margin-top: 54px; }
.service-detail-block h2, .service-faq > h2 { margin: 14px 0 24px; font-size: clamp(34px, 5vw, 60px); }
.service-focus-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 40px; padding: 0; list-style: none; }
.service-focus-list li { padding: 20px 0; border-top: 1px solid var(--line); }
.service-disclosure {
  margin: 56px 0;
  padding: 24px 28px;
  border-left: 3px solid var(--brass);
  background: rgba(255, 250, 243, .72);
}
.service-disclosure p { max-width: 75ch; margin: 8px 0 0; color: var(--ink-soft); }
.service-faq .faq-item h3 { font-size: 19px; letter-spacing: -.03em; }
.service-faq .faq-item p { max-width: 68ch; }
.field-help { margin: -9px 0 0; color: var(--ink-soft); font-size: 12px; }
.start-form input:not([type="checkbox"]), .start-form select, .start-form textarea {
  min-height: 48px;
}
.start-form textarea { min-height: 96px; }
.start-form :disabled { cursor: wait; opacity: .72; }
.form-status { min-height: 1.5em; }

@media (max-width: 700px) {
  .service-page-grid, .service-focus-list { grid-template-columns: 1fr; }
  .service-page-grid { margin-top: 38px; }
  .service-page-card { padding: 26px 22px; }
  .service-audience { margin-bottom: 40px; }
  .service-disclosure { margin: 38px 0; padding: 20px; }
}