/* Generated aliases of existing styles; no alternate layout for enhanced UI. */
.hero h2.route-hero-title{
  margin: 0;
  font-family: var(--serif);
  font-size: clamp(4rem, 5.555556vw, 5rem);
  font-weight: 400;
  line-height: 1.04;
  letter-spacing: -.035em;
}
.hero h2.route-hero-title > span{
  display: block;
}
.hero h2.route-hero-title > span:nth-child(2){
  margin-left: 0;
  font-style: italic;
  color: var(--accent);
}
.hero h2.route-hero-title > span:nth-child(3){
  margin-left: 0;
}
@media (min-width: 800px){
.hero h2.route-hero-title{
    display: grid;
    grid-auto-rows: auto;
    row-gap: 0;
    line-height: 1.04;
  }
}
.js .hero h2.route-hero-title > span{
  opacity: 0;
}
.js .hero.is-entering h2.route-hero-title > span:nth-child(1){
  animation: heroFromLeft var(--hero-word-duration) var(--ease) var(--hero-first-delay) both;
}
.js .hero.is-entering h2.route-hero-title > span:nth-child(2){
  animation: heroFromRight var(--hero-word-duration) var(--ease) var(--hero-second-delay) both;
}
.js .hero.is-entering h2.route-hero-title > span:nth-child(3){
  animation: heroFromLeft var(--hero-word-duration) var(--ease) var(--hero-third-delay) both;
}
.treatment-pagination a[data-seo-route]{
  display: flex;
  width: 4.2rem;
  min-height: 2.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: .55rem;
  padding: .4rem;
  color: rgba(255, 255, 255, .55);
  border: 0;
  background: transparent;
  cursor: pointer;
  transition: color .25s ease;
}
.treatment-pagination a[data-seo-route] span:first-child{
  align-self: flex-start;
  font-size: .68rem;
  font-weight: 650;
  letter-spacing: .12em;
}
.treatment-pagination a[data-seo-route].is-active{
  color: var(--warm-white);
}
.treatment-pagination a[data-seo-route].is-active i::after{
  transform: scaleX(1);
}
@media (max-width: 799px){
.hero h2.route-hero-title{
    font-size: clamp(2rem, 10.769231vw, 4rem);
    line-height: 1.04;
  }
.hero h2.route-hero-title > span:nth-child(2){
    margin-left: 0;
  }
.hero h2.route-hero-title > span:nth-child(3){
    margin-left: 0;
    font-size: 1em;
  }
.treatment-pagination a[data-seo-route]{
    width: auto;
    min-height: var(--story-pagination-reserve);
    flex: 1 1 0;
  }
}
@media (min-width: 800px) and (max-width: 1100px){
.hero h2.route-hero-title{
    font-size: 4rem;
  }
}
@media (prefers-reduced-motion: reduce){
.js .hero h2.route-hero-title > span{
    animation: heroFade .16s ease both !important;
    opacity: 1;
    transform: none;
  }
}
.treatment-variants__selector a[data-seo-route]{ flex: 1; min-width: 0; min-height: 48px; padding: .75rem 0; border: 0; border-bottom: 1px solid transparent; margin-bottom: -1px; background: transparent; color: var(--warm-white); font-size: .7rem; letter-spacing: .055em; text-align: left; }
.treatment-variants__selector a[data-seo-route][aria-selected="true"]{ color: var(--accent); border-bottom-color: var(--accent); }
.treatment-variant h1.route-primary-title{ margin: 0 0 .6rem; font: 400 clamp(1.7rem, 2.3vw, 2.5rem)/1.12 var(--serif); letter-spacing: -.02em; overflow-wrap: anywhere; }
.qa-navigation a[data-seo-route]{ min-height: 48px; background: transparent; color: var(--warm-white); border: 0; padding: .5rem 0; font-size: .9rem; }
.qa-navigation a[data-seo-route][aria-disabled="true"]{ opacity: .38; cursor: default; }
.treatment-concepts__list a[data-seo-route]{ display: flex; gap: 1rem; width: 100%; min-height: 48px; padding: .8rem 0; color: var(--warm-white); border: 0; background: none; text-align: left; font: 400 .85rem/1.4 var(--sans); letter-spacing: .04em; }
.treatment-concepts__list a[data-seo-route] span{ color: var(--accent); }
.treatment-concepts__list a[data-seo-route][aria-expanded="true"]{ color: var(--accent); }
.hero h2.route-hero-title[data-copy-composition]{ grid-auto-rows: auto; --line-limit: 14; }
@media (max-width: 799px){
.hero h2.route-hero-title[data-copy-composition] > span:nth-child(3){ --line-base: .86em; }
}
[data-skin-concepts] .treatment-concepts__list a[data-seo-route]{ overflow-wrap: anywhere; }
.result-stage__navigation a[data-seo-route]{
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 50%;
  background: transparent;
  color: inherit;
  cursor: pointer;
}
.result-stage__navigation a[data-seo-route]:disabled{ opacity: .25; cursor: default; }
.js .hero.is-entering h2.route-hero-title span[data-accent-drop]{
  opacity: var(--accent-drop-visible);
  transform: none;
  transform-origin: left center;
  transition: none;
  animation: var(--accent-drop-play) var(--accent-drop-duration) var(--accent-drop-easing) var(--accent-drop-delay) backwards;
}
.js .hero.is-entering h2.route-hero-title span[data-accent-drop]{
  --accent-drop-play: var(--accent-drop-name);
  --accent-drop-visible: 1;
}
.finder:where(:not([data-transition-owner="treatment"])) a[data-seo-route]{ font:inherit; cursor:pointer; -webkit-tap-highlight-color:transparent; }
.finder a[data-seo-route]:disabled{ cursor:default; }
.finder-entry a[data-seo-route]:focus-visible{ outline:2px solid var(--accent); outline-offset:4px; }
.finder__actions a[data-seo-route]{ max-width:100%; min-height:44px; white-space:normal; text-align:left; line-height:1.5; overflow-wrap:anywhere; }
.finder__navigation a[data-seo-route]{ background:none; color:rgb(255 255 255 / .75); min-height:44px; padding:.7rem 0; border:0; font-size:.7rem; letter-spacing:.1em; }
.finder[data-finder-phase="RESULT_ENTER"] .finder__actions a[data-seo-route]{ animation:finder-enter calc(var(--finder-resultEnter) * .32) var(--finder-ease) both; }
.finder[data-finder-phase="RESULT_ENTER"] .finder__actions a[data-seo-route]:first-child{ animation-delay:calc(var(--finder-resultEnter) * .52); }
.finder[data-finder-phase="RESULT_ENTER"] .finder__actions a[data-seo-route]:last-child{ animation-delay:calc(var(--finder-resultEnter) * .6); }
@media (max-width:799px){
.finder__actions a[data-seo-route]{ font-size:.76rem; letter-spacing:.075em; }
}

