:root {
  --ink: #473243;
  --ink-strong: #262225;
  --red: #6e0303;
  --paper: #f5f3ee;
  --line: rgba(71, 50, 67, 0.35);
  --card: #fffcf8;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background: var(--paper);
  color: var(--ink);
  font-family: Inter, sans-serif;
}
a { color: var(--red); }
.site {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
header {
  position: sticky;
  top: 0;
  z-index: 51;
  align-self: flex-start;
  width: 100%;
  height: 91px;
  padding: 30px 28px 0;
  box-sizing: border-box;
  background: var(--paper);
}
header::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 60px;
  width: min(980px, calc(100% - 40px));
  border-top: 1px solid #1c1c1c;
  transform: translateX(-50%);
}
nav ul {
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0 30px;
  margin: 0 auto;
  padding: 0;
  width: max-content;
  max-width: 100%;
}
nav a {
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 30px;
  color: var(--ink);
  text-decoration: none;
}
nav a[aria-current="page"] { color: var(--ink-strong); }
main { flex: 1; }
.sheet { width: min(760px, calc(100% - 40px)); margin: 0 auto; padding: 34px 0 20px; }
.home-sheet {
  width: min(1080px, calc(100% - 32px));
  min-height: 1488px;
  padding: 49px 0 0;
  box-sizing: border-box;
}
.site:has(.home-sheet) main { flex: none; }
.music-sheet {
  width: min(1080px, calc(100% - 32px));
  min-height: 2142px;
  padding: 41px 0 0;
  box-sizing: border-box;
}
.site:has(.music-sheet) main { flex: none; }
.site:has(.books) main,
.site:has(.contact) main,
.site:has(.epk) main { flex: none; }
.music-sheet h1,
.music-sheet .pages {
  width: min(780px, 100%);
  margin-left: auto;
  margin-right: auto;
}
h1 {
  margin: 8px 0 18px;
  font-family: "EB Garamond", Garamond, serif;
  font-weight: 400;
  font-size: 60px;
  line-height: 1.05;
  letter-spacing: -1.8px;
  text-align: center;
  color: var(--ink);
}
.kicker {
  margin: 0 0 25px;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: #1c1c1c;
  transform: translateX(-16px);
}
.home-sheet h1 { margin-top: 0; margin-bottom: 27px; white-space: nowrap; font-size: clamp(36px, 4.8vw, 60px); line-height: 1.1; color: #1c1c1c; }
.home-links {
  margin: 0 auto 27px;
  transform: translateX(-16px);
  width: min(293px, 100%);
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 22.7px;
  letter-spacing: -0.03em;
  color: var(--red);
}
.home-links a { color: var(--red); text-decoration: underline; }
.home-art {
  width: 393px;
  max-width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 216px 164px;
  grid-template-rows: 164px auto;
  column-gap: 13px;
  justify-content: center;
  transform: translateX(-17px);
}
.portrait { grid-row: 1 / span 2; width: 216px; height: 325px; }
.portrait picture { display: block; width: 100%; height: 100%; }
.portrait.lifted::before,
.portrait.lifted::after { bottom: -28px; }
.portrait.lifted::before { left: -22px; }
.portrait.lifted::after { right: -22px; }
.dancer { width: 164px; height: 164px; }
.dancer img { filter: url("#dancer-grade"); }
.portrait img, .dancer img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lifted {
  position: relative;
  display: block;
  box-sizing: border-box;
  border: 2px solid #1c1c1c;
  border-radius: 10px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  line-height: 0;
}
.lifted img { border-radius: 8px; }
.lifted::before,
.lifted::after {
  content: "";
  position: absolute;
  bottom: -26px;
  width: 165px;
  height: 26px;
  background-image: url("/images/lifted-shadow.png");
  background-repeat: no-repeat;
  pointer-events: none;
}
.lifted::before { left: -20px; background-position: left top; }
.lifted::after { right: -20px; background-position: right top; }
.says {
  position: relative;
  margin-top: 19px;
  background: transparent;
  border: 1px solid #473243;
  border-radius: 10px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
  padding: 15px 10px 15px;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: -0.01em;
  transform-origin: center;
  transition: transform 0.4s ease-in-out;
}
.says:hover {
  z-index: 1;
  transform: scale(1.1);
}
.says p { margin: 0; }
.says .arrive > p:last-child { line-height: 21px; }
.says-label {
  color: var(--red);
  font-weight: 700;
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: -0.01em;
  margin-bottom: 23px !important;
}
.music-sheet h1 {
  font-size: 28px;
  letter-spacing: normal;
  font-weight: 400;
  line-height: 1.4;
  color: var(--ink);
  margin-top: 13px;
  margin-bottom: 28px;
}
.music-sheet .artist {
  font-family: "EB Garamond", Garamond, serif;
  font-size: clamp(32px, 4.6vw, 60px);
  letter-spacing: -1.8px;
  line-height: 1.1;
  text-align: center;
  white-space: nowrap;
  margin: 0;
  color: #1c1c1c;
}
.music-sheet .release {
  width: min(576px, 100%);
  position: relative;
  display: grid;
  grid-template-columns: 161px 1fr;
  column-gap: 8px;
  align-items: start;
  margin: 0 auto 25px;
  padding-left: 29px;
  box-sizing: border-box;
}
.music-sheet .release:last-child { margin-bottom: 0; }
.releases { margin-bottom: 15px; transform: translateX(5px); }
.releases + .pages { margin-bottom: 0; }
.cover-link { position: relative; display: block; }
.cover-link img {
  width: 161px;
  height: 161px;
  object-fit: cover;
  border-radius: 10px;
  display: block;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.release-copy {
  height: 161px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.release h2 {
  margin: 1px 0 9px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0;
  color: var(--ink);
}
.latest {
  position: absolute;
  left: -49px;
  top: 71px;
  z-index: 2;
  margin: 0;
  padding: 0;
  width: 136px;
  height: 20px;
  background: #8b0000;
  color: #f5f3ee;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.64px;
  text-align: center;
  white-space: nowrap;
  transform: rotate(270deg);
  transform-origin: center center;
  animation:
    motion-fade-in 600ms cubic-bezier(0.47, 0, 0.745, 0.715) backwards,
    latest-turn 1000ms cubic-bezier(0.175, 0.885, 0.32, 1.275) backwards;
}
.meta {
  margin: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 19.2px;
  letter-spacing: -0.48px;
  color: var(--ink);
}
.kind { margin-left: 9px; color: #1c1c1c; letter-spacing: normal; }
.services { margin: auto 0 0; display: flex; gap: 5px; align-items: center; line-height: 0; }
.service {
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: 33px;
  height: 33px;
  border: 1px solid rgb(188, 178, 196);
  border-radius: 5px;
  background: rgb(188, 178, 196);
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.service[title="Spotify"],
.service[title="Deezer"] {
  --motion-rotate-z: 30deg;
  --motion-clip-start: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
  animation:
    motion-fade-in 240ms cubic-bezier(0.215, 0.61, 0.355, 1) backwards,
    icon-tilt 1200ms cubic-bezier(0.215, 0.61, 0.355, 1) backwards,
    icon-swing 960ms cubic-bezier(0.215, 0.61, 0.355, 1) backwards;
  animation-composition: replace, replace, add;
}
.service[title="Apple Music"] {
  animation:
    motion-fade-in 1080ms cubic-bezier(0.55, 0.055, 0.675, 0.19) backwards,
    motion-spin-in 1800ms cubic-bezier(0.645, 0.045, 0.355, 1) backwards;
}
.service[title="YouTube"] {
  --motion-arc-x: 0;
  --motion-arc-y: 1;
  --motion-arc-sign: -1;
  --motion-height: 33px;
  --motion-width: 33px;
  animation:
    motion-fade-in 840ms cubic-bezier(0.47, 0, 0.745, 0.715) backwards,
    icon-arc 1200ms cubic-bezier(0.86, 0, 0.07, 1) backwards;
}
.service[title="Amazon Music"],
.service[title="Tidal"] {
  --motion-direction-x: 0;
  --motion-direction-y: -1;
  --motion-direction-z: 0;
  --motion-distance-factor: 1;
  --motion-ease-in: cubic-bezier(0.39, 0.575, 0.565, 1);
  --motion-ease-out: cubic-bezier(0.47, 0, 0.745, 0.715);
  animation:
    motion-fade-in 648ms cubic-bezier(0.25, 0.46, 0.45, 0.94) backwards,
    icon-bounce 1200ms linear backwards;
}
.services img { width: 31px; height: 31px; border-radius: 0; box-shadow: none; display: block; }
.pages {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin: 0 auto 42px;
}
.pages .page-num,
.pages .page-step {
  font-family: Jost, Futura, "Trebuchet MS", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: normal;
  color: #1c1c1c;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
}
.page-num {
  width: 24px;
  height: 24px;
  min-width: 24px;
  line-height: 22px;
  border-radius: 5px;
}
.page-step {
  height: 30px;
  line-height: 28px;
  border-radius: 5px;
  padding: 0;
}
.page-step.is-disabled {
  width: 41px;
  opacity: 1;
  background: transparent;
  color: #e8e6e6;
}
.page-step:not(.is-disabled) {
  width: 44px;
  background: rgba(28, 28, 28, 0.68);
  color: #f5f3ee;
  border: 1px solid #1c1c1c;
}
.page-num.is-current {
  color: #8b0000;
  text-decoration: none;
  border: 1px solid #1c1c1c;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}
.pages .page-step:first-child { margin: 0 37px 0 0; }
.pages .page-step:last-child { margin: 0 0 0 37px; }
.prose { font-family: Inter, sans-serif; font-size: 16px; line-height: 1.3; letter-spacing: -0.01em; }
.prose p { margin: 0; }
.prose h1 { font-size: 28px; letter-spacing: -0.01em; font-weight: 400; line-height: 1.3; margin: 0 0 48px; }
.prose h2 { font-family: "EB Garamond", Garamond, serif; font-size: 24px; font-weight: 700; text-align: center; line-height: 1.3; letter-spacing: -0.01em; margin: 0; }
.center, .prose.center, .prose .center { text-align: center; }
.books, .contact { width: min(310px, calc(100% - 32px)); }
.books { min-height: 870px; padding-top: 39px; }
.books h1, .books h2, .books .year, .books .book-label, .books .book-links, .books .note { color: #1c1c1c; }
.year, .book-label { font-family: Inter, sans-serif; font-size: 14px; line-height: 1.3; letter-spacing: -0.01em; text-align: center; margin: 0; }
.books .year { margin: 1px 0 21px; }
.books .book-links { margin: 0 0 20px; }
.book-links { font-family: Inter, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.3; letter-spacing: -0.01em; text-align: center; margin: 0 0 20px; }
.book-links a { color: #1c1c1c; text-decoration: underline; text-decoration-thickness: auto; text-underline-offset: auto; }
.book-links span { margin: 0; color: #1c1c1c; }
.note { font-family: Inter, sans-serif; font-size: 14px; text-align: center; line-height: 1.3; }
.books .note { font-family: Jost, Futura, "Trebuchet MS", sans-serif; font-weight: 400; line-height: 1.4; letter-spacing: normal; margin-top: 48px; }
.contact { min-height: 782px; padding-top: 39px; }
.contact h1 { color: #1c1c1c; }
.contact p,
.contact .note { color: #473243; }
.contact p { margin: 0; line-height: 1.3; }
.contact p:nth-child(2) { margin-bottom: 23px; }
.contact p:nth-child(3) { margin-bottom: 7px; }
.contact .note { margin-bottom: 44px; line-height: 1.3; letter-spacing: -0.01em; }
.contact p:last-child { margin-bottom: 10px; }
.contact a { color: #473243; text-decoration: none; }
.contact p:last-child a { text-decoration: underline; text-decoration-thickness: auto; text-underline-offset: auto; }
.privacy .lead { margin: 0 0 23px; }
.privacy p { margin: 0 0 25px; }
.contact h1 { margin-bottom: 61px; }
.privacy { width: min(618px, calc(100% - 32px)); font-size: 18px; }
.privacy h1 { margin-bottom: 42px; }
.privacy .lead { font-size: 18px; line-height: 1.2; letter-spacing: -0.04em; margin: 0 0 23px; }
.privacy p { font-size: 18px; line-height: 1.4; letter-spacing: normal; margin: 0 0 25px; }
.disclosure { width: min(862px, calc(100% - 32px)); padding-top: 29px; padding-bottom: 38px; }
.disclosure .display-name {
  font-family: "EB Garamond", Garamond, serif;
  font-size: clamp(32px, 5.2vw, 60px);
  letter-spacing: -0.04em;
  text-align: center;
  white-space: nowrap;
  line-height: 1.2;
  margin: 0 0 18px;
  color: #473243;
}
.disclosure-intro {
  display: grid;
  grid-template-columns: 164px 1fr;
  gap: 16px;
  align-items: start;
  width: 100%;
  margin: 0 0 22px;
}
.disclosure-intro > div { padding-top: 59px; }
.disclosure-intro .lifted { width: 164px; height: 246px; }
.disclosure-intro .lifted picture { display: block; width: 100%; height: 100%; }
.disclosure-intro .lifted::before,
.disclosure-intro .lifted::after { bottom: -28px; }
.disclosure-intro .lifted::before { left: -22px; }
.disclosure-intro .lifted::after { right: -22px; }
.disclosure-intro .lifted img { width: 100%; height: 100%; object-fit: cover; }
.disclosure-intro img {
  display: block;
}
.disclosure .eyebrow {
  font-family: "EB Garamond", Garamond, serif;
  font-size: 22px;
  line-height: 38.4px;
  letter-spacing: -0.96px;
  margin: 0;
  text-align: left;
  color: #473243;
}
.disclosure h1 {
  font-family: "EB Garamond", Garamond, serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 38.4px;
  letter-spacing: -0.03em;
  text-align: left;
  margin: 0;
  color: #473243;
}
.disclosure .lead-in,
.disclosure .plain,
.disclosure p {
  width: 100%;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22.6px;
  letter-spacing: -0.03em;
  text-align: left;
  margin: 0 0 22.6px;
  color: #473243;
}
.disclosure .lead-in { line-height: 21.6px; margin: 48px 0 0; }
.disclosure .note { font-family: Inter, sans-serif; font-size: 12px; font-weight: 400; line-height: 1.2; letter-spacing: -0.54px; text-align: left; margin: 0; color: #473243; }
.disclosure a { color: #473243; text-decoration: underline; text-decoration-thickness: auto; text-underline-offset: auto; }
.disclosure .lifted { text-decoration: none; }
.disclosure p.dark,
.disclosure p.dark .italic { color: #1c1c1c; }
.disclosure p.italic { color: #6e0303; }
.disclosure strong {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-size: 18px;
}
.disclosure .emphasis {
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 700;
}
.disclosure .italic {
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
}
.epk {
  width: 736px;
  max-width: calc(100% - 32px);
  margin-left: calc(50% - 418px);
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Jost, Futura, "Trebuchet MS", sans-serif;
  font-size: 16px;
  line-height: 22.4px;
  letter-spacing: normal;
}
.epk-hero {
  display: grid;
  grid-template-columns: 230px 1fr;
  gap: 21px;
  align-items: start;
  width: calc(100% - 21px);
  margin: 39px 0 31px 21px;
}
.epk-hero > div { padding-top: 11px; }
.epk-hero .lifted { width: 230px; height: 345px; }
.epk-hero .lifted picture { display: block; width: 100%; height: 100%; }
.epk-hero .lifted::before,
.epk-hero .lifted::after { bottom: -28px; }
.epk-hero .lifted::before { left: -22px; }
.epk-hero .lifted::after { right: -22px; }
.epk-hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.epk h1 {
  font-family: "EB Garamond", Garamond, serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 31.2px;
  text-align: left;
  color: #1c1c1c;
  margin: 0 0 22px;
}
.epk .artist {
  font-family: "EB Garamond", Garamond, serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 36.4px;
  letter-spacing: normal;
  text-align: left;
  color: #1c1c1c;
  margin: 0 0 40px;
}
.epk .artist, .epk .artist a { color: #1c1c1c; font-weight: 700; }
.epk .artist a { text-decoration: underline; text-decoration-thickness: auto; text-underline-offset: auto; }
.epk .meta {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  letter-spacing: normal;
  color: #1c1c1c;
  margin: 0 0 12px;
}
.epk-hero .meta:nth-child(3) { margin-bottom: 53px; }
.epk-hero .meta:nth-child(5) { margin-bottom: 10px; }
.epk .meta strong { font-family: Inter, sans-serif; font-weight: 700; }
.epk .meta a { color: #1c1c1c; text-decoration: underline; text-decoration-thickness: auto; text-underline-offset: auto; }
.epk h2,
.epk h2.serif {
  font-family: "EB Garamond", Garamond, serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 36.4px;
  letter-spacing: normal;
  text-align: left;
  color: #1c1c1c;
  margin: 0;
}
.epk h2:nth-of-type(2) { margin-bottom: 15px; }
.epk h2:nth-of-type(3) { margin-bottom: 19px; }
.epk h2:nth-of-type(4) { margin-bottom: 12px; }
.epk > p {
  font-family: Jost, Futura, "Trebuchet MS", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  letter-spacing: 0.1px;
  color: #473243;
  margin: 0 0 22.4px;
}
.epk > p:nth-of-type(3) { margin-bottom: 27px; }
.epk > p:last-child {
  font-family: Inter, sans-serif;
  color: #1c1c1c;
  line-height: 22px;
  margin-bottom: 62px;
}
.epk ul { margin: 0 0 24px 8px; padding: 0; list-style: disc; }
.epk li {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  letter-spacing: normal;
  color: #1c1c1c;
  margin: 0 0 0 20.8px;
}
.epk li strong { font-family: Inter, sans-serif; font-weight: 700; }
.entry {
  display: grid;
  grid-template-columns: 124px minmax(0, 493px);
  gap: 14px;
  align-items: start;
  margin: 0;
}
.entry > a { text-decoration: none; }
.entry img {
  width: 124px;
  height: 124px;
  object-fit: cover;
  border-radius: 0;
  display: block;
}
.entry h3 {
  font-family: "EB Garamond", Garamond, serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: normal;
  text-align: left;
  color: #1c1c1c;
  margin: 0 0 9px;
}
.entry:nth-of-type(2) h3 { margin-bottom: 11px; }
.entry:nth-of-type(3) h3,
.entry:nth-of-type(4) h3 { margin-bottom: 8px; }
.entry h3 a { color: #1c1c1c; text-decoration: underline; text-decoration-thickness: auto; text-underline-offset: auto; }
.entry h3 span { font-family: Inter, sans-serif; font-size: 12px; font-weight: 400; color: #1c1c1c; }
.entry p {
  margin: 0 0 13.4px;
  font-family: Jost, Futura, "Trebuchet MS", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  letter-spacing: normal;
  color: #1c1c1c;
  max-width: 472px;
}
.entry strong { font-family: Jost, Futura, "Trebuchet MS", sans-serif; font-weight: 700; }
.entry:nth-of-type(2) p:not(.entry-links) { margin-bottom: 10.4px; }
.entry .entry-links {
  margin-bottom: 34px;
  font-family: Jost, Futura, "Trebuchet MS", sans-serif;
  font-size: 16px;
  line-height: 22px;
}
.entry:nth-of-type(2) .entry-links { margin-bottom: 38px; }
.entry:nth-of-type(3) .entry-links,
.entry:nth-of-type(4) .entry-links { margin-bottom: 27px; }
.entry .entry-links a { color: #1c1c1c; text-decoration: underline; text-decoration-thickness: auto; text-underline-offset: auto; }
.entry:first-of-type .entry-links,
.entry:first-of-type .entry-links a { font-family: Inter, sans-serif; }
footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: min(980px, calc(100% - 40px));
  height: 40px;
  margin: 0 auto;
  padding: 0 22px;
  box-sizing: border-box;
  font-family: Jost, Futura, "Trebuchet MS", sans-serif;
  font-size: 9px;
  line-height: 1.4;
  color: #1c1c1c;
}
footer p { margin: 0; }
footer a { color: #1c1c1c; text-decoration: underline; }
footer a:hover, nav a:hover, .page-num:hover { text-decoration: underline; }
@keyframes motion-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes latest-turn {
  from { transform: translate(-50%, 50%) rotate(-50deg) translate(50%, -50%) rotate(270deg); }
  to { transform: translate(-50%, 50%) rotate(0deg) translate(50%, -50%) rotate(270deg); }
}
@keyframes icon-tilt {
  0% { animation-timing-function: step-end; transform: perspective(800px); }
  0.0001% { transform: perspective(800px) translateZ(calc((var(--motion-height, 200px) / 2) * -1)) rotateX(-90deg) translateZ(calc(var(--motion-height, 200px) / 2)) rotate(var(--comp-rotate-z, 0deg)); }
  100% { transform: perspective(800px) translateZ(calc((var(--motion-height, 200px) / 2) * -1)) rotateX(0deg) translateZ(calc(var(--motion-height, 200px) / 2)) rotate(var(--comp-rotate-z, 0deg)); }
}
@keyframes icon-swing {
  0.0001% { clip-path: var(--motion-clip-start, polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%)); transform: rotateZ(var(--motion-rotate-z)); }
  100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); transform: rotateZ(0deg); }
}
@keyframes icon-arc {
  0.0001% { transform: perspective(800px) translateZ(calc((-1 * (var(--motion-height, 33px) * var(--motion-arc-x, 1) + var(--motion-width, 33px) * var(--motion-arc-y, 0))) / 2)) rotateX(calc(var(--motion-arc-x) * var(--motion-arc-sign) * 80deg)) rotateY(calc(var(--motion-arc-y) * var(--motion-arc-sign) * 80deg)) translateZ(calc(-1 * (-1 * (var(--motion-height, 33px) * var(--motion-arc-x, 1) + var(--motion-width, 33px) * var(--motion-arc-y, 0))) / 2)) rotate(var(--comp-rotate-z, 0deg)); }
  100% { transform: perspective(800px) translateZ(calc((-1 * (var(--motion-height, 33px) * var(--motion-arc-x, 1) + var(--motion-width, 33px) * var(--motion-arc-y, 0))) / 2)) rotateX(0deg) rotateY(0deg) translateZ(calc(-1 * (-1 * (var(--motion-height, 33px) * var(--motion-arc-x, 1) + var(--motion-width, 33px) * var(--motion-arc-y, 0))) / 2)) rotate(var(--comp-rotate-z, 0deg)); }
}
@keyframes icon-bounce {
  0% { transform: translate3d(0, 0, 0); }
  0.0001% { animation-timing-function: var(--motion-ease-out); transform: translate3d(calc(var(--motion-direction-x) * var(--motion-distance-factor) * 50px), calc(var(--motion-direction-y) * var(--motion-distance-factor) * 50px), calc(var(--motion-direction-z) * var(--motion-distance-factor) * 50px)); }
  30% { animation-timing-function: var(--motion-ease-in); transform: translate3d(0, 0, 0); }
  42% { animation-timing-function: var(--motion-ease-out); transform: translate3d(calc(var(--motion-direction-x) * var(--motion-distance-factor) * 17.5px), calc(var(--motion-direction-y) * var(--motion-distance-factor) * 17.5px), calc(var(--motion-direction-z) * var(--motion-distance-factor) * 17.5px)); }
  54% { animation-timing-function: var(--motion-ease-in); transform: translate3d(0, 0, 0); }
  62% { animation-timing-function: var(--motion-ease-out); transform: translate3d(calc(var(--motion-direction-x) * var(--motion-distance-factor) * 10.5px), calc(var(--motion-direction-y) * var(--motion-distance-factor) * 10.5px), calc(var(--motion-direction-z) * var(--motion-distance-factor) * 10.5px)); }
  74% { animation-timing-function: var(--motion-ease-in); transform: translate3d(0, 0, 0); }
  82% { animation-timing-function: var(--motion-ease-out); transform: translate3d(calc(var(--motion-direction-x) * var(--motion-distance-factor) * 4.5px), calc(var(--motion-direction-y) * var(--motion-distance-factor) * 4.5px), calc(var(--motion-direction-z) * var(--motion-distance-factor) * 4.5px)); }
  90% { animation-timing-function: var(--motion-ease-in); transform: translate3d(0, 0, 0); }
  95% { animation-timing-function: var(--motion-ease-out); transform: translate3d(calc(var(--motion-direction-x) * var(--motion-distance-factor) * 1px), calc(var(--motion-direction-y) * var(--motion-distance-factor) * 1px), calc(var(--motion-direction-z) * var(--motion-distance-factor) * 1px)); }
  100% { animation-timing-function: var(--motion-ease-in); transform: translate3d(0, 0, 0); }
}
@keyframes motion-expand-in {
  from { transform: scale(0.8); }
  to { transform: scale(1); }
}
@keyframes motion-spin-in {
  from { scale: 0.6; rotate: -360deg; }
  to { scale: 1; rotate: 0deg; }
}
.arrive {
  animation:
    motion-fade-in 1200ms linear backwards,
    motion-expand-in 1200ms cubic-bezier(0.645, 0.045, 0.355, 1) backwards;
}
.spin-in {
  display: inline-block;
  animation:
    motion-fade-in 1080ms cubic-bezier(0.55, 0.055, 0.675, 0.19) backwards,
    motion-spin-in 1800ms cubic-bezier(0.645, 0.045, 0.355, 1) backwards;
}
@media (prefers-reduced-motion: reduce) {
  .arrive, .spin-in, .latest, .service, .service[title] { animation: none; }
}
@media (max-width: 720px) {
  header { height: auto; padding-bottom: 18px; }
  header::after { top: auto; bottom: 0; }
  h1 { font-size: 40px; }
  .home-art { width: 100%; grid-template-columns: 1fr; grid-template-rows: auto; }
  .portrait, .dancer { grid-row: auto; width: min(240px, 100%); height: auto; margin: 0 auto 12px; }
  .portrait img, .dancer img { height: auto; }
  .says { margin-top: 18px; }
  .music-sheet .artist, .disclosure .display-name { font-size: 36px; white-space: normal; }
  .releases { transform: none; }
  .music-sheet .release { width: 100%; padding-left: 0; grid-template-columns: 96px 1fr; column-gap: 10px; }
  .cover-link img { width: 96px; height: 96px; }
  .release-copy { height: auto; }
  .latest { position: static; width: auto; height: auto; margin: 0 0 4px; padding: 0; background: transparent; color: #8b0000; transform: none; animation: none; line-height: 1.2; }
  .service, .service[title] { animation: none; width: 28px; height: 28px; }
  .services img { width: 26px; height: 26px; }
  .disclosure { padding-top: 34px; }
  .disclosure-intro > div { padding-top: 0; }
  .disclosure .eyebrow { line-height: 1.2; letter-spacing: -0.03em; }
  .disclosure .lead-in { margin: 12px 0 0; }
  .epk { width: min(736px, calc(100% - 32px)); margin-left: auto; margin-right: auto; }
  .epk-hero { margin-left: 0; width: 100%; }
  .disclosure-intro, .epk-hero, .entry { grid-template-columns: 1fr; }
  .disclosure-intro .lifted, .epk-hero .lifted { width: 164px; height: auto; }
  .disclosure-intro .lifted img, .epk-hero .lifted img { height: auto; }
}