/* Loop: builds on project.css. The page takes Loop's own blue, green and yellow.
   The spelling board and the "20 in 100" grid are driven by ../home/loop.js. */

/* ---------- Theme ---------- */
.loop {
  --lp-blue: #3d77e5;
  --lp-green: #00b759;
  --lp-yellow: #f0df41;
  --lp-wood: #e7d2a9;
  --lp-wood-2: #c9a978;
  --lp-ink: #1b2233;

  --color-bg-brand: var(--lp-blue);
  --color-bg-brand-hover: #2f63c4;
  --color-bg-brand-subtle: #eaf1fd;
  --color-text-brand: #2f65cf;
  --color-border-brand: var(--lp-blue);
  --color-icon-brand: var(--lp-blue);
  --pj-brand-light: #8fb2f2;
}

.loop .pj-pitch__impact,
.loop .pj-pitch__impact .pj-pitch__tag {
  color: #f9f9f9;
}

.lp-overview {
  margin-top: var(--space-5xl);
}

/* ---------- 01 Context: 20 in 100 ---------- */
.lp-hundred {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  gap: var(--space-5xl);
  align-items: center;
}

.lp-hundred__text p {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: var(--type-body-lg-size);
  line-height: var(--type-body-lg-line-height);
}

.lp-hundred__big {
  color: var(--color-text-brand) !important;
  font-family: var(--font-family-display);
  font-weight: 600;
  font-size: clamp(44px, 5.4vw, 80px) !important;
  line-height: 1 !important;
  letter-spacing: -0.03em;
}

.lp-hundred__big--2 {
  margin-top: var(--space-3xl) !important;
  color: #0a9a4c !important;
}

/* 100 children; the 20 who can read light up in green. */
.lp-hundred__grid {
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 10px;
  padding: var(--space-3xl);
  border-radius: var(--radius-xl);
  background: var(--color-bg-brand-subtle);
}

.lp-hundred__grid i {
  aspect-ratio: 1;
  border-radius: 50% 50% 40% 40%;
  background: #c9d6ee;
  transition: background-color 0.4s ease, transform 0.4s ease;
}

.lp-hundred__grid.is-lit i.is-reader {
  background: var(--lp-green);
  transform: scale(1.1);
}

.lp-speak {
  display: grid;
  gap: var(--space-lg);
}

.lp-speak__row {
  display: grid;
  grid-template-columns: 5em minmax(0, 1fr) 3em;
  align-items: center;
  gap: var(--space-lg);
  font-size: var(--type-body-lg-size);
}

.lp-speak__row b {
  font-family: var(--font-family-display);
  color: var(--color-text-brand);
}

.lp-speak__bar {
  height: 18px;
  border-radius: 9px;
  background: var(--color-bg-secondary);
  overflow: hidden;
}

.lp-speak__bar i {
  display: block;
  height: 100%;
  width: 0;
  border-radius: inherit;
  background: var(--lp-blue);
  transition: width 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Scaled so 12% fills most of the bar. */
.lp-speak.is-in .lp-speak__bar i {
  width: calc(var(--v) * 7%);
}

.lp-speak__note {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: var(--type-body-md-size);
}

/* ---------- 02 Research ---------- */
.lp-steps {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: s;
}

.lp-steps li {
  counter-increment: s;
  padding: var(--space-md) var(--space-xl);
  border-radius: var(--radius-full);
  background: var(--color-bg-brand-subtle);
  color: var(--color-text-brand);
  font-weight: 600;
}

.lp-steps li::before {
  content: counter(s) " · ";
  opacity: 0.6;
}

.lp-method {
  display: grid;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  gap: var(--space-2xl);
  margin: 0;
}

.lp-method > div {
  padding-top: var(--space-lg);
  border-top: 2px solid var(--lp-blue);
}

.lp-method > div:nth-child(2) { border-color: var(--lp-green); }
.lp-method > div:nth-child(3) { border-color: var(--lp-yellow); }

.lp-method dt {
  color: var(--color-text-brand);
  font-family: var(--font-family-display);
  font-weight: 600;
  font-size: clamp(44px, 4.6vw, 64px);
  line-height: 1;
  letter-spacing: -0.03em;
}

.lp-method dd {
  margin: var(--space-md) 0 0;
  color: var(--color-text-secondary);
  font-size: var(--type-body-md-size);
}

.lp-takeaway {
  display: grid;
  gap: var(--space-md);
  padding: var(--space-5xl) var(--space-4xl);
  border-radius: var(--radius-xl);
  background: var(--lp-blue);
  color: #f9f9f9;
}

.lp-takeaway .pj-label {
  color: var(--lp-yellow);
}

.lp-takeaway__line {
  margin: 0;
  font-family: var(--font-family-display);
  font-weight: 600;
  font-size: var(--type-h3-size);
  line-height: var(--type-h3-line-height);
  text-wrap: balance;
}

.lp-ngo {
  display: grid;
  gap: var(--space-3xl);
}

.lp-ngo__head {
  display: grid;
  gap: var(--space-md);
}

.lp-ngo__head > p:last-child {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: var(--type-body-md-size);
  line-height: var(--type-body-md-line-height);
}

.lp-ngo__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-2xl);
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Simple boxes, each led by its illustration from the wireframe. */
.lp-ngo__list li {
  display: grid;
  align-content: start;
  gap: var(--space-sm);
  padding: var(--space-3xl) var(--space-2xl);
  border-radius: var(--radius-xl);
  background: var(--color-bg-secondary);
}

