@import url("/assets/marketing/imported-inline.css");
@font-face {
  font-family: "Golos Text";
  src: url("/assets/marketing/GolosText.ttf") format("truetype");
  font-weight: 400 900;
  font-display: swap;
}
* {
  box-sizing: border-box;
}
html {
  scroll-padding-top: 28px;
}
body {
  margin: 0;
}
img {
  max-width: 100%;
}
button,
a,
summary,
input {
  touch-action: manipulation;
}
.skip {
  position: fixed;
  left: 16px;
  top: -120px;
  padding: 12px 18px;
  background: white;
  color: #500f0e;
  z-index: 10000;
}
.skip:focus {
  top: 12px;
}
:focus-visible {
  outline: 3px solid #956d32;
  outline-offset: 4px;
}
[hidden] {
  display: none !important;
}
.public-footer {
  padding: 32px 24px 100px;
  background: #fffaf3;
  color: #500f0e;
  font:
    14px/1.6 "Golos Text",
    sans-serif;
  border-top: 1px solid #d8bda0;
}
.public-footer nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 18px 28px;
}
.public-footer a {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.availability-note,
.intake-status {
  font:
    15px/1.6 "Golos Text",
    sans-serif;
  border: 1px solid currentColor;
  border-radius: 18px;
  padding: 20px 24px;
  margin: 20px 0;
  max-width: 760px;
}
.intake-status {
  background: #fff7eb;
  color: #500f0e;
}
.intake-status h3 {
  margin-top: 0;
}
.intake-status a {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.plan .availability-note {
  color: #500f0e !important;
}
.release-status p {
  margin: 22px 0;
}
.phone .app-preview {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.live-phone {
  aspect-ratio: 393/852;
}
.hero-phones .live-phone {
  height: auto !important;
}
.window-content .live-phone,
.workspace-grid .live-phone {
  height: auto !important;
}
.public-faq details {
  padding: 24px 0;
  border-top: 1px solid #d8bda0;
}
.public-faq summary {
  font-size: 20px;
  cursor: pointer;
  min-height: 44px;
}
.public-faq details > div {
  padding-top: 20px;
  line-height: 1.65;
}
.story-toggle {
  min-height: 44px;
}
.video-unavailable {
  padding: 36px;
  border: 1px solid currentColor;
  border-radius: 18px;
}
/* Preserve gold decoration; darken text only on the light surfaces. */
body.brand-course h2 em,
body.coach-course h2 em,
.section h2 em,
.about-content h2 em,
#program h2 em {
  color: #886020 !important;
}
body.brand-course :is(.hero, #author, #apply, #price) h2 em,
body.coach-course :is(.hero, #author, #apply, #course-price) h2 em,
.app-hero em {
  color: #e8c078 !important;
}
.eyebrow,
.step,
.feature-grid span,
.window-number {
  color: #886020;
}
.app-hero .eyebrow,
.brand-course :is(.hero, #author, #apply, #price) .eyebrow,
.coach-course :is(.hero, #author, #apply, #course-price) .eyebrow {
  color: #e8c078;
}
.uslei-global-logo small,
.logo small {
  font-size: 10px;
}
.uslei-site-switch:empty {
  display: none;
}
@media (max-width: 650px) {
  .availability-note,
  .intake-status {
    padding: 18px;
    font-size: 14px;
  }
  .public-footer nav {
    align-items: flex-start;
    flex-direction: column;
  }
  .public-faq summary {
    font-size: 18px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }
}

.uslei-global-menu {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.release-caption {
  font-size: 13px !important;
  line-height: 1.6 !important;
  max-width: 580px;
  color: #f3dfc6 !important;
  margin: 20px 0 0 !important;
}
.brand-course #apply .intake-status p,
.coach-course #apply .intake-status p {
  color: #500f0e;
}
.brand-course #apply .intake-status h3,
.coach-course #apply .intake-status h3 {
  color: #500f0e;
}

/* Per-surface text contrast corrections from the W80 accessibility check. */
body[data-page="index"]
  .course-topic[href$="#program"]:nth-child(5)
  > span:nth-child(1) {
  color: #80591f !important;
}
body[data-page="index"]
  .course-topic[href$="#program"]:nth-child(6)
  > span:nth-child(1) {
  color: #80591f !important;
}
body[data-page="index"] .leysan-signature {
  color: #80591f !important;
}
body[data-page="index"] .leysan-signature > span {
  color: #80591f !important;
}
body[data-page="app"] h2 > em {
  color: #e8c078 !important;
}
body[data-page="stylist"] .leysan-signature {
  color: #80591f !important;
}
body[data-page="stylist"] .leysan-signature > span {
  color: #80591f !important;
}
body[data-page="stylist"]
  .section-space
  > .editorial-grid
  > div:nth-child(1)
  > h2
  > em {
  color: #e8c078 !important;
}
body[data-page="stylist"] #course-price > .eyebrow {
  color: #80591f !important;
}
body[data-page="stylist"] #course-price > h2 > em {
  color: #80591f !important;
}
body[data-page="game-original"] .next-step-eyebrow {
  color: #80591f !important;
}
body[data-page="game-original"] .leysan-note-eyebrow {
  color: #80591f !important;
}
body[data-page="game-original"] article:nth-child(1) > .training-period {
  color: #80591f !important;
}
body[data-page="game-original"] article:nth-child(3) > .training-period {
  color: #80591f !important;
}
body[data-page="game-original"] .ua-app-grid > div:nth-child(1) > .ua-eyebrow {
  color: #80591f !important;
}
body[data-page="game-original"] article:nth-child(2) > .game-result-top > b {
  color: #80591f !important;
}
body[data-page="game-original"] article:nth-child(3) > .game-result-top > b {
  color: #80591f !important;
}
body[data-page="game-original"] article:nth-child(4) > .game-result-top > b {
  color: #80591f !important;
}
body[data-page="game-original"] article:nth-child(1) > .story-result > small {
  color: #80591f !important;
}
body[data-page="game-original"] article:nth-child(2) > .story-result > small {
  color: #80591f !important;
}
body[data-page="game-original"] article:nth-child(3) > .story-result > small {
  color: #80591f !important;
}
body[data-page="articles"] .wrap > .eyebrow {
  color: #e8c078 !important;
}
body[data-page="articles"] #method > .eyebrow {
  color: #80591f !important;
}
body[data-page="articles"] #wardrobe > .eyebrow {
  color: #80591f !important;
}
body[data-page="articles"] #outfits > .eyebrow {
  color: #80591f !important;
}
body[data-page="articles"] #personal-style > .eyebrow {
  color: #80591f !important;
}
body[data-page="about"] figcaption {
  color: #80591f !important;
}
body[data-page="about"] article:nth-child(1) > .chapter-number {
  color: #80591f !important;
}
body[data-page="about"] article:nth-child(2) > .chapter-number {
  color: #80591f !important;
}
body[data-page="about"] article:nth-child(3) > .chapter-number {
  color: #80591f !important;
}
body[data-page="about"] article:nth-child(4) > .chapter-number {
  color: #80591f !important;
}
body[data-page="about"] article:nth-child(5) > .chapter-number {
  color: #80591f !important;
}
body[data-page="about"] article:nth-child(6) > .chapter-number {
  color: #80591f !important;
}
body[data-page="about"] article:nth-child(1) > span[aria-hidden="true"] {
  color: #80591f !important;
}
body[data-page="about"] article:nth-child(2) > span[aria-hidden="true"] {
  color: #80591f !important;
}
body[data-page="about"] article:nth-child(3) > span[aria-hidden="true"] {
  color: #80591f !important;
}
body[data-page="about"] .program-card[href$="stylist.html"] > .program-label {
  color: #80591f !important;
}
body[data-page="about"]
  .program-card[href$="game-original.html"]
  > .program-label {
  color: #80591f !important;
}
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

#ustyle-app .ua-eyebrow {
  color: #80591f !important;
}

.process-number {
  color: #80591f !important;
}

.public-footer a {
  color: inherit;
}
body[data-page="game-original"] {
  font-family: "Golos Text", sans-serif;
  color: #500f0e;
}
#ustyle-app > .availability-note {
  max-width: 1144px;
  margin: 0 auto 32px;
}

.release-price-note {
  font-size: 14px !important;
  line-height: 1.6 !important;
}
body[data-page="index"] #price .release-price-note {
  color: #fff7eb;
}