:root {
  --blog-artist-size: clamp(32px, 5.2vw, 60px);
  --card: #f7f6f2;
  --cover-size: 161px;
  --display-name-size: clamp(32px, 5.2vw, 60px);
  --font-accent: Jost, Futura, "Trebuchet MS", sans-serif;
  --font-body: Inter, sans-serif;
  --font-display: "EB Garamond", Garamond, serif;
  --h1-size: 60px;
  --header-height: 91px;
  --home-title-size: clamp(36px, 4.8vw, 60px);
  --icon-image-size: 31px;
  --icon-size: 33px;
  --ink: #1c1c1c;
  --ink-strong: #1c1c1c;
  --line: rgba(28, 28, 28, 0.22);
  --music-artist-size: clamp(32px, 5.2vw, 60px);
  --nav-size: 14px;
  --paper: #f7f6f2;
  --prose-size: 16px;
  --red: #2b4c7e;
  --sheet-width: 760px;
  --wide-width: 1080px;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-body);
}
a { color: var(--red); }
.face-body { font-family: var(--font-body); }
.face-display { font-family: var(--font-display); }
.face-accent { font-family: var(--font-accent); }
.text-grow { transform-origin: center center; transition: transform 0.4s ease-in-out; }
.text-grow:hover, .text-grow:active { z-index: 1; transform: scale(var(--text-grow, 1.1)); }
.text-place-middle, .text-place-bottom,
:is(p, h1, h2, h3):has(.text-face):not(:has(.text-motion.entrance-spin)) { display: flex; flex-direction: column; }
:is(p, h1, h2, h3):has(.text-face:not([style*="border:0"]):not([style*="border: 0"]), .text-face[style*="box-shadow"], .text-clip:not([style*="background:transparent"]):not([style*="background: transparent"]), .text-box) { display: flex; flex-direction: column; }
.text-place-middle > .text-motion, .text-place-bottom > .text-motion,
.text-place-middle > .text-box, .text-place-bottom > .text-box,
.text-place-middle > .text-phone, .text-place-bottom > .text-phone,
.text-place-middle > .text-face, .text-place-bottom > .text-face,
:is(p, h1, h2, h3):has(.text-face) > .text-motion:not(.entrance-spin),
:is(p, h1, h2, h3):has(.text-face) > .text-box,
:is(p, h1, h2, h3):has(.text-face) > .text-phone,
:is(p, h1, h2, h3):has(.text-face) > .text-face,
:is(p, h1, h2, h3):has(.text-face) .text-motion > .text-box,
:is(p, h1, h2, h3):has(.text-face) .text-motion > .text-face,
:is(p, h1, h2, h3):has(.text-face) .text-box > .text-face,
:is(p, h1, h2, h3):has(.text-face) .text-phone > .text-motion:not(.entrance-spin),
:is(p, h1, h2, h3):has(.text-face) .text-phone > .text-box,
:is(p, h1, h2, h3):has(.text-face) .text-phone > .text-face { flex: 1 1 auto; display: flex !important; flex-direction: column; width: 100%; }
.text-place-middle .text-clip, .text-place-bottom .text-clip { flex: 1 1 auto; display: flex !important; flex-direction: column; width: 100%; }
:is(p, h1, h2, h3):not(.text-place-middle):not(.text-place-bottom):has(.text-face) .text-clip { flex: 1 1 auto; display: block; width: 100%; }
.text-place-middle .text-clip { justify-content: center; }
.text-place-bottom .text-clip { justify-content: flex-end; }
.site {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
header {
  position: sticky;
  top: 0;
  z-index: 51;
  align-self: flex-start;
  width: 100%;
  height: var(--header-height);
  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: var(--font-body);
  font-size: var(--nav-size);
  line-height: 30px;
  color: var(--ink);
  text-decoration: none;
}
nav a[aria-current="page"] { color: var(--ink-strong); }
main { flex: 1; }
.sheet { width: min(var(--sheet-width), calc(100% - 40px)); margin: 0 auto; padding: 34px 0 20px; }
.home-sheet {
  width: min(var(--wide-width), calc(100% - 32px));
  padding: 34px 0 20px;
  box-sizing: border-box;
}
.site:has(.home-sheet) main { flex: none; }
.music-sheet {
  width: min(var(--wide-width), calc(100% - 32px));
  padding: 34px 0 20px;
  box-sizing: border-box;
}
.music-sheet h1,
.music-sheet .pages {
  width: min(780px, 100%);
  margin-left: auto;
  margin-right: auto;
}
h1 {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 400;
  font-size: var(--h1-size);
  line-height: 1.05;
  letter-spacing: -1.8px;
  text-align: center;
  color: var(--ink);
}
.kicker {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: #1c1c1c;
}
.home-sheet h1 { margin-top: 0; font-size: var(--home-title-size); line-height: 1.1; color: #1c1c1c; }
.home-links {
  margin: 0;
  text-align: center;
  font-family: var(--font-body);
  font-size: 18px;
  line-height: 22.7px;
  letter-spacing: -0.03em;
  color: var(--red);
}
.home-links a { color: var(--red); text-decoration: underline; }
.music-sheet h1 {
  font-size: 28px;
  letter-spacing: -0.01em;
  font-weight: 400;
  line-height: 1.3;
  color: #1c1c1c;
  margin-top: 24px;
  margin-bottom: 24px;
}
.music-sheet .artist {
  font-family: var(--font-display);
  font-size: var(--music-artist-size);
  letter-spacing: -0.04em;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  margin: 0;
  color: #1c1c1c;
}
.music-sheet .release {
  width: min(576px, 100%);
  position: relative;
  display: grid;
  grid-template-columns: var(--cover-size) 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: var(--cover-size);
  height: var(--cover-size);
  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: var(--font-body);
  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: var(--font-body);
  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: var(--font-body);
  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: var(--icon-size);
  height: var(--icon-size);
  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: var(--icon-image-size); height: var(--icon-image-size); 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: var(--font-accent);
  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: 44px;
  opacity: 1;
  background: rgba(28, 28, 28, 0.12);
  color: rgba(28, 28, 28, 0.55);
  border: 1px solid rgba(28, 28, 28, 0.32);
  cursor: default;
}
.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: var(--font-body); font-size: var(--prose-size); line-height: 1.3; letter-spacing: -0.01em; }
.prose p, .prose h1, .prose h2, .prose h3 { margin: 0; }
.center, .prose.center, .prose .center { text-align: center; }
.books, .contact, .privacy, .disclosure, .epk { width: min(var(--wide-width), calc(100% - 32px)); margin: 0 auto; padding: 34px 0 20px; box-sizing: border-box; }
.books .year, .books .book-label, .books .book-links, .books .note { color: #1c1c1c; }
.year, .book-label { font-family: var(--font-body); font-size: 14px; line-height: 1.3; letter-spacing: -0.01em; text-align: center; margin: 0; }
.books .year { margin-top: 1px; }
.books .book-links { margin: 0; }
.book-links { font-family: var(--font-body); font-weight: 400; line-height: 1.3; letter-spacing: -0.01em; text-align: center; margin: 0; }
.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: var(--font-body); font-size: 14px; text-align: center; line-height: 1.3; }
.books .note { font-family: var(--font-accent); font-weight: 400; line-height: 1.4; letter-spacing: normal; }
.contact p,
.contact .note { color: #473243; }
.contact p { margin: 0; }
.contact .note { line-height: 1.3; letter-spacing: -0.01em; }
.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; }
.privacy p { margin: 0; }
.privacy .lead { font-size: 18px; line-height: 1.2; letter-spacing: -0.04em; margin: 0; }
.disclosure .display-name,
.display-name {
  font-family: var(--font-display);
  font-size: var(--display-name-size);
  letter-spacing: -0.04em;
  text-align: center;
  line-height: 1.2;
  margin: 0;
  color: #473243;
}
.columns {
  display: flex;
  align-items: flex-start;
  gap: var(--gutter, 16px);
  min-width: 0;
  --lift-grow: 1.26;
}
.column {
  flex-grow: var(--share, 1);
  flex-shrink: 1;
  flex-basis: calc(
    var(--picture-chrome-basis, 0px)
    + (100% - var(--gutter, 16px) * (var(--column-count, 1) - 1))
      * var(--share, 1)
      / (var(--share-total, 1) - var(--share, 1) + 0.001)
      * var(--picture-chrome-ratio, 0)
  );
  min-width: 0;
  min-height: 0;
  align-self: flex-start;
  box-sizing: border-box;
}
.column > .picture {
  width: auto;
  height: auto;
  max-width: 100%;
  min-height: 0;
  align-self: flex-start;
}
.column > .picture.lift-spread {
  width: calc(100% / var(--lift-grow));
  margin-left: calc((100% - 100% / var(--lift-grow)) / 2);
  margin-right: calc((100% - 100% / var(--lift-grow)) / 2);
  max-width: none;
  overflow: visible;
}
.column > p,
.column > h1,
.column > h2,
.column > h3 {
  margin-top: 0;
  margin-bottom: 0;
}
.column > .picture img {
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}
.portrait.picture, .dancer.picture { display: block; margin: 0; box-sizing: border-box; text-decoration: none; }
.portrait.picture .picture-fit, .dancer.picture .picture-fit {
  display: block; box-sizing: border-box; width: 100%; height: 100%;
}
figure.picture { margin: 0; border-radius: 10px; }
figure.picture img { max-width: 100%; height: auto; display: block; border-radius: 10px; }
.disclosure .eyebrow {
  font-family: var(--font-display);
  font-size: 22px;
  line-height: 38.4px;
  letter-spacing: -0.96px;
  margin: 0;
  text-align: left;
  color: #473243;
}
.disclosure .lead-in,
.disclosure .plain {
  width: 100%;
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 400;
  line-height: 22.6px;
  letter-spacing: -0.03em;
  text-align: left;
  margin: 0;
  color: #473243;
}
.disclosure p { margin: 0; }
.disclosure .lead-in { line-height: 21.6px; margin: 48px 0 0; }
.disclosure .note { font-family: var(--font-body); 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: var(--font-body);
  font-weight: 700;
}
.disclosure .emphasis {
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 700;
}
.disclosure .italic {
  font-family: var(--font-body);
  font-style: italic;
  font-weight: 400;
}
.epk .artist {
  font-family: var(--font-display);
  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: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  letter-spacing: normal;
  color: #1c1c1c;
  margin: 0 0 12px;
}
.epk .meta strong { font-family: var(--font-body); font-weight: 700; }
.epk .meta a { color: #1c1c1c; text-decoration: underline; text-decoration-thickness: auto; text-underline-offset: auto; }
.epk > p { margin: 0; }
.epk ul { margin: 0 0 0 8px; padding: 0; list-style: disc; }
.text-line[data-list="bullet"],
.line-bullet {
  display: list-item;
  list-style: disc outside;
  margin-left: 1.25em;
}
.text-line[data-list="bullet"][data-list-level="1"],
.line-bullet[data-list-level="1"] { list-style-type: circle; margin-left: 2.65em; }
.text-line[data-list="bullet"][data-list-level="2"],
.line-bullet[data-list-level="2"] { list-style-type: square; margin-left: 4.05em; }
.text-line[data-list="bullet"][data-list-level="3"],
.line-bullet[data-list-level="3"] { list-style-type: disc; margin-left: 5.45em; }
.text-line[data-list="bullet"][data-list-level="4"],
.line-bullet[data-list-level="4"] { list-style-type: circle; margin-left: 6.85em; }
.text-line[data-list="bullet"][data-list-level="5"],
.line-bullet[data-list-level="5"] { list-style-type: square; margin-left: 8.25em; }
.text-line[data-list="bullet"][data-list-level="6"],
.line-bullet[data-list-level="6"] { list-style-type: disc; margin-left: 9.65em; }
.text-line[data-list="bullet"][data-list-level="7"],
.line-bullet[data-list-level="7"] { list-style-type: circle; margin-left: 11.05em; }
.text-line[data-list="bullet"][data-list-level="8"],
.line-bullet[data-list-level="8"] { list-style-type: square; margin-left: 12.45em; }
.text-line[data-list="bullet"]::before,
.line-bullet::before { content: none; }
.text-line[data-line-indent="1"] { margin-left: 1.4em; }
.text-line[data-line-indent="2"] { margin-left: 2.8em; }
.text-line[data-line-indent="3"] { margin-left: 4.2em; }
.text-line[data-line-indent="4"] { margin-left: 5.6em; }
.text-line[data-line-indent="5"] { margin-left: 7em; }
.text-line[data-line-indent="6"] { margin-left: 8.4em; }
.text-line[data-line-indent="7"] { margin-left: 9.8em; }
.text-line[data-line-indent="8"] { margin-left: 11.2em; }
.text-line[data-list="number"][data-list-level="1"],
.line-number[data-list-level="1"] { padding-left: 1.4em; }
.text-line[data-list="number"][data-list-level="2"],
.line-number[data-list-level="2"] { padding-left: 2.8em; }
.text-line[data-list="number"][data-list-level="3"],
.line-number[data-list-level="3"] { padding-left: 4.2em; }
.text-line[data-list="number"][data-list-level="4"],
.line-number[data-list-level="4"] { padding-left: 5.6em; }
.text-line[data-list="number"][data-list-level="5"],
.line-number[data-list-level="5"] { padding-left: 7em; }
.text-line[data-list="number"][data-list-level="6"],
.line-number[data-list-level="6"] { padding-left: 8.4em; }
.text-line[data-list="number"][data-list-level="7"],
.line-number[data-list-level="7"] { padding-left: 9.8em; }
.text-line[data-list="number"][data-list-level="8"],
.line-number[data-list-level="8"] { padding-left: 11.2em; }
.text-line[data-list="number"]::before,
.line-number::before { content: attr(data-list-number) ". "; padding-right: 0.35em; }
ul.text-list, ol.text-list { margin: 0; padding-left: 1.4em; }
ul.text-list { list-style: disc; }
ol.text-list { list-style: decimal; }
.text-list .text-list { margin-top: 0; }
.epk li {
  font-family: var(--font-body);
  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: var(--font-body); font-weight: 700; }
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: var(--font-accent);
  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;
}
.picture.entrance-arrive > * {
  animation:
    motion-fade-in 1200ms linear backwards,
    motion-expand-in 1200ms cubic-bezier(0.645, 0.045, 0.355, 1) backwards;
}
.picture.entrance-spin {
  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;
}
.picture.entrance-tilt,
.picture.entrance-arc {
  --motion-height: var(--picture-motion-height, 100%);
  --motion-width: var(--picture-motion-width, 100%);
}
.picture.entrance-tilt {
  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;
}
.picture.entrance-swing {
  --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-swing 960ms cubic-bezier(0.215, 0.61, 0.355, 1) backwards;
}
.picture.entrance-arc {
  --motion-arc-x: 0;
  --motion-arc-y: 1;
  --motion-arc-sign: -1;
  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;
}
.picture.entrance-bounce {
  --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;
}
.text-motion { display: block; }
.text-box.text-lift-only > .text-floor { display: none; }
.text-motion.entrance-arrive {
  animation:
    motion-fade-in 1200ms linear backwards,
    motion-expand-in 1200ms cubic-bezier(0.645, 0.045, 0.355, 1) backwards;
}
.text-motion.entrance-spin {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
  transform-origin: center center;
  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;
}
:is(p, h1, h2, h3):has(.text-face:not([style*="border:0"]):not([style*="border: 0"]), .text-face[style*="box-shadow"], .text-clip:not([style*="background:transparent"]):not([style*="background: transparent"]), .text-box) .text-motion.entrance-spin {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.text-motion.entrance-tilt,
.text-motion.entrance-arc {
  --motion-height: var(--text-motion-height, 100%);
  --motion-width: var(--text-motion-width, 100%);
}
.text-motion.entrance-tilt {
  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;
}
.text-motion.entrance-swing {
  --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-swing 960ms cubic-bezier(0.215, 0.61, 0.355, 1) backwards;
}
.text-motion.entrance-arc {
  --motion-arc-x: 0;
  --motion-arc-y: 1;
  --motion-arc-sign: -1;
  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;
}
.text-motion.entrance-bounce {
  --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;
}
.picture.lift-only-phone .picture-ground { display: none; }
.picture.phone-entrance-tilt,
.picture.phone-entrance-arc {
  --motion-height: var(--picture-motion-height, 100%);
  --motion-width: var(--picture-motion-width, 100%);
}
.picture.phone-entrance-swing {
  --motion-rotate-z: 30deg;
  --motion-clip-start: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}
.picture.phone-entrance-arc {
  --motion-arc-x: 0;
  --motion-arc-y: 1;
  --motion-arc-sign: -1;
}
.picture.phone-entrance-bounce {
  --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);
}
@media (prefers-reduced-motion: reduce) {
  .arrive, .spin-in, .latest, .service, .service[title],
  .picture.entrance-arrive > *,
  .picture.entrance-spin, .picture.entrance-tilt,
  .picture.entrance-swing, .picture.entrance-arc, .picture.entrance-bounce,
  .text-motion.entrance-arrive, .text-motion.entrance-spin, .text-motion.entrance-tilt,
  .text-motion.entrance-swing, .text-motion.entrance-arc, .text-motion.entrance-bounce { animation: none; }
}
@media (max-width: 720px) {
  .columns:not(.stack-phone) > .column {
    flex-basis: calc(
      var(--picture-chrome-basis-phone, var(--picture-chrome-basis, 0px))
      + (100% - var(--gutter-phone, var(--gutter, 16px)) * (var(--column-count, 1) - 1))
        * var(--share-phone, var(--share, 1))
        / (var(--share-total-phone, var(--share-total, 1)) - var(--share-phone, var(--share, 1)) + 0.001)
        * var(--picture-chrome-ratio-phone, var(--picture-chrome-ratio, 0))
    );
  }
  .text-motion.text-phone-spin {
    display: inline-block;
    max-width: 100%;
    vertical-align: top;
    transform-origin: center center;
  }
  .text-motion.entrance-spin.text-entrance-phone:not(.text-phone-spin) {
    display: block;
  }
}
@media (max-width: 720px) {
  :root {
  --blog-artist-size: 36px;
  --cover-size: 96px;
  --display-name-size: 36px;
  --h1-size: 40px;
  --header-height: auto;
  --icon-image-size: 26px;
  --icon-size: 28px;
  --music-artist-size: 36px;
}
  header { padding-bottom: 18px; }
  header::after { top: auto; bottom: 0; }
  .music-sheet .artist, .disclosure .display-name { white-space: normal; }
  .releases { transform: none; }
  .music-sheet .release { width: 100%; padding-left: 0; grid-template-columns: var(--cover-size) 1fr; column-gap: 10px; }
  .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; }
  .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, .beside { grid-template-columns: 1fr; }
  .disclosure-intro .lifted, .epk-hero .lifted { width: 164px; height: auto; }
  .disclosure-intro .lifted img, .epk-hero .lifted img { height: auto; }
  .blog-sheet .artist { white-space: normal; }
}

