/* Owner-approved identity, t_58973411. Brand skin only; R5 mechanics stay in site.css/site.js. */
:root { caret-color: var(--ink); }
/* R8 (t_f0e8d3fb) elevation tokens: three levels, each with one meaning. Desk = where work arrives (flat);
   Sheet = what was drafted (set down: contact + short soft); Sign = a person's decision / the primary action
   (smallest, sharpest, on top). Every content shadow on the page is one of these. */
:root {
  --z-desk: none;
  --z-sheet: 0 1px 1px rgb(32 40 39 / .07), 0 16px 30px -18px rgb(32 40 39 / .34);
  --z-sign: 0 1px 2px rgb(32 40 39 / .3), 0 3px 6px -2px rgb(32 40 39 / .2);
}
/* the legacy floating tokens now resolve to the Sheet level, so nothing floats by default */
:root { --mat: var(--z-sheet); --lift: var(--z-sheet); }
@media (max-width: 39.99rem) { :root { --z-sheet: 0 1px 1px rgb(32 40 39 / .07), 0 10px 18px -12px rgb(32 40 39 / .32); } }
body { font-weight: 400; font-stretch: normal; letter-spacing: 0; }
b, strong, h1, h2, h3, h4, h5, h6 { font-weight: 500; }
em { font-family: inherit; font-style: normal; font-weight: 500; }
.hero__title, .h2, .feature__title, .close__title { letter-spacing: -.025em; }
h1 em, h2 em, .hero__title em { font-size: 1em; }
.hero__title em { color: var(--ink); }
:focus-visible { outline-color: var(--ink); }
.peak :focus-visible, .close__card :focus-visible { outline-color: var(--citron); }
/* The sheet remains a light surface even inside the dark band. */
.peak .sheet :focus-visible { outline-color: var(--ink); }
.pill--accent { color: var(--ink); background: var(--citron); border-color: var(--ink); box-shadow: var(--z-sign); }
.bar .bar__cta { box-shadow: none; }
.pill--accent .pill__chip { background: var(--ink); color: var(--paper); }
.pill--accent:hover { background: var(--accent-hover); }
.pill--paper { background: var(--citron); color: var(--ink); border-color: var(--ink); }
.pill--paper .pill__chip { background: var(--ink); color: var(--paper); }
.pill--paper:hover { background: var(--accent-hover); }
.pill--paper, .pill--paper:hover { box-shadow: var(--z-sign); }
/* R8: the bar is chrome, not content: opaque Paper, a hairline, a short 12px shadow, no backdrop blur */
.bar__inner { background: var(--paper); box-shadow: 0 1px 2px rgb(32 40 39 / .05), 0 6px 12px -9px rgb(32 40 39 / .16); backdrop-filter: none; -webkit-backdrop-filter: none; }
.brand-lockup { display: inline-flex; align-items: center; gap: .36em; font-family: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif; font-weight: 500; line-height: 1.2; letter-spacing: -.015em; text-decoration: none; white-space: nowrap; }
.brand-lockup img { width: 2.65em; height: auto; flex: none; }
/* Align the visible wing to the cap/x-height mass rather than the entire line box. */
.brand-lockup img { transform: translateY(-.015em); }
.bar__mark { font-size: 1.125rem; font-weight: 500; letter-spacing: -.015em; min-height: 2.75rem; }
.colophon__brand { font-size: 1.5rem; color: var(--ink); margin-bottom: .65rem; }
.hero::before { background: radial-gradient(44rem 30rem at 92% 18%, rgb(208 216 206 / .42), transparent 70%), radial-gradient(36rem 24rem at 4% 0%, rgb(208 216 206 / .20), transparent 70%); }
/* R8: on the Desk field the 1px margin rail is drawn in ink (the old texture fill made it vanish on paper-2) */
.hv__plate::before { background: var(--ink); opacity: .5; }
/* Amber review flags and green approved states retain semantic meaning. */
.peak::before { background: radial-gradient(60rem 30rem at 85% 0%, rgb(208 216 206 / .06), transparent 70%); }
.peak__steps li { border-top-color: rgb(246 245 240 / .26); }
.peak__steps li.is-done { border-top-color: rgb(213 242 123 / .55); }
.mail { background: var(--paper); }
.mail__body p, .mail [data-src].is-taken { color: var(--ink); }
.peak.is-live .signoff.is-awaiting { background: #EEF2E5; box-shadow: 0 0 0 4px rgb(32 40 39 / .08); }
.route__line { background: linear-gradient(90deg, var(--ink), #52605B 60%, rgb(82 96 91 / .15)); }
.close__card { color: var(--paper); background-color: var(--ink); background-image: radial-gradient(60% 80% at 100% 0%, rgb(208 216 206 / .10), transparent 70%); }
.close__title em { color: var(--citron); }
.close__note { color: var(--night-soft); }
.close__alt { color: var(--paper); }
@media (max-width: 22rem) {
  .bar__inner { gap: .5rem; padding-left: .8rem; }
  .bar__mark { font-size: 1rem; }
  .bar__toggle { padding-inline: .85rem; }
}