/* Semantic tag aliases above preserve existing enhanced geometry. */
html[data-route-pending="true"] body { visibility: hidden; }
html:not(.js) [data-route-path] [data-page-flow] > :not([data-route-primary]) { display: none !important; }
html:not(.js) [data-route-path] [data-route-supplementary] { display: none !important; }
html:not(.js) [data-route-primary],
html:not(.js) [data-route-primary] .treatment-story,
html:not(.js) [data-route-primary] .treatment-stage,
html:not(.js) [data-route-primary] .treatment-stage__sticky,
html:not(.js) [data-route-primary] .treatment-stage__copy {
  position: static !important; height: auto !important; min-height: 0 !important;
  width: auto !important; overflow: visible !important; transform: none !important;
}
html:not(.js) [data-route-primary] {
  padding: 2rem var(--page-pad); color: var(--off-white); background: var(--black); overflow-wrap: anywhere;
}
html:not(.js) [data-route-primary] .editorial-pause,
html:not(.js) [data-route-primary] .treatment-stage__media,
html:not(.js) [data-route-primary] .treatment-stage__veil,
html:not(.js) [data-route-primary] .treatment-stage__shade,
html:not(.js) [data-route-primary] .treatment-stage__overlay,
html:not(.js) [data-route-primary] .treatment-current,
html:not(.js) [data-route-primary] .treatment-pagination,
html:not(.js) [data-route-primary] button,
html:not(.js) [data-route-primary] [data-depth-open],
html:not(.js) [data-route-primary] [data-result-open],
html:not(.js) [data-route-primary] .treatment-variants__selector,
html:not(.js) [data-route-primary] .treatment-concepts__selector,
html:not(.js) [data-route-primary] .treatment-depth__toolbar { display: none !important; }
html:not(.js) [data-route-primary] .treatment-copy,
html:not(.js) [data-route-primary] [data-route-topic-detail],
html:not(.js) [data-route-primary] [data-depth-reader],
html:not(.js) [data-route-primary] [data-depth-view],
html:not(.js) [data-route-primary] .qa-question,
html:not(.js) [data-route-primary] .treatment-variant,
html:not(.js) [data-route-primary] .treatment-concept {
  display: block; position: static !important; inset: auto !important;
  width: auto !important; height: auto !important; max-height: none !important;
  min-height: 0 !important; overflow: visible !important; opacity: 1 !important;
  transform: none !important; pointer-events: auto !important; visibility: visible !important;
}
html:not(.js) [data-route-primary] .treatment-variants__content,
html:not(.js) [data-route-primary] .treatment-concepts__content { display: block; }
html:not(.js) [data-route-primary] .treatment-copy { padding: 1.5rem 0; }
html:not(.js) [data-route-primary] [data-route-topic-detail] { margin-top: 2rem; }
html:not(.js) [data-route-primary] [data-depth-reader] { padding: 1.5rem 0; }
html:not(.js) [data-route-primary] [data-depth-view="qa"] { margin-top: 2rem; }
html:not(.js) [data-route-primary] .qa-question { margin: 1.5rem 0; }
html:not(.js) [data-route-primary] .treatment-copy *,
html:not(.js) [data-route-primary] [data-route-topic-detail] * {
  animation: none !important; transition: none !important; opacity: 1 !important;
}