.lp-ngo__list img {
  display: block;
  width: auto;
  height: 96px;
  margin-bottom: var(--space-lg);
  mix-blend-mode: multiply; /* the illustrations sit on white; let the card show through */
}

.lp-ngo__list h4 {
  margin: 0;
  font-family: var(--font-family-display);
  font-weight: 600;
  font-size: var(--type-h4-size);
  line-height: var(--type-h4-line-height);
}

.lp-ngo__list p {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: var(--type-body-md-size);
  line-height: var(--type-body-md-line-height);
}

.lp-who {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-2xl);
}

.lp-who > div {
  display: grid;
  align-content: end;
  gap: var(--space-md);
  min-height: 320px;
  padding: var(--space-3xl);
  border-radius: var(--radius-xl);
  background-color: var(--lp-ink);
  background-position: center;
  background-size: cover;
  color: #f6f7fa;
}

.lp-who .pj-label {
  color: var(--lp-yellow);
}

.lp-who p:last-child {
  margin: 0;
  font-family: var(--font-family-display);
  font-weight: 600;
  font-size: var(--type-h4-size);
  line-height: var(--type-h4-line-height);
}

/* ---------- 03 Designing Loop ---------- */
.lp-six {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 460px;
  padding: var(--space-3xl);
  border-radius: var(--radius-xl);
  background: var(--color-bg-secondary);
}

.lp-six__core {
  width: min(320px, 50%);
  height: auto;
}

.lp-six ul {
  position: absolute;
  inset: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Six qualities around the symbol, like the wireframe's mind map. */
.lp-six li {
  position: absolute;
  transform: translate(-50%, -50%);
  padding: var(--space-md) var(--space-xl);
  border-radius: var(--radius-full);
  color: #fff;
  font-weight: 600;
  font-size: var(--type-body-md-size);
  white-space: nowrap;
  animation: lp-float 5s ease-in-out infinite;
}

.lp-six li:nth-child(1) { left: 50%; top: 12%; }
.lp-six li:nth-child(2) { left: 80%; top: 32%; animation-delay: -1s; }
.lp-six li:nth-child(3) { left: 80%; top: 70%; animation-delay: -2s; }
.lp-six li:nth-child(4) { left: 50%; top: 88%; animation-delay: -3s; }
.lp-six li:nth-child(5) { left: 20%; top: 70%; animation-delay: -4s; }
.lp-six li:nth-child(6) { left: 20%; top: 32%; animation-delay: -2.5s; }

.lp-six__b { background: var(--lp-blue); }
.lp-six__g { background: var(--lp-green); }
.lp-six__y { background: var(--lp-yellow); color: var(--lp-ink) !important; }

@keyframes lp-float {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -6px; }
}

.lp-brand {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--space-2xl);
}

.lp-brand__logo {
  display: grid;
  place-items: center;
  gap: var(--space-xl);
  padding: var(--space-4xl);
  border-radius: var(--radius-xl);
  background: #fff;
  border: 1px solid var(--color-border-default);
  text-align: center;
}

