:root{--earth:#EFE7D6;--earth-d:#E0D5BD;--ink:#2A1E15;--ink-s:#4A382B;--himalaya:#8A3A2E;--himalaya-d:#6B2921;--gold:#B88B3E;--muted:#857865;--line:#C2B393}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--earth);color:var(--ink);font-family:'DM 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(--himalaya);color:var(--earth)}
.demo-banner{background:var(--ink);color:var(--earth);padding:0.65rem 1rem;font-size:0.78rem;text-align:center;letter-spacing:0.05em}
.demo-banner strong{color:var(--gold)}
.demo-banner a{color:var(--earth);text-decoration:underline;text-decoration-color:var(--gold)}
.masthead{padding:1.5rem 2.5rem;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:2rem;position:sticky;top:0;background:var(--earth);z-index:9}
.brand{display:flex;align-items:center;gap:0.85rem}
.brand .mark{width:36px;height:36px;background:var(--himalaya);color:var(--earth);display:inline-flex;align-items:center;justify-content:center;font-family:'DM Serif Display',serif;font-size:1.3rem;border-radius:50%}
.brand-name{font-family:'DM Serif Display',serif;font-weight:400;font-size:1.35rem;letter-spacing:-0.005em}
.brand-name a{color:inherit}
.brand-sub{font-size:0.68rem;text-transform:uppercase;letter-spacing:0.2em;color:var(--muted);margin-top:2px}
.masthead nav{display:flex;gap:1.75rem;font-size:0.85rem;font-weight:500}
.masthead nav a{padding-bottom:2px;border-bottom:1.5px solid transparent;transition:all 0.2s}
.masthead nav a.active,.masthead nav a:hover{border-bottom-color:var(--gold);color:var(--himalaya-d)}
main{flex:1}
footer{padding:1.75rem 2.5rem;background:var(--earth-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:'DM Serif Display',serif;color:var(--himalaya);font-size:1.1rem;font-style:italic}
footer a:hover{color:var(--himalaya-d)}
@media(max-width:780px){.masthead{flex-direction:column;gap:0.75rem;padding:1rem 1.25rem}.masthead nav{justify-content:center;flex-wrap:wrap;gap:1rem}footer{padding:1.25rem;justify-content:center;text-align:center}}