@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;700&family=Bebas+Neue&display=swap");

/* Shared positioned header wrapper so only the header can use artboard scaling. */
.site-header{position:absolute;
      top:0;
      left:0;
      width:100%;
      height:120px;
      overflow:visible;
      z-index:50;}

/* SINGLE SHARED WEBSITE HEADER — used by homepage + collection */
.site-logo{position: absolute;
      top: 25px;
      left: 28px;
      z-index: 10;
      display: block;
      width: 206px;
      height: auto;}

.site-logo img{display: block;
      width: 100%;
      height: auto;}

.mobile-menu,
.mobile-bag{display: none;}

body:not(.entrance-ready) .site-logo,
body:not(.entrance-ready) .suite-clock,
body:not(.entrance-ready) .top-nav__link,
body:not(.entrance-ready) .top-cta,
body:not(.entrance-ready) .social-icon{opacity: 0;
      will-change: opacity, transform;}

body.entrance-ready .site-logo,
body.entrance-ready .suite-clock,
body.entrance-ready .top-nav__link,
body.entrance-ready .social-icon{animation: dropFadeIn 760ms cubic-bezier(0.16, 1, 0.3, 1) both;}

body.entrance-ready .top-cta{animation: dropFadeInScaled 760ms cubic-bezier(0.16, 1, 0.3, 1) both;}

body.entrance-ready .site-logo{animation-delay: 120ms;}

body.entrance-ready .suite-clock{animation-delay: 240ms;}

body.entrance-ready .top-nav__link:nth-child(1){animation-delay: 360ms;}

body.entrance-ready .top-nav__link:nth-child(2){animation-delay: 450ms;}

body.entrance-ready .top-nav__link:nth-child(3){animation-delay: 540ms;}

body.entrance-ready .top-nav__link:nth-child(4){animation-delay: 630ms;}

body.entrance-ready .top-cta{animation-delay: 760ms;}

body.entrance-ready .social-icon--instagram{animation-delay: 860ms;}

body.entrance-ready .social-icon--apple{animation-delay: 930ms;}

body.entrance-ready .social-icon--youtube{animation-delay: 1000ms;}

body.entrance-ready .social-icon--spotify{animation-delay: 1070ms;}

body.entrance-ready .social-icon--tiktok{animation-delay: 1140ms;}

body.entrance-ready .social-icon--discord{animation-delay: 1210ms;}

.suite-clock{position: absolute;
      top: 45px;
      left: 285px;
      z-index: 25;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      line-height: 1;
      pointer-events: none;
      font-family: "SF Pro Display", "SF Pro Text", sans-serif;
      font-weight: 300;
      white-space: nowrap;}

.suite-label{font-size: 13.5375px;
      color: #ffffff;
      letter-spacing: 0.01em;}

.suite-time{margin-top: 6px;
      font-size: 13.5375px;
      color: #8e8e93;
      letter-spacing: 0.01em;}

.top-nav{position: absolute;
      top: 44px;
      left: 455px;
      z-index: 40;
      display: flex;
      align-items: baseline;
      gap: 17px;
      white-space: nowrap;
      font-family: "Helvetica World", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 12.5927px;
      font-weight: 400;
      line-height: 1;}

.top-nav__link{display: inline-flex;
      align-items: baseline;
      gap: 3px;
      color: #111111;
      text-decoration: none;}

.top-nav__link:hover,
.top-nav__link:focus,
.top-nav__link:active,
.top-nav__link:visited{text-decoration: none;}

.top-nav__label{display: inline-block;
      overflow: visible;
      color: #ffffff;
      white-space: pre;}

.top-nav__count{position: relative;
      top: -6px;
      color: #737373;
      font-size: 10.2px;
      line-height: 1;}

.top-cta{position: absolute;
      top: 26px;
      right: 23px;
      z-index: 100;
      display: flex;
      align-items: center;
      border: 1px solid #ffffff;
      border-radius: 11px;
      padding: 2px;
      background: rgba(0, 0, 0, 0.62);
      transform: scale(1.083684);
      transform-origin: top right;}

.top-cta__contact{display: flex;
      align-items: center;
      gap: 3px;
      padding: 6px 26.43px 6px 18.01px;
      background: transparent;
      color: #ffffff;
      font-family: Inter, Arial, Helvetica, sans-serif;
      font-size: 9.692px;
      font-weight: 400;
      line-height: 1;
      text-decoration: none;}

