/* Shared by every page on daniellebaisehomes.com: White Picket's fixed brand (brands/danielle-baise.md).
   Each house brings its own layout and motion in its folder. */
@font-face { font-family: Mirage; src: url(fonts/mirage-regular.woff2) format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: Mirage; src: url(fonts/mirage-medium.woff2) format('woff2'); font-weight: 500; font-display: swap; }

:root {
  --navy: #153558;
  --navy-deep: #031d33;
  --cream: #eceae4;
  --sand: #efede5;
  --sky: #a9b4b9;
  --red: #c13b31;
  --ink: var(--navy);
  --serif: Mirage, 'Iowan Old Style', Georgia, serif;
  color-scheme: light;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--cream); color: var(--ink); font: 400 1.125rem/1.55 var(--serif); -webkit-font-smoothing: antialiased; }
img, video { display: block; max-width: 100%; }
a { color: inherit; }
h1, h2, h3 { font-weight: 500; line-height: 1.08; letter-spacing: -.01em; margin: 0; text-wrap: balance; }
p { margin: 0; text-wrap: pretty; }
button { font: inherit; color: inherit; }
.caps { font-weight: 500; font-size: .78rem; letter-spacing: .16em; text-transform: uppercase; }
.rule::after { content: ''; display: block; width: 3rem; height: 4px; background: var(--red); margin-top: .9rem; }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
:focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }