:root {
  color-scheme: light;
  --cream: #ede6d8;
  --wine: #39151d;
  --ink: #342d2a;
  --line: #c8beae;
  --muted: #756a60;
  --serif: "Cormorant Garamond", Georgia, serif;
  --body: "DM Sans", sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: auto; }
body { margin: 0; background: var(--cream); color: var(--ink); font: 300 20px/32px var(--body); font-synthesis: none; }
h1, h2, p { margin: 0; }
a { color: inherit; text-underline-offset: .25em; }
:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
.skip-link { position: fixed; z-index: 10; top: 16px; left: 16px; padding: 12px 16px; background: var(--cream); color: var(--wine); transform: translateY(-200%); }
.skip-link:focus { transform: translateY(0); }
.site-header { background: var(--wine); color: var(--cream); }
.header-inner { max-width: 1440px; min-height: 100px; margin-inline: auto; padding: 7px 64px; display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.brand { display: inline-flex; align-items: center; gap: 16px; flex-shrink: 0; }
.phoenix-plaque { display: block; width: 64px; height: 86px; padding: 4px; border-radius: 2px; background: var(--cream); overflow: hidden; }
.phoenix-crop { display: block; position: relative; width: 56px; height: 78px; overflow: hidden; }
.phoenix-crop img { position: absolute; width: 124.59%; height: 107.18%; max-width: none; left: -12.92%; top: -3.54%; }
.wordmark { display: block; width: 159px; height: auto; }
.site-nav { width: min(560px, 100%); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 28px; font: 300 15px/24px var(--body); }
.site-nav a { display: inline-flex; align-items: center; min-height: 48px; text-decoration: none; }
.site-nav a:hover, .site-nav a[aria-current="page"] { text-decoration: underline; }
.privacy-notice { width: min(760px, calc(100% - 48px)); margin-inline: auto; padding-block: 88px; display: flex; flex-direction: column; gap: 52px; }
.notice-introduction { display: flex; flex-direction: column; gap: 24px; padding-bottom: 24px; border-bottom: 1px solid var(--line); }
h1 { font: 400 96px/104px var(--serif); }
.effective-date { color: var(--muted); font: 400 14px/22px var(--body); }
section { display: flex; flex-direction: column; gap: 24px; }
h2 { font: 400 36px/43px var(--serif); }
p, address { overflow-wrap: anywhere; }
address { font-style: normal; }
.contact { gap: 16px; }
.page-footer { max-width: 1312px; margin-inline: auto; margin-bottom: 32px; border-top: 1px solid var(--line); padding-top: 24px; display: flex; justify-content: space-between; gap: 24px; color: var(--muted); font: 400 14px/22px var(--body); }
@media (max-width: 950px) {
  .header-inner { padding-inline: 32px; flex-wrap: wrap; }
  .site-nav { flex: 1 1 380px; }
  .page-footer { margin-inline: 24px; }
}
@media (max-width: 600px) {
  body { font-size: 18px; line-height: 29px; }
  .header-inner { padding: 16px 24px 8px; gap: 12px; }
  .phoenix-plaque { width: 48px; height: 66px; }
  .phoenix-crop { width: 40px; height: 58px; }
  .wordmark { width: 132px; }
  .site-nav { width: 100%; flex-basis: 100%; gap: 4px 20px; }
  .privacy-notice { padding-block: 56px; gap: 40px; }
  h1 { font-size: 64px; line-height: 72px; }
  h2 { font-size: 32px; line-height: 38px; }
  .page-footer { flex-wrap: wrap; }
}