.blog-sheet {
  width: min(var(--wide-width), calc(100% - 32px));
  margin: 0 auto;
  padding: 34px 0 64px;
}
.blog-sheet .artist {
  font-family: var(--font-display);
  font-size: var(--blog-artist-size);
  letter-spacing: -0.04em;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  margin: 0;
  color: #1c1c1c;
}
.blog-sheet h1, .blog-entry h1 {
  font-family: var(--font-display);
  font-weight: 400;
  color: #1c1c1c;
}
.blog-sheet h1 {
  font-size: 28px;
  letter-spacing: -0.01em;
  line-height: 1.3;
  margin: 24px 0 24px;
}
.blog-sheet h1:has(+ .blog-intro) { margin-bottom: 8px; }
.blog-intro {
  text-align: center;
  max-width: 40rem;
  margin: 0 auto 28px;
  font-size: 18px;
  line-height: 1.5;
}
.blog-soon, .blog-empty { text-align: center; font-size: 18px; }
.blog-tools { display: flex; justify-content: center; margin: 0 0 18px; }
.blog-search { position: relative; width: min(420px, 100%); }
.blog-search input {
  width: 100%;
  padding: 0.55rem 3rem 0.55rem 0.7rem;
  font: inherit;
  color: inherit;
  background: var(--paper);
  border: 1px solid var(--line);
}
.blog-search input[type="search"]::-webkit-search-cancel-button,
.blog-search input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}
.blog-clear {
  position: absolute;
  top: 50%;
  right: 0.35rem;
  width: 36px;
  height: 24px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--ink);
  transform: translateY(-50%);
  cursor: pointer;
}
.blog-clear[hidden] { display: none; }
.blog-clear svg { display: block; width: 100%; height: 100%; }
.blog-filters { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-bottom: 28px; }
.blog-filters button {
  background: transparent;
  color: var(--ink);
  border: 1px solid var(--line);
  padding: 0.3rem 0.7rem;
  font: inherit;
  cursor: pointer;
}
.blog-filters button[aria-pressed="true"] { background: var(--ink); color: var(--paper); }
.blog-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 22px; }
.blog-tile { background: var(--paper); border: 1px solid var(--line); display: flex; flex-direction: column; min-height: 100%; }
.blog-tile[hidden] { display: none; }
.blog-tile-link { color: inherit; text-decoration: none; display: flex; flex-direction: column; flex: 1; }
.blog-tile img { width: calc(100% * 2 / 3); aspect-ratio: 1 / 1; height: auto; object-fit: contain; display: block; margin: 16px auto 0; }
.blog-tile-copy { padding: 14px 16px 8px; }
.blog-tile time, .blog-date { font-size: 13px; letter-spacing: 0.04em; text-transform: uppercase; }
.blog-author { display: block; margin: 4px 0 0; font-size: 14px; letter-spacing: 0; text-transform: none; text-align: center; }
.blog-tile .blog-author { text-align: left; }
.blog-tile h2 { font-family: var(--font-display); font-size: 28px; font-weight: 400; line-height: 1.15; margin: 6px 0 8px; color: #1c1c1c; }
.blog-tile p { margin: 0; line-height: 1.4; }
.blog-tile-meta { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; padding: 0 16px 14px; margin: 0; font-size: 14px; }
.blog-tile-meta span { margin-left: auto; color: var(--ink); }
.blog-entry { width: min(720px, calc(100% - 40px)); margin: 0 auto; padding: 42px 0 72px; }
.blog-kicker { text-align: center; margin: 0 0 8px; letter-spacing: 0.08em; text-transform: uppercase; font-size: 13px; }
.blog-entry h1 { font-size: clamp(36px, 5vw, 56px); line-height: 1.05; letter-spacing: -1px; text-align: center; margin: 0 0 10px; }
.blog-date, .blog-cats { text-align: center; }
.blog-cats { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 14px; }
.blog-body { margin-top: 28px; font-size: 18px; line-height: 1.55; }
.blog-body p { margin: 0 0 1rem; }
.blog-body h2, .blog-body h3 { font-family: var(--font-display); font-weight: 400; text-align: left; line-height: 1.2; }
.blog-body h2 { font-size: 32px; margin: 1.4rem 0 0.4rem; }
.blog-body h3 { font-size: 24px; margin: 1.2rem 0 0.3rem; }
.blog-body img { max-width: 100%; height: auto; display: block; margin: 1rem auto; }
.blog-body a:has(> img) { display: block; width: fit-content; margin: 1rem auto; text-decoration: none; }
.blog-body a:has(> img) img { margin: 0; }
.blog-body blockquote { margin: 1rem 0; padding-left: 1rem; border-left: 2px solid var(--line); }
.blog-like { margin-top: 2rem; text-align: center; }
.blog-like button { background: var(--ink); color: var(--paper); border: 0; padding: 0.5rem 0.9rem; font: inherit; cursor: pointer; }
.blog-like button[aria-pressed="true"] { background: var(--red); }
.nowrap { white-space: nowrap; }
.page-frame-default {
  width: min(var(--wide-width), calc(100% - 32px));
  margin-left: auto;
  margin-right: auto;
}
.page-frame-phone { display: contents; }
.page-frame.column-set > section {
  margin-left: var(--column-left);
  margin-right: 0;
  width: var(--column-width);
  max-width: var(--column-width);
}
.page-frame:not(.page-frame-phone):not(.column-set) > section {
  width: min(var(--sheet-limit), 100%);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 720px) {
  .nowrap,
  .nowrap-phone,
  .home-sheet h1.nowrap,
  .home-sheet h1.nowrap-phone,
  .disclosure .display-name.nowrap,
  .disclosure .display-name.nowrap-phone { white-space: nowrap; }
  .wrap-phone,
  .home-sheet h1.wrap-phone,
  .disclosure .display-name.wrap-phone { white-space: normal; }
  .blog-sheet .artist,
  .display-name { font-size: var(--display-name-size, 36px); white-space: normal; }
  .sheet > :not(figure):not(.box-phone)[style*="margin-left:"][style*="width:"] {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .music-sheet .release {
    width: min(576px, 100%);
    padding-left: 16px;
    grid-template-columns: var(--cover-size, 96px) 1fr;
    column-gap: 10px;
  }
  .release-copy {
    height: var(--cover-size, 96px);
  }
  .release h2 {
    margin: 0 0 4px;
    font-size: 16px;
    line-height: 19px;
  }
  .meta {
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.3px;
  }
  .kind {
    margin-left: 6px;
  }
  .services {
    margin: auto 0 0;
  }
  .latest {
    position: absolute;
    left: -32px;
    top: 40px;
    z-index: 2;
    margin: 0;
    padding: 0;
    width: 80px;
    height: 16px;
    background: #8b0000;
    color: #f5f3ee;
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -0.3px;
    text-align: center;
    white-space: nowrap;
    transform: rotate(270deg);
    transform-origin: center center;
  }
  .size-phone, span.size-phone { font-size: var(--size-phone) !important; }
  .box-phone {
    margin-left: var(--box-left-phone) !important;
    width: var(--box-width-phone) !important;
    max-width: var(--box-max-phone) !important;
    min-height: var(--box-height-phone) !important;
  }
  .block-gap { margin-bottom: var(--gap-phone, var(--gap)) !important; }
  .columns { gap: var(--gutter-phone, var(--gutter, 16px)); }
  .column { flex-grow: var(--share-phone, var(--share, 1)); }
  .columns.stack-phone { flex-direction: column; }
  .columns.stack-phone > .column { flex: 1 1 auto; width: 100%; }
  .page-frame {
    display: block !important;
    width: calc(100% - 32px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .page-frame.area-phone {
    margin-left: var(--area-left-phone) !important;
    margin-right: 0 !important;
    width: var(--area-width-phone) !important;
    max-width: var(--area-width-phone) !important;
  }
  .page-frame:not(.column-set):not(.column-phone) > section {
    width: min(var(--sheet-limit), 100%) !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .page-frame.column-phone > section {
    margin-left: var(--column-left-phone) !important;
    margin-right: 0 !important;
    width: var(--column-width-phone) !important;
    max-width: var(--column-width-phone) !important;
  }
  .picture.entrance-tilt,
  .picture.entrance-arc,
  .picture.phone-entrance-tilt,
  .picture.phone-entrance-arc {
    --motion-height: var(--picture-motion-height-phone, var(--picture-motion-height, 100%));
    --motion-width: var(--picture-motion-width-phone, var(--picture-motion-width, 100%));
  }
  .picture.radius-phone,
  .picture.radius-phone img,
  .picture.radius-phone .picture-ground { border-radius: var(--radius-phone) !important; }
  .picture.border-phone img { border: var(--border-phone) !important; }
  .picture.shadow-phone img { box-shadow: var(--shadow-phone) !important; }
  .picture.fit-phone > .picture-fit { padding: var(--fit-pad-phone) !important; }
  .picture.lift-only-phone .picture-ground { display: block; }
  .picture.lift-phone-off .picture-ground { display: none !important; }
  .picture.entrance-phone,
  .picture.entrance-phone > * { animation: none !important; }
  .picture.phone-entrance-arrive > * {
    animation:
      motion-fade-in 1200ms linear backwards,
      motion-expand-in 1200ms cubic-bezier(0.645, 0.045, 0.355, 1) backwards !important;
  }
  .picture.phone-entrance-spin {
    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 !important;
  }
  .picture.phone-entrance-tilt {
    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 !important;
  }
  .picture.phone-entrance-swing {
    animation:
      motion-fade-in 240ms cubic-bezier(0.215, 0.61, 0.355, 1) backwards,
      icon-swing 960ms cubic-bezier(0.215, 0.61, 0.355, 1) backwards !important;
  }
  .picture.phone-entrance-arc {
    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 !important;
  }
  .picture.phone-entrance-bounce {
    animation:
      motion-fade-in 648ms cubic-bezier(0.25, 0.46, 0.45, 0.94) backwards,
      icon-bounce 1200ms linear backwards !important;
  }
  .text-phone-radius .text-face,
  .text-phone-radius .text-floor { border-radius: var(--text-radius-phone) !important; }
  .text-phone-radius .text-clip,
  .text-phone-border .text-clip { border-radius: var(--text-clip-radius-phone) !important; }
  .text-phone-border .text-face { border: var(--text-border-phone) !important; }
  .text-phone-shadow .text-face { box-shadow: var(--text-shadow-phone) !important; }
  .text-phone-pad .text-clip { padding: var(--text-pad-phone) !important; }
  .text-phone-fill .text-clip { background: var(--text-fill-phone) !important; }
  .text-box.text-lift-only { padding-bottom: 15.8537% !important; }
  .text-box.text-lift-only > .text-floor { display: block !important; }
  .text-box.text-lift-off { padding-bottom: 0 !important; }
  .text-box.text-lift-off > .text-floor { display: none !important; }
  .text-motion.text-entrance-phone { animation: none !important; }
  .text-motion.text-phone-arrive {
    animation:
      motion-fade-in 1200ms linear backwards,
      motion-expand-in 1200ms cubic-bezier(0.645, 0.045, 0.355, 1) backwards !important;
  }
  .text-motion.text-phone-spin {
    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 !important;
  }
  .text-motion.text-phone-tilt,
  .text-motion.text-phone-arc {
    --motion-height: var(--text-motion-height, 100%);
    --motion-width: var(--text-motion-width, 100%);
  }
  .text-motion.text-phone-tilt {
    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 !important;
  }
  .text-motion.text-phone-swing {
    --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-swing 960ms cubic-bezier(0.215, 0.61, 0.355, 1) backwards !important;
  }
  .text-motion.text-phone-arc {
    --motion-arc-x: 0;
    --motion-arc-y: 1;
    --motion-arc-sign: -1;
    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 !important;
  }
  .text-motion.text-phone-bounce {
    --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 !important;
  }
  .text-phone-face-body { font-family: var(--font-body) !important; }
  .text-phone-face-display { font-family: var(--font-display) !important; }
  .text-phone-face-accent { font-family: var(--font-accent) !important; }
  .text-phone-size { font-size: var(--text-size-phone) !important; }
  .text-phone-color { color: var(--type-color-phone) !important; }
  .text-phone-leading { line-height: var(--type-leading-phone) !important; }
  .text-phone-tracking { letter-spacing: var(--type-tracking-phone) !important; }
  .text-phone-align { text-align: var(--type-align-phone) !important; text-align-last: var(--type-align-last-phone, auto) !important; }
  .portion-phone-color { color: var(--portion-color-phone) !important; }
  .portion-phone-highlight { background-color: var(--portion-highlight-phone) !important; }
  .portion-phone-face-body { font-family: var(--font-body) !important; }
  .portion-phone-face-display { font-family: var(--font-display) !important; }
  .portion-phone-face-accent { font-family: var(--font-accent) !important; }
  a.phone-link-color { color: var(--link-color-phone) !important; }
  a.phone-link-line { text-decoration: var(--link-line-phone) !important; }
  .phone-line-align { text-align: var(--line-align-phone) !important; text-align-last: var(--line-last-phone, auto) !important; }
  .phone-line-space { margin-bottom: var(--line-space-phone) !important; }
  .phone-indent-left { padding-left: var(--indent-left-phone) !important; }
  .phone-indent-right { padding-right: var(--indent-right-phone) !important; }
  .phone-first { text-indent: var(--indent-first-phone) !important; }
  .text-phone-sides .text-clip { padding: var(--text-pad-sides-phone) !important; }
  .text-phone-place-middle, .text-phone-place-bottom { display: flex !important; flex-direction: column; }
  .text-phone-place-middle > .text-face, .text-phone-place-bottom > .text-face,
  .text-phone-place-middle .text-clip, .text-phone-place-bottom .text-clip { display: flex !important; flex-direction: column; flex: 1 1 auto; }
  .text-phone-place-middle .text-clip { justify-content: center; }
  .text-phone-place-bottom .text-clip { justify-content: flex-end; }
  .text-phone-grow { --text-grow: var(--text-grow-phone); }
  .text-phone-grow-off.text-grow:hover, .text-phone-grow-off.text-grow:active { transform: none !important; }
}
@media (prefers-reduced-motion: reduce) and (max-width: 720px) {
  .picture.phone-entrance-arrive > *,
  .picture.phone-entrance-spin,
  .picture.phone-entrance-tilt,
  .picture.phone-entrance-swing,
  .picture.phone-entrance-arc,
  .picture.phone-entrance-bounce,
  .text-motion.text-phone-arrive,
  .text-motion.text-phone-spin,
  .text-motion.text-phone-tilt,
  .text-motion.text-phone-swing,
  .text-motion.text-phone-arc,
  .text-motion.text-phone-bounce { animation: none !important; }
}