/* Shared archive alignment. Detail pages retain their reading layouts. */
body.page-about .profile-page .scene {
  max-width: none !important;
  margin: 0 !important;
  padding: 72px 64px 96px !important;
}
.info-page {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 72px 64px 96px;
}
.info-page__inner { max-width: 760px; }
.info-page .info-intro { margin-top: 26px; font-size: 14px; line-height: 1.95; }
.info-headphones { position: absolute; top: 100px; right: clamp(48px, 10vw, 190px); width: 180px; pointer-events: none; }
.info-headphones img { width: 100%; height: auto; display: block; }
.section-lyrics .lyrics-log { max-width: none; margin: 0; padding: 72px 64px 96px; }
.media-archive { padding: 72px 64px 120px; }
.media-archive__eyebrow { display: none; }
.media-archive__heading { align-items: flex-start; }
.media-archive__platforms { padding-top: 12px; }
body.page-about .profile-layout .page-title,
.info-page > .info-page__inner > .page-title,
.section-lyrics .lyrics-log > header > .page-title,
.media-archive__heading h1 {
  font-family: var(--font-site);
  font-size: clamp(33px, 4.5vw, 58px);
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 769px) and (max-width: 1200px) {
  .info-page__inner { max-width: calc(100% - 220px); }
  .info-headphones { right: 40px; width: 150px; }
}
@media (max-width: 768px) {
  body.page-about .profile-page .scene { padding: 40px 24px 72px !important; }
  .info-page, .section-lyrics .lyrics-log, .media-archive { padding: 40px 24px 72px; }
  body.page-about .profile-layout .page-title,
  .info-page > .info-page__inner > .page-title,
  .section-lyrics .lyrics-log > header > .page-title,
  .media-archive__heading h1 { font-size: clamp(30px, 8.8vw, 42px); }
  .info-headphones { top: 104px; right: 24px; width: 90px; }
  .info-page .info-intro { padding-right: 100px; min-height: 110px; }
  .media-archive__heading { display: block; }
  .media-archive__platforms { padding-top: 0; margin-top: 24px; }
}

/* Quiet link feedback without reflow or changing the home menu motion. */
body.section-blog .blog-link,
body.section-blog .blog-link:hover,
body.section-blog .blog-link:focus-visible {
  border-bottom-color: transparent;
  text-decoration: none;
}
:where(a[href]:not(.menu-item)) {
  display: inline-block;
  transform-origin: left center;
}
body a[href]:not(.menu-item) {
  transition: scale .32s cubic-bezier(.22, 1, .36, 1), color .25s ease, background-color .25s ease, border-color .25s ease, transform .32s cubic-bezier(.22, 1, .36, 1);
}
@media (hover: hover) and (pointer: fine) {
  body a[href]:not(.menu-item):hover { scale: 1.06; }
  body a.media-work:hover,
  body .media-video__media > a:hover,
  body a:has(> img):hover { scale: 1.02; }
}
body a[href]:not(.menu-item):focus-visible { scale: 1.06; }
@media (prefers-reduced-motion: reduce) {
  body a[href]:not(.menu-item) { transition: none; }
  body a[href]:not(.menu-item):hover,
  body a[href]:not(.menu-item):focus-visible { scale: none; }
}

body.page-about .profile-vertical hr {
  width: 48px;
  height: 0;
  margin: 32px 0;
  border: 0;
  border-top: 1px solid #ddd;
}

body.page-about .profile-layout .profile-vertical::before,
body.page-about .profile-layout .profile-vertical::after {
  content: none;
  display: none;
}

body.page-about .links-section--about .links__item,
body.page-about .links-section--about .links__item:hover,
body.page-about .links-section--about .links__item:focus-visible {
  background: transparent;
  box-shadow: none;
}
/* Reserve room for the decorative image without an introductory paragraph. */
.info-page .info-records { margin-top: 48px; }
@media (max-width: 768px) {
  .info-page .info-records { margin-top: 158px; }
}