.top-cta__contact-text{display: inline-block;
      width: 10ch;
      white-space: nowrap;}

.top-cta__bag{display: flex;
      align-items: center;
      gap: 4.86px;
      padding: 4.86px 15.854px 4.86px 14.9283px;
      border: 0;
      background: #e9e9e9;
      border-radius: 8px;
      color: #000000;
      font-family: Inter, Arial, Helvetica, sans-serif;
      font-size: 10.692px;
      font-weight: 400;
      line-height: 1;
      text-decoration: none;
      cursor: pointer;
      appearance: none;
      -webkit-appearance: none;}

.top-cta__bag-icon{position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 28px;
      height: 28px;
      background: transparent;
      border-radius: 9px;}

.top-cta__bag-icon img{display: block;
      width: 16px;
      height: 16px;
      object-fit: contain;
      filter: none;}

.top-cta__badge{position: absolute;
      top: -5px;
      right: -5px;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 18px;
      height: 18px;
      background: #ffffff;
      border-radius: 50%;
      color: #000000;
      font-family: Inter, Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-weight: 700;}

@media (min-width: 768px){
.top-cta,
.top-cta__contact,
.top-cta__bag,
.top-cta__bag-icon,
.top-cta__badge,
.top-cta__bag-icon img{transition:
          background 220ms ease,
          color 220ms ease,
          border-color 220ms ease,
          filter 220ms ease;}
.top-cta:hover,
.top-cta:focus-within{border-color: #000000;
        background: #ffffff;}
.top-cta:hover .top-cta__contact,
.top-cta:focus-within .top-cta__contact{color: #000000;}
.top-cta:hover .top-cta__contact-text,
.top-cta:focus-within .top-cta__contact-text{color: #000000;}
.top-cta:hover .top-cta__bag,
.top-cta:focus-within .top-cta__bag{background: #000000;
        color: #ffffff;}
.top-cta:hover .top-cta__bag-icon,
.top-cta:focus-within .top-cta__bag-icon{background: transparent;}
.top-cta:hover .top-cta__badge,
.top-cta:focus-within .top-cta__badge{background: #ffffff;
        color: #000000;}
.top-cta:hover .top-cta__bag-icon img,
.top-cta:focus-within .top-cta__bag-icon img{filter: none;}
}

.social-icon{position: absolute;
      z-index: 45;
      display: block;
      line-height: 0;
      opacity: 0.95;}

.social-icon img{display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
      transition: filter 180ms ease, transform 180ms ease;}

.social-icon--instagram{width: 15.3px;
      height: 15.3px;}

.social-icon:hover img,
.social-icon:focus-visible img{filter:
        drop-shadow(0 0 3px rgba(255, 70, 245, 1))
        drop-shadow(0 0 7px rgba(134, 78, 255, 0.98))
        drop-shadow(0 0 13px rgba(45, 145, 255, 0.88))
        drop-shadow(0 0 20px rgba(196, 54, 255, 0.78));
      transform: scale(1.12);}

.social-icon--apple{width: 16.9575px;
      height: 16.9575px;}

.social-icon--youtube{width: 17.765px;
      height: 17.765px;}

.social-icon--spotify{width: 16.15px;
      height: 16.15px;}

.social-icon--tiktok{width: 17.765px;
      height: 17.765px;}

.social-icon--discord{width: 20.0925px;
      height: 20.0925px;}

@keyframes dropFadeIn{
      from {
        opacity: 0;
        transform: translateY(-18px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

@keyframes dropFadeInScaled{
      from {
        opacity: 0;
        transform: translateY(-18px) scale(1.083684);
      }

      to {
        opacity: 1;
        transform: translateY(0) scale(1.083684);
      }
    }

@keyframes mobileMenuLineLoop{
      0% {
        transform: scaleX(0);
      }

      18%,
      100% {
        transform: scaleX(1);
      }
    }

@media (max-width: 767px){
.top-nav{display: none;}
.top-cta{display: none;}
.social-icon{display: none;}
.suite-clock{position: absolute;
        top: 27vh;
        right: max(10px, env(safe-area-inset-right));
        left: auto;
        z-index: 241;
        display: flex;
        align-items: flex-end;
        text-align: right;
        opacity: 0;}
.site-logo{display: block;
        top: calc(max(22px, env(safe-area-inset-top)) + 0px);
        right: 0;
        left: 0;
        width: min(54vw, 242px);
        margin: 0 auto;
        z-index: 240;
        transform: none;
        transform-origin: center;}
body.entrance-ready .site-logo{animation: dropFadeIn 760ms cubic-bezier(0.16, 1, 0.3, 1) both;
        animation-delay: 120ms;}
.mobile-menu,
.mobile-bag{position: absolute;
        top: calc(max(30px, env(safe-area-inset-top)) + 0px);
        z-index: 241;
        display: block;
        border: 0;
        padding: 0;
        background: transparent;
        opacity: 0;
        will-change: opacity, transform;}
.mobile-menu{left: 18px;
        width: 42px;
        height: 34px;}
.mobile-menu.is-open{z-index: 910;
        opacity: 0;
        pointer-events: none;}
.mobile-menu__line{position: absolute;
        left: 0;
        display: block;
        height: 1.5px;
        background: #ffffff;
        transform-origin: left center;
        animation: mobileMenuLineLoop 10s cubic-bezier(0.19, 1, 0.22, 1) infinite both;
        transition: opacity 220ms ease;}
.mobile-menu__line:nth-child(1){top: 6px;
        width: 32px;
        animation-delay: 120ms;}
.mobile-menu__line:nth-child(2){top: 16px;
        width: 42px;
        animation-delay: 340ms;}
.mobile-menu__line:nth-child(3){top: 26px;
        width: 24px;
        animation-delay: 560ms;}
.mobile-menu.is-open .mobile-menu__line{opacity: 0;}
.mobile-bag{right: max(10px, env(safe-area-inset-right));
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 34px;
        color: #ffffff;
        font-weight: 400;
        line-height: 34px;
        text-decoration: none;
        white-space: nowrap;}
.mobile-bag__icon{display: block;
        width: 39px;
        height: 39px;
        max-width: none;
        object-fit: contain;
        transform: translateX(-15px);
        filter: brightness(0) invert(1);}
body.entrance-ready .mobile-menu,
body.entrance-ready .mobile-bag{animation: dropFadeIn 760ms cubic-bezier(0.16, 1, 0.3, 1) both;}
body.entrance-ready .mobile-menu{animation-delay: 260ms;}
body.entrance-ready .mobile-bag{animation-delay: 340ms;}
body.entrance-ready .suite-clock{animation: dropFadeIn 760ms cubic-bezier(0.16, 1, 0.3, 1) both;
        animation-delay: 340ms;}
@media (min-width: 768px){
body.entrance-ready .suite-clock{animation: none !important;
          opacity: 1 !important;
          transform: none !important;}
}
}

.mobile-drawer{position: fixed;
      inset: 0;
      z-index: 900;
      display: none;
      background: rgba(0, 0, 0, 0.34);
      opacity: 0;
      pointer-events: none;
      transition: opacity 760ms cubic-bezier(0.22, 1, 0.36, 1);}

.mobile-drawer__panel{position: absolute;
      top: 0;
      left: 0;
      width: 100vw;
      max-width: none;
      height: var(--app-height);
      min-height: var(--app-height);
      max-height: var(--app-height);
      padding: 0;
      --drawer-pad-x: clamp(20px, 6vw, 34px);
      --drawer-top-pad: calc(max(20px, env(safe-area-inset-top)) + 18px);
      --drawer-footer-bottom: calc(max(18px, env(safe-area-inset-bottom)) + 24px);
      --drawer-hero-height: clamp(220px, calc(var(--app-height) * 0.43), 340px);
      --drawer-meta-top: clamp(198px, calc(var(--app-height) * 0.33), 282px);
      --drawer-menu-top: clamp(308px, calc(var(--app-height) * 0.445), 398px);
      background:
        linear-gradient(180deg, rgba(3, 6, 15, 0.97) 0%, rgba(4, 8, 18, 0.985) 46%, rgba(4, 7, 17, 0.99) 100%);
      transform: none;
      opacity: 0;
      transition: opacity 880ms cubic-bezier(0.22, 1, 0.36, 1);
      overflow: hidden;
      box-shadow:
        0 -24px 48px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(0, 0, 0, 0.05);}

.mobile-drawer__panel::before{content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 18% 86%, rgba(22, 54, 160, 0.10), rgba(22, 54, 160, 0) 38%),
        radial-gradient(circle at 82% 76%, rgba(0, 170, 255, 0.08), rgba(0, 170, 255, 0) 22%);
      pointer-events: none;}

.mobile-drawer__panel::after{content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(180deg, rgba(3, 6, 15, 0.1) 0%, rgba(3, 6, 15, 0.18) 24%, rgba(3, 6, 15, 0.34) 40%, rgba(3, 6, 15, 0.62) 54%, rgba(3, 6, 15, 0.86) 66%, rgba(3, 6, 15, 0.97) 76%, rgba(3, 6, 15, 1) 100%);
      pointer-events: none;}


.mobile-drawer__bg-video{position:absolute;inset:0;width:100%;height:var(--drawer-hero-height);z-index:0;display:block;object-fit:cover;object-position:center center;pointer-events:none;}

.mobile-drawer__video-fade{position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: var(--drawer-hero-height);
      z-index: 1;
      background:
        linear-gradient(180deg, rgba(3, 6, 15, 0.9) 0%, rgba(3, 6, 15, 0.5) 14%, rgba(3, 6, 15, 0.12) 30%, rgba(3, 6, 15, 0) 42%),
        linear-gradient(180deg, rgba(3, 6, 15, 0) 0%, rgba(3, 6, 15, 0.08) 38%, rgba(3, 6, 15, 0.42) 68%, rgba(3, 6, 15, 0.82) 88%, rgba(3, 6, 15, 1) 100%);
      pointer-events: none;}

.mobile-drawer__topbar{position: absolute;
      top: var(--drawer-top-pad);
      left: var(--drawer-pad-x);
      right: var(--drawer-pad-x);
      z-index: 2;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      opacity: 0;
      transform: translateY(18px);
      transition:
        opacity 680ms cubic-bezier(0.22, 1, 0.36, 1),
        transform 680ms cubic-bezier(0.22, 1, 0.36, 1);}

.mobile-drawer__logo{margin-left: auto;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      transform: translateY(3px);}

.mobile-drawer__logo img{display: block;
      width: clamp(172px, 48vw, 224px);
      height: auto;}

.mobile-drawer__close{display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 48px;
      height: 48px;
      padding: 0;
      border: 1px solid rgba(255, 255, 255, 0.16);
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.18);
      color: #ffffff;
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.22),
        0 10px 24px rgba(0, 0, 0, 0.16);
      cursor: pointer;
      transform: translateY(-5px);}

.mobile-drawer__close svg{display: block;
      width: 24px;
      height: 24px;}

.mobile-drawer__message{position: absolute;
      right: var(--drawer-pad-x);
      top: var(--drawer-meta-top);
      z-index: 2;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: auto;
      min-width: 134px;
      height: 34px;
      padding: 0 14px;
      border: 1px solid rgba(255, 255, 255, 0.16);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.18);
      color: #ffffff;
      font-family: "SFMono-Regular", SFMono-Regular, ui-monospace, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      font-size: 11px;
      font-weight: 500;
      letter-spacing: 0.06em;
      line-height: 1;
      text-transform: uppercase;
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.22),
        0 10px 24px rgba(0, 0, 0, 0.16);
      cursor: pointer;
      text-decoration: none;
      transform: translateY(18px);
      opacity: 0;
      transition:
        opacity 680ms cubic-bezier(0.22, 1, 0.36, 1),
        transform 680ms cubic-bezier(0.22, 1, 0.36, 1);}

.mobile-drawer__content{position: absolute;
      left: var(--drawer-pad-x);
      right: var(--drawer-pad-x);
      top: var(--drawer-menu-top);
      bottom: calc(var(--drawer-footer-bottom) + 52px);
      z-index: 2;
      min-height: 0;
      opacity: 0;
      transform: translateY(18px);
      transition:
        opacity 680ms cubic-bezier(0.22, 1, 0.36, 1),
        transform 680ms cubic-bezier(0.22, 1, 0.36, 1);}

.mobile-drawer__statement{position: absolute;
      left: var(--drawer-pad-x);
      top: var(--drawer-meta-top);
      z-index: 2;
      margin: 0;
      color: #969ba4;
      font-family: "SFMono-Regular", SFMono-Regular, ui-monospace, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      font-size: 11px;
      font-weight: 400;
      line-height: 1.42;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      white-space: pre-line;
      text-shadow: 0 0 14px rgba(4, 8, 18, 0.28);
      opacity: 0;
      transform: translateY(14px);
      transition:
        opacity 680ms cubic-bezier(0.22, 1, 0.36, 1),
        transform 680ms cubic-bezier(0.22, 1, 0.36, 1);}

.mobile-drawer__policies{position: absolute;
      left: var(--drawer-pad-x);
      right: var(--drawer-pad-x);
      bottom: var(--drawer-footer-bottom);
      z-index: 2;
      color: rgba(215, 223, 230, 0.88);
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 12px;
      font-weight: 400;
      line-height: 1.5;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 4px;
      width: auto;
      padding: 0 2px;
      text-align: center;
      opacity: 0;
      transform: translateY(18px);
      transition:
        opacity 680ms cubic-bezier(0.22, 1, 0.36, 1),
        transform 680ms cubic-bezier(0.22, 1, 0.36, 1);}

.mobile-drawer__policy-link{color: inherit;
      text-decoration: none;
      white-space: nowrap;}

.mobile-drawer__policy-separator{margin: 0;
      opacity: 0.68;
      flex: 0 0 auto;}

.mobile-drawer__menu-text{display: flex;
      flex-direction: column;
      gap: clamp(14px, 2.6vh, 24px);
      margin: 0;
      transform: none;}

.mobile-drawer__menu-line{display: block;
      padding: 0;
      color: #d9d9d9;
      font-family: "Bebas Neue", "Arial Narrow", sans-serif;
      font-size: clamp(54px, min(15vw, 10.4vh), 106px);
      font-weight: 400;
      line-height: 0.84;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      text-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
      white-space: nowrap;
      text-decoration: none;
      position: relative;
      opacity: 0;
      transform: translateY(18px);
      transition:
        opacity 680ms cubic-bezier(0.22, 1, 0.36, 1),
        transform 680ms cubic-bezier(0.22, 1, 0.36, 1);}

.mobile-drawer__menu-label{display: block;}

.mobile-drawer__menu-line:last-child{padding-bottom: 0;}

.mobile-drawer__socials{display:flex;align-items:center;gap:15px;margin-top:24px;}
.mobile-drawer__socials a{display:inline-flex;width:19px;height:19px;align-items:center;justify-content:center;text-decoration:none;}
.mobile-drawer__socials img{display:block;width:100%;height:100%;object-fit:contain;}
.mobile-drawer__socials a:last-child{width:23px;height:23px;}


@media (max-width: 767px) and (max-height: 620px){
.mobile-drawer__panel{--drawer-top-pad: calc(max(14px, env(safe-area-inset-top)) + 10px);
        --drawer-footer-bottom: calc(max(12px, env(safe-area-inset-bottom)) + 12px);
        --drawer-hero-height: clamp(170px, calc(var(--app-height) * 0.44), 250px);
        --drawer-meta-top: clamp(142px, calc(var(--app-height) * 0.31), 198px);
        --drawer-menu-top: clamp(216px, calc(var(--app-height) * 0.42), 274px);}
.mobile-drawer__logo img{width: clamp(138px, 40vw, 186px);}
.mobile-drawer__close{width: 42px;
        height: 42px;}
.mobile-drawer__message{height: 30px;
        min-width: 122px;
        padding: 0 12px;
        font-size: 10px;}
.mobile-drawer__statement{font-size: 10px;
        line-height: 1.28;}
.mobile-drawer__menu-text{gap: clamp(8px, 2vh, 14px);}
.mobile-drawer__menu-line{font-size: clamp(38px, min(12vw, 9.2vh), 64px);
        line-height: 0.86;}
.mobile-drawer__policies{font-size: 10.5px;
        line-height: 1.25;}
}

.mobile-drawer.is-open{opacity: 1;
      pointer-events: auto;}

.mobile-drawer.is-open .mobile-drawer__panel{opacity: 1;}

.mobile-drawer.is-open .mobile-drawer__topbar{opacity: 1;
      transform: translateY(0);
      transition-delay: 90ms;}

.mobile-drawer.is-open .mobile-drawer__message{opacity: 1;
      transform: translateY(0);
      transition-delay: 120ms;}

.mobile-drawer.is-open .mobile-drawer__statement{opacity: 1;
      transform: translateY(0);
      transition-delay: 160ms;}

.mobile-drawer.is-open .mobile-drawer__content{opacity: 1;
      transform: translateY(0);
      transition-delay: 230ms;}

.mobile-drawer.is-open .mobile-drawer__menu-line:nth-child(1){opacity: 1;
      transform: translateY(0);
      transition-delay: 290ms;}

.mobile-drawer.is-open .mobile-drawer__menu-line:nth-child(2){opacity: 1;
      transform: translateY(0);
      transition-delay: 340ms;}

.mobile-drawer.is-open .mobile-drawer__menu-line:nth-child(3){opacity: 1;
      transform: translateY(0);
      transition-delay: 390ms;}

.mobile-drawer.is-open .mobile-drawer__menu-line:nth-child(4){opacity: 1;
      transform: translateY(0);
      transition-delay: 440ms;}

.mobile-drawer.is-open .mobile-drawer__policies{opacity: 1;
      transform: translateY(0);
      transition-delay: 510ms;}

body.mobile-menu-open{overflow: hidden;
      touch-action: none;}

@media (min-width: 768px){
.mobile-drawer{display: none !important;}
}

@media (max-width: 767px){
.mobile-drawer{display: block;}
}

@media (prefers-reduced-motion: reduce) and (max-width: 767px){
.site-logo{opacity: 1 !important;
        transform: none !important;
        animation: none !important;}
.mobile-menu,
.mobile-bag,
.suite-clock{opacity: 1 !important;
        transform: none !important;
        animation: none !important;}
.mobile-menu__line{transform: scaleX(1) !important;
        animation: none !important;}
}

@media (prefers-reduced-motion: reduce){
  .site-logo,.suite-clock,.top-nav,.top-nav__link,.social-icon{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}
  .top-cta{opacity:1!important;transform:scale(1.083684)!important;transition:none!important;animation:none!important}
}

/* Shared JOIN THE LIST popup — one implementation for every page. */
.join-popup{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.74);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 260ms ease,visibility 260ms ease}
.join-popup[hidden]{display:none!important}
.join-popup.is-open{opacity:1;visibility:visible;pointer-events:auto}
.join-popup__card{position:relative;width:min(420px,80vw,68vh);aspect-ratio:1/1;border-radius:34px;overflow:visible;background:url("/assets/media/join-the-list.webp") center/cover no-repeat;box-shadow:0 0 34px rgba(57,102,255,.34),0 0 76px rgba(89,62,255,.26),0 0 130px rgba(142,68,255,.18)}
.join-popup__card::before{content:"";position:absolute;inset:-10%;z-index:-1;border-radius:44px;background:radial-gradient(circle at 28% 40%,rgba(65,115,255,.26),transparent 40%),radial-gradient(circle at 72% 58%,rgba(126,65,255,.22),transparent 42%);filter:blur(22px);pointer-events:none}
.join-popup__form{position:absolute;left:8%;right:8%;bottom:14%;margin:0}
.join-popup__field{display:flex;align-items:center;gap:12px;width:100%;height:64px;padding:0 10px 0 20px;box-sizing:border-box;border:1px solid rgba(194,210,255,.78);border-radius:999px;background:linear-gradient(90deg,rgba(43,65,105,.94),rgba(53,78,123,.92));box-shadow:inset 0 0 22px rgba(123,161,255,.12),0 0 22px rgba(59,99,255,.12)}
.join-popup__spark{flex:0 0 auto;color:#fff;font-size:20px;line-height:1}
.join-popup__input{min-width:0;flex:1 1 auto;border:0;outline:0;background:transparent;color:#fff;font:400 16px/1.2 Helvetica,Arial,sans-serif}
.join-popup__input::placeholder{color:rgba(255,255,255,.94);opacity:1}
.join-popup__consent{display:flex;align-items:center;gap:10px;margin-top:16px;padding-left:2px;color:#fff;font:400 12px/1.3 Helvetica,Arial,sans-serif;cursor:pointer;user-select:none}
.join-popup__consent-input{position:absolute;opacity:0;pointer-events:none}
.join-popup__consent-box{position:relative;flex:0 0 19px;width:19px;height:19px;border:1.5px solid rgba(255,255,255,.92);border-radius:5px;box-sizing:border-box}
.join-popup__consent-input:checked + .join-popup__consent-box::after{content:"";position:absolute;left:4px;top:1px;width:7px;height:11px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}
.join-popup__consent-text{opacity:.96;font-size:10px}
.join-popup__submit{flex:0 0 44px;width:44px;height:44px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;cursor:pointer;font-size:22px}
@media (max-width:767px){.join-popup{padding:16px}.join-popup__card{width:min(92vw,82vh);border-radius:26px}.join-popup__field{height:58px}}



/* Shared bottom-right music player — one implementation for every page. */
.site-music-player{position:fixed;right:26.6px;bottom:22.8px;z-index:560;display:flex;align-items:center;gap:18px;pointer-events:none}
.site-music-player__art,.site-music-player__toggle{pointer-events:auto;cursor:pointer}
.site-music-player__art{width:79.22145px;height:79.22145px;padding:0;border:0;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.28);transition:filter 180ms ease}
.site-music-player__art:hover,.site-music-player__art:focus-visible{filter:brightness(1.08);outline:none}
.site-music-player__art img{display:block;width:100%;height:100%;object-fit:cover;animation:siteMusicSpin 8s linear infinite;animation-play-state:paused}
.site-music-player.is-playing .site-music-player__art img{animation-play-state:running}
.site-music-player__toggle{position:absolute;right:96.4px;top:25.9px;width:0;height:0;padding:0;border-top:14.65857421875px solid transparent;border-bottom:14.65857421875px solid transparent;border-left:22.8022265625px solid rgba(255,255,255,.98);border-right:0;background:transparent;opacity:.95;transition:opacity 180ms ease}
.site-music-player__toggle:hover,.site-music-player__toggle:focus-visible{opacity:1;outline:none}
.site-music-player.is-playing .site-music-player__toggle{width:22.8022265625px;height:26.0596875px;border:0}
.site-music-player.is-playing .site-music-player__toggle::before,.site-music-player.is-playing .site-music-player__toggle::after{content:"";position:absolute;top:0;width:6.514921875px;height:26.0596875px;background:rgba(255,255,255,.98)}
.site-music-player.is-playing .site-music-player__toggle::before{left:1.714453125px}
.site-music-player.is-playing .site-music-player__toggle::after{right:1.714453125px}
@keyframes siteMusicSpin{to{transform:rotate(360deg)}}
@media(max-width:767px){.site-music-player{right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom))}.site-music-player__art{width:72px;height:72px}.site-music-player__toggle{right:89px;top:23px}}

/* Shared route video transitions */
.site-route-transition{position:fixed;inset:0;z-index:2147483646;background:#000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 120ms linear}
.site-route-transition.is-active{opacity:1;visibility:visible;pointer-events:auto}
.site-route-transition__video{display:block;width:100%;height:100%;object-fit:cover;background:#000;transform:scale(1.06);transform-origin:center center}


/* Preserve transparent logo/bag artwork and keep the mobile hanger white. */
.site-logo,
.site-logo img,
.top-cta__bag-icon,
.top-cta__bag-icon img,
.mobile-bag,
.mobile-bag__icon {
  background: transparent !important;
  box-shadow: none !important;
}
.site-logo img,
.top-cta__bag-icon img {
  filter: none !important;
}
.mobile-bag__icon {
  filter: brightness(0) invert(1) !important;
}
.top-cta:hover .top-cta__bag-icon,
.top-cta:focus-within .top-cta__bag-icon {
  background: transparent !important;
}
.top-cta:hover .top-cta__bag-icon img,
.top-cta:focus-within .top-cta__bag-icon img {
  filter: none !important;
}

@media (min-width:768px){.top-cta:hover .top-cta__bag-icon img,.top-cta:focus-within .top-cta__bag-icon img{filter:brightness(0) invert(1)!important}}