/* ============================================================================
   HOLLIS & REESE — criminal defense, Detroit
   Built to DESIGN_SYSTEM.md v1.0.

   THE REFUSAL (§9 Q3) — and on this project it is the whole brief.
   Every criminal defense site in America is the same site, and that site IS the
   §2 Claude house style: cream ground, serif display, tiny tracked-out labels,
   a muted navy or burgundy accent, a stock gavel or marble column, identical
   circular headshots, practice areas as a six-icon card grid, a "free
   consultation" pill, and copy that says "aggressive representation" and
   "fighting for your rights."
   We refuse the whole of it. House Style score: 0/3.

   ONE LINE   the number you can actually reach at 3am
   FEELING    awake → steady → plain-spoken.  NOT prestigious, NOT aggressive.

   CONTEXT (§12)  A5 · B4 · C3 · D5 · E4
     Severe stakes, a frightened visitor arriving mid-crisis, mixed session,
     trust must be established, phone-first. B4 governs hard:
       · no information behind a scroll trigger
       · the phone number in the first viewport AND persistent after it
       · zero required interaction to reach a fact
       · motion reduces to interaction feedback — no entrances, no parallax
     So richness cannot come from movement here. It comes from composition,
     scale, density, material and real photography. That constraint is the
     point of this build: restraint is not the same as plainness.

   COMPOSITION (§5) — five systems
     split          hero (Orient + Transact)
     index/tabular  first 48 hours (Instruct) · charges (Reference)
     modular cells  the record (Prove)
     editorial rail what happens next (Instruct)
     centered/axial  contact (Transact), ground inverted

   DIVISION (§4) — density · scale jump · ground change · whitespace · depth

   TYPE (§6) — settings profile, distinct from both prior projects:
     ratio 1.333 · 8 steps · WIDTH and weight together as the expressive channel
     (Archivo's variable wdth axis) · all-caps set in the DISPLAY face at
     readable size, never a tiny tracked mono eyebrow · measure 68ch ·
     leading 1.55. Documentary, not editorial.

   IMAGERY (§9) — evidence only. At D5 stock is a hard fail, and the honest
     evidence photograph for a Detroit criminal case is the building the case is
     actually heard in: Frank Murphy Hall of Justice. Brutalist concrete, real
     mural, real street — the opposite of a marble column.
   ========================================================================= */

/* ---------------------------------------------------------------- tokens */
:root {
  /* concrete, not paper. Cool gray-green — deliberately not cream. */
  --ground:   #E4E7E3;
  --ground-2: #D6DBD6;
  --ground-3: #C6CCC6;
  --ink:      #15181A;   /* cool near-black, tinted, never pure */
  --ink-2:    #464E50;
  --ink-3:    #61686A;   /* measured: 4.56:1 on --ground. #6C7476 was 3.83 and failed. */

  /* ONE signal for ACTION, one support for INFORMATION. Two colors doing two
     different jobs (§7) — at B4 a third would compete with the call. */
  --signal:      #E8A200;   /* high-visibility amber — civic signage, "act" */
  --signal-deep: #B87F00;
  --info:        #235A78;   /* cool slate — "know" */

  --f-display: 'Archivo', 'Arial Narrow', system-ui, sans-serif;
  --f-body:    'Chivo', system-ui, -apple-system, sans-serif;
  --f-mono:    'Spline Sans Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* scale — ratio 1.333, eight steps. Dense, documentary. */
  --t-3xs:  0.75rem;
  --t-2xs:  0.8125rem;
  --t-xs:   0.9375rem;
  --t-base: 1.0625rem;
  --t-md:   1.4375rem;
  --t-lg:   1.9375rem;
  --t-xl:   clamp(2.4rem, 1.7rem + 3vw,   3.4rem);
  --t-2xl:  clamp(3.2rem, 2rem + 5.4vw,   4.9rem);

  --s-1: 4px;  --s-2: 8px;  --s-3: 12px;  --s-4: 16px;  --s-5: 20px;
  --s-6: 24px; --s-8: 32px; --s-10: 40px; --s-12: 48px; --s-16: 64px;
  --s-20: 80px; --s-24: 96px; --s-32: 128px;
  --measure: 68ch;

  /* rules — a decided system, three weights, not all-1px */
  --rule-hair: 1px;
  --rule:      2px;
  --rule-slab: 6px;

  --ease: cubic-bezier(.2, .8, .3, 1);
  --m-press: 80ms;
  --m-state: 140ms;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--ground);
  color: var(--ink);
  font-family: var(--f-body);
  font-size: var(--t-base);
  line-height: 1.55;
  overflow-x: hidden;
  /* the persistent action band sits at the bottom on touch — reserve for it */
  padding-bottom: env(safe-area-inset-bottom);
}
img { max-width: 100%; display: block; }
a { color: inherit; }
::selection { background: var(--signal); color: var(--ink); }

