/* rev-07 · the String as the main menu: the logo mark drawn wide (strand → ring → strings), not a picture of a ring.
   The offer = the strand your work comes in on · Who we are = the ring (judgement) · Proof = the strings that come out.
   Each bead is a section; the gold bead is where you are on the page. Without the script the normal dropdown menu stays. */
.links .sym{display:flex;align-items:center;margin:0 4px 0 auto}
.sym .dd{display:flex}
.sym .ddb{display:flex!important;flex-direction:column;align-items:stretch;gap:1px;padding:5px 0 4px!important;margin:0;border:0!important;border-radius:12px!important;background:transparent!important;min-width:0}
.sym .ddb svg{display:block;width:100%;height:24px;overflow:visible}
.sym .lb{display:flex;gap:4px;justify-content:center;align-items:center;font:600 12.5px var(--sans);color:var(--ink2);white-space:nowrap;padding:0 6px;line-height:1.2}
.sym .lb i{font-style:normal;font-size:9px;opacity:.6;transition:transform .2s}
.sym .dd.open .lb i{transform:rotate(180deg)}
.sym .ddb:hover .lb,.sym .dd.open .lb,.sym .dd.on .lb{color:var(--teal)}
.sym .ddb:focus-visible{outline:2px solid var(--teal2);outline-offset:2px}
.sym .ln{stroke:#3b7c88;stroke-width:2.8;fill:none;stroke-linecap:round;transition:stroke .3s}
.sym .fan{stroke:#5ec7d6;stroke-width:1.7;fill:none;stroke-linecap:round;transition:stroke .3s}
.sym .rg{fill:none;stroke:var(--ink);stroke-width:3.6;transition:stroke .3s}
.sym .cd{fill:#d6a13f}
.sym .bd{fill:var(--bg);stroke:#3b7c88;stroke-width:1.6;transform-box:fill-box;transform-origin:center;transition:fill .3s,stroke .3s,transform .3s}
.sym .fan+.bd,.sym .bd.f{stroke:#5ec7d6}
.sym .bd.on{fill:#d6a13f;stroke:#d6a13f;transform:scale(1.45)}
.sym .bd.seen{fill:#3b7c88}
.sym .bd.f.seen{fill:#5ec7d6}
.sym .dd.on .ln{stroke:#2a6a75}
.sym .dd.on .rg{stroke:#2a6a75}
.sym .dd.on .fan{stroke:#3fb3c4}
.sym .ddb:hover .bd:not(.on){fill:var(--tint)}
.navcta.on{box-shadow:0 0 0 3px rgba(214,161,63,.55)}
.sym-here{position:absolute;left:-9999px}
@media (prefers-reduced-motion:reduce){.sym *{transition:none!important}}
@media (max-width:760px){
 .links .sym{flex:1;margin:0;min-width:0}
 .sym .dd{flex:1 1 0;min-width:0}.sym .dd.sym-ring{flex:1.05 1 0}.sym .dd.sym-fan{flex:.8 1 0}
 .sym .ddb{width:100%}
 .sym .lb{font-size:11.5px;padding:0 3px}
 .links{gap:6px!important;align-items:center}
}
.sym .bd.st{stroke:var(--ink);stroke-width:1.2;fill:#fff}
.sym .bd.st.seen{fill:#3b7c88}
.sym .bd.st.on{fill:#d6a13f;stroke:#8a6420}