/* Homepage welcome section. Colors and typography follow the Stars signature. */
#bienvenue.welcome-choice {
  --welcome-champagne: #e4c39c;
  --welcome-rule: color-mix(in srgb, var(--gold) 46%, transparent);
  --welcome-copy: #e0e1df;
  width: min(var(--max), calc(100% - 13.7vw));
  margin: 0 auto;
  background: var(--ink);
  color: var(--paper);
  box-shadow: 0 0 0 100vmax var(--ink);
  clip-path: inset(0 -100vmax);
  padding-block: clamp(40px, 4.7vw, 70px);
  border: 0;
}
#bienvenue.welcome-a {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  column-gap: clamp(54px, 7vw, 110px);
  align-items: center;
}
#bienvenue.welcome-choice .signature-heading { margin: 0; }
#bienvenue.welcome-choice .signature-label,
#bienvenue.welcome-choice .welcome-legend {
  display: block;
  margin: 0 0 23px;
  font: 600 10.5px/1.6 var(--sans);
  letter-spacing: .17em;
  color: var(--welcome-champagne);
  text-transform: uppercase;
}
#bienvenue.welcome-choice .signature-title {
  display: block;
  margin: 0;
  font: 400 clamp(43px, 4.5vw, 66px)/1.08 var(--serif);
  letter-spacing: -.046em;
  color: var(--paper);
}
#bienvenue.welcome-choice .signature-title em {
  font-style: italic;
  white-space: nowrap;
  color: var(--welcome-champagne);
}
#bienvenue.welcome-choice .welcome-paragraph {
  margin: 0;
  font: 400 clamp(16px, 1.15vw, 18px)/1.66 var(--sans);
  color: var(--welcome-copy);
}
#bienvenue.welcome-choice strong { font-weight: 550; color: var(--paper); }
#bienvenue.welcome-a .signature-heading { margin-bottom: 23px; }
#bienvenue.welcome-a .welcome-paragraph + .welcome-paragraph { margin-top: 12px; }
#bienvenue.welcome-choice .welcome-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 9px 25px; margin-top: 24px; }
#bienvenue.welcome-choice .welcome-main-link,
#bienvenue.welcome-choice .welcome-text-link,
#bienvenue.welcome-choice .welcome-map-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 44px;
  font: 550 13px/1.35 var(--sans);
}
#bienvenue.welcome-choice .welcome-main-link {
  padding: 10px 18px;
  border: 1px solid var(--gold);
  color: var(--paper);
  border-radius: 2px;
}
#bienvenue.welcome-choice .welcome-main-link:hover { background: var(--welcome-champagne); color: var(--ink); }
#bienvenue.welcome-choice .welcome-text-link,
#bienvenue.welcome-choice .welcome-map-link {
  color: var(--welcome-copy);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--gold);
  text-underline-offset: 5px;
}
#bienvenue.welcome-choice .welcome-actions a span,
#bienvenue.welcome-choice .welcome-map-link span { text-decoration: none; font-size: 16px; }
#bienvenue.welcome-choice a:focus-visible { outline: 2px solid var(--welcome-champagne); outline-offset: 3px; }
#bienvenue.welcome-choice .welcome-walk { min-width: 0; }
#bienvenue.welcome-a .welcome-legend { margin-bottom: 11px; }
#bienvenue.welcome-choice .walk-list { padding: 0; margin: 0; list-style: none; }
#bienvenue.welcome-choice .walk-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content minmax(55px, max-content);
  column-gap: 13px;
  align-items: baseline;
  padding: 14px 0;
  border-block-start: 1px solid var(--welcome-rule);
}
#bienvenue.welcome-choice .walk-list li:last-child { border-block-end: 1px solid var(--welcome-rule); }
#bienvenue.welcome-choice .walk-place { color: var(--paper); font: 400 clamp(19px,1.6vw,25px)/1.25 var(--serif); letter-spacing: -.035em; }
#bienvenue.welcome-choice .walk-distance { color: var(--welcome-copy); font: 400 13px/1.45 var(--sans); white-space: nowrap; text-align: end; }
#bienvenue.welcome-choice .walk-time { font: 400 clamp(24px,2.05vw,32px)/1.14 var(--serif); color: var(--welcome-champagne); white-space: nowrap; text-align: end; letter-spacing: -.035em; font-variant-numeric: lining-nums tabular-nums; }
#bienvenue.welcome-choice .walk-time small { font: 500 13px/1.2 var(--sans); letter-spacing: 0; }
#bienvenue.welcome-choice .welcome-map-link { margin-top: 6px; font-weight: 450; }
@media (max-width: 760px) {
  #bienvenue.welcome-choice { display: block; width: calc(100% - 40px); padding: 30px 0 20px; }
  #bienvenue.welcome-choice .signature-label { font-size: 9.5px; letter-spacing: .14em; margin-bottom: 13px; }
  #bienvenue.welcome-choice .signature-title { font-size: clamp(33px,8.85vw,44px); }
  #bienvenue.welcome-a .signature-heading { margin-bottom: 17px; }
  #bienvenue.welcome-choice .welcome-paragraph { font-size: 15px; line-height: 1.62; }
  #bienvenue.welcome-a .welcome-paragraph + .welcome-paragraph { margin-top: 10px; }
  #bienvenue.welcome-choice .welcome-actions { gap: 3px 18px; margin-top: 18px; }
  #bienvenue.welcome-choice .welcome-main-link { padding-inline: 12px; }
  #bienvenue.welcome-choice .welcome-main-link, #bienvenue.welcome-choice .welcome-text-link { font-size: 12.5px; gap: 7px; }
  #bienvenue.welcome-choice .welcome-walk { margin-top: 26px; }
  #bienvenue.welcome-a .welcome-legend { font-size: 9.5px; margin-bottom: 9px; }
  #bienvenue.welcome-choice .walk-list li { grid-template-columns: minmax(0,1fr) max-content minmax(48px,max-content); column-gap: 9px; padding-block: 9px; }
  #bienvenue.welcome-choice .walk-place { font-size: 19px; }
  #bienvenue.welcome-choice .walk-distance { font-size: 12px; }
  #bienvenue.welcome-choice .walk-time { font-size: 24px; }
  #bienvenue.welcome-choice .walk-time small { font-size: 11px; }
  #bienvenue.welcome-choice .welcome-map-link { margin-top: 3px; font-size: 12.5px; }
}

html[dir="rtl"] #bienvenue.welcome-choice { text-align: start; }
html[dir="rtl"] #bienvenue.welcome-choice :is(.signature-label, .welcome-legend, .signature-title, .walk-place, .walk-time) { letter-spacing: normal; }
html[dir="rtl"] #bienvenue.welcome-choice .signature-title { line-height: 1.32; }
html[dir="rtl"] #bienvenue.welcome-choice .signature-title em { font-style: normal; }
html[dir="rtl"] #bienvenue.welcome-choice .walk-time { line-height: 1.45; }