/* iOS 14–15 / legacy engines: Home mobile scene fallback. */
@supports not (width: 1cqw) {
  @media (max-width: 63.999rem) {
    .home-page {
      overflow-x: hidden;
      background: #000;
    }
    
    .home-page #main {
      min-height: 100vh;
      margin-top: calc(0px - var(--header-height));
    }
    
    .home-page .home-viewport {
      position: relative;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      isolation: isolate;
      container-type: inline-size;
      min-height: 100vh;
      overflow: hidden;
      background: #000;
    }
    
    .home-page .home-scene {
      position: relative;
      flex: 0 0 auto;
      z-index: 1;
      isolation: isolate;
      container-type: inline-size;
      width: clamp(280px, 100%, 624px);
      height: min(216.410256vw, 1350.4px);
      min-height: 100vh;
      aspect-ratio: 390 / 844;
      overflow: hidden;
      background: transparent;
    }
    
    @media (min-width: 39rem) and (max-width: 63.999rem) {
      .home-page .home-scene {
        width: 100%;
      }
    }
    
    .home-page .home-background,
    .home-page .home-top-darkening,
    .home-page .home-schedule,
    .home-page .home-hero,
    .home-page .home-brand,
    .home-page .home-actions {
      position: absolute;
      inset: 0;
    }
    
    .home-page .home-filter-definitions {
      position: absolute;
    }
    
    .home-page .home-background {
      z-index: 0;
      container-type: inline-size;
      overflow: hidden;
      background: linear-gradient(
        to bottom,
        #000 0,
        #000 min(216.410256vw, 1350.4px),
        #050301 min(216.410256vw, 1350.4px),
        #050301 100%
      );
      pointer-events: none;
    }
    
    .home-page .home-background__speckle-placement,
    .home-page .home-background__speckle-transform,
    .home-page .home-decoration,
    .home-page .home-decoration__transform,
    .home-page .home-decoration__clip,
    .home-page .home-schedule__stripes,
    .home-page .home-schedule__stripes-transform,
    .home-page .home-brand__script-placement,
    .home-page .home-brand__script-transform,
    .home-page .home-brand__script,
    .home-page .home-brand__script-source {
      position: absolute;
      display: block;
    }
    
    .home-page .home-top-darkening {
      z-index: 7;
      top: -3.333333vw;
      left: 3.333333vw;
      width: 90.76923vw;
      height: 15.89744vw;
      overflow: visible;
      pointer-events: none;
    }
    
    .home-page .home-top-darkening__transform {
      position: absolute;
      inset: 0;
      display: block;
      background: linear-gradient(180.009deg, transparent 0.25622%, rgb(0 0 0 / 80%) 68.922%);
      transform: rotate(180deg);
      transform-origin: 50% 50%;
    }
    
    .home-page .home-background__speckle-placement {
      top: 1.794872vw;
      left: -7.179487vw;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 121.5338vw;
      height: 216.1538vw;
    }
    
    .home-page .home-background__speckle-transform {
      position: relative;
      width: 121.5338vw;
      height: 216.1538vw;
      transform: rotate(180deg);
    }
    
    .home-page .home-background__speckle,
    .home-page .home-background__image,
    .home-page .home-decoration img,
    .home-page .home-schedule__stripes img,
    .home-page .home-brand__script img {
      position: absolute;
      display: block;
      max-width: none;
    }
    
    .home-page .home-background__speckle {
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    
    .home-page .home-background__image {
      top: 72.5641vw;
      left: -31.02564vw;
      width: 194.8718vw;
      height: 109.7436vw;
      object-fit: fill;
    }
    
    /*
     * The 390px source viewport is the Mobile anchor. From 390px to the
     * composition breakpoint, the clip grows faster than the source viewport:
     * the canonical focal placement is retained while progressively more of the
     * existing 16:9 source is revealed toward both sides.
     */
    @media (min-width: 24.375rem) and (max-width: 63.999rem) {
      .home-page .home-background__image {
        top: min(72.5641vw, 453px);
        left: min(0px, calc(19.1153238547vw - 195.549763px));
        width: max(100vw, calc(41.5481832543vw + 597.962085px));
        height: calc(23.3981874117vw + 336.747069px);
      }
    }
    
    .home-page .home-decoration {
      pointer-events: none;
    }
    
    .home-page .home-decoration--left {
      top: 201.0256vw;
      left: -3.846154vw;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 118.7179vw;
      height: 21.53846vw;
    }
    
    @media (max-width: 39rem) and (min-height: calc(216.410256vw + 1px)),
      (min-width: 39.001rem) and (max-width: 63.999rem) and (min-height: 1351.4px) {
      .home-page .home-decoration--left {
        top: calc(100% - 15.384614vw);
      }
    }
    
    .home-page .home-decoration--left .home-decoration__transform {
      position: relative;
      width: 21.53846vw;
      height: 118.7179vw;
      transform: rotate(-90deg);
    }
    
    .home-page .home-decoration--right {
      top: -4.358974vw;
      left: -7.692308vw;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 118.7179vw;
      height: 21.02564vw;
    }
    
    .home-page .home-decoration--right .home-decoration__transform {
      position: relative;
      width: 21.02564vw;
      height: 118.7179vw;
      transform: rotate(90deg);
    }
    
    .home-page .home-decoration__clip {
      inset: 0;
      overflow: visible;
    }
    
    .home-page .home-decoration--left img,
    .home-page .home-decoration--left .home-decoration__asset {
      inset: 0;
      width: 100%;
      height: 100%;
    }
    
    .home-page .home-decoration__asset {
      position: absolute;
      display: block;
      background: url("../assets/images/home/decoration-left.svg") 0 0 / 100% 100% no-repeat;
    }
    
    .home-page .home-decoration__desktop-source {
      background-image: url("../assets/images/home/decoration-right.svg");
    }
    
    .home-page .home-decoration--right .home-decoration__clip {
      overflow: hidden;
    }
    
    .home-page .home-decoration--right img,
    .home-page .home-decoration--right .home-decoration__asset {
      top: 1.73%;
      left: -20.73%;
      width: 102.4%;
      height: 100%;
    }
    
    .home-page .home-decoration img {
      max-width: none;
    }
    
    .home-page .home-decoration .home-decoration__desktop-source {
      display: none;
    }
    
    .home-page .home-schedule {
      z-index: 5;
      pointer-events: none;
    }
    
    .home-page .home-schedule__surface,
    .home-page .home-hero__surface,
    .home-page .home-brand-card {
      position: absolute;
      box-sizing: border-box;
    }
    
    .home-page .home-schedule__surface::before,
    .home-page .home-schedule__surface::after,
    .home-page .home-hero__surface::before,
    .home-page .home-hero__surface::after,
    .home-page .home-brand-card::before,
    .home-page .home-brand-card::after {
      position: absolute;
      inset: 0;
      border-radius: inherit;
      content: "";
      pointer-events: none;
    }
    
    .home-page .home-schedule__surface {
      top: 23.84615vw;
      left: 7.948718vw;
      width: 88.71795vw;
      height: 18.20513vw;
      border: 0.2246154vw solid rgb(255 255 255 / 22%);
      border-radius: 5.387692vw;
      overflow: hidden;
      background: none;
      box-shadow: 0 2.244872vw 56.12308vw rgb(0 0 0 / 45%);
    }
    
    .home-page .home-schedule__surface::before {
      background: linear-gradient(90deg, rgb(5 5 5 / 16%), rgb(10 10 10 / 14%) 50%, rgb(18 13 4 / 14%));
      -webkit-backdrop-filter: blur(0.8979487vw);
      backdrop-filter: blur(0.8979487vw);
    }
    
    .home-page .home-schedule__surface::after {
      box-shadow: inset 0 0.2246154vw 0.2246154vw rgb(255 255 255 / 10%);
    }
    
    .home-page .home-schedule__content {
      position: absolute;
      top: 23.84615vw;
      left: 7.948718vw;
      width: 88.71795vw;
      height: 18.20513vw;
    }
    
    .home-page .home-schedule__stripes {
      top: 7.435897vw;
      left: 4.615385vw;
      width: 24.50928vw;
      height: 3.209538vw;
    }
    
    .home-page .home-schedule__stripes-transform {
      inset: 0;
      transform: none;
    }
    
    .home-page .home-schedule__stripes img {
      inset: 0;
      width: 100%;
      height: 100%;
    }
    
    .home-page .home-schedule__hours {
      position: absolute;
      top: 5.384615vw;
      left: 34.87179vw;
      width: 18.97436vw;
      height: 7.692308vw;
      margin: 0;
      color: #e8e8e8;
      font-family: "Montserrat Alternates", "Montserrat", Arial, sans-serif;
      font-size: 3.106718vw;
      font-weight: 300;
      letter-spacing: 0.05em;
      line-height: 3.846154vw;
      text-align: center;
      text-shadow:
        0 0 0.045302vw #fdbe02,
        0 0 0.0906035vw #fdbe02,
        0 0 0.3171124vw #fdbe02,
        0 0 0.634225vw #fdbe02,
        0 0 1.087242vw #fdbe02,
        0 0 1.9026745vw #fdbe02;
      white-space: nowrap;
    }
    
    .home-page .home-schedule__hours span {
      display: block;
    }
    
    .home-page .home-schedule__logo {
      position: absolute;
      top: 4.871795vw;
      left: 58.20513vw;
      width: 25.91128vw;
      height: 8.661667vw;
      filter: url(#home-schedule-logo-glow-mobile);
    }
    
    .home-page .home-hero {
      z-index: 3;
    }
    
    .home-page .home-hero__surface {
      top: 50.25641vw;
      left: 6.153846vw;
      width: 88.71795vw;
      height: 48.46154vw;
      border: 0.3946154vw solid rgb(255 255 255 / 22%);
      border-radius: 9.469487vw;
      overflow: hidden;
      background: linear-gradient(90deg, rgb(5 5 5 / 16%), rgb(10 10 10 / 14%) 50%, rgb(18 13 4 / 14%));
      box-shadow: 0 3.945641vw 98.64051vw rgb(0 0 0 / 45%);
    }
    
    .home-page .home-hero__surface::before {
      background: linear-gradient(90deg, rgb(5 5 5 / 16%), rgb(10 10 10 / 14%) 50%, rgb(18 13 4 / 14%));
      -webkit-backdrop-filter: blur(1.578205vw);
      backdrop-filter: blur(1.578205vw);
    }
    
    .home-page .home-hero__surface::after {
      box-shadow: inset 0 0.3946154vw 0.3946154vw rgb(255 255 255 / 10%);
    }
    
    .home-page .home-hero__content {
      position: absolute;
      inset: 0;
    }
    
    .home-page .home-hero__title {
      position: absolute;
      inset: 0;
      margin: 0;
      color: #fff;
      font-family: "a_Stamper", "Montserrat", Arial, sans-serif;
      font-weight: 700;
      line-height: normal;
    }
    
    .home-page .home-hero__title-line {
      position: absolute;
      display: block;
      box-sizing: border-box;
      height: 9.487179vw;
      font-size: 7.642564vw;
      white-space: nowrap;
    }
    
    .home-page .home-hero__title-line--white {
      top: 57.17949vw;
      left: 18.46154vw;
      width: 64.35897vw;
      color: #fff;
    }
    
    .home-page .home-hero__title-line--yellow {
      top: 64.60231vw;
      left: 16.92308vw;
      width: 67.4359vw;
      color: #fdbd04;
    }
    
    .home-page .home-hero__description {
      position: absolute;
      top: 76.15385vw;
      left: 17.4359vw;
      width: 66.15385vw;
      height: 16.41026vw;
      margin: 0;
      color: #ebebeb;
      font-family: "Montserrat", Arial, sans-serif;
      font-size: 3.170051vw;
      font-weight: 500;
      letter-spacing: 0.063401vw;
      line-height: 4.201026vw;
      text-align: center;
    }
    
    .home-page .home-description__intro,
    .home-page .home-description__result,
    .home-page .home-description__intro-line,
    .home-page .home-description__result-line,
    .home-page .home-description__outcome {
      display: block;
    }
    
    .home-page .home-description__intro {
      font-weight: 400;
    }
    
    .home-page .home-description__result strong {
      font-weight: 800;
    }
    
    .home-page .home-description__result-line,
    .home-page .home-description__result-punctuation {
      display: inline;
    }
    
    .home-page .home-description__outcome {
      color: #df9809;
      font-weight: 900;
    }
    
    .home-page .home-brand-card {
      z-index: 1;
      top: 108.2051vw;
      left: 6.153846vw;
      width: 88.71795vw;
      height: 68.46154vw;
      overflow: hidden;
      border: 0.4046154vw solid rgb(251 171 10 / 68%);
      border-radius: 6.574103vw;
      background: none;
      box-shadow: 0 4.04641vw 101.1626vw rgb(0 0 0 / 45%);
    }
    
    .home-page .home-brand-card::before {
      background: linear-gradient(90deg, rgb(5 5 5 / 53%), rgb(10 10 10 / 49%) 50%, rgb(18 13 4 / 46%));
      -webkit-backdrop-filter: blur(0.5128205vw);
      backdrop-filter: blur(0.5128205vw);
    }
    
    .home-page .home-brand-card::after {
      box-shadow: inset 0 0.4046154vw 0.4046154vw rgb(255 255 255 / 10%);
    }
    
    .home-page .home-brand {
      z-index: 2;
      pointer-events: none;
    }
    
    .home-page .home-brand__mark {
      position: absolute;
      top: 110.5128vw;
      left: 32.30769vw;
      width: 36.41026vw;
      height: 36.92308vw;
      max-width: none;
    }
    
    .home-page .home-brand__script-placement {
      top: 142.5641vw;
      left: calc(50% - 35.89667vw);
      display: flex;
      align-items: center;
      justify-content: center;
      width: 72.88513vw;
      height: 36.91872vw;
    }
    
    .home-page .home-brand__script-transform {
      position: relative;
      width: 69.91154vw;
      height: 28.56872vw;
      transform: rotate(-7.04deg);
      transform-origin: 50% 50%;
    }
    
    .home-page .home-brand__script {
      inset: 0;
      overflow: hidden;
      filter: url(#home-brand-glow-mobile);
    }
    
    .home-page .home-brand__script-source {
      top: -111.48%;
      left: 0;
      width: 100%;
      height: 326.28%;
    }
    
    .home-page .home-brand__script img {
      top: 38.0556%;
      left: 5.06173%;
      width: 89.1358%;
      height: 20.6481%;
    }
    
    .home-page .home-actions {
      z-index: 4;
    }
    
    .home-page .home-action {
      position: absolute;
      left: 14.61538vw;
      display: grid;
      box-sizing: border-box;
      width: 70.76923vw;
      border: 0;
      color: #ebebeb;
      font-family: "PT Root UI", Arial, sans-serif;
      font-size: 2.474359vw;
      font-weight: 700;
      letter-spacing: 0.05em;
      line-height: 1;
      place-items: center;
      isolation: isolate;
      text-decoration: none;
      transition: background-color 160ms var(--ease-ui), box-shadow 160ms var(--ease-ui);
    }
    
    .home-page .home-action::before,
    .home-page .home-action::after {
      content: none;
    }
    
    .home-page .home-action__label {
      pointer-events: none;
    }
    
    .home-page .home-action--stronger {
      top: 179.7436vw;
      height: 13.33359vw;
      border-radius: 4.266667vw;
      background: linear-gradient(90deg, rgb(5 5 5 / 16%), rgb(10 10 10 / 14%) 50%, rgb(18 13 4 / 14%));
      box-shadow:
        0 1.777949vw 44.44564vw rgb(0 0 0 / 45%),
        inset 0 0.1776923vw 0.1776923vw #fdac09;
      -webkit-backdrop-filter: blur(0.7110256vw);
      backdrop-filter: blur(0.7110256vw);
      font-size: 2.488974vw;
      line-height: 3.377949vw;
    }
    
    .home-page .home-action--learn {
      top: 195.3846vw;
      height: 13.19256vw;
      border-radius: 4.221538vw;
      background: linear-gradient(90deg, rgb(253 172 9 / 16%), rgb(253 172 9 / 14%) 50%, rgb(253 172 9 / 14%));
      box-shadow:
        0 1.758974vw 43.97487vw rgb(0 0 0 / 45%),
        inset 0 0.1758974vw 0.1758974vw #fdac09;
      -webkit-backdrop-filter: blur(0.7035897vw);
      backdrop-filter: blur(0.7035897vw);
      font-size: 2.462564vw;
      line-height: 3.342051vw;
    }
    
    .home-page .home-action--stronger:hover,
    .home-page .home-action--stronger:focus-visible {
      background-color: rgb(253 172 9 / 18%);
      box-shadow:
        0 1.777949vw 44.44564vw rgb(0 0 0 / 45%),
        inset 0 0.1776923vw 0.1776923vw #fdac09,
        inset 0 0.2564103vw 0.2564103vw #fdac09,
        0 0 5.128205vw rgb(253 172 9 / 22%);
    }
    
    .home-page .home-action--learn:hover,
    .home-page .home-action--learn:focus-visible {
      background-color: rgb(253 172 9 / 18%);
      box-shadow:
        0 1.758974vw 43.97487vw rgb(0 0 0 / 45%),
        inset 0 0.1758974vw 0.1758974vw #fdac09,
        inset 0 0.2564103vw 0.2564103vw #fdac09,
        0 0 5.128205vw rgb(253 172 9 / 22%);
    }
    
    .home-page .home-signature {
      position: absolute;
      z-index: 6;
      width: 19.33426vw;
      height: 9.737821vw;
    }
    
    @media (max-width: 63.999rem) {
      .home-page .home-signature {
        right: 0.92215vw;
        bottom: 0.0057354vw;
      }
    }
    
  }
}