.shell { width: min(1320px, 100%); margin-inline: auto; padding-inline: clamp(var(--s-5), 4.5vw, var(--s-16)); }
.band  { padding-block: clamp(var(--s-16), 7vw, var(--s-32)); }

/* ---------------------------------------------------------------- type */
h1, h2, h3 { margin: 0; font-family: var(--f-display); line-height: 1.0; }
/* Archivo carries a variable WIDTH axis. Expanded heavy grotesque is rare on
   the web and reads as institutional signage rather than a law-firm serif. */
.display {
  font-size: var(--t-2xl); font-weight: 700;
  font-variation-settings: 'wdth' 112;
  letter-spacing: -0.02em; text-transform: uppercase;
}
.h2 {
  font-size: var(--t-xl); font-weight: 700;
  font-variation-settings: 'wdth' 108;
  letter-spacing: -0.015em; text-transform: uppercase; margin-bottom: var(--s-6);
}
.h3 { font-size: var(--t-md); font-weight: 600; font-variation-settings: 'wdth' 100; line-height: 1.1; }
.lede { font-size: var(--t-md); line-height: 1.4; max-width: 34ch; margin: 0; }
.prose { max-width: var(--measure); color: var(--ink-2); }
.prose p { margin: 0 0 var(--s-5); }
.mono { font-family: var(--f-mono); font-size: var(--t-2xs); letter-spacing: -0.01em; }
.fig  { font-family: var(--f-mono); font-variant-numeric: tabular-nums lining-nums; }

/* SECTION MARKER — a file tab, not an eyebrow.
   The tiny tracked-out mono all-caps label is a §2 fingerprint element, so this
   project does not have one. A case file has index tabs; this is that. */
.tab {
  display: inline-block; margin: 0 0 var(--s-6);
  background: var(--ink); color: var(--ground);
  font-family: var(--f-display); font-weight: 700; font-size: var(--t-2xs);
  font-variation-settings: 'wdth' 100; text-transform: uppercase; letter-spacing: 0.06em;
  padding: var(--s-2) var(--s-4) var(--s-2) var(--s-3);
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 0 100%);
  padding-right: var(--s-6);
}
.tab--signal { background: var(--signal); color: var(--ink); }
.tab--info   { background: var(--info); color: var(--ground); }

/* ---------------------------------------------------------------- actions
   INTERACTION SIGNATURE — "it thickens."
   The type system IS the feedback: on hover, focus and press an element gains
   weight and width on Archivo's variable axes, and its underline slab
   thickens. One idea, everywhere, and it resolves on :active so it exists on
   touch. At B4 this is the whole motion budget, and that is correct. */
.act {
  position: relative; display: inline-block;
  font-family: var(--f-display); font-weight: 600; font-size: var(--t-xs);
  font-variation-settings: 'wdth' 100; text-transform: uppercase; letter-spacing: 0.04em;
  text-decoration: none; padding: var(--s-3) 0 var(--s-4);
  border-bottom: var(--rule) solid var(--ink-3);
  transition: font-variation-settings var(--m-state) var(--ease),
              border-bottom-width var(--m-state) var(--ease),
              border-bottom-color var(--m-state) var(--ease);
}
.act:hover, .act:focus-visible { font-variation-settings: 'wdth' 112; border-bottom-color: var(--ink); border-bottom-width: var(--rule-slab); }
.act:active { border-bottom-width: var(--rule); }

