/* Cloth & Accord — v1.0 starter. Add ca-brand to a site wrapper.
   Font software is intentionally not included. See Fonts-and-Editing.md. */
:root {
  --ca-oxblood:#260C0E; --ca-paper:#F2EBDD; --ca-ink:#292522;
  --ca-stone:#D2C7B7; --ca-olive:#62654D; --ca-tobacco:#795440;
  --ca-plum:#725568; --ca-slate:#6C6258;
  --ca-heading-font:"Libre Caslon Text", Georgia, serif;
  --ca-body-font:"Source Sans 3", Arial, sans-serif;
  --ca-rule-color:var(--ca-stone); --ca-rule-essential:var(--ca-slate);
  --ca-content:72rem; --ca-editorial-wide:90rem;
  --ca-gutter:clamp(1.25rem,4vw,4rem);
  --ca-section-space:clamp(3rem,7vw,7rem);
  --ca-image-radius:0; --ca-rule-width:1px;
  --ca-duration:200ms; --ca-ease:cubic-bezier(.22,.61,.36,1);
}
.ca-brand {color:var(--ca-ink);background:var(--ca-paper);font:400 1.125rem/1.6 var(--ca-body-font);font-synthesis:none;}
.ca-container {width:min(calc(100% - 2 * var(--ca-gutter)),var(--ca-content));margin-inline:auto;}
.ca-editorial-wide {max-width:var(--ca-editorial-wide);}
.ca-section {padding-block:var(--ca-section-space);}
.ca-display {font:400 clamp(3rem,5.5vw,5rem)/1.08 var(--ca-heading-font);letter-spacing:-.015em;}
.ca-article-heading {font:400 clamp(1.75rem,3vw,2.5rem)/1.16 var(--ca-heading-font);letter-spacing:-.01em;}
.ca-section-heading {font:400 clamp(1.5rem,2.3vw,2rem)/1.2 var(--ca-heading-font);letter-spacing:0;}
.ca-body {font:400 1.125rem/1.6 var(--ca-body-font);max-width:65ch;}
.ca-essay {font:400 1.125rem/1.6 var(--ca-heading-font);max-width:65ch;}
.ca-annotation {font:500 1rem/1.25 var(--ca-body-font);}
.ca-caption {font:400 .875rem/1.35 var(--ca-body-font);color:var(--ca-slate);}
.ca-metadata {font:500 .875rem/1.35 var(--ca-body-font);font-variant-numeric:lining-nums tabular-nums;}
.ca-category {font:600 .875rem/1.2 var(--ca-body-font);letter-spacing:.06em;text-transform:uppercase;}
.ca-quote {font:italic 400 clamp(1.5rem,2.4vw,2rem)/1.35 var(--ca-heading-font);}
.ca-brand img {max-width:100%;height:auto;border-radius:var(--ca-image-radius);}
.ca-brand a {color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px;}
.ca-brand a:hover {text-decoration:underline;}
.ca-brand :focus-visible {outline:2px solid currentColor;outline-offset:4px;}
.ca-button {display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.6rem 1rem;border:1px solid currentColor;border-radius:0;background:transparent;color:inherit;font:600 1rem/1.25 var(--ca-body-font);text-decoration:none;}
.ca-button:hover {background:var(--ca-oxblood);color:var(--ca-paper);}
.ca-rule {border:0;border-top:var(--ca-rule-width) solid var(--ca-rule-color);}
.ca-input {box-sizing:border-box;min-height:44px;border:1px solid var(--ca-rule-essential);background:transparent;padding:.65rem .8rem;font:inherit;color:inherit;border-radius:0;}
/* Header: retain the site's actual navigation hrefs and consultation destination. */
.ca-header {position:relative;z-index:30;background:var(--ca-paper);color:var(--ca-ink);border-bottom:1px solid var(--ca-stone);font:400 1rem/1.25 var(--ca-body-font);}
.ca-header[data-theme="dark"] {background:var(--ca-oxblood);color:var(--ca-paper);border-color:var(--ca-paper);}
.ca-header[data-theme="transparent"] {background:transparent;color:var(--ca-paper);border-color:currentColor;}
.ca-header__row {box-sizing:border-box;min-height:88px;padding-inline:var(--ca-gutter);max-width:var(--ca-editorial-wide);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.ca-header__home {display:flex;align-items:center;flex:none;min-height:44px;}
.ca-header__logo {display:block;width:260px;height:auto;}
.ca-header__mark {display:none;width:66px;height:auto;}
.ca-header__nav {display:flex;gap:24px;align-items:center;}
.ca-header a,.ca-header button {color:inherit;font:inherit;letter-spacing:0;text-transform:none;}
.ca-header__nav a {display:inline-flex;align-items:center;min-height:44px;text-decoration:none;}
.ca-header__nav a:hover,.ca-header__nav a[aria-current]:not([aria-current="false"]) {text-decoration:underline;text-underline-offset:6px;}
.ca-header__cta {font-weight:600!important;border-bottom:1px solid currentColor;}
.ca-header__toggle {display:none;min-width:60px;min-height:44px;background:none;border:0;padding:8px;cursor:pointer;}
.ca-header :focus-visible {outline:2px solid currentColor;outline-offset:4px;}
.ca-header__nav[hidden] {display:none;}
@media(max-width:1099px) {
 .ca-header__row {min-height:72px;flex-wrap:wrap;gap:0;}
 .ca-header__logo {width:230px;}
 .ca-header__toggle {display:block;}
 .ca-header__nav {width:100%;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:8px 0 20px;}
 .ca-header[data-theme="transparent"]:has(.ca-header__nav:not([hidden])) {background:var(--ca-oxblood);}
 .ca-header__cta {align-self:flex-start;}
}
@media(max-width:479px) {.ca-header__logo {display:none;}.ca-header__mark {display:block;}}
@media(prefers-reduced-motion:reduce) {.ca-brand * {transition:none!important;animation:none!important;}}
