/* [project]/app/(landing)/landing.css [app-client] (css) */
.lp {
  --lp-bg: #07080d;
  --lp-fg: #f4f4f6;
  --lp-muted: #e3e6f1;
  --ml-muted: #e3e6f1;
  --ml-dim: #dcdfeb;
  --lp-dim: #dcdfeb;
  --lp-display-dim: #b9bccd;
  --lp-line: #ffffff17;
  --lp-line-strong: #ffffff29;
  --lp-surface: #ffffff08;
  --lp-surface-strong: #ffffff0f;
  --lp-ink: #0a0a10;
  --lp-error: #ff8a8a;
  --lp-max: 2240px;
  --lp-gutter: clamp(20px, 3.6vw, 72px);
  --lp-nav-h: 69px;
  --lp-hud-h: 0px;
  --lp-moon: #dde3f6;
  --lp-cyan: #39c6ff;
  --lp-cyan-rgb: 57 198 255;
  --lp-pink: #ff2e93;
  --lp-pink-hover: #ff5aa9;
  --lp-on-pink: #0a0a10;
  --lp-caps: 12px;
  --lp-caps-lg: 13px;
  --lp-caps-track: .12em;
  --lp-t-xs: 12px;
  --lp-t-sm: 14px;
  --lp-t-md: 16px;
  --lp-t-lg: 18px;
  --lp-t-lede: clamp(17px, 1.3vw, 21px);
  --lp-d-hero: clamp(54px, min(7.4vw, 16.5vh), 148px);
  --lp-d-page: clamp(48px, min(6vw, 12vh), 116px);
  --lp-d-page-long: clamp(34px, min(3.6vw, 8vh), 76px);
  --lp-d-section: clamp(38px, min(4.4vw, 8.4vh), 84px);
  --lp-d-item-lg: clamp(32px, min(2.8vw, 6vh), 56px);
  --lp-d-item: clamp(26px, min(2vw, 4.4vh), 40px);
  --lp-d-num: clamp(44px, min(3.6vw, 7.5vh), 68px);
  isolation: isolate;
  background: var(--lp-bg);
  min-height: 100svh;
  color: var(--lp-fg);
  font-family: var(--font-lp-body), system-ui, sans-serif;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  -webkit-font-smoothing: antialiased;
  position: relative;
  overflow-x: clip;
}

html:has(.lp) {
  background: #07080d;
}

html:has(.lp) body {
  background: none;
}

.lp ::selection {
  background: var(--lp-fg);
  color: var(--lp-ink);
}

.lp :focus-visible:where(:not(input, textarea, select, .dropdown-trigger)) {
  outline: 2px solid var(--lp-fg);
  outline-offset: 3px;
}

.lp input:is([type="checkbox"], [type="radio"]):focus-visible {
  outline: 2px solid var(--lp-fg);
  outline-offset: 2px;
}

.lp main, .lp footer {
  z-index: 1;
  position: relative;
}

@media (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html:not([data-motion="off"]) .lp, html:not([data-motion="off"]) .lp * {
    cursor: none !important;
  }

  html:not([data-motion="off"]):has(.lp) {
    cursor: none !important;
  }
}

.lp-cursor {
  z-index: 120;
  pointer-events: none;
  opacity: 0;
  transition: opacity .12s ease-out;
  position: fixed;
  inset: 0;
}

.lp-cursor[data-visible="true"] {
  opacity: 1;
}

.lp-cursor__wake {
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0;
  overflow: visible;
}

.lp-cursor__line {
  fill: none;
  stroke: #f4f4f661;
  stroke-width: 1.35px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.lp-cursor__line--accent {
  stroke: rgb(var(--lp-cyan-rgb) / .5);
  stroke-width: 1.05px;
}

.lp-cursor__ring {
  will-change: transform;
  background: #f4f4f605;
  border: 1px solid #f4f4f685;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  margin: -14px 0 0 -14px;
  transition: border-color .16s, background-color .16s;
  position: fixed;
  top: 0;
  left: 0;
}

.lp-cursor[data-hover="true"] .lp-cursor__ring {
  border-color: rgb(var(--lp-cyan-rgb) / .88);
  background: rgb(var(--lp-cyan-rgb) / .08);
}

.lp-cursor[data-down="true"] .lp-cursor__ring {
  background: #ffffff29;
  border-color: #fff;
}

.lp-cursor__dot {
  will-change: transform;
  background: #fff;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
  transition: width .14s, height .14s, margin .14s, border-radius .14s, background-color .14s;
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: 0 0 8px #ffffffd9;
}

.lp-cursor[data-hover="true"] .lp-cursor__dot {
  background: var(--lp-cyan);
  box-shadow: 0 0 10px rgb(var(--lp-cyan-rgb) / .95);
}

.lp-cursor[data-text="true"] .lp-cursor__dot {
  border-radius: 1px;
  width: 2px;
  height: 18px;
  margin: -9px 0 0 -1px;
}

.lp-cursor__hud {
  border: 1px solid rgb(var(--lp-cyan-rgb) / .45);
  letter-spacing: .14em;
  color: #fff;
  white-space: nowrap;
  opacity: 0;
  will-change: transform, opacity;
  background: #07080de0;
  border-radius: 999px;
  padding: 2px 6px;
  font-size: 9.5px;
  font-weight: 500;
  line-height: 1.2;
  transition: opacity .14s ease-out, scale .14s ease-out;
  position: fixed;
  top: 0;
  left: 0;
  scale: .92;
}

.lp-cursor[data-hud] .lp-cursor__hud {
  opacity: 1;
  scale: 1;
}

.lp-cursor__slash {
  background: linear-gradient(90deg, transparent, #fff 22%, var(--lp-cyan) 78%, transparent);
  pointer-events: none;
  width: 54px;
  height: 1.5px;
  animation: .28s cubic-bezier(.16, 1, .3, 1) forwards lp-cursor-slash;
  position: fixed;
}

.lp-cursor__wave3d {
  border: 1.5px solid rgb(var(--lp-cyan-rgb) / .85);
  pointer-events: none;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  animation: .46s cubic-bezier(.16, 1, .3, 1) forwards lp-cursor-wave3d;
  position: fixed;
}

@keyframes lp-cursor-slash {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(-12deg) scaleX(.2);
  }

  45% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(-12deg) scaleX(1.15);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(-12deg) scaleX(1.45);
  }
}

@keyframes lp-cursor-wave3d {
  0% {
    opacity: .95;
    transform: translate(-50%, -50%) perspective(360px) rotateX(54deg) rotateZ(-12deg) scale(.35);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) perspective(360px) rotateX(54deg) rotateZ(-12deg) scale(2.45);
  }
}

@media (pointer: coarse), (prefers-reduced-motion: reduce) {
  .lp-cursor {
    display: none !important;
  }
}

html[data-motion="off"] .lp-cursor {
  display: none !important;
}

.lp-wrap {
  width: 100%;
  max-width: var(--lp-max);
  padding-inline: var(--lp-gutter);
  margin-inline: auto;
}

.lp-display {
  font-family: var(--font-anton), Impact, sans-serif;
  font-kerning: normal;
  text-transform: uppercase;
  letter-spacing: .02em;
  word-spacing: -.04em;
  font-style: italic;
  font-weight: 400;
}

.lp-label {
  font-size: var(--lp-caps);
  letter-spacing: var(--lp-caps-track);
  text-transform: uppercase;
  color: var(--lp-muted);
  font-weight: 500;
}

.lp-link {
  color: var(--lp-fg);
  text-underline-offset: 4px;
  -webkit-text-decoration: underline #ffffff4d;
  text-decoration: underline #ffffff4d;
  transition: text-decoration-color .2s;
}

.lp-link:hover {
  -webkit-text-decoration-color: var(--lp-fg);
  text-decoration-color: var(--lp-fg);
}

.lp-backdrop {
  z-index: 0;
  pointer-events: none;
  position: fixed;
  inset: 0;
}

.lp-backdrop__canvas {
  opacity: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.lp-backdrop[data-live] .lp-backdrop__canvas {
  opacity: 1;
  transition: opacity .6s ease-out;
}

@media (prefers-reduced-motion: reduce) {
  .lp-backdrop[data-live] .lp-backdrop__canvas {
    transition: none;
  }
}

html[data-motion="off"] .lp-backdrop[data-live] .lp-backdrop__canvas {
  transition: none;
}

.lp-vignette {
  background: radial-gradient(120% 90% at 60% 30%, #0000 55%, #0000008c 100%);
  position: absolute;
  inset: 0;
}

.lp-backdrop[data-live] .lp-vignette {
  display: none;
}

.lp-btn {
  --cut: 11px;
  isolation: isolate;
  height: 50px;
  font-weight: 600;
  font-size: var(--lp-caps-lg);
  letter-spacing: var(--lp-caps-track);
  text-transform: uppercase;
  white-space: nowrap;
  clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
  transform-style: preserve-3d;
  transform: perspective(540px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));
  border-radius: 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 26px;
  transition: background-color .2s, color .2s, transform .14s ease-out;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.lp-btn:before {
  content: "";
  background: radial-gradient(120px circle at var(--bx, 50%) var(--by, 20%), #ffffff4d, transparent 68%);
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s;
  position: absolute;
  inset: 0;
}

.lp-btn[data-tilt3d="true"]:before {
  opacity: 1;
}

.lp-btn:active {
  transform: perspective(540px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateZ(-5px) translateY(1px);
}

.lp-btn--solid {
  background: var(--lp-pink);
  color: var(--lp-on-pink);
}

.lp-btn--solid:hover {
  background: var(--lp-pink-hover);
}

.lp-btn--line {
  color: var(--lp-fg);
  background: #fff3;
}

.lp-btn--line:after {
  content: "";
  z-index: -1;
  clip-path: polygon(0 0, calc(100% - var(--cut) + .5px) 0, 100% calc(var(--cut) - .5px), 100% 100%, calc(var(--cut) - .5px) 100%, 0 calc(100% - var(--cut) + .5px));
  background: #090c1aeb;
  transition: background-color .2s;
  position: absolute;
  inset: 1px;
}

.lp-btn--line:hover {
  background: #ffffff80;
}

.lp-btn--line:hover:after {
  background: #12172ef0;
}

.lp-btn:focus-visible {
  outline-offset: -5px;
  outline: 2px solid;
}

.lp-btn--sm {
  --cut: 9px;
  height: 42px;
  font-size: var(--lp-caps);
  padding: 0 20px;
}

.lp-btn:disabled, .lp-btn[aria-disabled="true"] {
  opacity: .5;
}

.lp-btn:disabled:active, .lp-btn[aria-disabled="true"]:active {
  transform: none;
}

.lp-nav {
  z-index: 40;
  position: sticky;
  top: 0;
}

@supports (animation-timeline: scroll()) {
  :is(#main, .lp-footer) {
    animation: linear both lp-under-nav;
    animation-timeline: scroll(root);
  }

  html:has(main[data-cinema]) :is(#main, .lp-footer) {
    animation: none;
  }
}

@keyframes lp-under-nav {
  from {
    clip-path: inset(var(--lp-under, -100vmax) -100vmax -100vmax);
  }

  to {
    clip-path: inset(calc(var(--lp-under, -100vmax) + var(--lp-scroll-max, 0px)) -100vmax -100vmax);
  }
}

.lp-nav:after {
  content: "";
  background: linear-gradient(90deg, #fff 0%, #ffffffe0 70%, var(--lp-cyan) 100%);
  transform-origin: 0;
  pointer-events: none;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  transform: scaleX(0);
}

.lp-nav__row {
  max-width: var(--lp-max);
  height: 68px;
  padding-inline: var(--lp-gutter);
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 24px;
  margin-inline: auto;
  display: grid;
}

.lp-brand {
  color: var(--lp-fg);
  justify-self: start;
  align-items: center;
  gap: 12px;
  display: inline-flex;
}

.lp-brand__mark {
  width: auto;
  height: 27px;
  display: block;
}

.lp-brand__sub {
  font-size: var(--lp-caps);
  letter-spacing: .22em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--lp-muted);
  padding-top: 2px;
}

.lp-nav__links {
  font-size: var(--lp-caps);
  letter-spacing: var(--lp-caps-track);
  text-transform: uppercase;
  color: var(--lp-fg);
  gap: 30px;
  font-weight: 600;
  display: flex;
}

.lp-nav__links a:hover {
  color: #fff;
}

.lp-nav__right {
  justify-self: end;
  align-items: center;
  gap: 0;
  display: flex;
}

.lp-nav__login {
  --cut: 9px;
  height: 42px;
  font-size: var(--lp-caps);
  letter-spacing: var(--lp-caps-track);
  text-transform: uppercase;
  color: var(--lp-fg);
  white-space: nowrap;
  clip-path: polygon(0 0, 100% 0, 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
  background: #090c1ad1;
  align-items: center;
  padding: 0 20px;
  font-weight: 600;
  transition: background-color .2s;
  display: inline-flex;
  position: relative;
}

.lp-nav__login:hover {
  background: #1a203eeb;
}

.lp-nav__login:focus-visible {
  outline-offset: -5px;
  outline: 2px solid;
}

.lp-nav__right .lp-btn--sm {
  clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);
}

.lp-nav__right form {
  display: contents;
}

.lp-nav__links a {
  white-space: nowrap;
  align-items: baseline;
  gap: 6px;
  display: inline-flex;
}

.lp-hud__frame {
  --c: 26px;
  --t: 1px;
  --i: calc(var(--c) + .41px);
  z-index: 41;
  pointer-events: none;
  clip-path: polygon(evenodd,
    var(--c) 0, calc(100% - var(--c)) 0, 100% var(--c), 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--c) 100%, 0 calc(100% - var(--c)), 0 var(--c), var(--c) 0,
    var(--i) var(--t), var(--t) var(--i), var(--t) calc(100% - var(--i)), var(--i) calc(100% - var(--t)), calc(100% - var(--i)) calc(100% - var(--t)), calc(100% - var(--t)) calc(100% - var(--i)), calc(100% - var(--t)) var(--i), calc(100% - var(--i)) var(--t), var(--i) var(--t));
  background: #d6e0ff2b;
  position: fixed;
  inset: 10px;
}

.lp-hud__bar, .lp-rail {
  display: none;
}

@media (min-width: 1100px) {
  .lp {
    --lp-hud-h: 58px;
    --lp-nav-h: 84px;
  }

  .lp-nav:after {
    display: none;
  }

  .lp-hud__frame {
    inset: 18px;
  }

  .lp-hud__bar {
    height: var(--lp-hud-h);
    z-index: 41;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 26px), calc(100% - 26px) 100%, 26px 100%, 0 calc(100% - 26px));
    background: #04060ea8;
    border-top: 1px solid #d6e0ff2b;
    grid-template-columns: auto minmax(0, 1fr) auto;
    display: grid;
    position: fixed;
    bottom: 18px;
    left: 18px;
    right: 18px;
  }

  .lp-hud__cell {
    font-size: var(--lp-caps);
    letter-spacing: var(--lp-caps-track);
    text-transform: uppercase;
    color: var(--lp-fg);
    white-space: nowrap;
    align-items: center;
    gap: 10px;
    padding-inline: 32px;
    font-weight: 600;
    transition: background-color .2s;
    display: inline-flex;
  }

  .lp-hud__cell:hover {
    background: #d6e0ff14;
  }

  .lp-hud__cell:focus-visible {
    outline-offset: -6px;
    outline: 2px solid;
  }

  .lp-hud__track {
    border-inline: 1px solid #d6e0ff2b;
    place-items: center;
    display: grid;
    position: relative;
    overflow: clip;
  }

  .lp-hud__fill {
    background: linear-gradient(90deg, #fff, var(--lp-cyan));
    transform-origin: 0;
    height: 1px;
    position: absolute;
    inset: -1px 0 auto;
    transform: scaleX(0);
  }

  .lp-hud__cue {
    color: var(--lp-fg);
    font-size: var(--lp-caps);
    gap: 10px;
    display: inline-flex;
    position: relative;
  }

  .lp-rail {
    z-index: 30;
    font-size: var(--lp-caps);
    letter-spacing: var(--lp-caps-track);
    text-transform: uppercase;
    gap: 18px;
    font-weight: 600;
    display: grid;
    position: fixed;
    top: 50%;
    right: 34px;
    translate: 0 -50%;
  }

  .lp-rail a {
    color: #e2e8fcb8;
    padding-left: 15px;
    transition: color .25s;
    display: block;
    position: relative;
  }

  .lp-rail a:before {
    content: "";
    background: var(--lp-cyan);
    opacity: 0;
    width: 7px;
    height: 7px;
    margin-top: -3.5px;
    transition: opacity .25s;
    position: absolute;
    top: 50%;
    left: 0;
  }

  .lp-rail a[aria-current] {
    color: var(--lp-fg);
  }

  .lp-rail a[aria-current]:before {
    opacity: 1;
  }

  .lp-rail a:hover {
    color: var(--lp-fg);
  }

  .lp-rail__name {
    display: none;
  }
}

@media (min-width: 2300px) {
  .lp-rail__num {
    display: none;
  }

  .lp-rail__name {
    display: inline;
  }

  .lp:has(.lp-rail) main .lp-wrap {
    padding-right: max(var(--lp-gutter), calc(210px - (100vw - var(--lp-max)) / 2));
  }
}

@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: scroll()) {
    .lp-hud__fill {
      animation: linear both lp-hud-fill;
      animation-timeline: scroll(root);
    }
  }
}

