:root{--paper:#F6F1E4;--paper-d:#ECE5D0;--ink:#1F1D17;--ink-s:#3C3729;--olive:#6B7A3D;--olive-d:#4F5C2C;--terra:#C76C3F;--terra-d:#A3552E;--muted:#867F68;--line:#C9C0A3}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:'Public Sans',sans-serif;font-size:15px;line-height:1.65;min-height:100vh;display:flex;flex-direction:column}
a{color:inherit;text-decoration:none}
::selection{background:var(--terra);color:var(--paper)}
.demo-banner{background:var(--ink);color:var(--paper);padding:0.65rem 1rem;font-size:0.78rem;text-align:center;letter-spacing:0.05em}
.demo-banner strong{color:var(--terra)}
.demo-banner a{color:var(--paper);text-decoration:underline;text-decoration-color:var(--terra)}
.masthead{padding:1.25rem 2.5rem;border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;position:sticky;top:0;background:var(--paper);z-index:9}
.brand{display:flex;align-items:baseline;gap:0.75rem}
.brand .sym{font-family:'Playfair Display',serif;color:var(--terra);font-size:1.5rem;font-style:italic}
.brand-name{font-family:'Playfair Display',serif;font-weight:500;font-size:1.3rem;letter-spacing:-0.005em}
.brand-name a{color:inherit}
.brand-sub{font-size:0.68rem;text-transform:uppercase;letter-spacing:0.18em;color:var(--muted);margin-top:2px}
.masthead nav{display:flex;gap:1.75rem;font-size:0.82rem;justify-self:center;font-family:'Public Sans',sans-serif;font-weight:500}
.masthead nav a{padding-bottom:2px;border-bottom:1px solid transparent;transition:all 0.2s}
.masthead nav a.active,.masthead nav a:hover{border-bottom-color:var(--terra);color:var(--terra-d)}
.masthead .cta{background:var(--olive);color:var(--paper);padding:0.5rem 1.1rem;font-size:0.82rem;font-weight:500;transition:background 0.2s}
.masthead .cta:hover{background:var(--olive-d)}
main{flex:1}
footer{padding:1.75rem 2.5rem;background:var(--paper-d);border-top:1px solid var(--line);font-size:0.78rem;color:var(--muted);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0.75rem}
footer .orn{font-family:'Playfair Display',serif;font-style:italic;color:var(--terra);font-size:1rem}
footer a:hover{color:var(--terra-d)}
@media(max-width:780px){.masthead{grid-template-columns:1fr;text-align:center;gap:0.75rem;padding:1rem 1.25rem}.brand{justify-content:center}.masthead nav{justify-content:center;flex-wrap:wrap;gap:1rem;justify-self:auto}footer{padding:1.25rem;justify-content:center;text-align:center}}