.act--call {
  background: var(--signal); color: var(--ink); border: 0;
  padding: var(--s-5) var(--s-8); font-size: var(--t-md); font-weight: 700;
  letter-spacing: 0.01em;
  transition: background var(--m-state) var(--ease), font-variation-settings var(--m-state) var(--ease), transform var(--m-press) var(--ease);
}
.act--call:hover, .act--call:focus-visible { background: var(--signal-deep); font-variation-settings: 'wdth' 108; }
.act--call:active { transform: translateY(2px); }

.act--ghost { border-bottom-color: var(--ink-3); }

:where(a, button, input, select, textarea):focus-visible { outline: 3px solid var(--info); outline-offset: 3px; }
.skip { position: absolute; left: -9999px; background: var(--ink); color: var(--ground); padding: var(--s-3) var(--s-5); z-index: 40; }
.skip:focus { left: var(--s-4); top: var(--s-4); }

/* ---------------------------------------------------------------- masthead */
.masthead { border-bottom: var(--rule-slab) solid var(--ink); }
.masthead__in { display: flex; flex-wrap: wrap; gap: var(--s-4) var(--s-8); align-items: baseline; justify-content: space-between; padding-block: var(--s-4); }
.wordmark {
  font-family: var(--f-display); font-weight: 700; font-size: var(--t-md);
  font-variation-settings: 'wdth' 112; text-transform: uppercase; letter-spacing: -0.01em;
  text-decoration: none;
}
.wordmark small { display: block; font-family: var(--f-mono); font-size: var(--t-3xs); font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--ink-3); margin-top: 2px; }
.nav { display: flex; flex-wrap: wrap; gap: var(--s-5); font-size: var(--t-xs); }
.nav a { font-family: var(--f-display); font-weight: 600; font-variation-settings: 'wdth' 100; text-transform: uppercase; letter-spacing: 0.04em; text-decoration: none; color: var(--ink-2); border-bottom: var(--rule) solid transparent; padding-bottom: 2px; transition: font-variation-settings var(--m-state) var(--ease), border-color var(--m-state) var(--ease), color var(--m-state) var(--ease); }
.nav a:hover, .nav a:focus-visible, .nav a[aria-current="page"] { color: var(--ink); border-bottom-color: var(--signal); font-variation-settings: 'wdth' 110; }

/* ============================================================ SYSTEM 1
   SPLIT / DUOTYCH — hero (Orient + Transact)
   At B4 the phone number is not a call-to-action at the end of an argument.
   It IS the hero, at display scale, in the first viewport, before anything
   else. The photograph is the building the case is heard in.
   ========================================================================= */
