/* Variant 6 inner pages: dist content and scripts, variant 6 night theme and frame.
   Loaded after dist/style.css and style.css by the pages generated in tools/sync-from-dist.js. */
body.c6-inner { background: var(--night); color: var(--moon); font-family: var(--text); }
.c6-inner .reputation-main, .c6-inner .leadership-main { max-width: 1520px; margin: 0 auto; padding-top: calc(var(--header-h) + clamp(40px, 7vw, 104px)); padding-bottom: clamp(64px, 8vw, 120px); min-height: 0; }
.c6-inner .breadcrumb { font-size: 14px; letter-spacing: 0; color: var(--mist); margin-bottom: clamp(28px, 3vw, 44px); }
.c6-inner .breadcrumb a { color: var(--moon); border-bottom: 1px solid var(--line-strong); }
.c6-inner .eyebrow { font: 500 14px/1.5 var(--text); letter-spacing: 0; text-transform: none; color: var(--mist); }
.c6-inner h1, .c6-inner h2, .c6-inner h3 { color: var(--moon); }
.c6-inner .reputation-heading h1, .c6-inner .leadership-heading h1 { font: 300 clamp(40px, 5.4vw, 92px)/1.06 var(--display); letter-spacing: -.02em; margin: 16px 0 24px; }
.c6-inner .reputation-heading h1 em, .c6-inner .leadership-heading h1 span { font: inherit; font-style: normal; color: var(--blue); }
.c6-inner .reputation-lead, .c6-inner .leadership-heading p { font-size: clamp(17px, 1.3vw, 20px); line-height: 1.6; color: var(--mist); max-width: 40em; }
.c6-inner .reputation-tabs { border-bottom-color: var(--line); margin: 0 0 clamp(36px, 4vw, 56px); gap: 28px; }
.c6-inner .reputation-tabs a { font-size: 15px; color: var(--mist); padding-bottom: 14px; min-height: 44px; display: inline-flex; align-items: end; }
.c6-inner .reputation-tabs a[aria-current=page] { color: var(--moon); border-color: var(--blue); }
.c6-inner .archive-intro, .c6-inner .archive-year, .c6-inner .archive-year:last-child, .c6-inner .archive-clients li, .c6-inner .letters-intro, .c6-inner .reputation-next, .c6-inner .leader-list, .c6-inner .leader-row { border-color: var(--line); }
.c6-inner .archive-stat strong { font: 300 clamp(44px, 4.6vw, 76px)/1 var(--display); color: var(--blue); letter-spacing: -.02em; }
.c6-inner .archive-stat span, .c6-inner .archive-section-title > span, .c6-inner .archive-status, .c6-inner .year-count, .c6-inner .archive-source, .c6-inner .archive-record-number { color: var(--mist); }
.c6-inner .archive-note p, .c6-inner .letters-intro p, .c6-inner .leadership-bottom p { font-size: 16px; line-height: 1.7; color: var(--mist); }
.c6-inner .archive-section-title h2 { font: 300 clamp(30px, 3vw, 50px)/1.12 var(--display); letter-spacing: -.02em; }
.c6-inner .archive-controls label { font-size: 13px; font-weight: 500; color: var(--mist); }
.c6-inner .archive-controls input, .c6-inner .archive-controls select { border-color: var(--line-strong); background: var(--deep); color: var(--moon); border-radius: 2px; font-family: var(--text); color-scheme: dark; }
.c6-inner .archive-controls input::placeholder { color: #8395ad; }
.c6-inner .archive-reset { font-weight: 500; color: var(--moon); border-bottom-color: currentColor; }
.c6-inner .archive-year-number { font: 300 clamp(30px, 3.2vw, 46px)/1 var(--display); color: var(--moon); }
.c6-inner .archive-year summary, .c6-inner .archive-year button { color: var(--moon); }
.c6-inner .archive-plus { color: var(--blue); }
.c6-inner .archive-client-name { font-size: 15.5px; color: var(--moon); }
.c6-inner .archive-source a, .c6-inner .letters-intro a { color: var(--blue); }
.c6-inner .reputation-next { font: 300 clamp(26px, 2.8vw, 42px)/1.2 var(--display); color: var(--moon); }
.c6-inner .reputation-next:hover { color: var(--blue); }
.c6-inner .letter-filters button { min-height: 44px; border-color: var(--line-strong); border-radius: 2px; font: 500 14px/1 var(--text); color: var(--mist); background: none; }
.c6-inner .letter-filters button[aria-pressed=true] { background: var(--blue); border-color: var(--blue); color: var(--night); }
.c6-inner .letter-image { background: var(--deep-2); }
.c6-inner .letter-image > span { font: 500 12px/1 var(--text); color: var(--night); background: rgb(233 238 245 / .9); }
.c6-inner .letter-card-caption > span { color: var(--blue); }
.c6-inner .letter-card-caption h2 { font: 400 17px/1.35 var(--display); letter-spacing: -.01em; color: var(--moon); }
.c6-inner .letter-card-caption h2 { min-width: 0; overflow-wrap: anywhere; hyphens: auto; }
.c6-inner .letter-card-caption > span { flex-shrink: 0; }
.c6-inner .letter-card-caption p { color: var(--mist); }
.c6-inner #letter-viewer { background: var(--deep); color: var(--moon); }
.c6-inner .letter-viewer-top, .c6-inner .letter-viewer-bottom { background: var(--night); color: var(--moon); }
.c6-inner .letter-viewer-top p { font: 300 19px/1.3 var(--display); color: var(--moon); }
.c6-inner .letter-viewer-bottom button { border-color: var(--line-strong); color: var(--moon); }
.c6-inner .letter-viewer-bottom a, .c6-inner .letter-viewer-top a { color: var(--blue); }
.c6-inner .leader-number { color: var(--blue); }
.c6-inner .leader-row h2 { font: 300 clamp(26px, 2.8vw, 46px)/1.2 var(--display); letter-spacing: -.02em; color: var(--moon); }
.c6-inner .leader-row img { opacity: 1; }
.c6-inner .button.blue { background: var(--blue); color: var(--night); border-radius: 2px; box-shadow: none; font: 600 15px/1 var(--text); min-height: 52px; padding: 14px 26px; }
.c6-inner .button.blue:hover { background: #8db3ea; transform: none; }
.c6-inner dialog { background: var(--deep); color: var(--moon); border-radius: 2px; }
.c6-inner dialog .close { color: var(--mist); }
.c6-inner dialog h2 { font: 300 clamp(30px, 3.6vw, 44px)/1.12 var(--display); letter-spacing: -.02em; }
.c6-inner dialog h2 em { font-style: normal; color: var(--blue); font-family: var(--display); }
.c6-inner #contact-context, .c6-inner .contact-address, .c6-inner dialog .eyebrow { color: var(--mist); }
.c6-inner .email-link { border-color: var(--line-strong); color: var(--moon); }
.c6-inner .skip-link { z-index: 60; }
@media (max-width: 760px) {
  .c6-inner .reputation-heading h1, .c6-inner .leadership-heading h1 { font-size: clamp(34px, 9.6vw, 50px); }
  .c6-inner .leader-row h2 { font-size: clamp(23px, 6.4vw, 30px); }
}

/* pass 2: the inner pages carry the same lit arch as the main page (owl as a WebP copy, see tools/derive-owl.js) */
.c6-inner .reputation-heading, .c6-inner .leadership-heading { position: relative; }
@media (min-width: 1101px) {
  .c6-inner .reputation-heading::after, .c6-inner .leadership-heading::after { content: ""; position: absolute; right: 0; top: 8px; width: 132px; aspect-ratio: 1 / 1.45; border-radius: 999px 999px 2px 2px;
    background: url("assets/owl-business-560.webp") 50% 62% / 78% auto no-repeat, radial-gradient(120% 80% at 50% 18%, #f4f7fb 0%, #c9dbf3 30%, #7fa6e3 70%, #3f6fb6 100%);
    box-shadow: 0 0 60px rgb(108 155 224 / .3); }
  .c6-inner .leadership-heading::after { top: auto; bottom: 0; }
}
.c6-inner .archive-year summary { min-height: 56px; }
.c6-inner .archive-year[open] .archive-year-number { color: var(--blue); }
.c6-inner .letter-card .letter-open { display: block; transition: transform .2s var(--out); }
.c6-inner .letter-card .letter-open:hover { transform: translateY(-6px); }
.c6-inner .letter-image { box-shadow: 0 20px 50px rgb(0 0 0 / .35); }
.c6-inner .leader-row { transition: background-color .2s var(--out); }
.c6-inner .leader-row:hover { background: rgb(233 238 245 / .03); }
@media (prefers-reduced-motion: reduce) { .c6-inner .letter-card .letter-open { transition: none; } .c6-inner .letter-card .letter-open:hover { transform: none; } }