/* Struxure — shared brand layer. Loaded last on every page so headers, tags and CTAs read as one system. */
:root{--sx-clay:#EFA78D;--sx-clay-hi:#F4B9A3;--sx-brass:#CCA766;--sx-lichen:#9BBD9C;--sx-ink:#0B1712;--sx-bone:#EEE9DD}
/* header tag line under/next to the logo: one voice everywhere */
.brand-tag,.brand-meta{font-family:"Source Sans 3","Segoe UI",system-ui,sans-serif!important;font-weight:600!important;font-size:.6rem!important;line-height:1!important;letter-spacing:.26em!important;text-transform:uppercase!important;color:var(--sx-brass)!important}
/* the logo carries its own emboss — no extra page-level shadows on it */
header .brand-lockup img,.brand img{filter:none!important}
/* primary CTAs: clay everywhere, soft neumorphic lift */
.btn--clay,a[class~="bg-[#9BBD9C]"],button[class~="bg-[#9BBD9C]"]{background:var(--sx-clay)!important;color:var(--sx-ink)!important;
  box-shadow:-2px -2px 6px rgba(255,255,255,.05),4px 6px 16px -4px rgba(0,0,0,.6),inset 1px 1px 0 rgba(255,255,255,.38),inset -1px -1px 0 rgba(150,70,45,.25)!important}
.btn--clay:hover,a[class~="bg-[#9BBD9C]"]:hover,button[class~="bg-[#9BBD9C]"]:hover{background:var(--sx-clay-hi)!important;filter:none!important}
.btn--clay:active,a[class~="bg-[#9BBD9C]"]:active,button[class~="bg-[#9BBD9C]"]:active{box-shadow:inset 2px 3px 6px rgba(120,55,35,.35),inset -1px -1px 0 rgba(255,255,255,.25)!important}