/* Le nouvel an en couple (template/seo/nouvel-an-en-couple.php, 2026-11-03): the whole page in the night of the space,
   gold for the figures and the hours, the cream cards of the games of the app for the ten ideas and the cards of
   figures, Nunito for what plays as in the app (static/css/lc-games-public.css). Nothing moves the page: the bursts and
   sparkles move in place, and not at all with prefers-reduced-motion. Everything under .lc-na. */
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 500 900;
  font-display: swap;
  src: url("../fonts/nunito-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 500 900;
  font-display: swap;
  src: url("../fonts/nunito-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.lc-pillar.lc-na {
  --na-gold: #ffd98a;
  --na-gold-soft: #ffe9b0;
  --na-pink: #ff7ab2;
  --na-cream: #fbf8ef;
  --na-plum: #702a71;
  --na-ink: #5d465e;
  --na-rose: #c4285b;
  --na-play: "Nunito", "Helvetica Neue", Arial, sans-serif;
  background: linear-gradient(180deg, #1a0722 0%, #2a0f33 20%, #2e0f3a 55%, #2a0f33 100%);
  color: #fff;
}

/* ---- The first screen: the hero of the night, its fireworks, the figure of the last réveillon, the skyline ---- */
/* Room under the text for the skyline (its height at its width, 200 for 390), past the hero padding of the pillars on a
   phone (seo-pillar.css, with !important). */
body .lc-pillar.lc-na .lc-hero.lc-naHero {
  overflow: hidden;
  padding-bottom: calc(min(100vw, 560px) * .513 + 14px) !important;
}
.lc-naHero__bursts {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.lc-naHero__skyline {
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 0;
  width: min(100%, 560px);
  height: auto;
  transform: translateX(-50%);
  pointer-events: none;
}
.lc-na .lc-naHero .lc-wrap {
  position: relative;
  z-index: 1;
}
.lc-pillar .lc-hero--night .lc-naHero__gold {
  border-color: rgba(255, 217, 138, .45);
  background: rgba(255, 217, 138, .08);
  color: var(--na-gold-soft);
}
.lc-naFigure {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-family: var(--na-play);
}
.lc-naFigure p {
  margin: 0;
}
.lc-naFigure__n {
  color: var(--na-gold);
  font-size: clamp(52px, 12vw, 84px);
  font-weight: 900;
  line-height: .95;
  letter-spacing: -.03em;
}
.lc-naFigure__text {
  color: rgba(255, 255, 255, .92);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.45;
}
.lc-naFigure__you {
  color: var(--na-pink);
  font-size: 26px;
  font-weight: 900;
  line-height: 1.15;
}
.lc-naFigure__source {
  color: rgba(255, 255, 255, .55);
  font-size: 12px;
  font-weight: 700;
}

/* ---- The sections ---- */
.lc-naSection {
  position: relative;
  padding: 30px 0;
}
.lc-na .lc-wrap.lc-naNarrow {
  width: min(760px, calc(100% - 28px));
}
.lc-naHead {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 22px;
  font-family: var(--na-play);
}
.lc-na .lc-naHead h2 {
  margin: 0;
  color: #fff;
  font-family: var(--na-play);
  font-size: clamp(32px, 6vw, 48px);
  font-weight: 900;
  line-height: 1.04;
  letter-spacing: -.015em;
}
.lc-na .lc-naHead p {
  margin: 0;
  color: rgba(255, 255, 255, .86);
  font-size: 16.5px;
  font-weight: 600;
  line-height: 1.55;
}
.lc-na .lc-naHead p.lc-naKicker {
  margin: 0;
  color: var(--na-gold);
  font-size: 12px;
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.lc-naBox {
  padding: 26px 22px;
  border: 1px solid rgba(255, 217, 138, .22);
  border-radius: 26px;
  background: rgba(255, 255, 255, .05);
}
.lc-na .lc-naBox h2 {
  margin: 0 0 14px;
  color: #fff;
  font-size: clamp(28px, 5vw, 40px);
  font-weight: 950;
  line-height: 1.08;
  letter-spacing: -.03em;
}
.lc-na .lc-naBox p {
  margin: 0 0 14px;
  color: rgba(255, 255, 255, .88);
  font-size: 17px;
  line-height: 1.68;
}
.lc-na .lc-naBox p:last-child {
  margin-bottom: 0;
}
.lc-na .lc-naSource {
  color: rgba(255, 255, 255, .55);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}
.lc-na .lc-naSource a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.lc-na .lc-naLabel {
  margin: 0;
  color: var(--na-rose);
  font-family: var(--na-play);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.lc-naBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  min-height: 46px;
  padding: 12px 18px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #f22675, #9c35ec);
  color: #fff;
  font: 900 15px/1.2 var(--na-play);
  text-decoration: none;
  cursor: pointer;
}
.lc-na a.lc-naBtn {
  color: #fff;
}
.lc-naBtn:focus-visible,
.lc-naChip:focus-visible,
.lc-naGrapes__again:focus-visible {
  outline: 3px solid var(--na-gold);
  outline-offset: 3px;
}
.lc-naBtn--light {
  border: 2px solid rgba(112, 42, 113, .25);
  background: transparent;
  color: var(--na-plum);
}

/* ---- The ten ideas ---- */
.lc-naIdeas {
  display: grid;
  gap: 22px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.lc-naIdea {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 26px;
  background: var(--na-cream);
  box-shadow: 0 18px 40px rgba(10, 2, 18, .45);
  color: var(--na-plum);
  font-family: var(--na-play);
  scroll-margin-top: 24px;
}
.lc-naIdea__art {
  position: relative;
  height: 150px;
  overflow: hidden;
}
.lc-naIdea__svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.lc-naIdea--cabane .lc-naIdea__art { background: linear-gradient(180deg, #0c1630 0%, #1b2d44 60%, #23384a 100%); }
.lc-naIdea--bulle .lc-naIdea__art { background: linear-gradient(180deg, #070b22 0%, #15123c 70%, #1d1846 100%); }
.lc-naIdea--ciel .lc-naIdea__art { background: linear-gradient(180deg, #03061a 0%, #0f0c30 70%, #1a1240 100%); }
.lc-naIdea--igloo .lc-naIdea__art { background: linear-gradient(180deg, #03111e 0%, #0b2536 70%, #123245 100%); }
.lc-naIdea--refuge .lc-naIdea__art { background: linear-gradient(180deg, #0a1230 0%, #23204a 70%, #2e2752 100%); }
.lc-naIdea--phare .lc-naIdea__art { background: linear-gradient(180deg, #08122c 0%, #182a52 70%, #1f3560 100%); }
.lc-naIdea--peniche .lc-naIdea__art { background: linear-gradient(180deg, #120a26 0%, #2c1745 70%, #3a1d55 100%); }
.lc-naIdea--train .lc-naIdea__art { background: linear-gradient(180deg, #0a0e2c 0%, #201c4a 70%, #2a2356 100%); }
.lc-naIdea--yourte .lc-naIdea__art { background: linear-gradient(180deg, #120d2a 0%, #2a1a40 70%, #33204a 100%); }
.lc-naIdea--salon .lc-naIdea__art { background: linear-gradient(180deg, #2a0f33 0%, #3b163f 100%); }
.lc-naIdea__n {
  position: absolute;
  top: 12px;
  left: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--na-gold);
  box-shadow: 0 6px 16px rgba(10, 2, 18, .4);
  color: #2a0f33;
  font-size: 20px;
  font-weight: 900;
}
.lc-naIdea__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  padding: 18px 20px 22px;
}
.lc-na .lc-naIdea h3 {
  margin: 0;
  color: var(--na-plum);
  font-family: var(--na-play);
  font-size: 22px;
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: 0;
}
.lc-na .lc-naIdea p {
  margin: 0;
  color: var(--na-ink);
  font-size: 15.5px;
  font-weight: 600;
  line-height: 1.5;
}
.lc-naIdea__tip {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 4px;
  padding: 12px 14px;
  border-radius: 16px;
  background: #f3ebf0;
}
.lc-na .lc-naIdea__tip p {
  font-size: 14px;
}
.lc-na .lc-naIdea .lc-naSource {
  color: #9b8a9c;
  font-size: 11.5px;
}
.lc-na .lc-naIdea p.lc-naLabel,
.lc-na .lc-naCard p.lc-naLabel {
  margin: 6px 0 0;
  color: var(--na-rose);
  font-size: 11px;
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.lc-na .lc-naIdea__tip p.lc-naLabel,
.lc-na .lc-naCard p.lc-naLabel {
  margin-top: 0;
}
.lc-na .lc-naIdea .lc-naIdea__reason {
  color: var(--na-plum);
  font-size: 14.5px;
  font-weight: 700;
  line-height: 1.4;
}
.lc-naIdea .lc-naBtn {
  margin-top: 6px;
}
.lc-naPromo {
  margin: 26px 0;
}

/* ---- The figures ---- */
.lc-naCard {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 0 0 18px;
  padding: 22px 18px 20px;
  border: 1px solid rgba(255, 217, 138, .22);
  border-radius: 26px;
  background: rgba(255, 255, 255, .05);
  font-family: var(--na-play);
}
.lc-na .lc-naCard p {
  margin: 0;
  color: rgba(255, 255, 255, .9);
  font-size: 15.5px;
  font-weight: 700;
  line-height: 1.45;
}
.lc-na .lc-naCard__title,
.lc-na .lc-naCard p.lc-naCard__title {
  margin: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.12;
}
.lc-naCard--cream {
  border: 0;
  background: var(--na-cream);
  box-shadow: 0 5px 0 rgba(112, 42, 113, .45);
  color: var(--na-plum);
}
.lc-na .lc-naCard--cream p {
  color: var(--na-ink);
}
.lc-na .lc-naCard--cream p.lc-naCard__title {
  color: var(--na-plum);
}
.lc-na .lc-naCard--cream .lc-naSource {
  color: #9b8a9c;
}
.lc-na .lc-naCard p.lc-naBig {
  color: var(--na-gold);
  font-size: 46px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.02em;
}
.lc-naCrowd__rows {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.lc-na .lc-naCard .lc-naCrowd__label {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 2px 10px;
  margin: 0 0 8px;
}
.lc-naCrowd__label span {
  font-size: 15px;
  font-weight: 800;
}
.lc-naCrowd__label strong {
  color: var(--na-gold);
  font-size: 19px;
  font-weight: 900;
  white-space: nowrap;
}
.lc-na .lc-naCard p.lc-naSource {
  color: rgba(255, 255, 255, .55);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}
.lc-na .lc-naCard--cream p.lc-naSource {
  color: #9b8a9c;
}
.lc-naCrowd__dots {
  display: block;
  width: 100%;
  max-width: 272px;
  height: auto;
  fill: var(--na-gold);
}
.lc-naCrowd__you {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, .12);
  font-size: 17px;
  font-weight: 900;
}
.lc-naCrowd__hearts {
  display: flex;
  align-items: center;
  gap: 6px;
}
.lc-naCrowd__hearts strong {
  margin-left: 4px;
  color: var(--na-pink);
  font-size: 22px;
}
.lc-na .lc-naCard p.lc-naCrowd__legend {
  color: rgba(255, 255, 255, .72);
  font-size: 14px;
}
.lc-naBars {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 6px 0 0;
}
.lc-naBars figcaption {
  color: var(--na-ink);
  font-size: 13px;
  font-weight: 800;
}
.lc-na .lc-naBar p {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin: 0 0 5px;
}
.lc-naBar p span {
  color: var(--na-ink);
  font-size: 14px;
  font-weight: 700;
}
.lc-naBar p strong {
  color: var(--na-plum);
  font-size: 18px;
  font-weight: 900;
  white-space: nowrap;
}
.lc-naBar__track {
  display: block;
  height: 14px;
  border-radius: 7px;
  background: #f1e6ea;
}
.lc-naBar__track span {
  display: block;
  height: 100%;
  border-radius: 7px;
  background: #d9c4cf;
}
.lc-naBar--on .lc-naBar__track span {
  background: var(--na-rose);
}
.lc-naStrip {
  position: relative;
  height: 66px;
  margin: 4px 8px 0;
}
.lc-naStrip__line {
  position: absolute;
  top: 24px;
  right: 0;
  left: 0;
  height: 4px;
  border-radius: 2px;
  background: linear-gradient(90deg, #ffd98a, #ff3d8b 55%, #9c35ec);
}
.lc-naStrip__mark {
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  transform: translateX(-50%);
}
.lc-naStrip__mark span {
  color: rgba(255, 255, 255, .7);
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}
.lc-naStrip__mark i {
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  border: 2px solid #2a0f33;
  border-radius: 50%;
  background: #fff;
}
.lc-naStrip__mark b {
  color: var(--na-gold);
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}
.lc-naMonths {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.lc-naMonths li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  border-radius: 10px;
  background: #f1e6ea;
  color: #8f7c90;
  font-size: 13px;
  font-weight: 800;
}
.lc-naMonths .is-party {
  background: var(--na-gold);
  color: var(--na-plum);
  font-weight: 900;
}
.lc-naMonths .is-born {
  background: var(--na-rose);
  color: #fff;
  font-weight: 900;
}
.lc-na .lc-naCard p.lc-naLegend {
  color: #8f7c90;
  font-size: 13px;
}

/* ---- The night of the 31st, a vertical timeline ---- */
.lc-naNight {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}
.lc-naStop {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  column-gap: 14px;
  font-family: var(--na-play);
}
.lc-na .lc-naStop__time {
  margin: 0;
  text-align: right;
}
.lc-naStop__time span {
  display: block;
  color: var(--na-gold);
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
}
.lc-naStop__time small {
  display: block;
  margin-top: 4px;
  color: rgba(255, 255, 255, .55);
  font-size: 11px;
  font-weight: 800;
}
.lc-naStop__body {
  position: relative;
  padding: 0 0 26px 26px;
}
.lc-naStop__body::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 6px;
  width: 2px;
  background: rgba(255, 217, 138, .3);
}
.lc-naStop__body::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 14px;
  height: 14px;
  box-sizing: border-box;
  border: 3px solid #2a0f33;
  border-radius: 50%;
  background: var(--na-gold);
}
.lc-naStop:last-child .lc-naStop__body::before {
  bottom: auto;
  height: 18px;
}
.lc-na .lc-naStop h3 {
  margin: 0 0 6px;
  color: #fff;
  font-family: var(--na-play);
  font-size: 19px;
  font-weight: 900;
  line-height: 1.2;
}
.lc-na .lc-naStop p {
  margin: 0 0 6px;
  color: rgba(255, 255, 255, .8);
  font-size: 14.5px;
  font-weight: 600;
  line-height: 1.5;
}
.lc-na .lc-naStop .lc-naSource {
  color: rgba(255, 255, 255, .5);
  font-size: 11.5px;
}
.lc-na .lc-naStop .lc-naStop__couple {
  color: var(--na-gold-soft);
  font-weight: 800;
}
.lc-naChip {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  margin-top: 4px;
  padding: 9px 14px;
  border: 1px solid rgba(255, 217, 138, .45);
  border-radius: 999px;
  background: rgba(255, 217, 138, .14);
  color: var(--na-gold-soft);
  font: 900 14px/1.2 var(--na-play);
  text-decoration: none;
}
.lc-na a.lc-naChip {
  color: var(--na-gold-soft);
}

/* ---- The 12 grapes: twelve grapes set as the hours of a clock, a wish at each stroke ---- */
.lc-naGrapes {
  display: flex;
  flex-direction: column;
  gap: 18px;
  font-family: var(--na-play);
  scroll-margin-top: 24px;
}
.lc-naGrapes .lc-naHead {
  margin-bottom: 4px;
}
.lc-naPlate {
  position: relative;
  align-self: center;
  width: min(320px, 86vw);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 42%, #fffaf0 0%, #fbf3e2 58%, #f1ddb3 100%);
  box-shadow: 0 0 0 6px rgba(255, 217, 138, .55), 0 0 0 14px rgba(255, 217, 138, .1), 0 30px 60px rgba(10, 2, 18, .5);
}
.lc-naGrape {
  position: absolute;
  width: 14.4%;
  aspect-ratio: 1;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: radial-gradient(circle at 34% 30%, #e2b4ec 0%, #9a46ad 38%, #5e1a70 78%, #431152 100%);
  box-shadow: 0 6px 12px rgba(67, 17, 82, .35), inset 0 -4px 8px rgba(0, 0, 0, .25);
  cursor: pointer;
  transform: translate(-50%, -50%);
  transition: transform .2s ease;
}
.lc-naGrape:hover {
  transform: translate(-50%, -50%) scale(1.06);
}
.lc-naGrape:focus-visible {
  outline: 3px solid var(--na-rose);
  outline-offset: 3px;
}
.lc-naGrape.is-eaten {
  border: 2px dashed #e0b45c;
  background: transparent;
  box-shadow: none;
  cursor: default;
  transform: translate(-50%, -50%);
}
.lc-naGrape.is-eaten::after {
  content: attr(data-n);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #b97f12;
  font: 900 16px/1 var(--na-play);
}
.lc-naPlate__center {
  position: absolute;
  top: 25%;
  left: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 50%;
  height: 50%;
  box-sizing: border-box;
  padding: 14px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 2px rgba(224, 180, 92, .6), 0 10px 26px rgba(112, 42, 113, .18);
  text-align: center;
}
.lc-naPlate__kicker {
  color: var(--na-rose);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.lc-naPlate__wish {
  color: var(--na-plum);
  font-size: 15px;
  font-weight: 900;
  line-height: 1.22;
}
.lc-naPlate__wish.is-new {
  animation: lcNaPop .45s ease-out both;
}
.lc-naGrapes__bar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}
.lc-naGrapes__count {
  padding: 7px 14px;
  border-radius: 999px;
  background: rgba(255, 217, 138, .14);
  color: var(--na-gold-soft);
  font-size: 14px;
  font-weight: 900;
}
.lc-naGrapes__again {
  min-height: 42px;
  padding: 8px 14px;
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  color: #fff;
  font: 800 14px/1.2 var(--na-play);
  cursor: pointer;
}
.lc-na .lc-naGrapes__hint {
  margin: 0;
  color: rgba(255, 255, 255, .72);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}
.lc-naGrapes__done {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 22px 20px 20px;
  border-radius: 26px;
  background: var(--na-cream);
  box-shadow: 0 5px 0 rgba(112, 42, 113, .45);
  color: var(--na-plum);
}
.lc-naGrapes__done[hidden] {
  display: none;
}
.lc-na .lc-naGrapes__done .lc-naCard__title {
  color: var(--na-plum);
}
.lc-naGrapes__done ol {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 0;
  padding-left: 22px;
  color: var(--na-ink);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}
.lc-naGrapes__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.lc-naGrapes__actions .lc-naBtn {
  align-self: auto;
}
.lc-naGrapes__list summary {
  color: rgba(255, 255, 255, .75);
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
}
.lc-naGrapes__list ol {
  margin: 10px 0 0;
  padding-left: 22px;
  color: rgba(255, 255, 255, .82);
  font-size: 14.5px;
  line-height: 1.5;
}

/* ---- The review of the year: the draw of the couple questions and its four lists ---- */
.lc-naDraw {
  margin-bottom: 30px;
}
.lc-pillar .lc-naDraw h3 {
  margin: 6px 0 14px;
  color: #fff;
  font-size: clamp(1.6rem, 3vw, 1.9rem);
  font-weight: 950;
  line-height: 1.05;
  letter-spacing: -.03em;
}
.lc-naList {
  margin: 0 0 26px;
  scroll-margin-top: 24px;
}
.lc-na .lc-naList h3 {
  margin: 0 0 8px;
  color: #fff;
  font-family: var(--na-play);
  font-size: 22px;
  font-weight: 900;
  line-height: 1.15;
}
.lc-na .lc-naList p {
  margin: 0 0 10px;
  color: rgba(255, 255, 255, .8);
  font-size: 16px;
  line-height: 1.55;
}
.lc-naQuestions {
  display: flex;
  flex-direction: column;
  gap: 9px;
  margin: 0 0 10px;
  padding-left: 26px;
  color: #fff;
  font-size: 16.5px;
  font-weight: 600;
  line-height: 1.5;
}
.lc-na .lc-naList a,
.lc-na .lc-naFaq a {
  color: var(--na-gold);
  font-weight: 800;
}

/* ---- Résolutions, the app, the FAQ ---- */
.lc-naSteps {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding-left: 24px;
  color: rgba(255, 255, 255, .88);
  font-size: 16.5px;
  line-height: 1.6;
}
.lc-na .lc-naFaqTitle {
  margin: 0 0 18px;
  color: #fff;
  font-family: var(--na-play);
  font-size: clamp(32px, 6vw, 48px);
  font-weight: 900;
  line-height: 1.04;
}
.lc-naFaq details {
  margin: 0 0 12px;
  padding: 16px 18px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 18px;
  background: rgba(255, 255, 255, .06);
}
.lc-naFaq summary {
  color: #fff;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.4;
  cursor: pointer;
}
.lc-na .lc-naFaq p {
  margin: 10px 0 0;
  color: rgba(255, 255, 255, .82);
  font-size: 16px;
  line-height: 1.65;
}
.lc-naSection--end {
  padding-bottom: 54px;
}

/* The numbered lists of the page keep their numbers: blocks with spaced items, not flex boxes (whose items would lose
   them). */
.lc-na .lc-naQuestions,
.lc-na .lc-naSteps,
.lc-na .lc-naGrapes__done ol,
.lc-na .lc-naGrapes__list ol {
  display: block;
  list-style: decimal;
}
.lc-na .lc-naQuestions li,
.lc-na .lc-naSteps li,
.lc-na .lc-naGrapes__done li,
.lc-na .lc-naGrapes__list li {
  display: list-item;
  margin: 0 0 9px;
  list-style: decimal;
}
.lc-na .lc-naQuestions li::marker,
.lc-na .lc-naGrapes__done li::marker {
  color: var(--na-gold);
  font-weight: 900;
}
.lc-na .lc-naGrapes__done li::marker {
  color: var(--na-rose);
}

/* ---- Wider screens: two ideas a row ---- */
@media (min-width: 900px) {
  .lc-naIdeas {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lc-naIdea .lc-naBtn {
    margin-top: auto;
  }
  .lc-naSection {
    padding: 40px 0;
  }
}

/* ---- What moves, in place ---- */
@keyframes lcNaBurst {
  0% { opacity: 0; transform: scale(.35); }
  18% { opacity: 1; }
  55% { opacity: .85; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.08); }
}
@keyframes lcNaTwinkle {
  0%, 100% { opacity: .25; }
  50% { opacity: 1; }
}
@keyframes lcNaBeam {
  0%, 100% { opacity: .18; }
  50% { opacity: .34; }
}
@keyframes lcNaPop {
  0% { opacity: 0; transform: scale(.7); }
  60% { opacity: 1; transform: scale(1.05); }
  100% { transform: scale(1); }
}
.lc-naBurst {
  transform-box: fill-box;
  transform-origin: center;
  animation: lcNaBurst 4.2s ease-out infinite;
}
.lc-naBurst--2 { animation-delay: 1.4s; }
.lc-naBurst--3 { animation-delay: 2.8s; }
.lc-naTw { animation: lcNaTwinkle 2.6s ease-in-out infinite; }
.lc-naTw--2 { animation-delay: .9s; }
.lc-naTw--3 { animation-delay: 1.7s; }
.lc-naBeam { animation: lcNaBeam 5s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) {
  .lc-naBurst,
  .lc-naTw,
  .lc-naBeam,
  .lc-naPlate__wish.is-new {
    animation: none;
  }
  .lc-naBurst {
    opacity: .9;
  }
  .lc-naGrape {
    transition: none;
  }
}

/* The links of the boxes, in gold. */
.lc-na .lc-naBox a {
  color: var(--na-gold);
  font-weight: 800;
}
.lc-naFigure__source a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}