@font-face{font-family:"HUOMO 1463";src:url("huomo-1463.ttf") format("truetype");font-display:swap}
body>nav[aria-label="Site"] .site-brand{font-family:"HUOMO 1463",Georgia,serif!important;font-weight:300!important;font-size:16px!important;letter-spacing:.22em!important;text-transform:uppercase!important}
body>nav[aria-label="Site"] .nav-about{position:relative;margin-left:20px;font:inherit;color:inherit;display:inline-flex;align-items:center;gap:5px}
body>nav[aria-label="Site"] .nav-about .nav-about-link{margin:0!important}
body>nav[aria-label="Site"] .nav-about details{position:static}
body>nav[aria-label="Site"] .nav-about summary{display:block;list-style:none;cursor:pointer;padding:0!important;color:#5b5947!important;font-family:Archivo,system-ui,sans-serif!important;font-weight:500!important;font-size:10px!important;line-height:1!important;letter-spacing:0!important;background:none;border:0}
body>nav[aria-label="Site"] .nav-about summary::-webkit-details-marker{display:none}
body>nav[aria-label="Site"] .nav-about summary::after{content:""}
body>nav[aria-label="Site"] .nav-about details[open] summary{transform:rotate(180deg)}
body>nav[aria-label="Site"] .nav-menu{position:absolute;right:0;top:calc(100% + 17px);min-width:190px;padding:12px 18px 15px;background:rgba(242,232,216,.98);border:1px solid rgba(174,102,64,.46);box-shadow:0 18px 38px rgba(26,21,16,.15);display:flex;flex-direction:column;align-items:flex-start;gap:0;z-index:100}
body>nav[aria-label="Site"] .nav-menu a{display:block!important;width:100%;margin:0!important;padding:10px 0!important;color:#4a4037!important;border-bottom:1px solid rgba(62,55,47,.12)!important;white-space:nowrap}
body>nav[aria-label="Site"] .nav-menu a:last-child{border-bottom:0!important}
body>nav[aria-label="Site"] .nav-menu a:hover{color:#ae6640!important}
@media(max-width:820px){body>nav[aria-label="Site"] .nav-about{margin-left:0;margin-right:18px}body>nav[aria-label="Site"] .nav-menu{position:fixed;right:12px;top:50px}}

/* HUOMO visual system: three text levels and one quiet caption level. */
:root{--huomo-ink:#191714;--huomo-ochre:#ae6640;--huomo-olive:#5b5947;--huomo-paper:#f2e8d8}
body{color:var(--huomo-ink)}
body :is(h1,h2,h3,.lede,.word,.claim,.quote){font-family:"HUOMO 1463",Georgia,serif;font-weight:300}
body :is(p,.body,.intro,.lead,.copy,.line){font-family:"HUOMO 1463",Georgia,serif;font-weight:300;color:var(--huomo-olive)}
body :is(.cap,.eyebrow,.kicker,.label,.role,.aff,dt,nav,footer){font-family:Archivo,system-ui,sans-serif}
body :is(.cap,.eyebrow,.kicker,.label,.role,.aff,dt){color:var(--huomo-ochre)}
body strong{color:var(--huomo-ink);font-weight:600}
body a{accent-color:var(--huomo-ochre)}
.about-quote{max-width:min(560px,90vw);box-sizing:border-box;margin-left:auto;margin-right:auto}

/* The decision loop is a working sketch, not a scientific diagram. */
.plate .wheel{overflow:visible;filter:drop-shadow(0 1px 0 rgba(242,232,216,.04))}
.plate .wheel polyline{stroke:#77755d!important;stroke-width:1.15!important;opacity:.82}
.plate .wheel text{fill:#a7a38a!important;font-family:"HUOMO 1463",Georgia,serif!important;font-size:13px!important;font-weight:300!important;letter-spacing:1.4px!important}
.plate .wheel circle{fill:#ae6640!important;stroke:#77755d!important;stroke-width:1!important}
.plate .wheel circle[fill="#F2E8D8"]{fill:#191714!important;stroke:#ae6640!important}
.plate .wheel text[fill="#AE6640"]{fill:#c4835c!important}
.plate .wheel text[fill="#9DB1CC"]{fill:#c4835c!important}

@media(max-width:560px){
  footer{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;box-sizing:border-box;max-width:100%}
  body>nav[aria-label="Site"]{flex-wrap:wrap;justify-content:center;gap:6px 10px;box-sizing:border-box;max-width:100%}
  body>nav[aria-label="Site"] .links,
  body>nav[aria-label="Site"] .navlinks{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;max-width:100%}
  body>nav[aria-label="Site"] .nav-about{margin-left:0;margin-right:0}
}

/* unified nav + footer typography (self-contained) */
body>nav[aria-label="Site"]:not(#topbar){position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:13px clamp(18px,4vw,62px);background:rgba(242,232,216,.92);border-bottom:1px solid rgba(62,55,47,.14);backdrop-filter:blur(9px)}
body>nav[aria-label="Site"] a{color:#191714;text-decoration:none}
body>nav[aria-label="Site"] .site-brand{color:#191714!important;text-decoration:none!important}
body>nav[aria-label="Site"] .links a.b,body>nav[aria-label="Site"] .navlinks a.b,body>nav[aria-label="Site"] .nav-about-link{font-family:Archivo,Arial,sans-serif;font-weight:600;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#4a4037;margin-left:18px}
body>nav[aria-label="Site"] a.b:hover{color:#191714}

#topbar{transform:translateY(-110%)}
#topbar.on{transform:none}