@keyframes lp-hud-fill {
  to {
    transform: scaleX(1);
  }
}

.lp-hero {
  min-height: calc(100svh - var(--lp-nav-h));
  flex-direction: column;
  padding-block: clamp(28px, 9vh, 96px) clamp(20px, 4vh, 40px);
  display: flex;
  position: relative;
}

.lp-hero__open {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.lp-h1 {
  font-size: var(--lp-d-hero);
  margin-top: 16px;
  margin-left: -.02em;
  line-height: 1.1;
}

.lp-cue {
  color: var(--lp-fg);
  gap: 10px;
  margin-top: auto;
  padding-block: 8px;
  display: inline-flex;
}

.lp-cue:hover {
  color: #fff;
}

.lp-cue span {
  display: inline-block;
}

.lp-lede {
  max-width: 52ch;
  font-size: var(--lp-t-lede);
  color: var(--lp-muted);
  margin-top: 20px;
  line-height: 1.55;
}

.lp-lede strong, .lp-lede--fact {
  color: var(--lp-fg);
  font-weight: 500;
}

.lp-lede--fact {
  font-variant-numeric: tabular-nums;
}

.lp-story {
  --beat: 60svh;
  height: calc(100svh - var(--lp-nav-h) + var(--steps) * var(--beat));
  position: relative;
}

@media (max-width: 1099px) {
  .lp-story {
    --beat: 52svh;
  }
}

.lp-story__pin {
  top: var(--lp-nav-h);
  height: calc(100svh - var(--lp-nav-h));
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: sticky;
}

.lp-story__pin > .lp-wrap {
  width: 100%;
}

.lp-story__track {
  inset: calc(50svh - var(--lp-nav-h)) 0 50svh;
  pointer-events: none;
  visibility: hidden;
  grid-auto-rows: 1fr;
  display: grid;
  position: absolute;
}

.lp-story + .lp-section {
  border-top: 0;
  padding-top: clamp(24px, 5vh, 64px);
}

.lp-sound {
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  align-items: center;
  column-gap: clamp(48px, 6vw, 140px);
  display: grid;
}

@media (max-width: 1099px) and (max-height: 620px) {
  .lp-story--sound {
    height: auto;
  }

  .lp-story--sound .lp-story__pin {
    height: auto;
    padding-block: 32px;
    position: static;
  }

  .lp-story--sound .lp-story__track {
    inset: 0;
  }
}

.lp-voices {
  --art: min(340px, 30vw, calc(100svh - 400px));
  --glow: var(--lp-art-glow);
  grid-template-columns: minmax(0, 1fr);
  row-gap: 22px;
  display: grid;
}

@media (min-width: 1100px) {
  .lp-voices {
    grid-template-columns: var(--art) minmax(0, 1fr);
    grid-template-areas: "side head"
                         "side names";
    align-items: center;
    gap: 0 clamp(56px, 6vw, 120px);
  }

  .lp-voices__names {
    width: min(100%, 660px);
  }

  .lp-voices__head {
    grid-area: head;
    align-self: end;
  }

  .lp-voices__side {
    grid-area: side;
  }

  .lp-voices__names {
    grid-area: names;
    align-self: start;
  }
}

.lp-voices__side {
  width: var(--art);
  perspective: 1400px;
}

.lp-voices__plate {
  transform: rotateX(calc(2deg + var(--tilt-x, 0deg) * 1.4)) rotateY(calc(6deg + var(--tilt-y, 0deg) * 2));
  margin-top: 11px;
}

.lp-voices__fact {
  margin-top: 22px;
}

.lp-voices__names {
  border-top: 1px solid var(--lp-line-strong);
  margin-top: clamp(20px, 3.4vh, 32px);
}

.lp-voices__names > li {
  border-bottom: 1px solid var(--lp-line-strong);
}

.lp-voices__row {
  color: var(--lp-muted);
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: baseline;
  column-gap: 14px;
  padding-block: 12px 10px;
  transition: color .3s;
  display: grid;
  position: relative;
}

.lp-voices__row:after {
  content: "";
  background: linear-gradient(90deg, #fff, var(--lp-cyan) 80%, transparent);
  transform-origin: 0;
  height: 1px;
  transition: transform .5s cubic-bezier(.16, 1, .3, 1);
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  transform: scaleX(0);
}

.lp-voices__num {
  font-size: var(--lp-t-xs);
  font-variant-numeric: tabular-nums;
}

.lp-voices__name {
  min-width: 0;
  font-size: var(--lp-d-item-lg);
  color: var(--lp-display-dim);
  margin-left: -.02em;
  line-height: 1.1;
  transition: color .3s;
}

.lp-voices__meta {
  font-size: var(--lp-caps);
  letter-spacing: var(--lp-caps-track);
  text-transform: uppercase;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  font-weight: 500;
}

.lp-voices__row:hover, .lp-voices__names > li[data-on] .lp-voices__row, .lp-voices__row:hover .lp-voices__name, .lp-voices__names > li[data-on] .lp-voices__name {
  color: var(--lp-fg);
}

.lp-voices__names > li[data-on] .lp-voices__row:after {
  transform: scaleX(1);
}

html[data-motion="off"] :is(.lp-voices__name, .lp-voices__row) {
  transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
  :is(.lp-voices__name, .lp-voices__row) {
    transition: none !important;
  }
}

@media (scripting: none) {
  .lp-journey__nav {
    display: none;
  }

  .lp-journey__tag {
    display: block;
  }

  .lp-story {
    height: auto;
  }

  .lp-story__pin {
    height: auto;
    padding-block: 64px;
    position: static;
  }
}

.lp-tilt {
  perspective: 1400px;
}

.lp-term {
  font-size: var(--lp-t-xs);
  font-variant-numeric: tabular-nums;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "calt" 0;
  color: #e4e9fff0;
  gap: 1px;
  line-height: 1.55;
  display: grid;
}

.lp-term__line {
  white-space: nowrap;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.lp-term__line--cmd {
  color: var(--lp-muted);
}

.lp-term__line--ok {
  color: #fff;
  font-weight: 600;
}

.lp-term__bar {
  height: 7px;
  width: var(--p);
  background: #ecf0ffe6;
  margin-block: 3px;
  display: block;
  box-shadow: 0 0 10px #d6deff80;
}

.lp-caret {
  vertical-align: -.14em;
  background: currentColor;
  width: .5em;
  height: 1em;
  margin-left: 3px;
  display: inline-block;
}

@keyframes lp-caret {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

@keyframes lp-screen-flick {
  0% {
    opacity: 1;
  }

  88% {
    opacity: .28;
  }

  89.5% {
    opacity: .95;
  }

  91% {
    opacity: .4;
  }

  92.5% {
    opacity: 1;
  }
}

.lp-stage {
  padding-block: clamp(20px, 2vw, 28px) clamp(40px, 5vw, 64px);
}

.lp-stage__grid {
  --art: min(420px, 30vw, calc(100svh - 380px));
}

.lp-stage__copy {
  z-index: 2;
  min-width: 0;
  position: relative;
}

.lp-detail-art {
  --glow: var(--lp-art-glow);
  margin-top: 11px;
}

.lp-detail-art__fact {
  text-align: center;
  color: var(--lp-muted);
  margin-top: 22px;
}

.lp-stage__facts {
  min-width: 0;
  max-width: 380px;
  translate: calc(var(--drift-x, 0px) * .16) calc(var(--drift-y, 0px) * .16);
}

.lp-stage__facts .lp-art__count {
  margin-top: 0;
}

.lp-stage__facts .lp-term__line > span:first-child {
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}

@media (min-width: 1100px) {
  .lp-stage__grid {
    grid-template-columns: minmax(0, 1fr) var(--art) minmax(0, 1fr);
    align-items: center;
    column-gap: clamp(36px, 3.6vw, 96px);
    padding-block: 48px 16px;
    display: grid;
  }

  .lp-stage__title {
    font-size: var(--lp-d-page);
  }

  .lp-stage__title[data-long] {
    font-size: var(--lp-d-page-long);
  }

  .lp-artist-profile .lp-stage__title {
    font-size: var(--lp-d-page);
  }
}

@media (min-width: 1100px) and (min-height: 780px) {
  .lp-stage__grid {
    padding-top: 100px;
  }
}

@media (max-width: 1599px) {
  .lp-stage .lp-actions {
    gap: 8px;
  }

  .lp-stage .lp-actions .lp-btn {
    font-size: var(--lp-caps);
    padding-inline: 16px;
  }
}

@media (max-width: 1099px) {
  .lp-stage__grid {
    --art: min(72vw, 360px, 46svh);
    flex-direction: column;
    display: flex;
  }

  .lp-detail-art {
    order: 1;
    margin: 30px auto 0;
  }

  .lp-stage__copy {
    order: 2;
    width: 100%;
    max-width: 520px;
    margin: 26px auto 0;
  }

  .lp-stage__facts {
    order: 3;
    width: 100%;
    max-width: 520px;
    margin: 26px auto 0;
    translate: none;
  }

  .lp-stage__title[data-long] {
    font-size: var(--lp-d-page-long);
  }

  .lp-stage__copy .lp-detail__by {
    border-top: 1px solid #ffffff59;
    margin-top: 10px;
    padding-top: 10px;
  }

  .lp-stage__copy .lp-actions {
    margin-top: 18px;
  }
}

.lp-eq {
  align-items: flex-end;
  gap: 2px;
  height: 11px;
  display: inline-flex;
}

.lp-eq i {
  transform-origin: 50% 100%;
  will-change: transform;
  background: #f4f4f659;
  border-radius: 1px;
  width: 1.5px;
  height: 100%;
  transition: background-color .2s;
  transform: scaleY(.28);
}

.lp-eq[data-active] i {
  background: #fff;
}

.lp-eq[data-active] i:nth-child(2), .lp-eq[data-active] i:nth-child(4) {
  background: var(--lp-cyan);
}

.lp-paste {
  align-items: flex-end;
  gap: 20px;
  width: min(620px, 100%);
  margin-top: 28px;
  display: flex;
}

.lp-paste__line {
  border-bottom: 1px solid #ffffff52;
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 0;
  transition: border-color .2s;
  display: flex;
  position: relative;
}

.lp-paste__line:hover {
  border-bottom-color: #ffffff80;
}

.lp-paste__line:after {
  content: "";
  background: linear-gradient(90deg, #fff 0%, #ffffffe0 70%, var(--lp-cyan) 100%);
  transform-origin: 0;
  pointer-events: none;
  height: 1px;
  transition: transform .5s cubic-bezier(.16, 1, .3, 1);
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  transform: scaleX(0);
}

.lp-paste__line:focus-within:after, .lp-paste[data-ready] .lp-paste__line:after {
  transform: scaleX(1);
}

.lp-paste[data-warn] .lp-paste__line {
  border-bottom-color: #ff8a8a99;
}

.lp .lp-paste input {
  min-width: 0;
  height: 50px;
  color: var(--lp-fg);
  font: inherit;
  font-size: var(--lp-t-md);
  background: none;
  border: 0;
  border-radius: 0;
  flex: 1;
  padding: 0;
}

.lp .lp-paste input::placeholder {
  color: var(--lp-muted);
}

.lp .lp-paste input:focus-visible {
  box-shadow: 0 1px 0 0 var(--lp-fg);
  outline: none;
}

.lp-paste__tag {
  font-size: var(--lp-caps);
  letter-spacing: var(--lp-caps-track);
  text-transform: uppercase;
  color: var(--lp-fg);
  flex: none;
  font-weight: 500;
}

.lp-under {
  font-size: var(--lp-t-sm);
  color: var(--lp-muted);
  margin-top: 12px;
}

.lp-under .lp-link {
  white-space: nowrap;
}

.lp-paste__hint {
  font-size: var(--lp-t-xs);
  color: var(--lp-muted);
  margin-top: 10px;
  line-height: 1.5;
}

.lp-paste__hint:empty {
  margin-top: 0;
}

.lp-paste__hint--warn {
  color: var(--lp-fg);
}

.lp-cover {
  transition: opacity .28s cubic-bezier(.16, 1, .3, 1), filter .28s cubic-bezier(.16, 1, .3, 1);
  display: block;
}

.lp-cover__media {
  display: block;
  position: relative;
}

.lp-play {
  width: 38px;
  height: 38px;
  color: var(--lp-fg);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transform: perspective(420px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));
  background: #07080d8c;
  border: 1px solid #ffffff38;
  border-radius: 50%;
  place-items: center;
  transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, scale .2s, transform .14s ease-out;
  display: grid;
  position: absolute;
  bottom: 10px;
  left: 10px;
  box-shadow: inset 0 1px #ffffff29, 0 8px 18px -6px #000000c7;
}

.lp-play:hover, .lp-cover:hover .lp-play, .lp-play[data-state="playing"], .lp-play[data-state="loading"] {
  background: var(--lp-fg);
  color: var(--lp-ink);
  border-color: var(--lp-fg);
  box-shadow: inset 0 1px 0 #fff, 0 3px 0 rgb(var(--lp-cyan-rgb) / .65), 0 14px 28px -6px rgb(var(--lp-cyan-rgb) / .3), 0 12px 24px -6px #000000d9;
}

.lp-play:active {
  scale: .94;
}

.lp-play__ring {
  pointer-events: none;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  position: absolute;
  inset: -6px;
  rotate: -90deg;
}

.lp-play__ring circle {
  fill: none;
  stroke: var(--lp-cyan);
  stroke-width: 1.6px;
  transition: stroke-dashoffset .25s linear;
}

.lp-cover__img {
  aspect-ratio: 1;
  background: var(--lp-surface);
  outline: 1px solid var(--lp-line);
  outline-offset: -1px;
  border-radius: 12px;
  transition: outline-color .25s, box-shadow .25s, transform .32s cubic-bezier(.16, 1, .3, 1);
  display: block;
  position: relative;
  overflow: clip;
}

.lp-cover__img:after {
  content: "";
  border-radius: inherit;
  background: radial-gradient(240px circle at var(--gx, 50%) var(--gy, 50%), #ffffff38, transparent 64%);
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s;
  position: absolute;
  inset: 0;
}

.lp-cover__media[data-tilt="true"] .lp-cover__img {
  transform: perspective(900px) rotateX(var(--cx, 0deg)) rotateY(var(--cy, 0deg)) scale3d(1.02, 1.02, 1);
  outline-color: #ffffff52;
  transition: outline-color .25s, box-shadow .25s, transform 80ms ease-out;
  box-shadow: 0 22px 48px -20px #000000d9;
}

.lp-cover__media[data-tilt="true"] .lp-cover__img:after {
  opacity: 1;
}

.lp-cover:has(.lp-play[data-state="playing"]) .lp-cover__img {
  outline-color: #ffffff8c;
  box-shadow: 0 18px 40px -18px #000000d9;
}

.lp-cover__img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .7s cubic-bezier(.16, 1, .3, 1);
}

.lp-cover:hover .lp-cover__img img {
  transform: scale(1.04);
}

.lp-cover__cap {
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  margin-top: 10px;
  display: flex;
}

.lp-cover__title {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: var(--lp-t-sm);
  font-weight: 600;
  overflow: hidden;
}

.lp-cover__meta {
  font-size: var(--lp-t-xs);
  color: var(--lp-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 2px;
  display: block;
  overflow: hidden;
}

.lp-now {
  --cut: 14px;
  right: var(--lp-gutter);
  z-index: 50;
  width: min(420px, calc(100vw - 2 * var(--lp-gutter)));
  clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
  background: #090b14f5;
  align-items: center;
  gap: 12px;
  padding: 8px 12px 8px 10px;
  animation: .28s cubic-bezier(.16, 1, .3, 1) both lp-now-in;
  display: flex;
  position: fixed;
  bottom: clamp(16px, 2.4vh, 28px);
}

@keyframes lp-now-in {
  from {
    opacity: 0;
    translate: 0 12px;
  }

  to {
    opacity: 1;
    translate: 0;
  }
}

.lp-now__btn {
  background: var(--lp-fg);
  width: 38px;
  height: 38px;
  color: var(--lp-ink);
  border-radius: 50%;
  flex: none;
  place-items: center;
  transition: transform .16s, background-color .16s;
  display: grid;
}

.lp-now__btn:hover {
  background: #fff;
}

.lp-now__btn:active {
  transform: scale(.94);
}

.lp-now__thumb {
  outline: 1px solid var(--lp-line);
  border-radius: 8px;
  flex: none;
  width: 36px;
  height: 36px;
  overflow: clip;
}

.lp-now__thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.lp-now__body {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 7px;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.lp-now__top {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  display: flex;
}

.lp-now__top .lp-eq {
  flex: none;
}

.lp-now__title {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: var(--lp-t-sm);
  color: var(--lp-fg);
  flex: 1;
  font-weight: 600;
  line-height: 1.25;
  overflow: hidden;
}

.lp-now__title:hover {
  text-underline-offset: 3px;
  text-decoration: underline;
}

.lp-now__time {
  font-size: var(--lp-t-xs);
  letter-spacing: .04em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  color: var(--lp-muted);
  flex: none;
}

.lp-now__time[data-error] {
  color: var(--lp-error);
}

.lp-now__bar {
  align-items: center;
  height: 14px;
  margin-block: -4px;
  display: flex;
}

.lp-now__track {
  background: #ffffff29;
  border-radius: 999px;
  width: 100%;
  height: 3px;
  transition: height .15s;
  position: relative;
  overflow: clip;
}

.lp-now__bar:hover .lp-now__track {
  height: 5px;
}

.lp-now__fill {
  border-radius: inherit;
  background: var(--lp-cyan);
  height: 100%;
  transition: width .12s linear;
  display: block;
}

.lp-now__next, .lp-now__close {
  width: 32px;
  height: 32px;
  color: var(--lp-muted);
  border-radius: 50%;
  flex: none;
  place-items: center;
  transition: color .16s, background-color .16s, transform .16s;
  display: grid;
}

.lp-now__next:hover, .lp-now__close:hover {
  color: var(--lp-fg);
  background: #ffffff14;
}

.lp-now__next:active, .lp-now__close:active {
  transform: scale(.92);
}

.lp-motion {
  font-size: var(--lp-caps);
  letter-spacing: var(--lp-caps-track);
  text-transform: uppercase;
  color: var(--lp-fg);
  white-space: nowrap;
  align-items: center;
  gap: 10px;
  padding-inline: 32px;
  font-weight: 600;
  transition: background-color .2s;
  display: inline-flex;
}

.lp-motion:hover {
  background: #d6e0ff14;
}

.lp-motion:focus-visible {
  outline-offset: -6px;
  outline: 2px solid;
}

.lp-motion[data-paused] {
  color: var(--lp-fg);
}

.lp-motion__icon {
  border-inline: 2.5px solid;
  width: 8px;
  height: 9px;
}

.lp-motion[data-paused] .lp-motion__icon {
  border: 0;
  border-left: 8px solid;
  border-block: 5px solid #0000;
  width: 0;
  height: 0;
  margin-left: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .lp-motion, .lp-menu__motion {
    display: none;
  }
}

@media (max-width: 1099px) {
  .lp-motion {
    display: none;
  }
}

html[data-intro="play"] .lp-motion {
  opacity: 0;
}

.lp-section {
  border-top: 1px solid var(--lp-line);
  padding-block: clamp(80px, 9vw, 128px);
}

.lp-head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
  gap: 20px 40px;
  display: flex;
}

.lp-h2 {
  font-size: var(--lp-d-section);
  max-width: 26ch;
  margin-top: 14px;
  margin-left: -.02em;
  line-height: 1.1;
}

.lp-h2 span {
  color: var(--lp-display-dim);
}

.lp-head__aside {
  max-width: 42ch;
  font-size: var(--lp-t-md);
  color: var(--lp-muted);
  line-height: 1.55;
}

.lp-row {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px;
  margin-top: 48px;
  display: grid;
}

.lp-reel {
  --art: clamp(240px, min(30vw, 40svh), 380px);
  --glow: var(--lp-art-glow);
  margin-top: 28px;
}

.lp-reel__stage {
  touch-action: pan-y;
  position: relative;
}

.lp-reel {
  --pin-pad: 11px;
}

.lp-reel__space {
  height: calc(var(--art) + 22px);
  perspective: 1400px;
  padding-top: 11px;
  position: relative;
}

.lp-reel__plate {
  z-index: 1;
  margin-inline: auto;
}

.lp-pin__count {
  font-variant-numeric: tabular-nums;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-width: 64px;
  display: inline-flex;
}

.lp-pin__count .lp-eq:not([data-active]) {
  display: none;
}

.lp-reel__title {
  font-size: var(--lp-d-item);
  margin-top: 10px;
  line-height: 1.1;
}

.lp-reel__by {
  font-size: var(--lp-t-sm);
  color: var(--lp-muted);
  margin-top: 4px;
  line-height: 1.5;
}

.lp-reel__actions {
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 14px;
  display: flex;
}

.lp-reel__actions .lp-btn--solid {
  min-width: 136px;
}

.lp-head__more {
  font-size: var(--lp-t-sm);
  white-space: nowrap;
  font-weight: 600;
}

@media (max-width: 1099px) {
  .lp-reel__code {
    display: none;
  }
}

.lp-pin__tag {
  z-index: 1;
  padding-inline: var(--lp-gutter);
  text-align: center;
  justify-items: center;
  display: grid;
  position: relative;
}

.lp-pin__tag--name {
  margin-top: 16px;
}

.lp-pin__tag--act {
  margin-top: 12px;
}

.lp-pin__tag--act .lp-reel__actions {
  margin-top: 10px;
}

.lp-pin__foot {
  z-index: 1;
  padding-inline: var(--lp-gutter);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 4px 10px;
  margin-top: 14px;
  display: flex;
  position: relative;
}

.lp-pin__line {
  color: #fff;
  opacity: .72;
  place-items: center;
  width: 92px;
  height: 44px;
  transition: opacity .2s, translate .35s cubic-bezier(.16, 1, .3, 1);
  display: inline-grid;
}

.lp-pin__line svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.2px;
  width: 76px;
  height: 12px;
  overflow: visible;
}

.lp-pin__line:hover, .lp-pin__line:focus-visible {
  opacity: 1;
}

.lp-pin__line--prev:hover {
  translate: -6px;
}

.lp-pin__line--next:hover {
  translate: 6px;
}

.lp-pin__count {
  color: #fff;
  background: var(--lp-brackets);
  padding: 9px 14px;
}

.lp-pin__note {
  text-align: center;
  flex-basis: 100%;
  margin-top: 8px;
}

.lp-pinhead {
  text-align: center;
  justify-content: center;
  justify-items: center;
}

@media (min-width: 1100px) {
  .lp-pin {
    --gap: clamp(36px, 3.4vw, 72px);
    --lead: linear-gradient(90deg, #fff0, #ffffffbf 55%, var(--lp-cyan));
    grid-template-columns: minmax(0, 1fr) var(--art) minmax(0, 1fr);
    align-items: center;
    display: grid;
    position: relative;
  }

  .lp-pin__stage {
    grid-area: 1 / 2;
  }

  .lp-pin__tag {
    margin: 0;
    padding: 0;
  }

  .lp-pin__tag--name {
    max-width: min(34ch, 100%);
    margin: calc(var(--pin-pad, 0px) + var(--art) * .1) var(--gap) 0 0;
    text-align: right;
    grid-area: 1 / 1;
    place-self: start end;
    justify-items: end;
    padding-bottom: 12px;
  }

  .lp-pin__tag--name:after {
    content: "";
    right: calc(-1 * var(--gap));
    width: calc(100% + var(--gap));
    background: var(--lead);
    height: 1px;
    position: absolute;
    bottom: 0;
  }

  .lp-pin__tag--act {
    margin: 0 0 calc(var(--pin-pad, 0px) + var(--art) * .1) var(--gap);
    text-align: left;
    grid-area: 1 / 3;
    place-self: end start;
    justify-items: start;
    padding-top: 12px;
  }

  .lp-pin__tag--act:before {
    content: "";
    left: calc(-1 * var(--gap));
    width: calc(100% + var(--gap));
    background: var(--lead);
    height: 1px;
    position: absolute;
    top: 0;
    scale: -1 1;
  }

  .lp-pin__tag--act .lp-reel__actions {
    justify-content: flex-start;
  }

  .lp-pin__tag--name:before, .lp-pin__tag--act:after {
    content: "";
    background: var(--lp-cyan);
    width: 5px;
    height: 5px;
    position: absolute;
  }

  .lp-pin__tag--name:before {
    right: calc(-1 * var(--gap) - 2px);
    bottom: -2px;
  }

  .lp-pin__tag--act:after {
    left: calc(-1 * var(--gap) - 2px);
    top: -2px;
  }

  .lp-pin__foot {
    grid-area: 2 / 1 / 3 / 4;
    margin-top: 10px;
    position: static;
  }

  .lp-pin__line {
    top: calc(var(--pin-pad, 0px) + var(--art) / 2 - 22px);
    position: absolute;
  }

  .lp-pin__line--prev {
    right: calc(50% + var(--art) / 2 + var(--gap) * 1.6);
  }

  .lp-pin__line--next {
    left: calc(50% + var(--art) / 2 + var(--gap) * 1.6);
  }
}

@media (max-width: 767px) {
  .lp-reel {
    --art: min(66vw, 40svh, 320px);
    margin-top: 24px;
  }

  .lp-reel__title {
    align-items: center;
    min-height: 2.2em;
    display: grid;
  }
}

.lp-num {
  font-family: var(--font-anton), Impact, sans-serif;
  font-kerning: normal;
  text-transform: uppercase;
  letter-spacing: .02em;
  word-spacing: -.04em;
  font-style: italic;
  font-weight: 400;
  line-height: 1;
}

.lp-note {
  font-size: var(--lp-t-sm);
  color: var(--lp-dim);
}

.lp-roster {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 48px;
  display: grid;
}

.lp-artist {
  border-top: 1px solid var(--lp-line);
  grid-template-columns: 96px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  padding: 16px 0;
  transition: border-color .2s, opacity .28s cubic-bezier(.16, 1, .3, 1);
  display: grid;
  position: relative;
}

.lp-artist__media {
  width: 96px;
  height: 96px;
  position: relative;
}

.lp-artist__thumb {
  background: var(--lp-surface);
  border-radius: 10px;
  width: 96px;
  height: 96px;
  display: block;
  overflow: clip;
}

.lp-artist__media .lp-play {
  width: 32px;
  height: 32px;
  bottom: 6px;
  left: 6px;
}

.lp-artist:hover .lp-play {
  background: var(--lp-fg);
  color: var(--lp-ink);
  border-color: var(--lp-fg);
}

.lp-artist__main {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  min-width: 0;
  display: grid;
}

.lp-artist:before {
  content: "";
  background: linear-gradient(90deg, #fff 0%, var(--lp-cyan) 68%, transparent 100%);
  transform-origin: 0;
  pointer-events: none;
  height: 1px;
  transition: transform .38s cubic-bezier(.16, 1, .3, 1);
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  transform: scaleX(0);
}

.lp-artist:hover:before {
  transform: scaleX(1);
}

.lp-artist img {
  object-fit: cover;
  border-radius: 10px;
  width: 96px;
  height: 96px;
  transition: transform .38s cubic-bezier(.16, 1, .3, 1);
}

.lp-artist:hover img {
  transform: scale(1.04) rotate(-1.5deg);
}

.lp-artist:hover .lp-artist__arrow {
  color: var(--lp-fg);
  transform: translateX(5px);
}

.lp-artist h3 {
  font-family: var(--font-anton), Impact, sans-serif;
  font-style: italic;
  font-size: var(--lp-d-item);
  letter-spacing: .02em;
  text-transform: uppercase;
  font-weight: 400;
}

.lp-artist p {
  font-size: var(--lp-t-sm);
  color: var(--lp-muted);
  margin-top: 4px;
  line-height: 1.45;
}

@media (hover: hover) and (pointer: fine) {
  .lp-row:has(.lp-cover:hover) .lp-cover:not(:hover) {
    opacity: .58;
    filter: saturate(.82);
  }

  .lp-roster:has(.lp-artist:hover) .lp-artist:not(:hover) {
    opacity: .58;
  }
}

.lp-faq {
  border-top: 1px solid var(--lp-line-strong);
  interpolate-size: allow-keywords;
  margin-top: 40px;
}

.lp-faq details {
  border-bottom: 1px solid var(--lp-line);
  transition: background-color .22s, border-color .22s, padding-inline .22s, margin-block .22s;
}

.lp-faq details::details-content {
  height: 0;
  transition: height .24s cubic-bezier(.16, 1, .3, 1), content-visibility .24s allow-discrete;
  overflow: clip;
}

.lp-faq details[open]::details-content {
  height: auto;
}

.lp-faq details[open] {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #0b0c12f0;
  border: 1px solid #ffffff26;
  border-radius: 16px;
  margin-block: 8px;
  padding-inline: clamp(16px, 2vw, 24px);
  box-shadow: inset 0 1px #ffffff0f, 0 24px 56px -24px #000000d9;
}

.lp-faq summary {
  cursor: pointer;
  font-size: var(--lp-t-lg);
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 22px 0;
  font-weight: 600;
  list-style: none;
  transition: color .18s;
  display: flex;
}

.lp-faq summary:hover {
  color: #fff;
}

.lp-faq summary::-webkit-details-marker {
  display: none;
}

.lp-faq summary:after {
  content: "+";
  font-weight: 400;
  font-size: var(--lp-t-lg);
  color: var(--lp-muted);
  flex: none;
  line-height: 1;
  transition: transform .25s, color .2s;
}

.lp-faq details[open] summary:after {
  color: var(--lp-fg);
  transform: rotate(45deg);
}

.lp-faq details p {
  max-width: 66ch;
  font-size: var(--lp-t-md);
  color: #d8dae4;
  border-left: 2px solid #ffffff38;
  margin: 0 0 22px;
  padding: 2px 0 2px 16px;
  line-height: 1.68;
}

.lp-section.lp-final {
  padding-block: clamp(56px, 7vw, 96px);
}

.lp-final__row {
  grid-template-columns: minmax(0, 1fr) minmax(0, 540px);
  align-items: end;
  column-gap: clamp(40px, 6vw, 120px);
  display: grid;
}

.lp-final .lp-h2 {
  margin-top: 14px;
}

.lp-final .lp-h2 span {
  color: inherit;
}

.lp-final .lp-paste {
  width: 100%;
  margin-top: 0;
}

.lp-final--arrive {
  min-height: calc(100svh - var(--lp-nav-h) - 150px);
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.lp-final--arrive > .lp-wrap {
  width: 100%;
}

@media (max-width: 1023px) {
  .lp-final__row {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 24px;
  }
}

.lp-footer {
  font-size: var(--lp-t-sm);
  color: var(--lp-muted);
  border-top: 1px solid #d6e0ff2b;
  position: relative;
}

.lp-footer__main {
  max-width: var(--lp-max);
  padding: clamp(20px, 2vw, 28px) var(--lp-gutter);
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 20px clamp(32px, 6vw, 112px);
  margin-inline: auto;
  display: grid;
}

.lp-footer__brand p {
  margin-top: 8px;
  line-height: 1.5;
}

.lp-footer__meta {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 16px;
  line-height: 1.5;
  display: flex;
}

.lp-footer__cols {
  grid-auto-columns: auto;
  grid-auto-flow: column;
  column-gap: clamp(32px, 4vw, 72px);
  display: grid;
}

.lp-footer__cols h2 {
  color: #fff;
}

.lp-footer__cols ul {
  gap: 4px;
  margin-top: 8px;
  display: grid;
}

.lp-footer__cols a {
  white-space: nowrap;
  color: #fff;
  text-underline-offset: 3px;
}

.lp-footer__cols a:hover {
  text-decoration: underline;
}

.lp-funnel {
  min-height: calc(100svh - var(--lp-nav-h));
  align-content: center;
  justify-items: center;
  gap: clamp(32px, 5vh, 56px);
  padding-block: clamp(8px, 1.6vh, 20px);
  display: grid;
}

.lp-funnel .lp-panel__note {
  margin-top: 14px;
  padding-top: 12px;
}

@media (min-width: 1100px) {
  .lp-funnel {
    --panel: min(620px, 44vw);
  }

  .lp-funnel .lp-auth__main {
    padding-inline: 32px;
  }
}

@media (min-width: 1100px) and (max-height: 960px) {
  .lp .lp-funnel .form {
    gap: 8px;
  }

  .lp-funnel .field {
    gap: 4px;
  }

  .lp-funnel .lp-auth__head {
    margin-bottom: 12px;
  }

  .lp-funnel .lp-auth__main {
    padding-block: 4px 12px;
  }

  .lp-funnel .lp-auth__title {
    font-size: var(--lp-d-item);
  }

  .lp-funnel .lp-auth__lede {
    margin-top: 6px;
  }

  .lp-funnel .lp-auth__bar {
    padding-block: 6px 0;
  }

  .lp-funnel .lp-auth__close {
    height: 34px;
  }

  .lp-funnel .lp-auth__foot {
    padding-block: 9px 10px;
  }

  .lp-funnel .lp-panel__note {
    margin-top: 10px;
    padding-top: 8px;
  }

  .lp .lp-funnel .form__footer {
    padding-top: 4px;
  }

  .lp-funnel .form__footer .lp-btn {
    height: 44px;
  }

  .lp-funnel .lp-auth__form .field > textarea {
    min-height: 44px;
    padding-block: 9px;
  }

  .lp-funnel :where(.field > input:not([type="checkbox"], [type="radio"]), .dropdown-trigger) {
    height: 40px;
  }
}

@media (min-width: 1100px) and (max-height: 780px) {
  .lp-funnel .lp-auth__vault {
    position: relative;
  }

  .lp-funnel .lp-auth__bar {
    padding: 0;
    position: absolute;
    top: 8px;
    right: 8px;
  }

  .lp-funnel .lp-auth__bar > .lp-label {
    display: none;
  }

  .lp-funnel .lp-auth__main {
    padding-top: 14px;
  }
}

@media (min-width: 1100px) and (max-height: 740px) {
  .lp .lp-funnel .form {
    gap: 6px;
  }

  .lp-funnel .lp-auth__main {
    padding-block: 10px 8px;
  }

  .lp-funnel .lp-panel__note {
    margin-top: 8px;
    padding-top: 6px;
  }

  .lp-funnel .lp-auth__foot {
    padding-block: 7px 8px;
  }
}

.lp-funnel__info, .lp-funnel__side {
  align-content: start;
  gap: clamp(20px, 3vh, 28px);
  width: min(100%, 640px);
  display: grid;
}

.lp-funnel__info .lp-rows {
  margin-top: 10px;
}

.lp-funnel__intro {
  font-size: var(--lp-t-md);
  color: var(--lp-fg);
  line-height: 1.6;
}

.lp-funnel__info .lp-rows li {
  font-size: var(--lp-t-sm);
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 8px;
  padding-block: 9px;
}

.lp-path {
  align-content: start;
  display: grid;
}

.lp-path__tags {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
  display: flex;
}

.lp-path__tags li {
  --cut: 7px;
  font-size: var(--lp-t-sm);
  color: var(--lp-fg);
  white-space: nowrap;
  clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
  background: #d6e0ff17;
  padding: 8px 14px;
  line-height: 1.3;
}

.lp-path__fit {
  font-size: var(--lp-t-sm);
  color: var(--lp-muted);
  margin-top: 12px;
  line-height: 1.5;
}

.lp-path__next {
  margin-top: clamp(24px, 4vh, 36px);
}

.lp-path__track {
  margin-top: 16px;
  padding-left: 28px;
}

.lp-path__track ol {
  gap: 18px;
  display: grid;
}

.lp-path__track li:not(:last-child):after {
  content: "";
  transform-origin: 50% 0;
  background: linear-gradient(#0000, #fff, #0000) 0 -40px / 100% 40px no-repeat, #ffffff6b;
  width: 1px;
  height: calc(100% + 7px);
  position: absolute;
  top: calc(.7em + 6px);
  left: -23px;
}

.lp-path__track li {
  font-size: var(--lp-t-md);
  color: var(--lp-fg);
  gap: 10px;
  line-height: 1.4;
  display: flex;
  position: relative;
}

.lp-path__track li:before {
  content: "";
  background: #0b0d16;
  border: 1px solid #ffffff8c;
  width: 11px;
  height: 11px;
  position: absolute;
  top: calc(.7em - 5px);
  left: -28px;
}

.lp-path__track li:first-child:before {
  background: var(--lp-cyan);
  border-color: var(--lp-cyan);
  box-shadow: 0 0 0 4px rgb(var(--lp-cyan-rgb) / .2);
}

.lp-path__track b {
  color: var(--lp-dim);
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}

@media (prefers-reduced-motion: no-preference) {
  html:not([data-motion="off"]) .lp-path__tags li {
    animation: lp-path-in .6s cubic-bezier(.22, 1, .36, 1) calc(.35s + var(--i) * 90ms) both;
  }

  html:not([data-motion="off"]) .lp-path__track li {
    animation: lp-path-in .6s cubic-bezier(.22, 1, .36, 1) calc(.7s + var(--i) * .42s) both;
  }

  html:not([data-motion="off"]) .lp-path__track li:not(:last-child):after {
    animation: lp-path-draw .42s cubic-bezier(.65, 0, .35, 1) calc(.9s + var(--i) * .42s) both, lp-path-signal 6s linear calc(2.6s + var(--i) * .75s) infinite;
  }
}

@keyframes lp-path-in {
  from {
    opacity: 0;
    translate: 0 6px;
  }
}

@keyframes lp-path-draw {
  from {
    transform: scaleY(0);
  }
}

@keyframes lp-path-signal {
  0% {
    background-position: 0 -40px, 0 0;
  }

  12.5% {
    background-position: 0 calc(100% + 40px), 0 0;
  }

  100% {
    background-position: 0 calc(100% + 40px), 0 0;
  }
}

.lp-faq-side .lp-faq {
  margin-top: 10px;
}

.lp-faq-side .lp-faq summary {
  font-size: var(--lp-t-sm);
  gap: 16px;
  padding: 10px 0;
}

.lp-faq-side .lp-faq details[open] {
  margin-block: 6px;
  padding-inline: 14px;
}

.lp-faq-side .lp-faq details p {
  font-size: var(--lp-t-sm);
  margin-bottom: 12px;
  padding-left: 12px;
  line-height: 1.55;
}

.lp-faq-side > .lp-note {
  font-size: var(--lp-t-xs);
  margin-top: 12px;
}

@media (min-width: 1100px) {
  .lp-funnel {
    --panel: min(600px, 44vw);
    grid-template-columns: minmax(0, 1fr) var(--panel) minmax(0, 1fr);
    grid-template-areas: "info panel side";
    align-items: center;
    column-gap: clamp(28px, 3.2vw, 72px);
  }

  .lp-funnel > .lp-auth__shell {
    grid-area: panel;
    width: 100%;
  }

  .lp-funnel__info {
    grid-area: info;
    justify-self: end;
    width: min(100%, 380px);
  }

  .lp-funnel__side {
    grid-area: side;
    justify-self: start;
    width: min(100%, 380px);
  }

  .lp:has(.lp-funnel) .lp-footer {
    display: none;
  }
}

.lp-panel__attached {
  border-bottom: 1px solid var(--lp-line);
  font-size: var(--lp-t-sm);
  color: var(--lp-muted);
  margin-bottom: 20px;
  padding-bottom: 16px;
  line-height: 1.5;
}

.lp-panel__attached strong {
  color: var(--lp-fg);
  font-weight: 600;
}

.lp-auth {
  min-height: calc(100svh - var(--lp-nav-h));
  place-items: center;
  padding-block: clamp(20px, 3.4vh, 44px);
  display: grid;
  position: relative;
}

.lp-auth__shell {
  --cut: 22px;
  --edge: polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));
  background: linear-gradient(135deg, #ffffff9e, #d6e0ff33 34%, #d6e0ff33 72%, rgb(var(--lp-cyan-rgb) / .7));
  width: min(100%, 500px);
  clip-path: var(--edge);
  padding: 1px;
  position: relative;
}

.lp-auth__shell--wide {
  width: min(100%, 640px);
}

.lp-auth__vault {
  --lp-line: #d6e0ff21;
  color: var(--lp-fg);
  clip-path: var(--edge);
  background: #0a0c15;
  flex-direction: column;
  display: flex;
}

.lp-auth__bar {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 14px 0 30px;
  display: flex;
}

.lp-auth__bar .lp-label {
  color: var(--lp-muted);
  align-items: center;
  gap: 9px;
  padding-top: 13px;
  display: inline-flex;
}

.lp-auth__bar .lp-label:before {
  content: "";
  background: var(--lp-cyan);
  width: 7px;
  height: 7px;
}

.lp-auth__close {
  --cut: 10px;
  height: 46px;
  color: var(--lp-fg);
  font-size: var(--lp-caps);
  letter-spacing: var(--lp-caps-track);
  text-transform: uppercase;
  clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
  background: #d6e0ff17;
  align-items: center;
  gap: 9px;
  padding: 0 20px;
  font-weight: 600;
  transition: background-color .2s;
  display: inline-flex;
}

.lp-auth__close:hover {
  background: #d6e0ff2e;
}

.lp-auth__close:focus-visible {
  outline-offset: -5px;
  outline: 2px solid #fff;
}

.lp-auth__main {
  padding: clamp(16px, 2.4vh, 28px) clamp(26px, 3.2vw, 44px) clamp(20px, 2.8vh, 30px);
}

.lp-auth__head {
  text-align: center;
  margin-bottom: 20px;
}

.lp-auth__title {
  font-size: var(--lp-d-item-lg);
  color: var(--lp-fg);
  line-height: 1.04;
}

.lp-auth__lede {
  font-size: var(--lp-t-sm);
  color: var(--lp-muted);
  margin-top: 10px;
  line-height: 1.55;
}

.lp-auth__form :where(.field > input:not([type="checkbox"], [type="radio"]), .field > textarea, .field__password > input, .dropdown-trigger) {
  color: var(--lp-fg);
  background: #d6e0ff0d;
  border-color: #d6e0ff3d;
  border-radius: 0;
}

.lp-auth__form :where(.field > input:not([type="checkbox"], [type="radio"]), .field > textarea, .field__password > input, .dropdown-trigger):hover {
  border-color: #d6e0ff7a;
}

.lp-auth__form :where(.field > input:not([type="checkbox"], [type="radio"]), .field > textarea, .field__password > input, .dropdown-trigger):focus {
  border-color: var(--lp-moon);
  box-shadow: 0 0 0 1px var(--lp-moon);
}

.lp-auth__form input:-webkit-autofill {
  -webkit-text-fill-color: var(--lp-fg);
  caret-color: var(--lp-fg);
  box-shadow: inset 0 0 0 100px #131624;
}

.lp-auth__form .field > textarea {
  resize: none;
  field-sizing: content;
  scrollbar-width: thin;
  scrollbar-color: #d6e0ff47 transparent;
  height: auto;
  min-height: 64px;
  max-height: 120px;
}

.lp .lp-auth__form .form {
  gap: 14px;
}

.lp-auth__form > form button[type="submit"] {
  width: 100%;
}

.lp-auth__foot {
  border-top: 1px solid var(--lp-line);
  text-align: center;
  font-size: var(--lp-t-sm);
  color: var(--lp-muted);
  padding: 15px clamp(24px, 3.2vw, 44px) 19px;
  line-height: 1.6;
}

.lp-auth__foot a {
  white-space: nowrap;
  color: var(--lp-fg);
}

@media (max-width: 479px) {
  .lp-auth__vault {
    --cut: 16px;
  }

  .lp-auth__bar {
    padding: 10px 10px 0 18px;
  }

  .lp-auth__main {
    padding: 14px 18px 20px;
  }

  .lp-auth__foot {
    padding: 14px 18px 16px;
  }
}

.lp-notice {
  border: 1px solid var(--lp-line-strong);
  font-size: var(--lp-t-sm);
  color: var(--lp-muted);
  background: #ffffff08;
  border-radius: 12px;
  margin-bottom: 20px;
  padding: 12px 14px;
  line-height: 1.5;
}

.lp-notice--warn {
  color: var(--lp-fg);
  border-color: #ff8a8a73;
}

.lp-more {
  border-top: 1px solid var(--lp-line);
  interpolate-size: allow-keywords;
  margin-top: 22px;
}

.lp-more::details-content {
  height: 0;
  transition: height .22s cubic-bezier(.16, 1, .3, 1), content-visibility .22s allow-discrete;
  overflow: clip;
}

.lp-more[open]::details-content {
  height: auto;
}

.lp-more summary {
  cursor: pointer;
  font-size: var(--lp-t-sm);
  color: var(--lp-fg);
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding-top: 16px;
  font-weight: 600;
  list-style: none;
  display: flex;
}

.lp-more summary::-webkit-details-marker {
  display: none;
}

.lp-more summary:after {
  content: "+";
  font-weight: 400;
  font-size: var(--lp-t-lg);
  color: var(--lp-muted);
  flex: none;
  line-height: 1;
  transition: rotate .25s, color .2s;
}

.lp-more[open] summary:after {
  color: var(--lp-fg);
  rotate: 45deg;
}

.lp-more__hint {
  color: var(--lp-muted);
  font-weight: 400;
}

.lp-more__body {
  background: #08090eeb;
  border: 1px solid #ffffff1f;
  border-radius: 14px;
  margin-top: 14px;
  padding: 16px;
}

.lp-panel {
  -webkit-backdrop-filter: blur(28px) saturate(1.1);
  backdrop-filter: blur(28px) saturate(1.1);
  background: linear-gradient(#0f1016f2, #0a0b10ed);
  border: 1px solid #ffffff1a;
  border-radius: 24px;
  padding: clamp(24px, 3vw, 40px);
  box-shadow: inset 0 1px #ffffff14, 0 60px 120px -60px #000000e6;
}

.lp-panel__note {
  border-top: 1px solid var(--lp-line);
  font-size: var(--lp-t-xs);
  color: var(--lp-dim);
  margin-top: 22px;
  padding-top: 18px;
  line-height: 1.55;
}

.lp-rows {
  border-top: 1px solid var(--lp-line-strong);
  margin-top: 14px;
}

.lp-rows li {
  border-bottom: 1px solid var(--lp-line);
  font-size: var(--lp-t-md);
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  padding: 16px 0;
  line-height: 1.5;
  display: grid;
}

.lp-rows li > span:first-child {
  font-size: var(--lp-t-xs);
  color: var(--lp-dim);
  padding-top: 3px;
}

.lp .form {
  gap: 18px 16px;
}

.lp .field label {
  font-size: var(--lp-t-sm);
  color: var(--lp-fg);
  font-weight: 500;
}

.lp .field label em {
  color: var(--lp-muted);
}

.lp .field label span {
  color: var(--lp-dim);
}

:where(.lp) :where(.field > input:not([type="checkbox"], [type="radio"]), .field .flex > input:not([role="combobox"]), .field > textarea, .field__password > input, .dropdown-trigger) {
  height: 48px;
  font: inherit;
  font-size: var(--lp-t-md);
  color: var(--lp-fg);
  box-shadow: none;
  background: #ffffff0a;
  border: 1px solid #ffffff21;
  border-radius: 12px;
  padding: 0 16px;
  transition: border-color .2s, background-color .2s, box-shadow .2s;
}

:where(.lp) :where(.field > textarea) {
  resize: vertical;
  height: auto;
  min-height: 128px;
  padding: 12px 16px;
  line-height: 1.5;
}

:where(.lp) :where(.field > input, .field .flex > input:not([role="combobox"]), .field > textarea, .field__password > input)::placeholder {
  color: var(--lp-dim);
}

:where(.lp) :where(.field > input:not([type="checkbox"], [type="radio"]), .field .flex > input:not([role="combobox"]), .field > textarea, .field__password > input, .dropdown-trigger):hover {
  border-color: #ffffff3d;
}

:where(.lp) :where(.field > input:not([type="checkbox"], [type="radio"]), .field .flex > input:not([role="combobox"]), .field > textarea, .field__password > input, .dropdown-trigger):focus, :where(.lp) :where(.dropdown-trigger[aria-expanded="true"]) {
  border-color: var(--lp-fg);
  background: #ffffff0f;
  outline: none;
  box-shadow: 0 0 0 3px #ffffff29;
}

:where(.lp) :where(.field > input, .field .flex > input:not([role="combobox"]), .field > textarea, .field__password > input, .dropdown-trigger)[aria-invalid="true"] {
  border-color: var(--lp-error);
}

:where(.lp) :where(.field > input, .field .flex > input:not([role="combobox"]), .field > textarea, .field__password > input, .dropdown-trigger)[aria-invalid="true"]:focus {
  border-color: var(--lp-error);
  box-shadow: 0 0 0 3px #ff8a8a33;
}

.lp .field__help {
  font-size: var(--lp-t-xs);
  color: var(--lp-dim);
  line-height: 1.5;
}

.lp .field__error, .lp .form__error {
  font-size: var(--lp-t-sm);
  color: var(--lp-error);
}

.lp .form__footer {
  padding-top: 8px;
}

.lp .dropdown-panel {
  background: #0c0d14;
  border-color: #fff3;
  box-shadow: inset 0 1px #ffffff14, 0 28px 68px -16px #000000f5;
}

.lp .dropdown-panel [role="option"] {
  font-size: var(--lp-t-md);
  color: #d8dae4;
  padding: 10px 12px;
  line-height: 1.4;
}

.lp .dropdown-panel [role="option"]:hover, .lp .dropdown-panel [role="option"][aria-selected="true"] {
  color: #fff;
  background: #ffffff17;
}

.lp .form__success-icon {
  color: var(--lp-fg);
}

.lp .form__success h3 {
  font-family: var(--font-anton), Impact, sans-serif;
  font-size: var(--lp-d-item);
  letter-spacing: .02em;
  text-transform: uppercase;
  font-style: italic;
  font-weight: 400;
  line-height: 1.1;
}

.lp .form__success > p {
  color: var(--lp-muted);
}

.lp .form__success-next {
  border-color: var(--lp-line);
  color: var(--lp-muted);
}

.lp .form__success .lp-btn {
  height: 46px;
  padding: 0 22px;
}

@media (min-width: 1024px) and (max-height: 860px) {
  .lp-panel {
    padding: 24px 28px;
  }

  .lp .lp-panel .form {
    gap: 14px;
  }

  :where(.lp) :where(.lp-panel .field > input:not([type="checkbox"], [type="radio"]), .lp-panel .field__password > input, .lp-panel .dropdown-trigger) {
    height: 42px;
  }

  :where(.lp) :where(.lp-panel .field > textarea) {
    min-height: 88px;
  }

  .lp-panel__note {
    margin-top: 16px;
    padding-top: 14px;
  }
}

@media (max-width: 767px) {
  .lp-panel {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: #101118f5;
  }
}

.lp-page {
  padding-block: clamp(28px, 3vw, 48px) clamp(72px, 8vw, 112px);
}

.lp-page__head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
  gap: 20px 40px;
  display: flex;
}

.lp-page__title {
  font-size: var(--lp-d-page);
  margin-top: 12px;
  margin-left: -.02em;
  line-height: 1.1;
}

.lp-actions {
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
  display: flex;
}

.lp-crumbs {
  font-size: var(--lp-caps);
  letter-spacing: var(--lp-caps-track);
  text-transform: uppercase;
  color: var(--lp-muted);
  flex-wrap: wrap;
  gap: 4px 10px;
  font-weight: 500;
  display: flex;
}

.lp-crumbs a:hover, .lp-crumbs span:last-child {
  color: var(--lp-fg);
}

.lp-filter {
  border-block: 1px solid var(--lp-line);
  font-size: var(--lp-caps);
  letter-spacing: var(--lp-caps-track);
  text-transform: uppercase;
  flex-wrap: wrap;
  gap: 4px 0;
  margin-top: 32px;
  padding-block: 14px;
  font-weight: 500;
  display: flex;
}

.lp-filter :is(button, a) {
  min-height: 32px;
  color: var(--lp-muted);
  text-transform: inherit;
  letter-spacing: inherit;
  white-space: nowrap;
  align-items: center;
  gap: .5em;
  padding-inline: 2px;
  transition: color .2s;
  display: inline-flex;
}

.lp-filter :is(button, a):not(:last-child):after {
  content: "/";
  content: "/" / "";
  color: var(--lp-dim);
  margin-inline: 10px 4px;
}

.lp-filter :is(button, a) span {
  color: var(--lp-dim);
}

.lp-filter :is(button, a):hover, .lp-filter button[aria-pressed="true"], .lp-filter a[aria-current] {
  color: var(--lp-fg);
}

.lp-filter button[aria-pressed="true"] span, .lp-filter a[aria-current] span {
  color: var(--lp-muted);
}

.lp-row--wrap {
  row-gap: 36px;
  margin-top: 32px;
}

.lp-detail {
  grid-template-columns: minmax(0, min(44%, 100svh - 190px)) minmax(0, 1fr);
  align-items: start;
  gap: clamp(40px, 5vw, 96px);
  margin-top: 24px;
  display: grid;
}

.lp-detail--artist {
  grid-template-columns: minmax(0, min(36%, 100svh - 190px)) minmax(0, 1fr);
}

.lp-detail__cover {
  position: sticky;
  top: 92px;
}

.lp-cover--lg .lp-cover__img {
  border-radius: 16px;
}

.lp-detail__title {
  font-size: var(--lp-d-page);
  overflow-wrap: anywhere;
  margin-top: 14px;
  margin-left: -.02em;
  line-height: 1.1;
}

.lp-detail__by {
  max-width: 52ch;
  font-size: var(--lp-t-lede);
  color: var(--lp-muted);
  margin-top: 20px;
  line-height: 1.55;
}

.lp-stats {
  border-block: 1px solid var(--lp-line-strong);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 36px;
  display: grid;
  position: relative;
}

.lp-stats:has( > :last-child:nth-child(3)) {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lp-stats:before {
  content: "";
  background: linear-gradient(90deg, #fff 0%, #ffffffd9 55%, var(--lp-cyan) 88%, transparent 100%);
  transform-origin: 0;
  pointer-events: none;
  height: 1px;
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
}

.lp-stats > * {
  min-width: 0;
  padding: 16px 20px 18px 0;
  display: block;
  position: relative;
}

.lp-stats > :before {
  content: "";
  background: linear-gradient(90deg, #fff, var(--lp-cyan) 80%, transparent);
  transform-origin: 0;
  pointer-events: none;
  height: 1px;
  transition: transform .34s cubic-bezier(.16, 1, .3, 1);
  position: absolute;
  top: -1px;
  left: 0;
  right: 20px;
  transform: scaleX(0);
}

.lp-stats > :hover:before {
  transform: scaleX(1);
}

.lp-stats > * + * {
  border-left: 1px solid var(--lp-line);
  padding-left: 20px;
}

.lp-stats > * + :before {
  left: 20px;
}

.lp-stats .lp-num {
  font-size: var(--lp-d-item);
  margin-top: 10px;
}

.lp-stats--compact {
  margin-top: 22px;
}

.lp-stats--compact > * {
  padding: 12px 14px 14px 0;
}

.lp-stats--compact > * + * {
  padding-left: 14px;
}

.lp-stats--compact > * + :before {
  left: 14px;
}

.lp-stats--compact .lp-num {
  font-size: var(--lp-d-item);
  margin-top: 6px;
}

.lp-people {
  border-top: 1px solid var(--lp-line-strong);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 28px;
  display: grid;
}

.lp-people > li {
  padding: clamp(18px, 1.6vw, 26px) clamp(20px, 2vw, 36px);
}

.lp-people > li:first-child {
  padding-left: 0;
}

.lp-people > li:last-child {
  padding-right: 0;
}

.lp-people > li + li {
  border-left: 1px solid var(--lp-line);
}

.lp-person {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.lp-person__top {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.lp-person__body {
  grid-template-columns: clamp(132px, 10.5vw, 188px) minmax(0, 1fr);
  align-items: center;
  gap: clamp(16px, 1.5vw, 24px);
  margin-top: 16px;
  display: grid;
}

.lp-person__media {
  aspect-ratio: 1;
  position: relative;
}

.lp-person__identity {
  flex-direction: column;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
  display: flex;
}

.lp-person__head {
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  display: flex;
}

.lp-person__name {
  font-size: var(--lp-d-item-lg);
  overflow-wrap: anywhere;
  line-height: 1.02;
}

.lp-person__metrics {
  border-top: 1px solid var(--lp-line);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding-top: 12px;
  display: grid;
}

.lp-person__metrics .lp-num {
  font-size: var(--lp-d-item);
  margin-top: 4px;
}

.lp-person__tracks {
  border-top: 1px solid var(--lp-line);
  margin-top: 18px;
  padding-top: 6px;
}

.lp-person__track {
  font-size: var(--lp-t-sm);
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 12px;
  padding-block: 8px;
  display: grid;
}

.lp-person__track-title {
  color: var(--lp-fg);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 500;
  overflow: hidden;
}

.lp-person__track:hover .lp-person__track-title {
  text-underline-offset: 4px;
  -webkit-text-decoration: underline #fff6;
  text-decoration: underline #fff6;
}

.lp-person__track-meta {
  font-variant-numeric: tabular-nums;
  color: var(--lp-muted);
}

.lp-person__foot {
  border-top: 1px solid var(--lp-line);
  font-size: var(--lp-t-sm);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: auto;
  padding-top: 12px;
  display: flex;
}

.lp-person__ext {
  color: var(--lp-fg);
  white-space: nowrap;
  align-items: center;
  gap: 5px;
  transition: color .2s;
  display: inline-flex;
}

.lp-person__ext:hover {
  color: var(--lp-fg);
}

.lp-person__head:hover .lp-artist__arrow {
  transform: translateX(3px);
}

.lp-artist__arrow {
  transition: transform .2s;
}

.lp-slash {
  font-size: var(--lp-t-md);
  flex-wrap: wrap;
  gap: 8px 0;
  margin-top: 28px;
  display: flex;
}

.lp-slash li + li:before {
  content: "/";
  color: var(--lp-dim);
  margin-inline: 14px;
}

.lp-slash span {
  font-size: var(--lp-t-sm);
  color: var(--lp-muted);
}

.lp-legal {
  --lp-legal-frame: #d6e0ff42;
  padding-block: clamp(28px, 3vw, 48px) clamp(72px, 8vw, 112px);
}

.lp-legal__title {
  font-size: var(--lp-d-page);
  overflow-wrap: anywhere;
  margin-top: 16px;
  margin-left: -.02em;
  line-height: 1.1;
}

.lp-legal__head .lp-lede {
  max-width: 60ch;
}

.lp-legal__draft:before, .lp-ltabs ul:before {
  content: "";
  z-index: 1;
  pointer-events: none;
  background: var(--lp-legal-frame);
  clip-path: polygon(evenodd,
    0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 0,
    1px 1px, 1px calc(100% - var(--cut) - .41px), calc(var(--cut) + .41px) calc(100% - 1px), calc(100% - 1px) calc(100% - 1px), calc(100% - 1px) calc(var(--cut) + .41px), calc(100% - var(--cut) - .41px) 1px, 1px 1px);
  position: absolute;
  inset: 0;
}

.lp-legal__draft {
  --cut: 9px;
  min-height: 36px;
  font-size: var(--lp-caps);
  letter-spacing: var(--lp-caps-track);
  text-transform: uppercase;
  color: var(--lp-fg);
  align-items: center;
  gap: 10px;
  margin-top: 26px;
  padding: 8px 16px 8px 14px;
  font-weight: 600;
  line-height: 1.4;
  display: inline-flex;
  position: relative;
}

.lp-legal__draft i {
  background: var(--lp-cyan);
  flex: none;
  width: 7px;
  height: 7px;
}

.lp-legal__draft span + span {
  color: var(--lp-muted);
  font-weight: 500;
}

.lp-legal__bar {
  border-bottom: 1px solid var(--lp-line-strong);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 14px 32px;
  margin-top: clamp(32px, 5vh, 56px);
  padding-bottom: 18px;
  display: flex;
}

.lp-legal__updated {
  white-space: nowrap;
}

.lp-ltabs {
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
}

.lp-ltabs::-webkit-scrollbar {
  display: none;
}

.lp-ltabs ul {
  --cut: 12px;
  width: max-content;
  clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
  display: flex;
  position: relative;
}

.lp-ltabs li + li {
  border-left: 1px solid var(--lp-legal-frame);
}

.lp-ltabs a {
  height: 46px;
  font-size: var(--lp-caps);
  letter-spacing: var(--lp-caps-track);
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--lp-display-dim);
  align-items: center;
  gap: 10px;
  padding: 0 22px;
  font-weight: 600;
  transition: color .2s, background-color .2s;
  display: inline-flex;
  position: relative;
}

.lp-ltabs a:hover {
  color: var(--lp-fg);
  background: #d6e0ff0f;
}

.lp-ltabs a[aria-current] {
  color: var(--lp-fg);
}

.lp-ltabs a[aria-current]:after {
  content: "";
  background: linear-gradient(90deg, #fff, var(--lp-cyan));
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.lp-ltabs a i {
  background: var(--lp-cyan);
  flex: none;
  width: 7px;
  height: 7px;
}

.lp-ltabs a:focus-visible {
  outline-offset: -5px;
  outline: 2px solid;
}

.lp-legal__grid {
  grid-template-columns: minmax(0, 1fr);
  display: grid;
  position: relative;
}

.lp-legal__doc {
  min-width: 0;
}

.lp-lindex ol {
  grid-template-columns: minmax(0, 1fr);
  gap: 2px;
  display: grid;
}

.lp-lindex a {
  font-size: var(--lp-caps);
  letter-spacing: var(--lp-caps-track);
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--lp-display-dim);
  align-items: baseline;
  gap: 12px;
  padding: 7px 0 7px 17px;
  font-weight: 600;
  line-height: 1.4;
  transition: color .25s;
  display: flex;
  position: relative;
}

.lp-lindex a:before {
  content: "";
  background: var(--lp-cyan);
  opacity: 0;
  width: 7px;
  height: 7px;
  margin-top: -3.5px;
  transition: opacity .25s;
  position: absolute;
  top: 50%;
  left: 0;
}

.lp-lindex a:hover, .lp-lindex a[aria-current] {
  color: var(--lp-fg);
}

.lp-lindex a[aria-current]:before {
  opacity: 1;
}

.lp-lindex__num {
  font-variant-numeric: tabular-nums;
  flex: none;
  font-weight: 500;
}

.lp-lindex a > span:last-child {
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}

.lp-lindex--side {
  display: none;
}

.lp-lindex--side ol {
  margin-top: 16px;
}

.lp-lindex--fold {
  border-bottom: 1px solid var(--lp-line);
  interpolate-size: allow-keywords;
}

.lp-lindex--fold::details-content {
  height: 0;
  transition: height .24s cubic-bezier(.16, 1, .3, 1), content-visibility .24s allow-discrete;
  overflow: clip;
}

.lp-lindex--fold[open]::details-content {
  height: auto;
}

.lp-lindex--fold summary {
  cursor: pointer;
  min-height: 52px;
  font-size: var(--lp-caps);
  letter-spacing: var(--lp-caps-track);
  text-transform: uppercase;
  color: var(--lp-fg);
  align-items: center;
  gap: 12px;
  font-weight: 600;
  list-style: none;
  display: flex;
}

.lp-lindex--fold summary::-webkit-details-marker {
  display: none;
}

.lp-lindex--fold summary:after {
  content: "+";
  font-size: var(--lp-t-lg);
  color: var(--lp-muted);
  margin-left: auto;
  font-weight: 400;
  line-height: 1;
  transition: rotate .25s;
}

.lp-lindex--fold[open] summary:after {
  color: var(--lp-fg);
  rotate: 45deg;
}

.lp-lindex__count {
  color: var(--lp-muted);
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}

.lp-lindex--fold ol {
  padding-bottom: 14px;
}

.lp-lindex--fold a {
  font-size: var(--lp-t-sm);
  letter-spacing: 0;
  text-transform: none;
  font-weight: 500;
}

.lp-lindex--fold .lp-lindex__num {
  font-size: var(--lp-t-xs);
}

.lp-legal__art {
  border-top: 1px solid var(--lp-line);
  padding-block: 32px;
  scroll-margin-top: 36px;
}

.lp-legal__doc > .lp-legal__art:first-child {
  border-top: 0;
}

.lp-legal__art h2 {
  max-width: 52ch;
  font-size: var(--lp-t-lg);
  color: var(--lp-fg);
  justify-items: start;
  gap: 12px;
  font-weight: 600;
  line-height: 1.35;
  display: grid;
}

.lp-legal__num {
  font-size: var(--lp-caps);
  letter-spacing: var(--lp-caps-track);
  color: var(--lp-cyan);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  line-height: 1;
}

.lp-legal__text {
  max-width: 52ch;
  font-size: var(--lp-t-md);
  color: var(--lp-muted);
  gap: 16px;
  margin-top: 18px;
  line-height: 1.7;
  display: grid;
}

.lp-legal__text :is(ul, ol) {
  gap: 10px;
  display: grid;
}

.lp-legal__text li {
  padding-left: 24px;
  position: relative;
}

.lp-legal__text ul > li:before {
  content: "";
  background: var(--lp-cyan);
  width: 5px;
  height: 5px;
  position: absolute;
  top: calc(.85em - 2.5px);
  left: 3px;
}

.lp-legal__text ol {
  counter-reset: lp-legal-ol;
}

.lp-legal__text ol > li {
  counter-increment: lp-legal-ol;
  padding-left: 36px;
}

.lp-legal__text ol > li:before {
  content: counter(lp-legal-ol, decimal-leading-zero);
  font-size: var(--lp-t-xs);
  letter-spacing: .06em;
  font-weight: 600;
  line-height: calc(var(--lp-t-md) * 1.7);
  color: var(--lp-dim);
  font-variant-numeric: tabular-nums;
  position: absolute;
  top: 0;
  left: 0;
}

.lp-legal__text a, .lp-legal__keynote a {
  color: var(--lp-fg);
  text-underline-offset: 4px;
  -webkit-text-decoration: underline #ffffff4d;
  text-decoration: underline #ffffff4d;
  transition: text-decoration-color .2s;
}

.lp-legal__text a:hover {
  -webkit-text-decoration-color: var(--lp-fg);
  text-decoration-color: var(--lp-fg);
}

.lp-legal__text strong {
  color: var(--lp-fg);
  font-weight: 600;
}

.lp-legal__sub {
  font-size: var(--lp-t-md);
  color: var(--lp-fg);
  align-items: baseline;
  gap: 14px;
  margin-top: 12px;
  font-weight: 600;
  line-height: 1.5;
  display: flex;
}

.lp-legal__sub + :is(ul, ol, p) {
  margin-top: -6px;
}

.lp-legal__subnum {
  font-size: var(--lp-t-xs);
  letter-spacing: .06em;
  color: var(--lp-dim);
  font-variant-numeric: tabular-nums;
  flex: none;
}

.lp-tbc {
  color: var(--lp-display-dim);
  -webkit-text-decoration: underline dashed rgb(var(--lp-cyan-rgb) / .85);
  text-decoration: underline dashed rgb(var(--lp-cyan-rgb) / .85);
  text-underline-offset: 4px;
  text-decoration-skip-ink: none;
  text-decoration-thickness: 1px;
}

.lp-legal__key {
  max-width: calc(52ch + 48px);
  font-size: var(--lp-t-md);
  margin-block: 32px 8px;
  padding: 22px 24px 24px;
  position: relative;
}

.lp-legal__key:before {
  content: "";
  pointer-events: none;
  --tick: #fffc;
  background: linear-gradient(var(--tick), var(--tick)) 0 0 / 14px 1px, linear-gradient(var(--tick), var(--tick)) 0 0 / 1px 14px,
  linear-gradient(var(--tick), var(--tick)) 100% 0 / 14px 1px, linear-gradient(var(--tick), var(--tick)) 100% 0 / 1px 14px,
  linear-gradient(var(--tick), var(--tick)) 0 100% / 14px 1px, linear-gradient(var(--tick), var(--tick)) 0 100% / 1px 14px,
  linear-gradient(var(--tick), var(--tick)) 100% 100% / 14px 1px, linear-gradient(var(--tick), var(--tick)) 100% 100% / 1px 14px;
  background-repeat: no-repeat;
  position: absolute;
  inset: 0;
}

.lp-legal__key dl {
  border-top: 1px solid var(--lp-line-strong);
  margin-top: 14px;
}

.lp-legal__key dl > div {
  border-bottom: 1px solid var(--lp-line);
  grid-template-columns: 10.5rem minmax(0, 1fr);
  gap: 4px 20px;
  padding-block: 11px 12px;
  display: grid;
}

.lp-legal__key dt {
  font-size: var(--lp-caps);
  letter-spacing: var(--lp-caps-track);
  text-transform: uppercase;
  font-weight: 500;
  line-height: calc(var(--lp-t-md) * 1.55);
  color: var(--lp-muted);
}

.lp-legal__key dd {
  color: var(--lp-fg);
  line-height: 1.55;
}

.lp-legal__keynote {
  font-size: var(--lp-t-sm);
  color: var(--lp-dim);
  margin-top: 14px;
  line-height: 1.55;
}

.lp-legal__foot {
  border-top: 1px solid var(--lp-line-strong);
  max-width: 59.4286ch;
  font-size: var(--lp-t-sm);
  color: var(--lp-dim);
  margin-top: 8px;
  padding-top: 28px;
  line-height: 1.6;
}

@media (max-width: 1099px) {
  .lp-legal__grid {
    margin-top: 4px;
  }
}

@media (max-width: 767px) {
  .lp-legal__bar {
    gap: 12px;
    margin-top: 28px;
    padding-bottom: 14px;
  }

  .lp-ltabs {
    flex: 0 0 calc(100% + 2 * var(--lp-gutter));
    max-width: none;
    margin-inline: calc(var(--lp-gutter) * -1);
    padding-inline: var(--lp-gutter);
    scroll-padding-inline: var(--lp-gutter);
  }

  .lp-ltabs a {
    height: 42px;
    padding-inline: 16px;
  }

  .lp-legal__draft {
    margin-top: 20px;
  }
}

@media (max-width: 479px) {
  .lp-legal__key {
    padding-inline: 16px;
  }

  .lp-legal__key dl > div {
    grid-template-columns: minmax(0, 1fr);
  }

  .lp-legal__key dt {
    line-height: 1.5;
  }
}

@media (min-width: 1100px) {
  .lp-legal__grid {
    --side: 460px;
    --pad: clamp(40px, 4.4vw, 112px);
    grid-template-columns: var(--side) minmax(0, 1fr);
  }

  .lp-legal__grid:before {
    content: "";
    left: calc(var(--side) - 5px);
    pointer-events: none;
    opacity: .8;
    background: linear-gradient(#fff, #fff) 50% 0 / 1px 100% no-repeat, linear-gradient(#fff, #fff) 0 / 100% 1px no-repeat;
    width: 11px;
    height: 11px;
    position: absolute;
    top: -6px;
  }

  .lp-legal__doc {
    padding-left: var(--pad);
    border-left: 1px solid var(--lp-line-strong);
  }

  .lp-legal__art {
    padding-block: 40px;
  }

  .lp-legal__doc > .lp-legal__key:first-child {
    margin-top: 40px;
  }

  .lp-lindex--side {
    top: calc(var(--lp-nav-h) + 36px);
    max-height: calc(100svh - var(--lp-nav-h) - var(--lp-hud-h) - 96px);
    scrollbar-width: none;
    margin: 36px 0 0 -6px;
    padding: 6px 24px 6px 6px;
    display: block;
    position: sticky;
    overflow-y: auto;
  }

  .lp-lindex--fold {
    display: none;
  }
}

@media (min-width: 1440px) {
  .lp-legal__grid {
    --side: 50%;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: no-preference) {
  html:not([data-motion="off"]) .lp-legal .lp-rise {
    animation-name: lp-legal-rise;
  }

  @supports (animation-timeline: view()) {
    html:not([data-motion="off"]) :is(.lp-legal__art, .lp-legal__key) {
      animation: linear both lp-text-fade;
      animation-timeline: view();
      animation-range: entry entry 14vh;
    }
  }
}

@keyframes lp-legal-rise {
  from {
    opacity: 0;
    translate: 0 16px;
  }

  to {
    opacity: 1;
    translate: 0;
  }
}

.lp-404 {
  min-height: calc(100svh - 69px);
  padding-block: clamp(48px, 10vh, 120px);
}

.lp-404__title {
  max-width: 16ch;
  font-size: var(--lp-d-page);
  margin-top: 16px;
  margin-left: -.02em;
  line-height: 1.1;
}

.lp-404 .lp-lede {
  max-width: 44ch;
}

.lp-nav__links a[aria-current="page"] {
  color: var(--lp-fg);
  text-underline-offset: 8px;
  -webkit-text-decoration: underline #fff6;
  text-decoration: underline #fff6;
}

.lp-menu {
  display: none;
}

.lp-menu__toggle {
  width: 40px;
  height: 40px;
  color: var(--lp-fg);
  place-items: center;
  display: grid;
}

.lp-menu__panel {
  height: calc(100svh - 69px);
  padding: 8px var(--lp-gutter) 24px;
  overscroll-behavior: contain;
  background: var(--lp-bg);
  border-top: 1px solid var(--lp-line);
  flex-direction: column;
  gap: 20px;
  display: flex;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow-y: auto;
}

.lp-menu__panel li a {
  border-bottom: 1px solid var(--lp-line);
  font-size: var(--lp-t-lg);
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding-block: 16px;
  font-weight: 500;
  display: flex;
}

.lp-menu__panel li a[aria-current="page"] {
  text-underline-offset: 6px;
  text-decoration: underline;
}

.lp-menu__motion button {
  border-bottom: 1px solid var(--lp-line);
  width: 100%;
  font-size: var(--lp-t-lg);
  text-align: left;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-block: 16px;
  font-weight: 500;
  display: flex;
}

.lp-menu__motion button[data-paused] .lp-motion__icon {
  border: 0;
  border-left: 8px solid;
  border-block: 5px solid #0000;
  width: 0;
  height: 0;
}

.lp-menu__toggle {
  position: relative;
}

@media (prefers-reduced-motion: no-preference) {
  html:not([data-motion="off"]) .lp-rise {
    animation: lp-rise .9s cubic-bezier(.16, 1, .3, 1) var(--lp-d, 0s) both;
  }

  html:not([data-motion="off"]) .lp-caret {
    animation: 1s step-end infinite lp-caret;
  }

  html:not([data-motion="off"]) .lp-term__line {
    animation: 6.5s step-end infinite lp-screen-flick;
  }

  html:not([data-motion="off"]) .lp-term__line:nth-child(2n) {
    animation-duration: 9s;
    animation-delay: -2s;
  }

  html:not([data-motion="off"]) .lp-term__line:nth-child(3n) {
    animation-duration: 7.7s;
    animation-delay: -4.5s;
  }

  @supports (animation-timeline: view()) {
    html:not([data-motion="off"]) .lp-nav:after {
      animation: linear both lp-scroll-line;
      animation-timeline: scroll(root);
    }

    html:not([data-motion="off"]) .lp-reveal {
      animation: linear both lp-reveal;
      animation-timeline: view();
      animation-range: entry calc(var(--c, 0) * 1.4vh) entry calc(18vh + var(--c, 0) * 1.4vh);
    }

    html:not([data-motion="off"]) .lp-story {
      view-timeline: --lp-story block;
    }

    html:not([data-motion="off"]) .lp-story .lp-reveal {
      --lp-in: 34vh;
      animation-timeline: --lp-story;
      animation-range: entry calc(var(--lp-in) + var(--c, 0) * 1.4vh) entry calc(var(--lp-in) + 24vh + var(--c, 0) * 1.4vh);
    }

    html:not([data-motion="off"]) .lp-story .lp-sound__screen {
      --lp-in: 20vh;
    }

    @media (max-width: 767px) {
      html:not([data-motion="off"]) .lp-story .lp-reveal {
        --lp-in: 10vh;
      }
    }

    html:not([data-motion="off"]) .lp-stats:before {
      animation: linear both lp-filament;
      animation-timeline: view();
      animation-range: entry 4vh entry 24vh;
    }
  }

  html:not([data-motion="off"]) .lp-cue span {
    animation: 1.1s ease-in-out infinite alternate lp-cue;
  }
}

@keyframes lp-cue {
  from {
    translate: 0 -2px;
  }

  to {
    translate: 0 3px;
  }
}

@keyframes lp-rise {
  from {
    opacity: 0;
    filter: blur(10px);
    translate: 0 22px;
  }

  to {
    opacity: 1;
    filter: none;
    translate: 0;
  }
}

@keyframes lp-reveal {
  from {
    opacity: 0;
    filter: blur(12px);
    translate: 0 24px;
  }

  to {
    opacity: 1;
    filter: none;
    translate: 0;
  }
}

@keyframes lp-filament {
  from {
    opacity: .25;
    transform: scaleX(0);
  }

  to {
    opacity: 1;
    transform: scaleX(1);
  }
}

@keyframes lp-scroll-line {
  from {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}

@media (max-width: 1279px) {
  .lp-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1099px) {
  .lp-nav__links {
    display: none;
  }

  .lp-nav__row {
    grid-template-columns: 1fr auto;
  }

  .lp-menu {
    display: block;
  }

  .lp-nav__right {
    gap: 12px;
  }

  .lp-detail, .lp-detail--artist {
    grid-template-columns: minmax(0, 1fr);
  }

  .lp-detail__cover {
    max-width: min(100%, 560px);
    position: static;
  }

  .lp-stats:not(:has( > :last-child:nth-child(3))) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lp-stats:not(:has( > :last-child:nth-child(3))) > :nth-child(3) {
    border-left: 0;
    padding-left: 0;
  }

  .lp-stats:not(:has( > :last-child:nth-child(3))) > :nth-child(3):before {
    left: 0;
  }

  .lp-stats:not(:has( > :last-child:nth-child(3))) > :nth-child(n+3) {
    border-top: 1px solid var(--lp-line);
  }

  .lp-sound {
    grid-template-columns: minmax(0, 1fr);
    row-gap: clamp(8px, 2vh, 24px);
  }

  .lp-tilt {
    transform: none;
  }

  .lp-roster {
    grid-template-columns: 1fr;
  }

  .lp-people, .lp-footer__main {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 767px) {
  .lp-section {
    padding-block: 56px;
  }

  .lp-detail--artist {
    row-gap: 0;
  }

  .lp-people {
    grid-template-columns: minmax(0, 1fr);
  }

  .lp-nav__login, .lp-brand__sub {
    display: none;
  }

  .lp-brand__mark {
    height: 23px;
  }

  .lp-stats:has( > :last-child:nth-child(3)) {
    grid-template-columns: 1fr;
  }

  .lp-stats:has( > :last-child:nth-child(3)) > * + * {
    border-left: 0;
    border-top: 1px solid var(--lp-line);
    padding-left: 0;
  }

  .lp-stats:has( > :last-child:nth-child(3)) > * + :before {
    left: 0;
  }

  .lp-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lp-paste {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }

  .lp-paste .lp-btn {
    width: 100%;
  }

  .lp-faq summary {
    font-size: var(--lp-t-md);
  }
}

@media (max-width: 379px) {
  .lp-nav__right .lp-btn:not(.lp-menu__panel *) {
    display: none;
  }
}

@media (max-width: 479px) {
  .lp-footer__cols {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-flow: row;
    row-gap: 20px;
  }

  .lp-footer__cols ul {
    gap: 8px;
  }

  .lp-person__body {
    grid-template-columns: 108px minmax(0, 1fr);
    gap: 12px;
  }

  .lp-person__foot {
    flex-wrap: wrap;
    gap: 8px 12px;
  }

  .lp-people > li, .lp-people > li:first-child, .lp-people > li:last-child {
    padding-inline: 0;
  }

  .lp-people > li + li {
    border-left: 0;
    border-top: 1px solid var(--lp-line);
  }

  .lp-more__hint {
    display: none;
  }
}

@media (max-width: 767px), (pointer: coarse) {
  .lp-play {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: #07080db8;
  }

  .lp-now {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: #0d0e14f7;
  }

  .lp-grain {
    display: none;
  }

  @keyframes lp-rise {
    from {
      opacity: 0;
      translate: 0 22px;
    }

    to {
      opacity: 1;
      translate: 0;
    }
  }

  @keyframes lp-reveal {
    from {
      opacity: 0;
      translate: 0 24px;
    }

    to {
      opacity: 1;
      translate: 0;
    }
  }
}

.lp-btn .lp-play__ring {
  display: none;
}

@media (max-width: 767px) {
  .lp {
    --lp-nav-h: 57px;
  }

  .lp-nav__row {
    height: 56px;
  }

  .lp-brand__mark {
    height: 21px;
  }

  .lp-nav__right .lp-btn:not(.lp-menu__panel *) {
    height: 36px;
    font-size: var(--lp-caps);
    padding-inline: 14px;
  }

  .lp-menu__panel {
    height: calc(100svh - 57px);
  }

  .lp-hero {
    padding-block: 28px 24px;
  }

  .lp-lede {
    margin-top: 14px;
  }

  .lp-paste {
    margin-top: 16px;
  }

  .lp-head {
    row-gap: 12px;
  }

  .lp-row, .lp-roster {
    margin-top: 28px;
  }

  .lp-voices {
    --art: min(62vw, 36svh, 280px);
    row-gap: 16px;
  }

  .lp-voices__fact {
    margin-top: 18px;
  }

  .lp-voices__names {
    margin-top: 4px;
  }

  .lp-voices__name {
    font-size: var(--lp-d-item-lg);
  }

  .lp-row .lp-play {
    width: 34px;
    height: 34px;
    bottom: 8px;
    left: 8px;
  }

  .lp-actions--split {
    flex-wrap: nowrap;
    gap: 10px;
    margin-top: 18px;
  }

  .lp-actions--split .lp-btn--solid {
    flex: 1;
    min-width: 0;
    padding-inline: 14px;
  }

  .lp-actions--split .lp-btn[data-state] {
    flex: none;
    width: 50px;
    padding: 0;
    position: relative;
  }

  .lp-actions--split .lp-btn__label {
    display: none;
  }

  .lp-actions--split .lp-play__ring {
    display: block;
  }

  .lp-more {
    margin-top: 16px;
  }

  .lp-reel__actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    max-width: 360px;
    display: grid;
  }

  .lp-reel__actions .lp-btn {
    min-width: 0;
    padding-inline: 12px;
  }

  .lp-now__thumb {
    display: none;
  }
}

@media (min-width: 380px) {
  .lp-menu__panel > a.lp-btn--solid {
    display: none;
  }
}

@media (max-width: 479px) {
  .lp-footer__cols > :nth-child(3) {
    grid-column: 1 / -1;
  }

  .lp-footer__cols > :nth-child(3) ul {
    flex-wrap: wrap;
    gap: 4px 16px;
    display: flex;
  }
}

@media (max-width: 1099px) {
  .lp-menu {
    position: static;
  }

  .lp-menu__toggle {
    z-index: 2;
    position: relative;
  }

  .lp-menu__toggle[aria-expanded="true"] {
    background: var(--lp-ink);
    color: #fff;
  }

  .lp-menu__panel {
    --cut: 20px;
    z-index: 1;
    background: var(--lp-moon);
    width: min(100vw - 16px, 460px);
    height: auto;
    max-height: calc(100svh - 16px);
    color: var(--lp-ink);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    clip-path: polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));
    border: 0;
    padding: 66px 24px 26px;
    position: fixed;
    inset: 8px 8px auto auto;
    overflow: auto;
  }

  .lp-menu__panel li, .lp-menu__panel li > a {
    border: 0;
  }

  .lp-menu__panel li > a {
    font-family: var(--font-anton, inherit);
    font-size: var(--lp-d-section);
    letter-spacing: .02em;
    text-transform: uppercase;
    color: var(--lp-ink);
    padding-block: 2px;
    font-style: italic;
    line-height: 1.1;
    display: block;
  }

  .lp-menu__motion {
    border-top: 1px solid #0a0a1029;
    margin-top: 14px;
    padding-top: 14px;
  }

  .lp-menu__motion button {
    width: 100%;
    font-size: var(--lp-caps);
    letter-spacing: var(--lp-caps-track);
    text-transform: uppercase;
    color: var(--lp-ink);
    justify-content: space-between;
    font-weight: 600;
    display: flex;
  }

  .lp-menu__panel > a.lp-btn--solid {
    margin-top: 16px;
  }
}

@media (min-width: 1100px) {
  .lp-nav__row {
    height: 84px;
  }

  .lp-hero {
    padding-bottom: calc(clamp(20px, 4vh, 40px) + var(--lp-hud-h) + 18px);
  }

  .lp-auth {
    padding-bottom: calc(var(--lp-hud-h) + 28px);
  }

  .lp-funnel {
    padding-block: 8px calc(var(--lp-hud-h) + 16px);
  }

  .lp-story__pin, .lp-footer {
    padding-bottom: calc(var(--lp-hud-h) + 18px);
  }

  .lp-cue {
    display: none;
  }
}

@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: scroll()) {
    .lp-hud__cue {
      animation: linear both lp-hud-cue;
      animation-timeline: scroll(root);
      animation-range: 0 40vh;
    }
  }
}

@keyframes lp-hud-cue {
  to {
    opacity: 0;
    visibility: hidden;
  }
}

.lp-hud__back {
  color: var(--lp-fg);
  font-size: var(--lp-caps);
  gap: 10px;
  padding: 8px 18px;
  transition: color .2s;
  display: inline-flex;
  position: relative;
}

.lp-hud__back:hover {
  color: #fff;
}

.lp-marks {
  z-index: 20;
  pointer-events: none;
  position: fixed;
  inset: 0;
  overflow: clip;
}

.lp-mark {
  visibility: hidden;
  border-left: 1px solid var(--lp-pink);
  pointer-events: auto;
  white-space: nowrap;
  will-change: transform;
  gap: 1px;
  margin-top: -18px;
  margin-left: 8px;
  padding: 5px 9px;
  transition: background-color .2s;
  display: grid;
  position: absolute;
  top: 0;
  left: 0;
}

.lp-mark:hover {
  background: var(--lp-pink);
}

.lp-mark__name {
  font-size: var(--lp-caps);
  letter-spacing: var(--lp-caps-track);
  text-transform: uppercase;
  color: var(--lp-fg);
  font-weight: 600;
}

.lp-mark__meta {
  font-size: var(--lp-t-xs);
  letter-spacing: .04em;
  color: var(--lp-dim);
}

.lp-mark:hover :is(.lp-mark__name, .lp-mark__meta) {
  color: var(--lp-on-pink);
}

@media (max-width: 1099px), (pointer: coarse) {
  .lp-marks {
    display: none;
  }
}

html[data-intro="play"] :is(.lp-hud__frame, .lp-hud__bar, .lp-rail) {
  opacity: 0;
}

html[data-intro="out"] :is(.lp-hud__frame, .lp-hud__bar, .lp-rail) {
  animation: .7s ease-out .56s both lp-intro-nav;
}

@media (min-width: 1100px) {
  html {
    scroll-padding-block-end: 92px;
  }

  .lp-now {
    z-index: 42;
    width: min(480px, 34vw);
    height: var(--lp-hud-h);
    clip-path: none;
    background: none;
    padding: 0 14px;
    animation: none;
    bottom: 18px;
    right: 220px;
  }

  html:has(.lp-now) .lp-hud__cue {
    display: none;
  }

  html:has(.lp-now) .lp-hud__track {
    place-items: center start;
  }

  html:has(.lp-now) .lp-hud__back {
    margin-left: 18px;
  }
}

@media (max-width: 1099px) {
  html:has(.lp-now) .lp-footer {
    padding-bottom: 96px;
  }
}

.lp .lp-auth__vault .lp-more__body {
  border-color: var(--lp-line);
  box-shadow: none;
  background: #d6e0ff0a;
  border-radius: 0;
}

@media (max-width: 479px) {
  .lp-btn {
    font-size: var(--lp-caps);
    letter-spacing: .07em;
    padding-inline: 16px;
  }

  .lp-reel__actions .lp-btn {
    font-size: var(--lp-caps);
    letter-spacing: .04em;
    padding-inline: 8px;
  }
}

@media (max-width: 359px) {
  .lp-reel__actions .lp-btn svg {
    display: none;
  }

  .lp-actions--split .lp-btn--solid {
    font-size: var(--lp-caps);
    letter-spacing: .03em;
    padding-inline: 8px;
  }

  .lp-actions--split .lp-btn--solid svg {
    display: none;
  }
}

.lp {
  --lp-reading-surface: #10121c;
  --lp-input-surface: #171a26;
}

@media (min-width: 1100px) and (max-width: 2299px) {
  .lp-rail {
    display: none;
  }
}

html:not([data-motion="off"]) .lp-story .lp-reveal {
  opacity: 1;
  filter: none;
  animation: none;
  transform: none;
}

.lp-final--arrive {
  min-height: 0;
  padding-block: clamp(48px, 7vw, 96px);
}

.lp:has(.lp-auth) .lp-auth {
  min-height: 0;
  padding-block: 32px;
}

.lp:has(.lp-auth) main {
  min-height: calc(100svh - var(--lp-nav-h) - 170px);
  align-items: center;
  display: grid;
}

.lp:has(.lp-auth) .lp-footer__cols > :not(:last-child) {
  display: none;
}

.lp:has(.lp-auth) .lp-footer__cols > :last-child {
  grid-column: auto;
}

.lp:has(.lp-auth) .lp-footer__cols h2 {
  display: none;
}

.lp:has(.lp-auth) .lp-footer__cols ul {
  flex-wrap: wrap;
  gap: 8px 16px;
  margin: 0;
  display: flex;
}

.lp:has(.lp-auth) .lp-footer__brand > .lp-brand {
  display: none;
}

.lp:has(.lp-auth) .lp-footer__brand p {
  margin: 0;
}

@media (max-width: 1099px) {
  .lp-story {
    --beat: 24svh;
  }

  .lp-artist-profile .lp-stage__copy {
    order: 0;
    max-width: none;
  }

  .lp-artist-profile .lp-stage__copy .lp-detail__by {
    border: 0;
    padding: 0;
  }
}

@media (max-width: 767px) {
  .lp-story {
    height: auto;
  }

  .lp-story__pin {
    height: auto;
    padding-block: 40px;
    position: static;
  }

  .lp-story__track {
    display: none;
  }

  .lp-sound {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 24px;
  }

  .lp:has(.lp-auth) main {
    min-height: 0;
  }

  .lp:has(.lp-auth) .lp-auth {
    padding-block: 24px;
  }

  .lp-auth__bar > .lp-label {
    display: none;
  }

  .lp-auth__bar {
    justify-content: flex-end;
  }

  .lp-auth__close {
    height: 36px;
    padding-inline: 14px;
  }

  .lp-auth__main {
    padding-top: 8px;
  }

  .lp:has(.lp-auth) .lp-footer__main {
    gap: 12px;
    padding-block: 16px;
  }

  .lp:has(.lp-auth) .lp-footer__cols {
    display: block;
  }

  .lp:has(.lp-auth) .lp-footer__cols ul {
    font-size: var(--lp-t-xs);
    gap: 8px 14px;
  }

  .lp:has(.lp-auth) .lp-footer__brand {
    font-size: var(--lp-t-xs);
  }

  .lp:has(.lp-auth) .lp-footer {
    padding-bottom: 16px;
  }
}

.lp {
  --lp-story-panel: #0a0c14f0;
  --lp-story-ease: cubic-bezier(.22, 1, .36, 1);
}

.lp-story {
  --beat: 44svh;
}

.lp-sound > .lp-reveal:first-child {
  max-width: 780px;
}

.lp-story--journey {
  --beat: 60svh;
}

.lp-journey {
  justify-items: start;
  display: grid;
  position: relative;
}

.lp-journey__head {
  max-width: 760px;
}

.lp-journey__head > .lp-label {
  display: inline-block;
}

.lp-journey__nav {
  --p: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: min(100%, 560px);
  margin-top: clamp(20px, 3vh, 32px);
  display: grid;
  position: relative;
}

.lp-journey__nav:before, .lp-journey__nav:after {
  content: "";
  background: var(--lp-line-strong);
  width: 66.6667%;
  height: 1px;
  position: absolute;
  top: 5px;
  left: 5px;
}

.lp-journey__nav:after {
  background: linear-gradient(90deg, #fff, var(--lp-cyan));
  transform: scaleX(var(--p));
  transform-origin: 0;
  transition: transform .7s var(--lp-story-ease);
}

.lp-journey__nav button {
  z-index: 1;
  text-align: left;
  min-height: 44px;
  font-size: var(--lp-t-sm);
  color: var(--lp-muted);
  justify-items: start;
  row-gap: 14px;
  padding: 0 12px 4px 0;
  line-height: 1.3;
  transition: color .3s;
  display: grid;
  position: relative;
}

.lp-journey__nav button:before {
  content: "";
  background: #0b0d16;
  border: 1px solid #ffffff8c;
  width: 11px;
  height: 11px;
  transition: background-color .3s, border-color .3s, box-shadow .3s;
}

.lp-journey__nav button[data-done]:before {
  background: #fff;
  border-color: #fff;
}

.lp-journey__nav button[aria-pressed="true"]:before {
  background: var(--lp-cyan);
  border-color: var(--lp-cyan);
  box-shadow: 0 0 0 4px rgb(var(--lp-cyan-rgb) / .2);
}

.lp-journey__nav button:hover, .lp-journey__nav button[aria-pressed="true"] {
  color: var(--lp-fg);
}

.lp-journey__nav button > span {
  gap: 10px;
  display: flex;
}

.lp-journey__nav b {
  color: var(--lp-dim);
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}

.lp-journey__scenes {
  width: min(100%, 980px);
  margin-top: clamp(4px, 1.4vh, 16px);
  display: grid;
}

.lp-journey__scenes > li {
  visibility: hidden;
  opacity: 0;
  min-width: 0;
  transition: opacity .4s, transform .7s var(--lp-story-ease), visibility 0s .7s;
  grid-area: 1 / 1;
  position: relative;
  transform: translateY(24px);
}

.lp-journey__scenes > li[data-on] {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
  transform: translateY(0);
}

.lp-journey__copy {
  z-index: 1;
  padding-block: clamp(16px, 2vw, 28px);
  position: relative;
}

.lp-journey__tag {
  display: none;
}

.lp-journey__tag + h3 {
  margin-top: 14px;
}

.lp-journey__copy h3 {
  max-width: 20ch;
  font-size: var(--lp-d-section);
  line-height: 1.1;
}

.lp-final--arrive {
  justify-content: center;
  min-height: 78svh;
  display: flex;
}

.lp-final--arrive .lp-final__row {
  padding-block: 24px;
}

@media (max-width: 1099px) {
  .lp-story {
    --beat: 36svh;
  }

  .lp-story--journey {
    --beat: 54svh;
  }

  .lp-story--sound {
    height: auto;
  }

  .lp-story--sound .lp-story__pin {
    height: auto;
    padding-block: 48px;
    position: static;
  }

  .lp-story--sound .lp-story__track {
    display: none;
  }

  .lp-journey__copy h3 {
    font-size: var(--lp-d-section);
  }
}

@media (max-width: 767px), (max-height: 699px) {
  .lp-story {
    height: auto;
  }

  .lp-story__pin {
    height: auto;
    padding-block: 48px;
    position: static;
  }

  .lp-story__track {
    display: none;
  }

  .lp-journey {
    row-gap: 28px;
  }

  .lp-journey__scenes {
    gap: 28px;
  }

  .lp-journey__scenes > li {
    visibility: visible;
    opacity: 1;
    grid-area: auto;
    align-items: center;
    min-height: 58svh;
    transition: none;
    display: flex;
    transform: none;
  }

  .lp-journey__copy {
    width: 100%;
    padding-block: 24px;
  }

  .lp-journey__copy h3 {
    font-size: var(--lp-d-section);
  }

  .lp-journey__nav {
    display: none;
  }

  .lp-journey__tag {
    display: block;
  }

  .lp-final--arrive {
    min-height: 72svh;
  }
}

@media (prefers-reduced-motion: reduce), (scripting: none) {
  .lp-story--journey {
    height: auto;
  }

  .lp-story--journey .lp-story__pin {
    height: auto;
    padding-block: 48px;
    position: static;
  }

  .lp-story--journey .lp-story__track {
    display: none;
  }

  .lp-journey__scenes {
    gap: 28px;
  }

  .lp-journey__scenes > li {
    visibility: visible;
    opacity: 1;
    grid-area: auto;
    transition: none;
    transform: none;
  }

  .lp-journey__nav {
    display: none;
  }

  .lp-journey__tag {
    display: block;
  }
}

html[data-motion="off"] .lp-story--journey {
  height: auto;
}

html[data-motion="off"] .lp-story--journey .lp-story__pin {
  height: auto;
  padding-block: 48px;
  position: static;
}

html[data-motion="off"] .lp-story--journey .lp-story__track {
  display: none;
}

html[data-motion="off"] .lp-journey__scenes {
  gap: 28px;
}

html[data-motion="off"] .lp-journey__scenes > li {
  visibility: visible;
  opacity: 1;
  grid-area: auto;
  transition: none;
  transform: none;
}

html[data-motion="off"] .lp-journey__nav {
  display: none;
}

html[data-motion="off"] .lp-journey__tag {
  display: block;
}

.lp {
  --lp-scene-in: .85s;
  --lp-scene-out: .24s;
  --lp-art-glow: 200 208 255;
}

main:has(.lp-hero) :is(.lp-rise, .lp-reveal) {
  opacity: 1;
  transform: none;
  filter: none !important;
  animation: none !important;
  translate: none !important;
}

main:has(.lp-hero):not([data-cinema]) [data-fade] {
  opacity: 0;
  transition: opacity var(--lp-scene-in) ease;
}

main:has(.lp-hero):not([data-cinema]) :is([data-fade][data-visible], [data-fade]:focus-within) {
  opacity: 1;
}

.lp-journey__scenes > li {
  transition: opacity var(--lp-scene-out) ease, visibility 0s var(--lp-scene-out);
  transform: none;
}

.lp-journey__scenes > li[data-on] {
  transition: opacity var(--lp-scene-in) ease .26s, visibility 0s .26s;
  transform: none;
}

main[data-cinema] {
  --lp-drive: 110svh;
}

main[data-cinema] > :is(.lp-hero, .lp-section) {
  height: calc(220svh + var(--lp-drive));
  min-height: 0;
  padding-block: 0;
}

main[data-cinema] > .lp-hero {
  height: calc(240svh + var(--lp-drive));
}

main[data-cinema] > #final {
  height: 260svh;
}

main[data-cinema] > .lp-story {
  --lead: 100svh;
  --tail: 100svh;
  --beat: 48svh;
  height: calc(var(--lead) + max(0, var(--steps) - 2) * var(--beat) + var(--tail) + var(--lp-drive));
}

main[data-cinema] > .lp-story--journey {
  --beat: 80svh;
}

main[data-cinema] .lp-story__track {
  flex-direction: column;
  display: flex;
  inset: 0 0 -10svh;
}

main[data-cinema] .lp-story__track > i {
  flex: 0 0 var(--beat);
}

main[data-cinema] .lp-story__track > i:first-child {
  flex-basis: calc(10svh + var(--lead));
}

main[data-cinema] .lp-story__track > i:last-child {
  flex: 1 0 0;
}

main[data-cinema] .lp-cinema__frame {
  inset: var(--lp-nav-h) 0 calc(var(--lp-hud-h) + 34px);
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  height: auto;
  transition: opacity var(--lp-scene-out) ease, visibility 0s var(--lp-scene-out);
  flex-direction: column;
  justify-content: center;
  padding: 12px 0;
  display: flex;
  position: fixed;
}

main[data-cinema] [data-scene="active"] > .lp-cinema__frame {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity var(--lp-scene-in) ease, visibility 0s;
}

html[data-intro="play"] main[data-cinema] > .lp-hero .lp-cinema__frame {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

html[data-intro="out"] main[data-cinema] > .lp-hero[data-scene="active"] .lp-cinema__frame {
  transition-delay: .35s;
}

main[data-cinema] .lp-cinema__frame > .lp-wrap {
  width: 100%;
}

main[data-cinema] [data-fade] {
  opacity: 1;
}

main[data-cinema] .lp-hero__open {
  padding-block: 0;
}

main[data-cinema] .lp-reel {
  --art: min(36svh, 400px);
  margin-top: 20px;
}

main[data-cinema] .lp-reel__title {
  font-size: var(--lp-d-item);
}

@media (max-height: 820px) {
  main[data-cinema] .lp-reel {
    margin-top: 12px;
  }
}

@media (max-width: 2299px) {
  main[data-cinema] > .lp-rail {
    clip-path: inset(50%);
    opacity: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    display: grid;
    position: fixed;
    top: 100px;
    right: 34px;
    overflow: clip;
  }

  main[data-cinema] > .lp-rail:focus-within {
    clip-path: none;
    opacity: 1;
    background: var(--lp-reading-surface);
    width: auto;
    height: auto;
    padding: 18px;
    translate: none;
  }

  main[data-cinema] > .lp-rail:focus-within .lp-rail__name {
    display: inline;
  }

  main[data-cinema] > .lp-rail:focus-within .lp-rail__num {
    display: none;
  }
}

main:has(.lp-hero) .lp-reel__title {
  animation: .85s both lp-text-fade !important;
}

html:has(main[data-cinema]) .lp-footer {
  left: 18px;
  right: 18px;
  bottom: calc(var(--lp-hud-h) + 18px);
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity var(--lp-scene-out) ease, visibility 0s var(--lp-scene-out);
  padding-bottom: 0;
  position: fixed;
}

html:has(main[data-cinema] > #final[data-scene="active"]) .lp-footer {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity var(--lp-scene-in) ease, visibility 0s;
}

main[data-cinema] > #final > .lp-cinema__frame {
  bottom: calc(var(--lp-hud-h) + 18px + var(--lp-foot-h, 190px));
}

html:has(main[data-cinema]) .lp-footer__main {
  padding-inline: max(0px, calc(var(--lp-gutter) - 18px));
}

@media (max-width: 767px) {
  main:has(.lp-hero) > section + section {
    margin-top: 20svh;
  }
}

@keyframes lp-text-fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.lp-sound__screen {
  justify-self: end;
  width: min(100%, 1040px);
  container: lp-art / inline-size;
}

@media (min-width: 1100px) {
  .lp-sound {
    grid-template-columns: max-content minmax(0, 1fr);
    column-gap: clamp(40px, 4vw, 96px);
  }
}

.lp-art {
  --glow: var(--lp-art-glow);
  --art: min(340px, 36cqw, calc(100svh - 420px));
  --gap: clamp(22px, 3.2cqw, 36px);
  width: 100%;
}

.lp-art__stage {
  grid-template-columns: minmax(0, 1fr) var(--art) minmax(0, 1fr);
  column-gap: var(--gap);
  perspective: 1400px;
  align-items: center;
  display: grid;
}

.lp-art__list, .lp-art__info {
  min-width: 0;
}

.lp-art__list {
  translate: calc(var(--drift-x, 0px) * -.1) calc(var(--drift-y, 0px) * -.1);
}

.lp-art__info {
  translate: calc(var(--drift-x, 0px) * .16) calc(var(--drift-y, 0px) * .16);
}

.lp-art__rows {
  border-top: 1px solid var(--lp-line-strong);
  margin-top: 14px;
}

.lp-art__row {
  text-align: left;
  width: 100%;
  min-height: 44px;
  font-size: var(--lp-t-sm);
  color: var(--lp-muted);
  font-variant-numeric: tabular-nums;
  grid-template-columns: 26px minmax(0, 1fr) auto;
  align-items: baseline;
  column-gap: 8px;
  padding-block: 12px 13px;
  line-height: 1.35;
  transition: color .2s;
  display: grid;
  position: relative;
}

.lp-art__row:hover, .lp-art__row[aria-pressed="true"] {
  color: var(--lp-fg);
}

.lp-art__row[aria-pressed="true"] {
  font-weight: 600;
}

.lp-art__name {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.lp-art__num {
  font-size: var(--lp-t-xs);
}

.lp-art__share {
  background: var(--lp-line);
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.lp-art__share:after {
  content: "";
  width: var(--w);
  background: #d6e0ff80;
  min-width: 3px;
  transition: background-color .2s;
  position: absolute;
  inset: 0 auto 0 0;
}

.lp-art__row:hover .lp-art__share:after {
  background: #ffffffd9;
}

.lp-art__row[aria-pressed="true"] .lp-art__share:after {
  background: linear-gradient(90deg, #fff, var(--lp-cyan));
}

.lp-art__row[aria-pressed="true"]:after {
  content: "";
  width: calc(var(--gap) - 12px);
  background: linear-gradient(90deg, var(--lp-cyan), #ffffffb3);
  transform-origin: 0;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 100%;
}

.lp-art__seat {
  width: var(--art);
  perspective: 1400px;
  justify-self: center;
  position: relative;
}

.lp-art__plate {
  z-index: 1;
  width: var(--art);
  aspect-ratio: 1;
  transform: rotateX(calc(2deg + var(--tilt-x, 0deg) * 1.4)) rotateY(calc(-6deg + var(--tilt-y, 0deg) * 2));
  justify-self: center;
  position: relative;
}

.lp-art__plate:before {
  content: "";
  pointer-events: none;
  --tick: #fffc;
  background: linear-gradient(var(--tick), var(--tick)) 0 0 / 14px 1px, linear-gradient(var(--tick), var(--tick)) 0 0 / 1px 14px,
  linear-gradient(var(--tick), var(--tick)) 100% 0 / 14px 1px, linear-gradient(var(--tick), var(--tick)) 100% 0 / 1px 14px,
  linear-gradient(var(--tick), var(--tick)) 0 100% / 14px 1px, linear-gradient(var(--tick), var(--tick)) 0 100% / 1px 14px,
  linear-gradient(var(--tick), var(--tick)) 100% 100% / 14px 1px, linear-gradient(var(--tick), var(--tick)) 100% 100% / 1px 14px;
  background-repeat: no-repeat;
  position: absolute;
  inset: -11px;
}

.lp-art__face {
  outline: 1px solid rgb(var(--glow) / .7);
  box-shadow: 0 0 20px rgb(var(--glow) / .5), 0 0 70px rgb(var(--glow) / .3), 0 0 180px rgb(var(--glow) / .16);
  transition: box-shadow .7s;
  position: absolute;
  inset: 0;
}

.lp-art__face > li {
  z-index: 0;
  visibility: hidden;
  position: absolute;
  inset: 0;
}

.lp-art__face > li[data-on] {
  z-index: 1;
  visibility: visible;
}

.lp-art__face > li[data-out] {
  visibility: visible;
}

@media (prefers-reduced-motion: no-preference) {
  html:not([data-motion="off"]) .lp-art__face[data-swap] > li[data-on] {
    animation: .75s cubic-bezier(.33, 0, .2, 1) both lp-art-in;
  }

  html:not([data-motion="off"]) .lp-art__face[data-swap] > li[data-on] img {
    animation: 1.1s cubic-bezier(.22, 1, .36, 1) both lp-art-drift-in;
  }

  html:not([data-motion="off"]) .lp-art__face > li[data-out] img {
    animation: .8s cubic-bezier(.22, 1, .36, 1) both lp-art-drift-out;
  }
}

@keyframes lp-art-in {
  from {
    opacity: 0;
  }
}

@keyframes lp-art-drift-in {
  from {
    transform: translateX(calc(var(--dir, 1) * 4%)) scale(1.08);
  }
}

@keyframes lp-art-drift-out {
  to {
    transform: translateX(calc(var(--dir, 1) * -3%)) scale(1.06);
  }
}

.lp-art__face .lp-cover__img {
  border-radius: 2px;
}

.lp-art__face .lp-cover__media {
  width: 100%;
  height: 100%;
}

.lp-src {
  z-index: 0;
  font-family: inherit;
  font-size: var(--lp-t-md);
  white-space: pre;
  font-variant-numeric: tabular-nums;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "calt" 0;
  color: #bec8ecb8;
  pointer-events: none;
  translate: calc(var(--drift-x, 0px) * -.45) calc(var(--drift-y, 0px) * -.45);
  margin: 0;
  line-height: 26px;
  display: none;
  position: absolute;
}

.lp-src b {
  color: #eef1ff;
  font-weight: 500;
}

@media (min-width: 1100px) {
  .lp-reel__src {
    display: block;
  }
}

@media (min-width: 1100px) and (min-height: 780px) {
  .lp-art__src {
    display: block;
  }
}

.lp-art__src {
  width: 100%;
  top: -78px;
  left: 0;
  overflow: clip;
}

@keyframes lp-src-in {
  from {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: no-preference) {
  html:not([data-motion="off"]) .lp-src {
    animation: .9s both lp-src-in;
  }
}

.lp-decode {
  display: block;
  position: relative;
}

.lp-decode__ghost {
  visibility: hidden;
  display: block;
}

.lp-decode__live {
  position: absolute;
  inset: 0;
  overflow: visible clip;
}

.lp-decode__live--inline {
  position: static;
}

@media (prefers-reduced-motion: no-preference) {
  html:not([data-motion="off"]) .lp-decode__live {
    animation: lp-text-fade var(--lp-swap-ms, .6s) ease both;
  }
}

.lp-art__title {
  font-size: var(--lp-d-item);
  color: var(--lp-fg);
  margin-top: 10px;
  line-height: 1.08;
  display: block;
}

.lp-art__title:hover {
  text-underline-offset: 4px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.lp-art__by {
  font-size: var(--lp-t-sm);
  color: var(--lp-muted);
  margin-top: 8px;
  line-height: 1.45;
}

.lp-art__count {
  border-top: 1px solid var(--lp-line-strong);
  justify-items: start;
  gap: 4px;
  margin-top: 16px;
  padding-top: 14px;
  display: grid;
}

.lp-art__count .lp-num {
  font-size: var(--lp-d-num);
  color: var(--lp-fg);
}

.lp-art__termbox {
  min-height: calc((var(--n) - 1) * 19.6px + 9px);
  margin-top: 12px;
}

.lp-art__term .lp-term__bar {
  height: 3px;
}

.lp-art__term .lp-term__line > span {
  position: relative;
}

.lp-art__term .lp-caret {
  position: absolute;
  bottom: .2em;
  left: 100%;
}

.lp-art__note {
  font-size: var(--lp-t-xs);
  color: var(--lp-muted);
  margin-top: 12px;
  line-height: 1.5;
}

@container lp-art (min-width: 760px) {
  .lp-art__title {
    align-items: flex-end;
    min-height: 2.16em;
    display: flex;
  }
}

@media (prefers-reduced-motion: no-preference) {
  html:not([data-motion="off"]) .lp-art__row[aria-pressed="true"]:after {
    animation: .45s cubic-bezier(.16, 1, .3, 1) both lp-art-lead;
  }
}

@keyframes lp-art-lead {
  from {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}

@container lp-art (max-width: 759px) {
  .lp-art {
    --art: min(260px, 44cqw, calc(100svh - 460px));
  }

  .lp-art__stage {
    grid-template-columns: var(--art) minmax(0, 1fr);
    grid-template-areas: "plate info"
                         "list list";
    align-items: start;
    row-gap: 22px;
  }

  .lp-art__seat {
    grid-area: plate;
    margin-top: 11px;
  }

  .lp-art__info {
    grid-area: info;
  }

  .lp-art__list {
    grid-area: list;
  }

  .lp-art__rows {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
    display: grid;
  }

  .lp-art__row[aria-pressed="true"]:after {
    display: none;
  }
}

@container lp-art (max-width: 479px) {
  .lp-art {
    --art: min(68cqw, 260px);
  }

  .lp-art__stage {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "plate"
                         "info"
                         "list";
  }

  .lp-art__rows {
    grid-template-columns: minmax(0, 1fr);
  }

  .lp-art__title {
    font-size: var(--lp-d-item);
  }
}

@media (prefers-reduced-motion: reduce) {
  main:has(.lp-hero) [data-fade] {
    opacity: 1 !important;
    transition: none !important;
  }

  main:has(.lp-hero) .lp-reel__title {
    animation: none !important;
  }

  .lp-art__face > li, .lp-journey__scenes > li {
    transition: none !important;
  }
}

html[data-motion="off"] main:has(.lp-hero) [data-fade] {
  opacity: 1 !important;
  transition: none !important;
}

html[data-motion="off"] main:has(.lp-hero) .lp-reel__title {
  animation: none !important;
}

html[data-motion="off"] :is(.lp-art__face > li, .lp-journey__scenes > li) {
  transition: none !important;
}

@media (min-width: 1100px) and (min-height: 700px) and (max-height: 820px) {
  .lp-journey__nav {
    margin-top: 20px;
  }

  .lp-journey__copy {
    padding-block: 20px;
  }

  .lp-journey__copy h3 {
    font-size: var(--lp-d-section);
  }
}

@media (max-width: 419px) {
  .lp-voices__row {
    grid-template-columns: 26px minmax(0, 1fr);
    row-gap: 2px;
  }

  .lp-voices__meta {
    grid-column: 2;
  }
}

.lp {
  --lp-brackets: linear-gradient(currentColor 0 0) left top / 8px 1px no-repeat, linear-gradient(currentColor 0 0) left top / 1px 8px no-repeat,
  linear-gradient(currentColor 0 0) right top / 8px 1px no-repeat, linear-gradient(currentColor 0 0) right top / 1px 8px no-repeat,
  linear-gradient(currentColor 0 0) left bottom / 8px 1px no-repeat, linear-gradient(currentColor 0 0) left bottom / 1px 8px no-repeat,
  linear-gradient(currentColor 0 0) right bottom / 8px 1px no-repeat, linear-gradient(currentColor 0 0) right bottom / 1px 8px no-repeat;
}

.lp-pin__pick {
  flex-wrap: wrap;
  justify-content: center;
  gap: 2px 6px;
  display: flex;
}

.lp-pin__pick a, .lp-pin__pick button {
  min-height: 44px;
  font-size: var(--lp-caps);
  letter-spacing: var(--lp-caps-track);
  text-transform: uppercase;
  color: var(--lp-muted);
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  font-weight: 600;
  transition: color .3s;
  display: inline-flex;
}

.lp-pin__pick a > span, .lp-pin__pick button > span {
  font-variant-numeric: tabular-nums;
  opacity: .7;
}

.lp-pin__pick a:hover, .lp-pin__pick button:hover, .lp-pin__pick [data-on] > a, .lp-pin__pick [aria-pressed="true"] {
  color: var(--lp-fg);
}

.lp-pin__pick [data-on] > a, .lp-pin__pick [aria-pressed="true"] {
  background: var(--lp-brackets);
}

.lp-pin .lp-art__stage {
  display: block;
}

.lp-pin .lp-art__seat {
  margin-inline: auto;
}

.lp-voices__pin {
  --pin-pad: 11px;
}

.lp-voices__pin .lp-voices__plate {
  transform: rotateX(calc(var(--tilt-x, 0deg) * 1.4)) rotateY(calc(var(--tilt-y, 0deg) * 2));
}

.lp-voices__pin .lp-pin__tag--name .lp-voices__name {
  font-size: var(--lp-d-item);
  color: var(--lp-fg);
}

.lp-voices__pin .lp-voices__meta {
  color: var(--lp-muted);
  margin-top: 6px;
}

.lp-art__total {
  color: var(--lp-muted);
  font-size: var(--lp-t-sm);
}

@media (min-width: 1100px) {
  main:has(.lp-hero) .lp-sound {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    row-gap: clamp(14px, 2.4vh, 24px);
  }

  main:has(.lp-hero) .lp-sound > .lp-reveal:first-child {
    max-width: none;
  }

  main:has(.lp-hero) .lp-sound__screen {
    justify-self: stretch;
    width: 100%;
  }

  main:has(.lp-hero) .lp-voices {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: none;
    justify-items: center;
    row-gap: clamp(14px, 2.4vh, 24px);
  }

  :is(main:has(.lp-hero) .lp-voices__head, main:has(.lp-hero) .lp-voices__side) {
    grid-area: auto;
    align-self: auto;
  }

  main:has(.lp-hero) .lp-voices__pin {
    justify-self: stretch;
  }

  .lp-art .lp-pin__tag--name, .lp-voices__pin .lp-pin__tag--name {
    text-align: right;
  }
}

main:has(.lp-hero) .lp-journey {
  text-align: center;
  justify-items: center;
}

:is(main:has(.lp-hero) .lp-journey__head, main:has(.lp-hero) .lp-journey__nav) {
  justify-self: center;
}

main:has(.lp-hero) .lp-journey__scenes {
  justify-items: center;
}

main:has(.lp-hero) .lp-journey__copy {
  justify-items: center;
  display: grid;
}

main:has(.lp-hero) .lp-final__row {
  text-align: center;
  grid-template-columns: minmax(0, 640px);
  justify-content: center;
  justify-items: center;
  row-gap: 26px;
}

main:has(.lp-hero) .lp-final__row > * {
  width: 100%;
}

main:has(.lp-hero) .lp-hero__open {
  text-align: center;
  justify-content: center;
  align-items: center;
}

main[data-cinema] .lp-art.lp-pin, main[data-cinema] .lp-voices {
  --art: min(36svh, 400px);
}

main:has(.lp-hero) .lp-journey__nav {
  width: min(100%, 600px);
}

main:has(.lp-hero) .lp-journey__nav:before {
  width: 66.6667%;
  left: 16.6667%;
}

main:has(.lp-hero) .lp-journey__nav:after {
  width: 66.6667%;
  left: 16.6667%;
}

main:has(.lp-hero) .lp-journey__nav button {
  text-align: center;
  justify-items: center;
  padding: 0 6px 4px;
}

main:has(.lp-hero) .lp-journey__nav button > span {
  justify-content: center;
}

/* [project]/node_modules/lenis/dist/lenis.css [app-client] (css) */
html.lenis, html.lenis body {
  height: auto;
}

.lenis:not(.lenis-autoToggle).lenis-stopped {
  overflow: clip;
}

.lenis [data-lenis-prevent], .lenis [data-lenis-prevent-wheel], .lenis [data-lenis-prevent-touch], .lenis [data-lenis-prevent-vertical], .lenis [data-lenis-prevent-horizontal] {
  overscroll-behavior: contain;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

.lenis.lenis-autoToggle {
  transition-behavior: allow-discrete;
  transition-property: overflow;
  transition-duration: 1ms;
}

/*# sourceMappingURL=_0x-mbxtox-qcr._.css.map*/