.hero { border-bottom: var(--rule-slab) solid var(--ink); }
.hero__in { display: grid; grid-template-columns: 1fr; }
@media (min-width: 900px) { .hero__in { grid-template-columns: 54fr 46fr; } }
@media (max-width: 760px) {
  .hero__copy { display: flex; flex-direction: column; }
  .hero__copy .display      { order: 1; }
  .hero__num                { order: 2; margin-top: var(--s-6); }
  .hero__actions            { order: 3; margin-top: var(--s-6); }
  .hero__say                { order: 4; margin-top: var(--s-8); }
  /* The wordmark keeps its own line and the nav gets a single scrolling row
     beneath it — nowrap on one line squeezed the wordmark to three. */
  .masthead__in { flex-wrap: wrap; align-items: center; gap: var(--s-4) 0; }
  .wordmark { flex: 1 0 100%; white-space: nowrap; }
  .wordmark small { white-space: nowrap; }
  .nav {
    flex: 1 0 100%;
    flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain;
    scrollbar-width: none; gap: var(--s-4);
    -webkit-mask-image: linear-gradient(90deg, #000 88%, transparent);
            mask-image: linear-gradient(90deg, #000 88%, transparent);
  }
  .nav::-webkit-scrollbar { display: none; }
  .nav a { white-space: nowrap; }
}
.hero__copy { padding: clamp(var(--s-10), 5vw, var(--s-24)) clamp(var(--s-5), 4.5vw, var(--s-16)) clamp(var(--s-10), 5vw, var(--s-20)); display: flex; flex-direction: column; justify-content: center; }
.hero__say { margin-top: var(--s-6); max-width: 42ch; color: var(--ink-2); }
.hero__num {
  display: block; margin-top: var(--s-10); text-decoration: none;
  border-left: var(--rule-slab) solid var(--signal); padding-left: var(--s-5);
  transition: border-color var(--m-state) var(--ease);
}
.hero__num:hover, .hero__num:focus-visible { border-left-color: var(--ink); }
.hero__num:hover .n, .hero__num:focus-visible .n { font-variation-settings: 'wdth' 118; }
.hero__num .n {
  display: block; font-family: var(--f-display); font-weight: 700;
  font-variation-settings: 'wdth' 112; font-size: clamp(1.85rem, 7.9vw, 3.4rem);
  letter-spacing: -0.02em; line-height: 1;
  transition: font-variation-settings var(--m-state) var(--ease);
}
.hero__num .k { display: block; font-family: var(--f-mono); font-size: var(--t-2xs); color: var(--ink-3); margin-top: var(--s-2); }
.hero__actions { display: flex; flex-wrap: wrap; gap: var(--s-5) var(--s-8); align-items: center; margin-top: var(--s-8); }
.hero__shot { position: relative; min-height: 46vh; background: var(--ground-3); overflow: hidden; }
.hero__shot img { width: 100%; height: 100%; object-fit: cover; object-position: 41% 46%; position: absolute; inset: 0; }
.hero__cap {
  position: absolute; left: 0; bottom: 0; z-index: 2; max-width: 46ch;
  background: var(--ink); color: var(--ground);
  padding: var(--s-4) var(--s-6);
  font-family: var(--f-mono); font-size: var(--t-3xs); line-height: 1.5;
}

/* IMAGERY — the locked treatment (§9).
   crop 3:2 · grade: cool, contrast held, slightly desaturated so concrete reads
   as concrete · edge: hard, no radius, no border. Applied to every photograph. */
.shot { position: relative; overflow: hidden; background: var(--ground-3); }
.shot img { width: 100%; height: 100%; object-fit: cover;
  filter: grayscale(0.34) contrast(1.14) brightness(1.07) saturate(0.86); }
.shot--32 { aspect-ratio: 3 / 2; }

/* ============================================================ SYSTEM 2
   INDEX / TABULAR — first 48 hours (Instruct) · charges (Reference)
   The content genuinely is a record, so it is set as one. Real columns, mono
   figures, nothing behind a click — at A5/B4 a fact behind an accordion is a
   failure (§12).
   ========================================================================= */
.ledger { border-top: var(--rule-slab) solid var(--ink); }
.lrow {
  display: grid; grid-template-columns: 1fr; gap: var(--s-2);
  padding-block: var(--s-6); border-bottom: var(--rule) solid var(--ground-3);
}
@media (min-width: 860px) {
  .lrow--when { grid-template-columns: minmax(0, 15ch) 1fr; gap: var(--s-10); align-items: baseline; }
  .lrow--charge { grid-template-columns: minmax(0, 22ch) 1fr minmax(0, 16ch); gap: var(--s-8); align-items: baseline; }
}
.lrow__k { font-family: var(--f-display); font-weight: 700; font-variation-settings: 'wdth' 106; font-size: var(--t-md); line-height: 1.05; text-transform: uppercase; letter-spacing: -0.01em; }
.lrow--when .lrow__k { font-family: var(--f-mono); font-size: var(--t-xs); font-weight: 400; text-transform: none; letter-spacing: 0; color: var(--info); }
.lrow__d { color: var(--ink-2); max-width: 62ch; }
.lrow__d strong { color: var(--ink); }
.lrow__r { font-family: var(--f-mono); font-size: var(--t-2xs); color: var(--ink-3); }
/* DIVISION — SCALE JUMP between systems 2 and 3.
   The instruction ledger is set narrow, so its rules terminate where the
   reading does; the reference ledger below runs the full measure of the page.
   Two uses of one system that do not read as the same block. */
.ledger--when { max-width: 84ch; }
@media (min-width: 860px) { .ledger--when .lrow__d { max-width: 66ch; } }
@media (min-width: 860px) { .lrow__r { text-align: right; } }

/* ============================================================ SYSTEM 3
   MODULAR CELLS — the record (Prove)
   Unequal by weight: the years in practice is the claim that carries, so it
   gets the large cell. No headshot grid, no star ratings.
   ========================================================================= */
.cells { display: grid; grid-template-columns: 1fr; gap: var(--rule); background: var(--ink); border: var(--rule) solid var(--ink); }
@media (min-width: 900px) { .cells { grid-template-columns: repeat(6, 1fr); } }
.cell { background: var(--ground); padding: var(--s-8); display: flex; flex-direction: column; gap: var(--s-3); }
@media (min-width: 900px) {
  .cell--lead { grid-column: span 3; grid-row: span 2; }
  .cell--b, .cell--c { grid-column: span 3; }
  .cell--d, .cell--e { grid-column: span 3; }
}
.cell__n { font-family: var(--f-display); font-weight: 700; font-variation-settings: 'wdth' 112; font-size: var(--t-lg); line-height: .95; letter-spacing: -0.02em; }
.cell--lead .cell__n { font-size: var(--t-xl); }
.cell__l { font-family: var(--f-mono); font-size: var(--t-2xs); color: var(--ink-3); }
.cell p { margin: 0; color: var(--ink-2); font-size: var(--t-xs); max-width: 46ch; }

/* ============================================================ SYSTEM 4
   EDITORIAL RAIL — what happens next (Instruct)
   Someone reading this is trying to understand a process that is about to
   happen to them. That is reading, not scanning.
   ========================================================================= */
.rail { display: grid; gap: var(--s-10); }
@media (min-width: 900px) { .rail { grid-template-columns: 4fr 8fr; gap: var(--s-16); } }
.rail__side { align-self: start; }
@media (min-width: 900px) { .rail__side { position: sticky; top: var(--s-8); } }
.stage { padding-bottom: var(--s-10); }
.stage + .stage { border-top: var(--rule) solid var(--ground-3); padding-top: var(--s-10); }
.stage__k { display: block; font-family: var(--f-mono); font-size: var(--t-2xs); color: var(--info); margin-bottom: var(--s-3); }
.stage h3 { margin-bottom: var(--s-3); }
.stage p { margin: 0; color: var(--ink-2); max-width: 58ch; }

/* ============================================================ SYSTEM 5
   CENTERED / AXIAL — contact (Transact), ground inverted.
   The page's one ground change, spent on the thing the page exists for.
   ========================================================================= */
.axial { background: var(--ink); color: var(--ground); text-align: center; }
.axial .h2 { color: var(--ground); }
.axial__sub { max-width: 52ch; margin: var(--s-6) auto 0; color: #A9B2B4; }
.axial__num { display: inline-block; margin-top: var(--s-10); font-family: var(--f-display); font-weight: 700; font-variation-settings: 'wdth' 112; font-size: var(--t-2xl); line-height: 1; letter-spacing: -0.02em; color: var(--signal); text-decoration: none; }
.axial__num:hover, .axial__num:focus-visible { color: #FFC12E; }
.axial__grid { display: grid; gap: var(--s-8); margin-top: var(--s-16); text-align: left; }
@media (min-width: 760px) { .axial__grid { grid-template-columns: repeat(3, 1fr); } }
.axial__grid div { padding-top: var(--s-4); border-top: var(--rule) solid #3A4244; }
.axial__grid dt { font-family: var(--f-mono); font-size: var(--t-3xs); color: #8D9698; }
.axial__grid dd { margin: var(--s-2) 0 0; font-family: var(--f-display); font-weight: 600; font-variation-settings: 'wdth' 104; font-size: var(--t-xs); text-transform: uppercase; letter-spacing: 0.03em; }

/* ---------------------------------------------------------------- persistent band
   §12 at B >= 4: the primary action is in the first viewport AND persistent
   thereafter, thumb-reachable. It carries exactly one action and never moves. */
.band-call {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 30;
  background: var(--signal); border-top: var(--rule-slab) solid var(--ink);
  display: none;
}
.band-call a {
  display: flex; align-items: center; justify-content: center; gap: var(--s-3);
  min-height: 60px; padding: var(--s-3) var(--s-5);
  font-family: var(--f-display); font-weight: 700; font-variation-settings: 'wdth' 106;
  font-size: var(--t-md); text-transform: uppercase; letter-spacing: 0.01em;
  color: var(--ink); text-decoration: none;
}
.band-call a:active { background: var(--signal-deep); }
.is-past-hero .band-call { display: block; }
@media (min-width: 900px) { .is-past-hero .band-call { display: none; } }
@media (max-width: 899px) { .is-past-hero body, body.is-pad { padding-bottom: 76px; } }

/* ---------------------------------------------------------------- footer */
.foot { border-top: var(--rule-slab) solid var(--ink); padding-block: var(--s-16) var(--s-10); }
.foot__grid { display: grid; gap: var(--s-10); }
@media (min-width: 900px) { .foot__grid { grid-template-columns: 2fr 1fr 1fr; gap: var(--s-16); } }
.foot h2 { font-family: var(--f-display); font-size: var(--t-xs); font-weight: 700; font-variation-settings: 'wdth' 106; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: var(--s-4); }
.foot ul { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s-3); font-size: var(--t-xs); }
.foot a { color: var(--ink-2); text-decoration: none; border-bottom: var(--rule-hair) solid var(--ground-3); }
.foot a:hover, .foot a:focus-visible { color: var(--ink); border-bottom-color: var(--ink); }
.legal { margin-top: var(--s-12); padding-top: var(--s-5); border-top: var(--rule) solid var(--ground-3); font-size: var(--t-2xs); color: var(--ink-3); max-width: var(--measure); }
.legal p { margin: 0 0 var(--s-3); }

/* ---------------------------------------------------------------- touch */
/* Sized for a thumb on touch AND in any narrow window — keying this to
   pointer type alone leaves it unverifiable and misses narrow desktop. */
@media (pointer: coarse), (max-width: 760px) {
  .nav a, .foot ul a, .act { min-height: 44px; display: inline-flex; align-items: center; }
  /* .legal a stays inline: it sits inside running prose, where WCAG 2.5.8's
     inline exception applies and a 44px box would break the paragraph. */
  .act--call { min-height: 56px; }
}

/* ---------------------------------------------------------------- reduced
   Nothing on this page animates on entry, so there is little to disable — the
   state feedback stays, because a press must still acknowledge (§10). */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; }
}

/* IMAGERY — inline photo band, added with the courtroom photographs.
   .shot is the hero's full-bleed crop and fills its parent's height; these sit
   in the flow of a section and need to size from their own aspect instead, so
   they get their own class rather than a modifier that would fight it. */
.plate-photo { position: relative; max-width: 880px; margin: var(--s-10) 0 var(--s-12);
  background: var(--ground-3); overflow: hidden; }
.plate-photo img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2;
  object-fit: cover;
  filter: grayscale(0.34) contrast(1.14) brightness(1.07) saturate(0.86); }
.plate-photo figcaption { font-family: var(--f-mono); font-size: var(--t-3xs);
  line-height: 1.5; padding: var(--s-3) 0 0; max-width: 62ch; opacity: .78; }

/* ---------- Built by Iron Digital MI ----------
   currentColor throughout so the line inherits whatever the footer already is.
   The mark itself is never recolored. */
.id-by { margin: 1.6em 0 0; }
.id-by a { display: inline-flex; align-items: center; gap: .6em;
  color: inherit; text-decoration: none; font-size: .8125rem; line-height: 1.3; }
.id-by a:hover span, .id-by a:focus-visible span { text-decoration: underline; }
.id-by img { width: 26px; height: 26px; display: block; flex: 0 0 auto; }
.id-by b { font-weight: 700; }

/* September UI refinement */
.people-intro{padding-block:36px;border-bottom:1px solid var(--line)}.people-intro__body{display:flex;gap:32px;align-items:center;justify-content:space-between}.people-intro__body p{max-width:65ch;font-size:17px;line-height:1.6;margin-top:16px}.people-intro__body a{white-space:nowrap}@media(max-width:680px){.people-intro__body{display:block}.people-intro__body a{margin-top:16px}}