/* somalc brand book, final (8 Oct 2026, night). Link after book.css, cd-system.css, cd-day.css.
   Decisions locked here:
   - Wordmark "soma light, lc lifted": soma at 300, lc at 600, tracking -0.02em (his call, 8 Oct 23:35).
     Under 24 px on screen, and on anything printed, stitched or engraved: soma 400, lc 700 (.bw.is-small).
   - Fellas are drawn in the Crew style (fx.js data-style="crew"). His pick, 8 Oct.
   - The three facts line is gone from the landing page.
*/
:root{--coral:#E4663F;--edge:#F7F4EC;--t-hover:0ms}

/* ---------- the wordmark ---------- */
.bw{display:inline-flex;align-items:baseline;white-space:nowrap;line-height:1;letter-spacing:-.02em;font-feature-settings:"kern"}
.bw-s{font-weight:300}
.bw-l{font-weight:600}
.bw.is-small .bw-s{font-weight:400}
.bw.is-small .bw-l{font-weight:700}
.bw.is-small{letter-spacing:-.01em}

/* ---------- the lockup: block + wordmark ---------- */
.bl{display:inline-flex;align-items:baseline;line-height:1;white-space:nowrap;color:inherit}
.bl>svg{width:.756em;height:.756em;margin-right:.22em;flex:none;fill:currentColor;overflow:visible;align-self:baseline;transform:translateY(.02em)}
.bl.is-stack{flex-direction:column;align-items:center}
.bl.is-stack>svg{width:1.3em;height:1.3em;margin:0 0 .34em}

/* ---------- fellas (Crew), rendered by fx.js ---------- */
.fx{--s:64px;position:relative;width:var(--s);height:var(--s);display:inline-grid;place-items:center;flex:none;vertical-align:middle}
.fx svg{display:block;width:100%;height:100%;overflow:visible}
.fx.disc{border-radius:50%;background:#F7F4EC}
.fx.disc svg{width:92%;height:92%}
[data-theme="day"] .fx.disc{background:#FFFDF8;box-shadow:0 0 0 calc(var(--s)*.045) #FFFFFF,0 calc(var(--s)*.03) calc(var(--s)*.1) rgba(22,32,28,.14)}
.fxrow{display:flex;align-items:center}
.fxrow>.fx.disc+.fx.disc{margin-left:calc(var(--s)*-.22)}
.fxrow>.fx.disc{box-shadow:0 0 0 max(2px,calc(var(--s)*.06)) var(--ground,#0F2E25)}
[data-theme="day"] .fxrow>.fx.disc{box-shadow:0 0 0 max(2px,calc(var(--s)*.06)) #F7F4EC}
.fx.is-on::after{content:"";position:absolute;right:-1%;bottom:-1%;width:max(9px,26%);height:max(9px,26%);border-radius:50%;background:#B9EBCF;box-shadow:0 0 0 max(2px,calc(var(--s)*.05)) var(--ground,#0F2E25)}
@keyframes fx-hop{0%{transform:translateY(0);animation-timing-function:cubic-bezier(.25,.6,.4,1)}42%{transform:translateY(-22%);animation-timing-function:cubic-bezier(.55,0,.75,.4)}84%,100%{transform:translateY(0)}}
.fx.is-hop{animation:fx-hop 620ms linear 1 both}
@media (prefers-reduced-motion:reduce){.fx.is-hop{animation:none}}

/* ---------- 9 Oct: shapes replace the fellas (no faces, no characters) ---------- */
.tk{--s:40px;position:relative;width:var(--s);height:var(--s);display:inline-grid;place-items:center;flex:none;vertical-align:middle}
.tk svg{display:block;width:100%;height:100%;overflow:visible}
.tk.disc{border-radius:50%;background:#F7F4EC}
[data-theme="day"] .tk.disc{background:#FFFDF8;box-shadow:0 0 0 calc(var(--s)*.045) #FFFFFF,0 calc(var(--s)*.03) calc(var(--s)*.1) rgba(22,32,28,.14)}
[data-theme="day"] [data-theme="night"] .tk.disc{background:#F7F4EC;box-shadow:none}
.tkrow{display:flex;align-items:center}
.tkrow>.tk.disc+.tk.disc{margin-left:calc(var(--s)*-.22)}
.tkrow>.tk.disc{box-shadow:0 0 0 max(2px,calc(var(--s)*.06)) var(--ground,#0F2E25)}
[data-theme="day"] .tkrow>.tk.disc{box-shadow:0 0 0 max(2px,calc(var(--s)*.06)) #F7F4EC}
.tk.is-on::after{content:"";position:absolute;right:-1%;bottom:-1%;width:max(9px,26%);height:max(9px,26%);border-radius:50%;background:#B9EBCF;box-shadow:0 0 0 max(2px,calc(var(--s)*.05)) var(--ground,#0F2E25)}
[data-theme="day"] .tk.is-on::after{background:#1E6B4E;box-shadow:0 0 0 max(2px,calc(var(--s)*.05)) #F7F4EC}
.tk.is-hop{animation:fx-hop 620ms linear 1 both}
@media (prefers-reduced-motion:reduce){.tk.is-hop{animation:none}}

/* ---------- 9 Oct: red for destructive actions ("rowan") ---------- */
:root{--rowan:#B3261E;--rowan-text:#FF7A6E}
[data-theme="day"]{--rowan-text:#B3261E}
/* fill #B3261E with a cream label: 5.95. Text by night #FF7A6E on deep: 5.75. Text by day #B3261E on cream: 5.95. */
/* red text on a pine panel by night: #FF9A90 (4.8 on pine). */
.cd-pan,.cd-es-pan{--rowan-text-pine:#FF9A90}