/* Capistrano Real Estate Partners only. Apply .crep-brand within multifamily/.
   Do not import globally into the Advisors website. Logo artwork is separate. */
.crep-brand {
  --crep-navy: #0C1A2C;
  --crep-ivory: #F4F0E7;
  --crep-white: #FFFFFF;
  --crep-slate: #384552;
  --crep-muted: #606B75;
  --crep-brass: #B89254;
  --crep-dark-brass: #7A5A26;
  --crep-rule: #D5D2C8;
  --crep-editorial: "Cormorant Garamond", Georgia, serif;
  --crep-text: "Inter", Arial, sans-serif;
  --crep-content-max: 1200px;
  --crep-reading-max: 68ch;
  --crep-gutter: 24px;
  --crep-radius: 4px;
  --crep-motion: 180ms;
  color: var(--crep-slate);
  background: var(--crep-ivory);
  font-family: var(--crep-text);
  font-size: 16px;
  line-height: 1.6;
}
.crep-brand *, .crep-brand *::before, .crep-brand *::after { box-sizing: border-box; }
.crep-brand .crep-container { width: min(100% - 2 * var(--crep-gutter), var(--crep-content-max)); margin-inline: auto; }
.crep-brand .crep-reading { max-width: var(--crep-reading-max); }
.crep-brand .crep-section { padding-block: clamp(48px, 6vw, 96px); }
.crep-brand h1, .crep-brand h2, .crep-brand h3 { font-family: var(--crep-editorial); color: var(--crep-navy); font-weight: 600; margin: 0 0 24px; }
.crep-brand h1 { font-size: clamp(36px, 5vw, 64px); line-height: 1.06; letter-spacing: -0.02em; }
.crep-brand h2 { font-size: clamp(28px, 3.5vw, 40px); line-height: 1.12; }
.crep-brand h3 { font-size: 28px; line-height: 1.2; }
.crep-brand p { margin: 0 0 24px; }
.crep-brand .crep-secondary { color: var(--crep-muted); font-size: 14px; }
.crep-brand .crep-label { font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }
.crep-brand .crep-prose a { color: var(--crep-navy); text-decoration: underline; text-underline-offset: 0.18em; }
.crep-brand .crep-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 12px 24px; border: 1px solid var(--crep-navy); border-radius: var(--crep-radius); background: var(--crep-navy); color: var(--crep-ivory); font: 600 16px/1.25 var(--crep-text); text-decoration: none; transition: background-color var(--crep-motion) ease; }
.crep-brand :focus-visible { outline: 3px solid var(--crep-navy); outline-offset: 3px; }
.crep-brand .crep-dark { color: var(--crep-ivory); background: var(--crep-navy); }
.crep-brand .crep-dark h1, .crep-brand .crep-dark h2, .crep-brand .crep-dark h3, .crep-brand .crep-dark a, .crep-brand .crep-dark .crep-secondary { color: var(--crep-ivory); }
.crep-brand .crep-dark :focus-visible { outline-color: var(--crep-ivory); }
.crep-brand .crep-dark .crep-button { border-color: var(--crep-ivory); }
.crep-brand .crep-rule { border: 0; border-top: 1px solid var(--crep-rule); margin-block: 32px; }
.crep-brand .crep-accent-rule { border-color: var(--crep-brass); }
.crep-brand .crep-accent-text { color: var(--crep-dark-brass); }
.crep-brand .crep-dark .crep-accent-text { color: var(--crep-ivory); }
.crep-brand .crep-data { font-variant-numeric: tabular-nums; }
.crep-brand img { max-width: 100%; height: auto; }
.crep-brand .crep-columns { display: grid; grid-template-columns: 1fr; gap: 32px; }
@media (min-width: 768px) {
  .crep-brand { --crep-gutter: 48px; font-size: 18px; }
  .crep-brand .crep-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px; }
}
@media (prefers-reduced-motion: reduce) {
  .crep-brand *, .crep-brand *::before, .crep-brand *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}
@media print {
  .crep-brand { color: #000000; background: #FFFFFF; font-size: 11pt; line-height: 1.4; }
  .crep-brand .crep-container { width: auto; }
  .crep-brand .crep-section { padding-block: 16pt; }
  .crep-brand .crep-dark, .crep-brand .crep-dark h1, .crep-brand .crep-dark h2, .crep-brand .crep-dark h3, .crep-brand .crep-dark a, .crep-brand .crep-dark .crep-secondary { color: #000000; background: #FFFFFF; }
  .crep-brand h1 { font-size: 28pt; }
  .crep-brand h2 { font-size: 20pt; }
  .crep-brand .crep-secondary { font-size: 9pt; }
}