@font-face {
  font-family: "Instrument Serif";
  src: url("/fonts/instrument-serif-normal-latin-ext.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Instrument Serif";
  src: url("/fonts/instrument-serif-italic-latin-ext.woff2") format("woff2");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Instrument Serif";
  src: url("/fonts/instrument-serif-normal-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Instrument Serif";
  src: url("/fonts/instrument-serif-italic-latin.woff2") format("woff2");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Space Grotesk";
  src: url("/fonts/space-grotesk-latin-ext.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Space Grotesk";
  src: url("/fonts/space-grotesk-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --plum: #211329;
  --plum-panel: #312139;
  --mint: #a8f3cd;
  --rose: #ed91b1;
  --lilac: #c8b6ed;
  --paper: #f5f0ff;
  --muted: #d4cbe0;
  --line: rgba(245, 240, 255, .28);
  --font-display: "Instrument Serif", Georgia, serif;
  --font-body: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --font-body-compact: "Space Grotesk", ui-sans-serif, sans-serif;
  --space-inline: 1rem;
  --line-rule: 1px solid var(--line);
  --focus-ring: 3px solid var(--mint);
  --radius-pill: 999px;
  --motion-ui: .2s ease;
  --motion-card: .3s ease;
  --motion-media: .6s ease;
  --motion-related: .35s ease;
  /* Shared layout tokens. */
  --page-gutter: 4vw;
  --page-width: calc(100% - var(--page-gutter) - var(--page-gutter));
  --story-gap: 1.6rem;
  --card-padding: 1.5rem 1.55rem 1.6rem;
  --section-top: 4.2rem;
  --section-bottom: 5rem;
  --reading-width: 44rem;
  --reading-inset: 1.5rem;
  --article-panel-padding: clamp(1.5rem, 3vw, 2.8rem);
  color: var(--paper);
  background: var(--plum);
  font-family: var(--font-body);
  line-height: 1.6;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 18rem; background: var(--plum); color: var(--paper); }
body, button, input, textarea, select { font: inherit; }
a { color: inherit; text-decoration: none; }
a:focus-visible, summary:focus-visible { outline: var(--focus-ring); outline-offset: 5px; }
img { display: block; width: 100%; height: 100%; object-fit: cover; }
h1, h2, h3, p { margin: 0; text-wrap: pretty; }
h1, h2, h3 { text-wrap: balance; }
h1, h2, h3, .record-shelf__release h3 { font-family: var(--font-display); font-weight: 400; }

.site-shell { min-height: 100vh; display: flex; flex-direction: column; }
.site-main { flex: 1; }
.skip-link { position: absolute; left: 1rem; top: -5rem; z-index: 20; padding: .7rem 1rem; background: var(--mint); color: var(--plum); font-weight: 700; }
.skip-link:focus { top: 1rem; }

.site-header { position: relative; z-index: 10; color: var(--mint); }
.home .site-header { position: absolute; top: 0; right: 0; left: 0; }
.site-header__inner { width: var(--page-width); min-height: 6.9rem; margin-inline: auto; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 2.2rem; border-bottom: var(--line-rule); }
.home .site-header__inner { border-bottom-color: rgba(168, 243, 205, .4); }
.wordmark { width: max-content; color: var(--mint); font-size: clamp(2.6rem, 5vw, 4.1rem); font-weight: 500; letter-spacing: -.09em; line-height: .8; }
.site-nav { grid-column: 2; display: flex; align-items: center; justify-self: center; gap: clamp(1.1rem, 2.4vw, 2rem); font-size: .78rem; font-weight: 600; }
.site-nav a { position: relative; padding: .7rem 0; }
.site-nav a::after { position: absolute; right: 0; bottom: .25rem; left: 0; height: 2px; background: var(--mint); content: ""; transform: scaleX(0); transform-origin: left; transition: transform var(--motion-ui); }
.site-nav a:hover::after, .site-nav a:focus-visible::after { transform: scaleX(1); }
.site-nav-mobile { display: none; position: relative; justify-self: end; font-size: .75rem; font-weight: 600; }
.site-nav-mobile summary { cursor: pointer; list-style: none; padding: .7rem 0; }
.site-nav-mobile summary::-webkit-details-marker { display: none; }
.site-nav-mobile summary span { color: var(--rose); font-size: 1.1rem; }
.site-nav-mobile nav { position: absolute; top: 3rem; right: 0; display: grid; min-width: 12rem; padding: .9rem 1rem; background: var(--mint); color: var(--plum); box-shadow: 0 .6rem 1.5rem rgba(0, 0, 0, .25); }
.site-nav-mobile nav a { padding: .45rem 0; }

.kicker, .micro-label { font-size: .62rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.kicker { display: flex; align-items: center; gap: .65rem; }
.dot { display: inline-block; width: .45rem; height: .45rem; border-radius: 50%; background: currentColor; }
.micro-label { opacity: .72; }
.read-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 1.6rem; width: max-content; border-bottom: 1px solid currentColor; padding: .7rem 0; font-size: .76rem; font-weight: 700; }
.read-link span { font-size: 1.35rem; line-height: 1; }
.read-link:hover { color: var(--rose); }
.outline-link { display: inline-flex; align-items: center; gap: .6rem; border: 1px solid rgba(168, 243, 205, .5); border-radius: var(--radius-pill); padding: .75rem 1rem; color: var(--mint); font-size: .7rem; font-weight: 600; }
.outline-link:hover { background: var(--mint); color: var(--plum); }

.cover-selection { position: relative; min-height: 52.5rem; height: calc(100svh - 1.25rem); max-height: 75rem; overflow: hidden; background: var(--plum); }
.cover-selection__media { position: absolute; inset: 0; background: var(--plum-panel); }
.cover-selection__media::after { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(33, 19, 41, .42) 0%, rgba(33, 19, 41, .08) 34%, rgba(33, 19, 41, .22) 54%, rgba(33, 19, 41, .96) 100%); content: ""; }
.cover-selection__media img { filter: brightness(.8); object-position: center 30%; }
.cover-selection__media--portrait img { object-position: center 28%; }
.cover-selection__media--square-art { display: grid; place-items: center; background: radial-gradient(circle at 72% 22%, rgba(168, 243, 205, .35), transparent 23%), var(--plum-panel); }
.cover-selection__media--square-art::before { position: absolute; inset: 8%; border: 1px solid rgba(168, 243, 205, .22); content: ""; transform: rotate(-3deg); }
.cover-selection__media--square-art::after { z-index: 2; background: linear-gradient(180deg, rgba(33, 19, 41, .12) 0%, rgba(33, 19, 41, .04) 42%, rgba(33, 19, 41, .96) 100%); }
.cover-selection__square-art { z-index: 1; width: min(58vw, 42rem); aspect-ratio: 1; transform: rotate(-4deg); box-shadow: 1rem 1.2rem 0 rgba(33, 19, 41, .28); }
.cover-selection__square-art img { height: 100%; filter: saturate(.9) brightness(.82); object-fit: cover; }
.cover-selection__content { position: relative; width: var(--page-width); height: 100%; margin-inline: auto; display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(15rem, .85fr); align-content: end; gap: 1.4rem 5vw; padding: 11.875rem 0 3.4rem; }
.cover-selection__content > .kicker { grid-column: 1 / -1; width: max-content; max-width: 100%; padding: .65rem .9rem; background: var(--mint); color: var(--plum); }
.cover-selection h1 { max-width: 60rem; color: var(--paper); font-size: clamp(4.9rem, 10.4vw, 10.4rem); letter-spacing: -.035em; line-height: .88; }
.cover-selection h1 span, .cover-selection h1 em { display: block; }
.cover-selection h1 em { color: var(--rose); font-style: italic; }
.cover-panel { align-self: end; max-width: 25rem; border-top: 3px solid var(--rose); padding: 1.8rem; background: rgba(33, 19, 41, .92); }
.cover-panel .cover-panel__label { margin-bottom: .9rem; color: var(--rose); font-size: .62rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.cover-panel p { margin-bottom: 1.2rem; color: var(--paper); font-size: .88rem; line-height: 1.75; }
.cover-panel .read-link { width: 100%; border-bottom: 0; }
.read-link--circle .read-link__arrow { display: grid; width: 2.8rem; height: 2.8rem; flex: 0 0 2.8rem; place-items: center; border-radius: 50%; background: var(--mint); color: var(--plum); font-size: 1.35rem; transition: transform var(--motion-ui); }
.read-link--circle:hover .read-link__arrow, .read-link--circle:focus-visible .read-link__arrow { transform: rotate(45deg); }

.artwork-placeholder { position: relative; display: grid; min-height: 100%; place-items: end start; overflow: hidden; padding: 1.3rem; background: radial-gradient(circle at 75% 22%, rgba(168, 243, 205, .75), transparent 25%), linear-gradient(135deg, var(--plum-panel) 0 45%, var(--rose) 45% 68%, var(--lilac) 68% 100%); color: var(--paper); }
.artwork-placeholder::before { position: absolute; top: 13%; right: 16%; width: 45%; aspect-ratio: 1; border: 1px solid rgba(33, 19, 41, .5); border-radius: 50%; content: ""; transform: rotate(-12deg); }
.artwork-placeholder > span { position: relative; max-width: 8ch; font-family: var(--font-display); font-size: clamp(1.8rem, 5vw, 4rem); line-height: .95; }
.artwork-placeholder--cover { min-height: 100%; padding: 8vw; }
.artwork-placeholder--cover > span { color: var(--paper); font-size: clamp(3.5rem, 11vw, 10rem); }
.artwork-placeholder--record { width: clamp(8rem, 18vw, 15rem); aspect-ratio: 1; min-height: 0; padding: .9rem; transform: rotate(-7deg); box-shadow: .8rem 1rem 0 rgba(33, 19, 41, .16); }
.artwork-placeholder--record > span { font-size: clamp(1.5rem, 3vw, 2.8rem); }
.artwork-placeholder--article { min-height: 42rem; }
.artwork-placeholder--article.artwork-placeholder--square { width: min(100%, 42rem); min-height: 0; aspect-ratio: 1; place-self: center; }

.content-wrap { width: var(--page-width); margin-inline: auto; padding: var(--section-top) 0 var(--section-bottom); }
.section-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--space-inline); }
.section-heading--display { padding-bottom: 2rem; }
.section-heading h2 { font-size: clamp(3rem, 5vw, 4.8rem); line-height: .95; }
.section-heading h2 em, .record-shelf h2 em { color: var(--rose); font-style: italic; }
.story-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: var(--story-gap); }
.story-card { position: relative; display: flex; min-width: 0; flex-direction: column; overflow: hidden; background: var(--plum-panel); color: var(--paper); transition: transform var(--motion-card); }
.story-card:nth-child(3n + 2) { background: var(--lilac); color: var(--plum); }
.story-card:nth-child(3n) { background: var(--mint); color: var(--plum); }
.story-card:hover { transform: translateY(-.35rem); }
.story-card__media { position: relative; display: block; aspect-ratio: 4 / 4.5; overflow: hidden; background: var(--plum-panel); }
.story-card__media img { transition: transform var(--motion-media); }
.story-card:hover .story-card__media img { transform: scale(1.035); }
.story-card__copy { display: flex; min-height: 15rem; flex: 1; flex-direction: column; padding: var(--card-padding); }
.story-card__copy .kicker { margin: .4rem 0 .7rem; }
.story-card h2 { margin: 0; font-family: var(--font-body); font-size: clamp(1.55rem, 2vw, 1.9rem); font-weight: 500; line-height: 1.15; letter-spacing: -.04em; }
.story-card h2 a:hover { color: var(--rose); }
.release-card__artist { margin-top: .45rem; font-size: .8rem; font-weight: 700; }
.release-card__description { margin-top: .85rem; font-size: .8rem; line-height: 1.7; }
.release-card__date { margin-top: auto; padding-top: 1.2rem; }

.record-shelf { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 6vw; margin: 5.3rem calc(0px - var(--page-gutter)) 0; padding: 4rem 6vw; background: var(--rose); color: var(--plum); }
.record-shelf__intro h2 { margin-top: 1.1rem; font-size: clamp(3.5rem, 6.8vw, 6.6rem); line-height: .92; }
.record-shelf__release { display: flex; align-items: center; gap: 2.2rem; }
.record-shelf__release > img { width: clamp(8rem, 18vw, 16rem); height: auto; aspect-ratio: 1; transform: rotate(-7deg); box-shadow: .8rem 1rem 0 rgba(33, 19, 41, .16); }
.record-shelf__release h3 { margin-top: .4rem; font-size: clamp(2.5rem, 5vw, 4.2rem); line-height: .95; }
.record-shelf__release > div:last-child > p:not(.kicker) { margin: .55rem 0 1rem; font-size: .8rem; }

.page-heading { width: min(92%, 60rem); margin-inline: auto; padding: 4rem 0 3rem; }
.archive .page-heading { width: var(--page-width); }
.page-heading h1 { margin-top: .5rem; font-size: clamp(4rem, 8vw, 7.5rem); line-height: .9; }
.lede { max-width: 34rem; margin-top: 1.2rem; color: var(--muted); font-size: 1rem; }
.archive-list { width: var(--page-width); margin-inline: auto; padding-bottom: var(--section-bottom); }
.pagination { width: var(--page-width); margin: -2rem auto var(--section-bottom); display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: var(--muted); font-size: .7rem; }
.empty-state { width: min(92%, 42rem); margin: 4rem auto; border-top: 3px solid var(--rose); padding: 2rem 0 4rem; }
.empty-state h1, .empty-state h2 { margin: .5rem 0 1rem; font-size: clamp(3rem, 7vw, 6rem); line-height: .95; }

.article { width: var(--page-width); margin-inline: auto; padding: 2rem 0 6rem; }
.back-link { display: inline-block; margin-bottom: 1.7rem; color: var(--mint); font-size: .75rem; text-decoration: underline; text-underline-offset: .2em; }
.article-hero { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 0; background: var(--plum-panel); }
.article-hero__copy { display: flex; flex-direction: column; justify-content: center; padding: var(--article-panel-padding); }
.article-hero h1 { margin: 1.2rem 0; color: var(--rose); font-size: clamp(3.125rem, 5.4vw, 5.4375rem); line-height: .98; letter-spacing: -.055em; }
.article-dek { max-width: 34rem; font-size: 1rem; line-height: 1.7; }
.article-hero__date { margin-top: 1.25rem; color: var(--muted); font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.article-hero__media { min-height: 40.625rem; }
.article-hero__media .release-artwork { height: 100%; }
.release-artwork { margin: 0; }
.release-artwork--square { display: grid; grid-template-rows: 1fr auto; place-items: center; background: var(--plum-panel); }
.release-artwork--square img { width: min(100%, 42rem); height: auto; aspect-ratio: 1; object-fit: cover; }
.release-artwork--portrait img { min-height: 40.625rem; object-position: center center; }
.release-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; margin: 2.2rem 0; padding: 1.55rem; background: var(--mint); color: var(--plum); }
.release-meta div { min-width: 0; }
.release-meta dt { color: rgba(33, 19, 41, .7); font-size: .59rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.release-meta dd { margin: .15rem 0 0; overflow-wrap: anywhere; font-size: .84rem; font-weight: 600; }
.release-destinations { margin-top: 1.8rem; }
.release-destinations h2 { margin-bottom: .7rem; color: var(--mint); font-family: var(--font-body-compact); font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.link-grid { display: flex; flex-wrap: wrap; gap: .55rem; }
.destination-link { display: flex; min-width: 8rem; flex: 0 1 auto; flex-direction: column; border: 1px solid var(--mint); padding: .65rem .75rem; color: var(--mint); font-size: .75rem; font-weight: 700; }
.destination-link:hover { background: var(--mint); color: var(--plum); }
.destination-link:first-child { background: var(--mint); color: var(--plum); }
.destination-link:first-child:hover { background: var(--rose); border-color: var(--rose); }
.destination-link small { margin-top: .18rem; color: inherit; font-size: .64rem; font-weight: 400; }
.article-reading { max-width: var(--reading-width); margin-inline: auto; padding: 6.5rem var(--reading-inset) 0; }
.article-reading > .kicker { font-family: var(--font-body); }
.article-reading__title { margin: 1.1rem 0 1.4rem; color: var(--rose); font-size: clamp(2.5rem, 4vw, 3.25rem); line-height: 1; }
.article-reading__facts { margin-top: 2.8rem; }
.article-body { margin-top: 1.8rem; color: var(--paper); font-family: var(--font-body); font-size: 1.125rem; line-height: 1.8; }
.article-body > :first-child { margin-top: 0; }
.article-body p { margin: 0 0 1.5rem; }
.article-body h2, .article-body h3 { margin: 2.8rem 0 1rem; color: var(--rose); font-family: var(--font-display); font-size: 2.5rem; font-weight: 400; line-height: 1; }
.article-body a { color: var(--mint); text-decoration: underline; text-underline-offset: .15em; }

.site-footer { width: var(--page-width); margin-inline: auto; display: grid; grid-template-columns: 1fr; gap: 2rem; padding: 2.5rem 0 1.7rem; color: var(--mint); }
.site-footer__meta { display: grid; grid-template-columns: 1fr auto; align-items: start; gap: 1.5rem; font-size: .7rem; line-height: 1.7; }
.site-footer__meta > :last-child { justify-self: end; text-align: right; }
.site-footer__meta nav { display: grid; align-content: start; justify-items: start; gap: .25rem; }
.site-footer__meta nav a { display: inline-flex; align-items: center; min-inline-size: 1.5rem; min-block-size: 1.5rem; text-decoration: underline; text-underline-offset: .2em; }
.site-footer__wordmark { grid-column: 1 / -1; margin-top: 1.5rem; color: var(--rose); font-size: clamp(6.875rem, 25vw, 25rem); font-weight: 500; letter-spacing: -.1em; line-height: .85; }

.about-page .site-main { padding-block: var(--section-top) var(--section-bottom); }
.about-contact { width: var(--page-width); margin-inline: auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--story-gap); }
.about-contact h1 { font-size: clamp(4rem, 7vw, 6rem); line-height: 1; letter-spacing: -.025em; }
.about-contact__copy { padding-top: .5rem; line-height: 1.7; }
.about-contact__copy p + p { margin-top: var(--space-inline); }
.about-contact__copy a { color: var(--mint); font-size: clamp(1.25rem, 2vw, 1.75rem); text-decoration: underline; text-underline-offset: .3em; overflow-wrap: anywhere; }

@media (max-width: 43.75rem) {
  :root { --page-gutter: 1.25rem; --story-gap: 1.5rem; --card-padding: 1.25rem 1.35rem 1.35rem; }
  .about-page .site-main { padding-block: 2.8rem 3rem; }
  .about-contact { grid-template-columns: 1fr; gap: 2rem; }
  .about-contact__copy { padding-top: 0; }
  .site-header__inner { grid-template-columns: 1fr auto; gap: 1rem; }
  .cover-selection__content { grid-template-columns: 1fr; }
  .cover-panel { max-width: 31rem; }
  .record-shelf { grid-template-columns: 1fr; }
  .article-hero { grid-template-columns: 1fr; }
  .article-hero__media { min-height: 30rem; }
  .release-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-header__inner { min-height: 5.2rem; }
  .wordmark { font-size: 3rem; }
  .site-nav--desktop { display: none; }
  .site-nav-mobile { display: block; }
  .cover-selection { height: auto; min-height: 56.25rem; max-height: none; }
  .cover-selection__content { width: 100%; min-height: 56.25rem; padding: 25.625rem var(--page-gutter) 1.875rem; }
  .cover-selection__media--portrait img { object-position: 55% top; }
  .cover-selection__media--square-art { align-items: start; padding-top: 6.5rem; }
  .cover-selection__square-art { width: min(76vw, 24rem); }
  .cover-selection__content > .kicker { flex-wrap: wrap; }
  .cover-selection h1 { max-width: 22rem; font-size: clamp(4.9rem, 20vw, 7.2rem); }
  .cover-panel { padding: 1.25rem; }
  .content-wrap { padding-top: 2.5rem; }
  .section-heading--display { align-items: flex-end; gap: .7rem; padding-bottom: 1.5rem; }
  .section-heading h2 { font-size: 2.7rem; }
  .outline-link { max-width: 7.2rem; padding: .6rem .7rem; font-size: .58rem; text-align: center; }
  .story-grid { grid-template-columns: 1fr; }
  .story-card__media { aspect-ratio: 4 / 3; }
  .story-card__copy { min-height: 13rem; }
  .story-card h2 { font-size: 1.6875rem; }
  .record-shelf { margin-top: 2.5rem; padding: 2.2rem var(--page-gutter); }
  .record-shelf__intro h2 { font-size: 3.8rem; }
  .record-shelf__release { align-items: flex-start; gap: 1.4rem; }
  .record-shelf__release .artwork-placeholder--record, .record-shelf__release > img { width: 8rem; flex: 0 0 8rem; }
  .record-shelf__release h3 { font-size: 2.5rem; }
  .page-heading { width: var(--page-width); padding-top: 2.8rem; }
  .page-heading h1 { font-size: 4.3rem; }
  .article { padding-top: 1.5rem; }
  .article-hero__copy { --article-panel-padding: 1.4rem; }
  .article-hero h1 { font-size: 3.0625rem; }
  .article-hero__media { min-height: 25rem; }
  .release-artwork--square img { width: 100%; }
  .release-artwork--portrait img { min-height: 25rem; }
  .artwork-placeholder--article { min-height: 25rem; }
  .article-reading { --reading-inset: .25rem; padding-top: 2.8rem; }
  .article-body { font-size: 1.125rem; }
  .release-meta { gap: .8rem; }
  .site-footer { grid-template-columns: 1fr; gap: 1.2rem; padding-top: 1.8rem; }
  .site-footer__meta { grid-template-columns: 1fr 1fr; gap: 1rem; }
  .site-footer__meta nav { grid-column: 1 / -1; justify-self: start; display: flex; gap: 1rem; }
  .site-footer__meta > :last-child { justify-self: start; text-align: left; }
  .site-footer__wordmark { font-size: 26vw; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

.shell { width: min(calc(100% - 2 * var(--page-gutter)), var(--editorial-width, 90rem)); margin-inline: auto; }
.home { --page-gutter: clamp(1.25rem, 4.5vw, 5rem); --story-gap: clamp(1.25rem, 2.2vw, 2rem); --editorial-width: 90rem; }
.home .site-header { position: relative; color: var(--paper); }
.home .site-header__inner { width: min(calc(100% - 2 * var(--page-gutter)), var(--editorial-width)); min-height: 5.875rem; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); border-bottom-color: var(--line); }
.home .wordmark { color: var(--paper); font-size: 3.6875rem; }
.home .site-nav { grid-column: 2; justify-self: center; gap: clamp(1.25rem, 2.6vw, 2.3125rem); font-weight: 400; }
.home .site-nav a::after { background: var(--mint); }
.home .site-header__edition { grid-column: 3; justify-self: end; color: var(--paper); font-size: .6875rem; letter-spacing: .06em; }
.site-header__identity { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding-block: 1.25rem 1.375rem; }
.site-header__identity p { max-width: 12rem; font-size: .8125rem; line-height: 1.55; }
.site-header__identity > span { color: var(--rose); font-size: .5625rem; letter-spacing: .15em; }
.editorial-cover { position: relative; min-height: 40.3125rem; overflow: hidden; background: #0d1114; }
.editorial-cover .cover-selection__media { position: absolute; inset: 0; }
.editorial-cover .cover-selection__media img { filter: none; object-position: center 37%; }
.editorial-cover .cover-selection__media::after { background: linear-gradient(90deg, #17101cd9 0%, #17101c62 47%, transparent 74%), linear-gradient(0deg, #17101c9c, transparent 40%); }
.editorial-cover__copy { position: relative; max-width: 40.625rem; padding: 2.6875rem 2.8125rem 3rem; }
.editorial-eyebrow { display: flex; align-items: center; gap: 1.875rem; font-size: .625rem; letter-spacing: .1em; text-transform: uppercase; }
.editorial-eyebrow span { opacity: .72; font-size: .5625rem; }
.editorial-cover .editorial-eyebrow { color: var(--mint); }
.editorial-cover h1 { margin: 4.0625rem 0 2.375rem; font-size: clamp(6.25rem, 10.7vw, 10.9375rem); line-height: .82; letter-spacing: -.035em; }
.editorial-cover h1 em { color: var(--rose); }
.editorial-cover__bottom { max-width: 21.4375rem; }
.editorial-cover__bottom p { max-width: 19.375rem; font-size: .8125rem; line-height: 1.8; }
.editorial-text-link { display: flex; justify-content: space-between; align-items: center; gap: 1.375rem; border-bottom: 1px solid currentColor; padding: 1.25rem 0 .75rem; font-size: .75rem; }
.editorial-text-link span { font-size: 1.5rem; line-height: 1; }
.editorial-cover__date { position: absolute; right: 2rem; bottom: 1.9375rem; font-size: .625rem; letter-spacing: .06em; }
.editorial-cover__copy, .editorial-cover__date { z-index: 3; }
.editorial-releases { padding-block: 4.75rem 5.5rem; }
.editorial-section-head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-inline); border-bottom: var(--line-rule); margin-bottom: 1.875rem; padding-bottom: 1.8125rem; }
.editorial-section-head h2 { font-size: 3rem; line-height: 1; letter-spacing: -.02em; }
.editorial-section-head > a { font-size: .6875rem; }
.editorial-section-head > a:hover { color: var(--mint); }
.editorial-story-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: auto; column-gap: var(--story-gap); }
.editorial-story { display: grid; grid-row: span 5; grid-template-rows: subgrid; min-width: 0; row-gap: 0; }
.editorial-story__art { display: grid; aspect-ratio: 1.22; place-items: center; overflow: hidden; }
.editorial-story__art img { width: 72%; height: auto; aspect-ratio: 1; object-fit: cover; box-shadow: 0 1rem 2rem #0004; transition: transform .25s; }
.editorial-story__art:hover img { transform: translateY(-.3125rem); }
.editorial-story__art--lilac { background: var(--lilac); }
.editorial-story__art--olive { background: #465943; }
.editorial-story__art--rose { background: var(--rose); }
.editorial-story__meta { display: flex; justify-content: space-between; align-items: start; gap: .5rem; margin-block: 1.4375rem .8125rem; color: var(--rose); font-size: .5625rem; letter-spacing: .07em; text-transform: uppercase; }
.editorial-story h3 { align-self: start; font-size: clamp(1.875rem, 2.5vw, 2.1875rem); line-height: 1.08; letter-spacing: -.015em; }
.editorial-story h3 a:hover { color: var(--rose); }
.editorial-story h3 em { display: block; color: var(--paper); }
.editorial-story__dek { align-self: start; max-width: 19.375rem; margin-block: 1rem 1.5625rem; font-size: .75rem; line-height: 1.75; }
.editorial-story__label { align-self: stretch; border-top: var(--line-rule); padding-top: 1.125rem; color: var(--mint); font-size: .625rem; }
.editorial-album { background: var(--lilac); color: var(--plum); }
.editorial-album__inner { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 8vw; padding-block: 4.125rem; }
.editorial-album__art { display: block; padding: 2rem; background: #21132912; }
.editorial-album__art img { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; box-shadow: .75rem .9375rem 1.875rem #21132925; }
.editorial-album h2 { margin: 2.1875rem 0 1.5rem; font-size: clamp(3.875rem, 6.2vw, 6.5625rem); line-height: .94; letter-spacing: -.025em; }
.editorial-album h2 em { display: block; max-width: 11ch; }
.editorial-album__copy > p:not(.editorial-eyebrow) { max-width: 20.625rem; font-size: .8125rem; line-height: 1.8; }
.editorial-album__copy .editorial-text-link { max-width: 20.625rem; }
.editorial-archive { padding-block: 4.6875rem 5.75rem; }
.editorial-archive .editorial-section-head { margin-bottom: 0; }
.editorial-archive__row { display: grid; grid-template-columns: 7rem 1fr 11.25rem 1.5rem; align-items: center; gap: 1.25rem; border-bottom: var(--line-rule); padding: 1.6875rem 0; }
.editorial-archive__row time, .editorial-archive__label { color: var(--rose); font-size: .6875rem; }
.editorial-archive__row h3 { font-family: "Space Grotesk", sans-serif; font-size: 1.25rem; }
.editorial-archive__row h3 em { margin-left: 1.5625rem; font-family: var(--font-display); font-size: 1.8125rem; }
.editorial-archive__row:hover h3 { color: var(--mint); }
.catalog { --page-gutter: clamp(1.25rem, 4.5vw, 5rem); padding-block: 4.75rem 6rem; }
.catalog__intro { max-width: 45rem; }
.catalog__intro .editorial-eyebrow { color: var(--rose); }
.catalog__intro h1 { margin-block: 1.1rem .75rem; font-size: clamp(4rem, 7vw, 6rem); line-height: .95; letter-spacing: -.035em; }
.catalog__intro > p:last-child { max-width: 33rem; color: var(--muted); font-size: .875rem; }
.catalog__years { display: flex; flex-wrap: wrap; gap: 0 1.875rem; margin-top: 3rem; border-block: var(--line-rule); }
.catalog__years a { display: inline-flex; align-items: baseline; gap: .5rem; padding-block: 1rem; font-size: .875rem; }
.catalog__years a:hover, .catalog__years a:focus-visible { color: var(--mint); }
.catalog__years span { color: var(--rose); font-size: .625rem; }
.catalog__year { scroll-margin-top: 1.5rem; padding-top: 3.5rem; }
.catalog__year-heading { display: flex; align-items: baseline; justify-content: space-between; padding-bottom: var(--space-inline); border-bottom: var(--line-rule); }
.catalog__year-heading h2 { font-size: 3.625rem; line-height: 1; }
.catalog__year-heading span { color: var(--rose); font-size: .6875rem; text-transform: uppercase; letter-spacing: .08em; }
.catalog__row { display: grid; grid-template-columns: 5.5rem 5.5rem minmax(0, 1fr) 10rem 1.5rem; gap: 1.25rem; align-items: center; min-height: 8rem; padding-block: 1rem; border-bottom: var(--line-rule); }
.catalog__row:hover .catalog__story em, .catalog__row:focus-visible .catalog__story em { color: var(--rose); }
.catalog__row > time { align-self: start; padding-top: .25rem; color: var(--rose); font-size: .6875rem; }
.catalog__art { width: 5.5rem; height: 5.5rem; overflow: hidden; background: var(--plum-panel); }
.catalog__art img { width: 100%; height: 100%; object-fit: cover; }
.catalog__story { display: grid; min-width: 0; }
.catalog__story strong { font-size: .8125rem; font-weight: 500; }
.catalog__story em { font-family: var(--font-display); font-size: 2rem; line-height: 1.1; transition: color var(--motion-ui); }
.catalog__dek { overflow: hidden; display: -webkit-box; max-width: 40rem; margin-top: .35rem; color: var(--muted); font-size: .6875rem; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.catalog__label { color: var(--mint); font-size: .6875rem; }
.catalog__arrow { justify-self: end; font-size: 1.375rem; }
.home .site-footer { border-top: var(--line-rule); gap: 0; padding-top: 1.75rem; color: var(--paper); }
.home .site-footer__wordmark { margin-block: 1.5625rem 1.25rem; font-size: clamp(6.875rem, 27.3vw, 30.3125rem); line-height: .96; letter-spacing: -.075em; }

@media (max-width: 56.25rem) {
  .editorial-story-grid { column-gap: 1.375rem; }
  .editorial-story h3 { font-size: 1.875rem; }
  .editorial-archive__row { grid-template-columns: 6rem 1fr 1.5rem; }
  .editorial-archive__label { display: none; }
  .catalog__row { grid-template-columns: 4.5rem 4.5rem minmax(0, 1fr) 1.5rem; gap: 1rem; }
  .catalog__art { width: 4.5rem; height: 4.5rem; }
  .catalog__label { display: none; }
}
@media (max-width: 43.75rem) {
  .home .site-header__inner { grid-template-columns: minmax(0, 1fr) auto; }
  .home .site-nav-mobile { grid-column: 2; }
  .home .site-header__edition { display: none; }
}
@media (max-width: 37.5rem) {
  .home { --page-gutter: 1.25rem; }
  .home .site-header__inner { min-height: 5.25rem; }
  .home .wordmark { font-size: 2.75rem; }
  .site-header__identity { padding-block: 1.25rem; }
  .site-header__identity p { font-size: .6875rem; }
  .site-header__identity > span { display: none; }
  .editorial-cover { width: 100%; min-height: 43.125rem; }
  .editorial-cover .cover-selection__media img { height: 26.875rem; object-position: 62% top; }
  .editorial-cover .cover-selection__media::after { background: linear-gradient(0deg, #17101c 34%, transparent 77%), linear-gradient(90deg, #17101c80, transparent); }
  .editorial-cover__copy { padding: 1.6875rem 1.25rem 1.75rem; }
  .editorial-cover .editorial-eyebrow { justify-content: space-between; gap: .625rem; font-size: .5625rem; }
  .editorial-cover .editorial-eyebrow span { font-size: .5rem; }
  .editorial-cover h1 { margin: 14.9375rem 0 1.4375rem; font-size: clamp(5rem, 25.6vw, 6.25rem); line-height: .86; }
  .editorial-cover__bottom { max-width: none; }
  .editorial-cover__bottom p { max-width: 20rem; font-size: .75rem; line-height: 1.7; }
  .editorial-cover__date { display: none; }
  .editorial-releases { padding-block: 2.625rem 3rem; }
  .editorial-section-head { margin-bottom: 1.375rem; padding-bottom: 1.25rem; }
  .editorial-section-head h2 { font-size: 2.3125rem; }
  .editorial-section-head > a { max-width: 5.375rem; font-size: .5625rem; line-height: 1.6; text-align: right; }
  .editorial-story-grid { grid-template-columns: 1fr; row-gap: 2.1875rem; }
  .editorial-story { display: block; grid-row: auto; }
  .editorial-story__art { aspect-ratio: 1.2; }
  .editorial-story__art img { width: 67%; }
  .editorial-story__meta { margin-top: 1.1875rem; }
  .editorial-story h3 { font-size: 2.1875rem; }
  .editorial-story__dek { margin-bottom: 1.25rem; }
  .editorial-story__label { padding-top: .9375rem; }
  .editorial-album__inner { grid-template-columns: 1fr; gap: 2rem; padding-block: 1.875rem 2.375rem; }
  .editorial-album__art { padding: 1.5625rem; }
  .editorial-album h2 { margin-top: 1.5625rem; font-size: 3.9375rem; }
  .editorial-album__copy > p:not(.editorial-eyebrow) { font-size: .75rem; }
  .editorial-archive { padding-block: 2.625rem 3rem; }
  .editorial-archive__row { grid-template-columns: 5rem 1fr 1.125rem; gap: .75rem; padding-block: 1.4375rem; }
  .editorial-archive__row h3 { font-size: 1rem; }
  .editorial-archive__row h3 em { display: block; margin: .3125rem 0 0; font-size: 1.5625rem; }
  .editorial-archive__row time { font-size: .625rem; }
  .home .site-footer__wordmark { font-size: 28vw; }
  .catalog { padding-block: 2.75rem 4rem; }
  .catalog__intro h1 { font-size: clamp(3.75rem, 16vw, 5.5rem); }
  .catalog__intro > p:last-child { font-size: .75rem; }
  .catalog__years { gap: 0 1.25rem; margin-top: 2rem; }
  .catalog__years a { font-size: .75rem; }
  .catalog__year { padding-top: 2.5rem; }
  .catalog__year-heading h2 { font-size: 3rem; }
  .catalog__row { grid-template-columns: 3.5rem minmax(0, 1fr) 1rem; gap: .75rem; min-height: 6.5rem; }
  .catalog__row > time { grid-column: 2; grid-row: 1; align-self: end; padding-top: 0; font-size: .625rem; }
  .catalog__art { grid-column: 1; grid-row: 1 / span 2; width: 3.5rem; height: 3.5rem; align-self: center; }
  .catalog__story { grid-column: 2; grid-row: 2; }
  .catalog__story strong { font-size: .6875rem; }
  .catalog__story em { font-size: 1.5rem; }
  .catalog__dek { display: none; }
  .catalog__arrow { grid-column: 3; grid-row: 1 / span 2; font-size: 1rem; }
}