/* Homepage navigation, shared across content pages. Header scope only. */
.site-header{--color-stone:#e3d6c6;--color-ink:#3d4448;--color-paper:#faf7f1;--color-clay:#a97961;--color-rule:rgba(61,68,72,.17);--color-rule-strong:rgba(61,68,72,.34);position:sticky;top:0;z-index:100;width:100%;background:var(--color-stone);border-bottom:1px solid var(--color-rule);backdrop-filter:blur(14px);font-family:"DM Sans",Arial,sans-serif;color:var(--color-ink);font-weight:400;line-height:1.4;letter-spacing:-.018em;-webkit-font-smoothing:antialiased}
.site-header .header-inner{width:min(100%,1280px);margin-inline:auto;padding-inline:clamp(22px,5vw,76px);min-height:76px;display:flex;align-items:center;gap:28px}
.site-header .wordmark{margin-right:auto;color:var(--color-ink)!important;font-family:"DM Sans",Arial,sans-serif;font-size:21px;font-weight:700;line-height:1;letter-spacing:-.055em;text-decoration:none;white-space:nowrap}
.site-header .wordmark span{font-weight:400}
.site-header .header-inner nav{display:flex;align-items:center;gap:28px}
.site-header .header-inner nav>a:not(.header-cta){display:inline-flex;align-items:center;justify-content:flex-start;padding-block:5px;border-bottom:1px solid transparent!important;width:max-content;max-width:100%;font-size:14px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;color:var(--color-ink)}
.site-header .header-link-text{display:inline-block;border-bottom:1px solid transparent;padding-bottom:5px;margin-bottom:-5px}
.site-header a[aria-current="page"] .header-link-text{border-color:var(--color-clay)}
.site-header a:focus-visible{outline:2px solid var(--color-clay);outline-offset:4px}
.site-header .header-availability{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--color-rule-strong);border-radius:999px;padding:10px 14px;font-size:12px;font-weight:400;white-space:nowrap}
.site-header .header-availability>span{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--color-clay)}
.site-header .header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border:1px solid var(--color-ink);border-radius:6px;background:var(--color-ink);color:var(--color-paper)!important;font:600 14px/1.4 "DM Sans",Arial,sans-serif;text-decoration:none;white-space:nowrap;transform:none}
@media(hover:hover) and (pointer:fine){.site-header .header-inner nav>a:not(.header-cta):hover .header-link-text{border-color:var(--color-clay)}.site-header .header-cta:hover{transform:translateY(-2px);background:var(--color-clay);border-color:var(--color-clay)}}
@media(max-width:900px){.site-header .header-inner nav{gap:14px}}
@media(max-width:900px){.site-header .header-inner:has(.header-availability){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) max-content;gap:12px;padding-block:16px}.site-header .header-inner:has(.header-availability) nav{display:contents}.site-header .header-inner:has(.header-availability) .wordmark{grid-column:1;grid-row:1;margin-right:0}.site-header .header-inner:has(.header-availability) .header-cta{grid-column:3;grid-row:1;padding-inline:15px}.site-header .header-inner:has(.header-availability) .header-availability{grid-column:2;grid-row:1;justify-self:end;font-size:10px;padding:5px 7px;gap:5px;white-space:normal;line-height:1.2}.site-header .header-inner:has(.header-availability) nav>a:not(.header-cta){display:inline-flex;grid-row:2;justify-self:start;white-space:nowrap}.site-header .header-inner:has(.header-availability) nav>a:nth-child(1){grid-column:1}.site-header .header-inner:has(.header-availability) nav>a:nth-child(2){grid-column:2}.site-header .header-inner:has(.header-availability) nav>a:nth-child(3){grid-column:3;justify-self:end}}
@media(max-width:360px){.site-header .header-inner:has(.header-availability){gap:10px 8px}.site-header .wordmark{font-size:19px}.site-header .header-inner:has(.header-availability) .header-availability{font-size:9px;padding:5px;gap:4px}.site-header .header-inner:has(.header-availability) .header-cta{font-size:12px;padding-inline:12px}.site-header .header-inner nav>a:not(.header-cta){font-size:13px}}
@media(hover:none),(pointer:coarse){.site-header .header-cta:hover{transform:none;background:var(--color-ink);border-color:var(--color-ink)}}

@media(max-width:360px){.site-header .header-inner:has(.header-availability){grid-template-columns:max-content minmax(0,1fr) max-content}.site-header .header-inner:has(.header-availability) .header-availability{max-width:100%;min-width:0;justify-self:stretch}}