.lp-brand__logo img {
  width: min(280px, 70%);
  height: auto;
}

.lp-brand__logo p {
  margin: 0;
  max-width: 36ch;
  color: var(--color-text-secondary);
  font-size: var(--type-body-md-size);
  line-height: var(--type-body-md-line-height);
}

.lp-brand__colors {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-xl);
  list-style: none;
}

.lp-brand__colors li {
  display: grid;
  align-content: end;
  gap: var(--space-2xs);
  min-height: 160px;
  padding: var(--space-2xl);
  background: var(--c);
  color: #fff;
}

.lp-brand__colors li.is-light {
  color: var(--lp-ink);
}

.lp-brand__colors b {
  font-family: var(--font-family-display);
  font-size: var(--type-body-lg-size);
}

.lp-brand__colors span {
  font-size: var(--type-body-sm-size);
  opacity: 0.9;
}

/* ---------- 04 Exploration ---------- */
/* ---------- 05 The product ---------- */
.lp-features {
  display: grid;
  gap: var(--space-5xl);
  margin: 0;
  padding: 0;
  list-style: none;
}

.lp-features li {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: var(--space-5xl);
  align-items: center;
}

/* Even rows put the text first, but the media keeps the wider column so every video is the same size. */
.lp-features li:nth-child(even) {
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
}

.lp-features li:nth-child(even) > img,
.lp-features li:nth-child(even) > video {
  order: 2;
}

.lp-features img,
.lp-features video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-radius: var(--radius-xl);
}

.lp-features div {
  display: grid;
  gap: var(--space-md);
}

.lp-features span {
  color: var(--color-text-brand);
  font-weight: 600;
}

.lp-features p {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: var(--type-body-lg-size);
  line-height: var(--type-body-lg-line-height);
}

/* The spelling board: wood, slots and tiles. */
.lp-play {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
  gap: var(--space-5xl);
  align-items: center;
  padding: var(--space-5xl);
  border-radius: var(--radius-xl);
  background: var(--color-bg-brand-subtle);
}

.lp-play__intro {
  display: grid;
  gap: var(--space-md);
}

.lp-play__intro > p:last-child {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: var(--type-body-md-size);
  line-height: var(--type-body-md-line-height);
}

.lp-board {
  display: grid;
  gap: var(--space-2xl);
  padding: var(--space-3xl);
  border: 10px solid var(--lp-wood-2);
  border-radius: var(--radius-lg);
  background:
    repeating-linear-gradient(92deg, rgb(255 255 255 / 0.08) 0 2px, transparent 2px 22px),
    var(--lp-wood);
  box-shadow: inset 0 2px 0 rgb(255 255 255 / 0.4), 0 20px 40px -24px rgb(80 55 20 / 0.6);
}

.lp-board__tutors {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-lg);
}

.lp-board__tutors figure {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  margin: 0;
  padding: var(--space-sm) var(--space-lg) var(--space-sm) var(--space-sm);
  border-radius: var(--radius-full);
  background: rgb(255 255 255 / 0.75);
}

.lp-board__tutors img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
  background: #fff;
}

.lp-board__tutors figcaption {
  display: grid;
  line-height: 1.2;
}

.lp-board__tutors b {
  color: var(--color-text-secondary);
  font-size: var(--type-caption-size);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.lp-board__hi,
.lp-board__ask {
  color: var(--lp-ink);
  font-family: var(--font-family-display);
  font-weight: 600;
  font-size: var(--type-body-lg-size);
}

.lp-board__hi {
  font-family: "Noto Sans Devanagari", "Kohinoor Devanagari", system-ui, sans-serif;
}

.lp-board__slots,
.lp-board__tiles {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-md);
}

.lp-board__slots span {
  display: grid;
  place-items: center;
  width: 64px;
  height: 72px;
  border: 3px solid var(--lp-wood-2);
  border-radius: var(--radius-sm);
  background: #d9bf8e;
  box-shadow: inset 0 4px 8px rgb(80 55 20 / 0.25);
  font-family: var(--font-family-display);
  font-weight: 700;
  font-size: 34px;
  color: var(--lp-ink);
}