/* Approved quiet INFO archive. */
.info-page .info-records { margin-top: 58px; }
.info-year + .info-year { margin-top: 40px; }
.info-year__title { margin: 0 0 18px; font-size: 16px; letter-spacing: .14em; color: #666; }
.info-page .info-record { border: 0; padding: 15px 0; display: grid; grid-template-columns: 58px minmax(0, 1fr) 65px; gap: 18px; align-items: baseline; }
.info-page .info-record__meta { font-size: 13px; color: #777; letter-spacing: .02em; }
.info-page .info-record h3 { margin: 0; font-size: 15px; line-height: 1.8; font-weight: 400; }
.info-page a.info-record__title { display: block; font-size: 15px; line-height: 1.8; text-decoration: none; color: #242424; }
.info-record__category { font-size: 10px; letter-spacing: .07em; color: #7b8492; text-align: right; }
.info-record__arrow { color: #1670ff; margin-left: 12px; }
@media (max-width: 768px) {
  .info-page .info-records { margin-top: 164px; }
  .info-page .info-record { grid-template-columns: 44px minmax(0, 1fr); gap: 3px 12px; padding: 13px 0; }
  .info-record__category { grid-column: 2; text-align: left; }
  .info-page a.info-record__title { font-size: 14px; }
  .info-page .info-record__meta { font-size: 12px; }
}

.site-copyright { margin-top: 8px; font-size: 10px; letter-spacing: .04em; color: #888; line-height: 1.4; }
.home-wordmark .site-copyright { display: none; }
body.is-inner .ui-dock { right: 32px; bottom: 32px; }
@media (max-width: 768px) {
  body.is-inner .ui-dock { right: calc(16px + env(safe-area-inset-right)); bottom: calc(66px + env(safe-area-inset-bottom)); }
}

/* Keep the plant clear of archive controls after removing the introduction. */
@media (max-width: 768px) {
  body.section-blog .blog-log__inner > .blog-filter { margin-top: 164px; }
}

body.is-home .artist-wrap { display: none; }

.mobile-menu-brand, .mobile-menu-bottom { display:none; }
@media(max-width:768px){

body.is-home{min-height:100dvh;margin:0;background:#fff}body.is-home .hero{box-sizing:border-box;min-height:100dvh;padding:106px 28px 120px;display:flex;flex-direction:column;position:relative}body.is-home .home-wordmark{position:static;width:100%;margin:0}body.is-home .home-wordmark__title{font-size:clamp(102px,32.82vw,153px);line-height:.82;letter-spacing:-.055em}body.is-home .home-wordmark__subtitle{font-size:10px;margin:34px 0 0 7px;letter-spacing:.08em;white-space:nowrap}body.is-home .home-wordmark__meta{margin:25px 0 0}body.is-home .home-platform-icons{gap:10px}body.is-home .home-platform-icons a{width:30px;font-size:23px}body.is-home .scene{display:none!important}body.is-home .home-highlights{position:static;inset:auto;transform:none;width:100%;margin-top:auto;padding-top:66px;gap:16px}body.is-home .home-section-link{min-height:67px}body.is-home .home-paths{margin-top:38px;gap:22px}body.is-home .home-paths a{gap:22px}body.is-home > .music-links-footer{position:absolute;left:28px;right:28px;bottom:24px;transform:none;margin:0;align-items:stretch}body.is-home > .music-links-footer .language-switcher{align-self:flex-end}body.is-home .site-copyright{position:absolute;left:0;bottom:0;margin:0;font-size:10px;color:#969ba4}body.is-home .home-wordmark .site-copyright{display:none}body.is-home .home-mobile-menu-toggle{position:absolute;inset:22px 28px auto auto;visibility:visible;opacity:1;width:auto;padding:12px 0;z-index:1300}body.is-home .artist-wrap{display:none!important}
body.is-home.home-mobile-nav-open .home-index-menu{position:fixed!important;inset:0!important;box-sizing:border-box;width:100%!important;height:100dvh!important;max-width:none!important;padding:114px 32px 82px!important;margin:0!important;transform:none!important;background:#fff!important;display:flex!important;flex-direction:column;align-items:stretch!important;justify-content:flex-start!important;gap:4px!important;opacity:1!important;visibility:visible!important;z-index:1200;overflow:auto}body.is-home.home-mobile-nav-open .home-index-menu .menu-item{position:static!important;display:flex!important;align-items:center!important;text-align:left!important;justify-content:flex-start!important;width:100%!important;max-width:none!important;min-height:54px!important;padding:0!important;margin:0!important;transform:none!important;opacity:1!important;font-size:23px!important;font-weight:400!important;letter-spacing:.075em!important;line-height:1.4!important}body.is-home.home-mobile-nav-open .home-index-menu .menu-item:first-child{color:#1670ff}body.is-home.home-mobile-nav-open .home-index-menu .menu-item:first-child::after{display:none}.mobile-menu-brand{position:absolute;left:32px;top:29px;font-size:27px;font-weight:700;letter-spacing:-.04em}.mobile-menu-bottom{margin-top:auto;padding-top:26px;display:flex;justify-content:space-between;color:#8a9099;font-size:10px;letter-spacing:.08em}.mobile-menu-bottom b{font-weight:400;color:#1670ff}
@media(max-height:720px){body.is-home .hero{padding-top:83px;padding-bottom:100px}body.is-home .home-wordmark__title{font-size:clamp(99px,28.72vw,130px)}body.is-home .home-wordmark__subtitle{margin-top:26px}body.is-home .home-highlights{padding-top:32px}body.is-home .home-paths{margin-top:20px}}

body.is-home.home-mobile-nav-open .mobile-menu-brand { display:block; }
body.is-home.home-mobile-nav-open .mobile-menu-bottom { display:flex; }
.mobile-menu-bottom a { color:#888; margin-left:20px; min-height:44px; display:inline-flex; align-items:center; }
.mobile-menu-bottom a[aria-current] {color:#1670ff;}
body.is-home.home-mobile-nav-open .home-index-menu > .menu-item:first-of-type { color:#1670ff; }
body.is-home.home-mobile-nav-open .home-mobile-menu-toggle { position:fixed; }
@media(prefers-reduced-motion:reduce){body.is-home .home-index-menu, body.is-home .home-index-menu .menu-item {transition:none!important;}}
}

/* Match the home mobile menu across inner pages. */
@media (max-width: 768px) {
  .inner-navigation { box-sizing: border-box; height: 100dvh; padding: 114px 32px max(82px, env(safe-area-inset-bottom)); }
  .inner-navigation__top { position: absolute; top: 22px; left: 32px; right: 28px; border: 0; padding: 0; }
  .inner-navigation__brand { font-size: 27px; font-weight: 700; letter-spacing: -.04em; color: #171c25; }
  .inner-navigation__top button { font-size: 11px; letter-spacing: .1em; color: #1670ff; min-height: 44px; }
  .inner-navigation__links { padding: 0; gap: 4px; align-items: stretch; }
  .inner-navigation__link { display: flex; align-items: center; flex-shrink: 0; min-height: 54px; font-size: 23px; font-weight: 400; line-height: 1.4; letter-spacing: .075em; color: #171c25; }
  .inner-navigation__link.is-current { color: #1670ff; }
  .inner-navigation__bottom { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 26px; gap: 20px; font-size: 10px; letter-spacing: .08em; color: #8a9099; }
  .inner-navigation__bottom small { font-size: inherit; }
  .inner-navigation__languages { margin: 0; padding: 0; gap: 20px; font-size: 10px; }
  .inner-navigation__languages a { display: inline-flex; align-items: center; min-height: 44px; color: #888; }
  .inner-navigation__languages [aria-current] { color: #1670ff; }
}
