:root {
  --gallery-paper: #F2EFE6;
  --gallery-ink: #222127;
  --gallery-cobalt: #294294;
  --gallery-slate: #E9E9E6;
  --gallery-wall: #F6F5F1;
  --gallery-surface: #FFFEFB;
  --gallery-muted: #57575D;
  --gallery-line: #D6D5CE;
  --gallery-selected: #E6EAF5;
  --font-display: "Hedvig Letters Serif", Georgia, serif;
  --font-body: "Instrument Sans", system-ui, sans-serif;
  --color-paper: var(--gallery-paper);
  --color-graphite: var(--gallery-ink);
  --color-cta: var(--gallery-cobalt);
  --studio-canvas: var(--gallery-wall);
  --studio-surface: var(--gallery-surface);
  --studio-ink: var(--gallery-ink);
  --studio-muted: var(--gallery-muted);
  --studio-line: var(--gallery-line);
  --studio-active: var(--gallery-selected);
  --studio-thumb: var(--gallery-slate);
  --studio-glass: rgb(246 245 241 / .96);
  --studio-radius: 8px;
  --studio-control-radius: 8px;
  --studio-sidebar-surface: var(--gallery-paper);
  --wb-column: var(--gallery-slate);
}

body { font-family: var(--font-body); }
:is(button, a, input, select, textarea):focus-visible {
  outline-color: var(--gallery-cobalt);
}

.studio-sidebar,
.client-studio .studio-sidebar {
  background: var(--studio-sidebar-surface);
}

.ds-page .ds-header {
  background: var(--gallery-paper);
  color: var(--gallery-ink);
  border-bottom: 1px solid var(--gallery-line);
}
.ds-page .ds-back { color: var(--gallery-cobalt); }

.brand { width: max-content; max-width: 100%; min-height: 44px; gap: 10px; }
.deck-wordmark { display: block; height: 27px; width: auto; flex: none; }
.deck-brand-name { color: var(--studio-muted); font-size: 14px; font-weight: 550; letter-spacing: -.015em; }
.mobile-workspace img { border-radius: 6px; }
.studio-sidebar > .brand { margin: 0 9px; }
.studio-space { margin-block: 2px 22px; }
.studio-nav { gap: 14px; }
.studio-nav-group { display: grid; gap: 2px; }
.studio-nav-label {
  color: var(--studio-muted);
  font-size: 11px;
  font-weight: 650;
  margin: 0 12px 4px;
}
.studio-nav a { min-height: 36px; border-radius: 6px; }
.studio-nav a[aria-current],
.mobile-bottom-nav a[aria-current] {
  background: var(--studio-active);
  color: var(--gallery-cobalt);
}

.studio .page-head h1,
.studio .project-context-title h1,
.studio .mobile-project-heading h1 {
  font-family: var(--font-display);
  font-weight: 400;
  letter-spacing: -.045em;
}

.studio .page-head h1 { font-size: clamp(35px, 4.25vw, 61px); line-height: 1.03; }
.studio .project-context-title h1 { font-size: clamp(27px, 3vw, 45px); line-height: 1.12; }
.studio .section-head h2 { font: 400 clamp(22px, 2.25vw, 31px)/1.15 var(--font-display); }
.studio .section-head h2 .count { font-family: var(--font-body); }

.studio .summary-strip {
  margin-top: 0;
  padding: 0;
  border-width: 1px 0;
  border-radius: 0;
  background: transparent;
}
.studio .summary-item { padding: 12px clamp(9px, 1.7vw, 24px); }
.studio .summary-item dt { font-size: 12px; color: var(--studio-muted); }
.studio .summary-item .display { margin: 4px 0 0; font-weight: 400; font-size: 34px; line-height: 1; }

.studio .owner-workbench { gap: clamp(22px, 3vw, 48px); align-items: start; }
.studio .aside-note {
  background: var(--studio-surface);
  color: var(--studio-ink);
  border: 1px solid var(--studio-line);
  border-radius: var(--studio-radius);
  padding: clamp(16px, 2vw, 25px);
}
.studio .aside-note .section-head { margin-bottom: 9px; gap: 8px; }
.studio .aside-note .text-button { color: var(--gallery-cobalt); }
.studio .aside-note p { color: var(--studio-muted); }
.studio .next-task {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  gap: 12px;
  padding: 12px 0;
  background: transparent;
  border: 0;
  border-top: 1px solid var(--studio-line);
  border-radius: 0;
  color: var(--studio-ink);
  min-height: 44px;
}
.studio .next-task strong { font-size: 14px; font-weight: 650; }
.studio .next-task small { color: var(--studio-muted); }
.studio .next-task svg { color: var(--gallery-cobalt); }
.studio .next-task:hover { color: var(--gallery-cobalt); }

.studio .project-context,
.studio .studio-project-group { border-radius: var(--studio-radius); }
.studio .studio-project-row:hover { background: var(--gallery-wall); }
.studio .studio-project-symbol { border-radius: 6px; }
.studio .kanban-column {
  border-radius: var(--studio-radius);
  border-color: var(--studio-line);
}
.studio .column-head { border-bottom: 1px solid var(--studio-line); padding-block: 3px 10px; }
.studio .column-head h2 { font: 650 13px/1.3 var(--font-body); }
.studio .column-head > span { background: var(--studio-surface); color: var(--studio-muted); }
.studio .wb-card {
  border-radius: var(--studio-radius);
  box-shadow: none;
}
.studio .segmented [aria-pressed=true] { color: var(--gallery-cobalt); }
.studio .card-signal.review { color: var(--gallery-cobalt); background: var(--studio-active); }

@media (min-width: 1101px) {
  .studio .owner-workbench { grid-template-columns: minmax(250px, .85fr) minmax(0, 1.55fr); }
}

@media (max-width: 800px), (pointer: coarse) and (max-height: 500px) {
  .studio .summary-item { padding: 10px 0; }
  .studio .summary-strip { gap: 3px 12px; }
  .studio .kanban-column { border: 0; }
  .mobile-create { background: var(--gallery-cobalt); }
}