.lp-board__slots span.is-filled {
  animation: lp-drop 0.3s ease;
}

.lp-board.is-done .lp-board__slots span {
  border-color: var(--lp-green);
  background: #c9f0d8;
}

@keyframes lp-drop {
  from { transform: translateY(-10px) scale(1.1); }
}

.lp-board__tiles button {
  width: 56px;
  height: 56px;
  border: 0;
  border-radius: var(--radius-sm);
  background: var(--t, var(--lp-blue));
  color: #fff;
  font: inherit;
  font-family: var(--font-family-display);
  font-weight: 700;
  font-size: 26px;
  box-shadow: 0 4px 0 rgb(0 0 0 / 0.2);
  cursor: pointer;
  transition: transform 0.15s ease, opacity 0.2s ease;
}

.lp-board__tiles button:hover {
  transform: translateY(-3px) rotate(-3deg);
}

.lp-board__tiles button:disabled {
  opacity: 0.25;
  cursor: default;
  transform: none;
}

.lp-board__tiles button.is-wrong {
  animation: lp-shake 0.4s ease;
}

@keyframes lp-shake {
  25% { transform: translateX(-6px); }
  75% { transform: translateX(6px); }
}

.lp-board__msg {
  min-height: 1.5em;
  margin: 0;
  color: var(--lp-ink);
  font-weight: 600;
  text-align: center;
}

.lp-board__next {
  justify-self: center;
  padding: var(--space-md) var(--space-2xl);
  border: 0;
  border-radius: var(--radius-full);
  background: var(--lp-green);
  color: #fff;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}

/* ---------- 06 Made locally ---------- */
.lp-making {
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  gap: var(--space-5xl);
  align-items: center;
  padding: var(--space-5xl);
  border-radius: var(--radius-xl);
  background: #eaf6ee;
}

.lp-making__text {
  display: grid;
  gap: var(--space-lg);
}

.lp-making__list {
  display: grid;
  gap: var(--space-md);
  margin: 0;
  padding: 0;
  list-style: none;
}

.lp-making__list li {
  display: flex;
  gap: var(--space-md);
  align-items: baseline;
  font-size: var(--type-body-lg-size);
  line-height: var(--type-body-lg-line-height);
}

.lp-making__list li::before {
  content: "";
  flex: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--lp-green);
  transform: translateY(-1px);
}

.lp-finals {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-2xl);
}

.lp-finals figure {
  margin: 0;
}

.lp-finals__wide {
  grid-column: 1 / -1;
}

.lp-finals img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius-xl);
}

/* ---------- Closing ---------- */
.lp-closing {
  margin-top: var(--space-9xl);
}

.lp-close {
  position: relative;
  display: grid;
  place-items: center;
  padding: var(--space-10xl) var(--space-4xl);
  overflow: hidden;
  border-radius: var(--radius-xl);
  background: var(--lp-ink);
  text-align: center;
}

.lp-close img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lp-close::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgb(0 0 0 / 0.5);
}

.lp-close__line {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #f9f9f9;
  font-family: var(--font-family-display);
  font-weight: 600;
  font-size: clamp(36px, 5.6vw, 84px);
  line-height: 1.05;
  letter-spacing: -0.03em;
}

.loop .lp-close__line em {
  color: var(--lp-yellow);
}


/* ---------- Added with the new photos ---------- */
.lp-why img,
.lp-learn-icon {
  display: block;
  height: auto;
  mix-blend-mode: multiply; /* the illustrations sit on white */
}

.lp-why {
  display: grid;
  gap: var(--space-lg);
}

.lp-why ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-2xl);
  margin: 0;
  padding: 0;
  list-style: none;
}

.lp-why li {
  display: grid;
  gap: var(--space-sm);
  padding: var(--space-2xl);
  border-radius: var(--radius-xl);
  background: #fff;
  border: 1px solid var(--color-border-default);
}

.lp-why img {
  width: auto;
  height: 120px;
  margin-bottom: var(--space-md);
}

.lp-why p {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: var(--type-body-md-size);
  line-height: var(--type-body-md-line-height);
}

/* Exploration: sketch, prototype, after testing, in one row. */
.lp-journey {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-2xl);
  margin: 0;
  padding: 0;
  list-style: none;
}

.lp-journey li {
  display: grid;
  align-content: start;
  gap: var(--space-xs);
}

.lp-journey img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  margin-bottom: var(--space-md);
  border-radius: var(--radius-lg);
  background: #fff;
}

.lp-journey span {
  color: var(--color-text-brand);
  font-size: var(--type-label-size);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.lp-journey p {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: var(--type-body-md-size);
  line-height: var(--type-body-md-line-height);
}

.lp-anatomy {
  margin: 0;
}

.lp-anatomy img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius-xl);
}

.lp-anatomy figcaption {
  margin-top: var(--space-md);
  color: var(--color-text-secondary);
  font-size: var(--type-body-md-size);
}

/* Maya and Raju side by side where a feature calls for both. */
/* Maya and Raju share one frame, the same size as the other feature videos: each fills half. */
.lp-duo {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border-radius: var(--radius-xl);
}

/* Each half shows more of its wide shot, with the figure in the middle. The space above and
   below is the video's own backdrop blue, and the bottom edge fades into it. */
.lp-duo__half {
  position: relative;
  overflow: hidden;
  background: #c6d8f5;
}

.lp-duo__half--raju {
  background: #cfe5f3;
}

.lp-features .lp-duo video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 150%;
  max-width: none;
  height: auto;
  aspect-ratio: auto;
  border-radius: 0;
  transform: translate(-44%, -50%); /* the figures stand about 44% across their shots */
  -webkit-mask-image: linear-gradient(to bottom, #000 78%, transparent);
  mask-image: linear-gradient(to bottom, #000 78%, transparent);
}

.lp-features li:nth-child(even) .lp-duo {
  order: 2;
}

.lp-learn-icon {
  width: 96px;
}

/* The icon adds a row to each learning card; keep the rows shared across cards. */
.loop .pj-learns {
  grid-template-rows: repeat(5, auto);
}

.loop .pj-learn {
  grid-row: span 5;
}

@media (max-width: 1099px) {
  .lp-making {
    grid-template-columns: minmax(0, 1fr);
  }

  .lp-features li:nth-child(even) .lp-duo {
    order: 0;
  }
}

@media (max-width: 767px) {
  .lp-why ul {
    grid-template-columns: minmax(0, 1fr);
  }

  .lp-journey {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* ---------- Smaller screens ---------- */
@media (max-width: 1099px) {
  .lp-ngo__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lp-hundred,
  .lp-play,
  .lp-making,
  .lp-features li {
    grid-template-columns: minmax(0, 1fr);
  }

  .lp-features li:nth-child(even) {
    grid-template-columns: minmax(0, 1fr);
  }

  .lp-features li:nth-child(even) > img,
  .lp-features li:nth-child(even) > video {
    order: 0;
  }
}

@media (max-width: 767px) {
  .lp-method {
    grid-auto-flow: row;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lp-ngo__list,
  .lp-who,
  .lp-brand,
  .lp-finals,
  .lp-board__tutors {
    grid-template-columns: minmax(0, 1fr);
  }

  .lp-hundred__grid {
    gap: 6px;
    padding: var(--space-xl);
  }

  /* The mind map becomes a tidy stack. */
  .lp-six {
    gap: var(--space-xl);
    min-height: 0;
  }

  .lp-six ul {
    position: static;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-sm);
  }

  .lp-six li {
    position: static;
    transform: none;
    font-size: var(--type-body-sm-size);
    animation: none;
  }

  .lp-play,
  .lp-making,
  .lp-takeaway {
    padding: var(--space-2xl);
  }

  .lp-board {
    padding: var(--space-lg);
    border-width: 6px;
  }

  .lp-board__slots span {
    width: 44px;
    height: 52px;
    font-size: 24px;
  }

  .lp-board__tiles button {
    width: 44px;
    height: 44px;
    font-size: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lp-six li,
  .lp-board__slots span.is-filled,
  .lp-board__tiles button.is-wrong {
    animation: none;
  }

  .lp-speak__bar i,
  .lp-hundred__grid i {
    transition: none;
  }
}

/* The awards banner uses Loop's own blue, not the lighter tint. */
.loop .pj-awards strong {
  color: var(--lp-blue);
}

.loop .pj-awards__mark {
  stroke: var(--lp-blue);
}