@font-face {
    font-family: 'DM Mono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/dm-mono-400.woff2) format('woff2');
    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: 'DM Mono';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(fonts/dm-mono-500.woff2) format('woff2');
    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: 'Manrope';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url(fonts/manrope-variable.woff2) format('woff2');
    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: 'Yeseva One';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/yeseva-one-400.woff2) format('woff2');
    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 {
    --cream: #f4ecdd;
    --ink: #171a1a;
    --pool: #55c8bd;
    --pink: #f09ab0;
    --orange: #f48a24;
    --yellow: #f3dc4e;
    --line: rgba(23, 26, 26, .55);
    --pad: clamp(1.1rem, 3vw, 2.8rem);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--cream); color: var(--ink); font-family: Manrope, sans-serif; overflow-x: hidden; }
a { color: inherit; }
button, input { font: inherit; }
img { display: block; max-width: 100%; height: auto; }
::selection { background: var(--pink); color: var(--ink); }

.visually-hidden { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip-path: inset(50%); white-space: nowrap; }
.skip-link { position: fixed; left: 1rem; top: -4rem; z-index: 100; padding: .7rem 1rem; background: var(--ink); color: var(--cream); }
.skip-link:focus { top: 1rem; }

.site-header { position: relative; z-index: 20; display: flex; min-height: 86px; align-items: center; justify-content: space-between; gap: 2rem; padding: .75rem var(--pad); border-bottom: 1px solid var(--ink); background: var(--cream); }
.wordmark { width: 132px; }
.wordmark img { width: 100%; height: auto; filter: invert(1); }
.primary-nav { display: flex; align-items: center; gap: clamp(1rem, 2.5vw, 2.5rem); font-size: .82rem; font-weight: 700; }
.primary-nav a { text-decoration: none; }
.primary-nav a:not(.nav-pill):hover { text-decoration: underline; text-underline-offset: .35rem; }
.primary-nav a[aria-current="page"] { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: .35rem; }
.nav-pill { padding: .8rem 1.05rem; border: 1px solid var(--ink); border-radius: 999px; background: var(--pink); box-shadow: 3px 3px 0 var(--ink); }
.nav-pill:hover { transform: translate(2px, 2px); box-shadow: 1px 1px 0 var(--ink); }
.menu-button { display: none; border: 0; background: transparent; font-weight: 800; }

.hero { position: relative; display: grid; min-height: calc(100vh - 86px); grid-template-columns: 1.02fr .98fr; grid-template-rows: 1fr auto; border-bottom: 1px solid var(--ink); }
/* The 404 has no paired visual, so its copy takes the full width. */
.hero--notfound { grid-template-columns: 1fr; min-height: auto; }
.hero-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(3rem, 5vw, 5rem) var(--pad) clamp(5rem, 7vw, 7rem); }
.eyebrow { margin: 0 0 1.1rem; font: 500 .72rem/1.3 DM Mono, monospace; letter-spacing: .12em; text-transform: uppercase; }
.hero h1 { margin: 0; font-family: "Yeseva One", Georgia, serif; font-size: clamp(2.3rem, 4.15vw, 4.05rem); font-weight: 400; letter-spacing: -.045em; line-height: 1.02; text-wrap: balance; }
.hero h1 em { color: var(--orange); font-style: normal; text-shadow: 2px 2px 0 var(--ink); }
.hero-intro { max-width: 34rem; margin: 2.2rem 0 0; font-size: clamp(1.05rem, 1.6vw, 1.35rem); line-height: 1.45; }
.hero-actions { display: flex; flex-wrap: wrap; gap: .85rem; margin-top: 2rem; }
.button { display: inline-flex; min-height: 3.15rem; align-items: center; justify-content: center; padding: 0 1.25rem; border: 1px solid var(--ink); border-radius: 999px; font-size: .82rem; font-weight: 800; text-decoration: none; cursor: pointer; }
.button-dark { background: var(--ink); color: var(--cream); }
.button-dark:hover { background: var(--pool); color: var(--ink); }
.button-plain { background: transparent; }
.button-plain:hover { background: var(--yellow); }

.hero-visual { position: relative; min-height: 690px; padding: clamp(1rem, 2.5vw, 2.2rem); border-left: 1px solid var(--ink); background: var(--pool); overflow: hidden; }
.hero-photo { position: absolute; inset: clamp(1rem, 2.5vw, 2.2rem); margin: 0; border: 1px solid var(--ink); border-radius: 45% 45% 1.2rem 1.2rem; overflow: hidden; }
.hero-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 68%; filter: saturate(1.08) contrast(1.02); }
.hero-photo figcaption { position: absolute; left: 1rem; bottom: 1rem; padding: .55rem .85rem; border: 1px solid var(--ink); background: var(--cream); font: 500 .7rem DM Mono, monospace; text-transform: uppercase; transform: rotate(-2deg); }
.sun-sticker { position: absolute; isolation: isolate; top: 7%; right: 2%; display: grid; width: clamp(6.5rem, 10vw, 9.5rem); aspect-ratio: 1; place-items: center; border: 3px solid var(--cream); outline: 2px solid var(--ink); border-radius: 50%; background: radial-gradient(circle at 36% 27%, rgba(255,255,255,.26), transparent 28%), repeating-radial-gradient(circle at center, transparent 0 12px, rgba(23,26,26,.08) 12px 13px), var(--yellow); box-shadow: 4px 7px 0 var(--ink); color: var(--ink); transform: rotate(7deg); }
.sun-sticker::before { position: absolute; z-index: 1; inset: 8%; border: 1px solid rgba(23,26,26,.55); border-radius: inherit; box-shadow: inset 0 0 0 .22rem rgba(244,236,221,.24); content: ""; pointer-events: none; }
.member-card { position: absolute; right: 7%; bottom: 7%; display: grid; width: min(320px, 42%); gap: .65rem; padding: 1.15rem; border: 1px solid var(--ink); border-radius: .7rem; background: var(--pink); box-shadow: 6px 6px 0 var(--ink); font: 500 .64rem/1.3 DM Mono, monospace; text-transform: uppercase; transform: rotate(2deg); }
.member-card__label { font-size: .78rem; font-weight: 500; }
.member-card__number { justify-self: end; font-size: 1rem; }
.member-card__line { height: 1px; background: var(--ink); }
.ticker { grid-column: 1 / -1; overflow: hidden; border-top: 1px solid var(--ink); background: var(--yellow); }
.ticker-track { display: flex; width: max-content; animation: ticker var(--ticker-duration, 30s) linear infinite; will-change: transform; }
.ticker-track span { flex: none; padding: .7rem .75rem; font: 500 .72rem DM Mono, monospace; text-transform: uppercase; white-space: nowrap; }
.ticker:is(:hover, :focus-within) .ticker-track { animation-play-state: paused; }
@keyframes ticker { from { transform: translateX(0); } to { transform: translateX(calc(-1 * var(--ticker-shift, 50%))); } }

.section-pad { padding: clamp(5rem, 9vw, 9rem) var(--pad); }
.section-heading { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 1rem; margin-bottom: 3rem; }
.section-heading h2, .artists-intro h2, .manifesto h2, .licensing-band h2, .club-copy h2, .demos h2 { margin: 0; font-family: "Yeseva One", Georgia, serif; font-size: clamp(3rem, 7.5vw, 7rem); font-weight: 400; letter-spacing: -.055em; line-height: .95; }
.section-heading a { font: 500 .7rem DM Mono, monospace; text-transform: uppercase; text-underline-offset: .35rem; }

.discovery { border-bottom: 1px solid var(--ink); background: var(--yellow); }
.discovery-intro { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(2rem, 7vw, 7rem); align-items: end; margin-bottom: clamp(3rem, 6vw, 5rem); }
.discovery-intro h2 { margin: 0; font-family: "Yeseva One", Georgia, serif; font-size: clamp(3rem, 7.5vw, 7rem); font-weight: 400; letter-spacing: -.055em; line-height: .95; }
.discovery-intro h2 em { color: var(--orange); font-style: normal; text-shadow: 2px 2px 0 var(--ink); }
.discovery-intro > p { max-width: 34rem; margin: 0; font-size: clamp(1.05rem, 1.5vw, 1.25rem); line-height: 1.5; }
.discovery-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--ink); border-left: 1px solid var(--ink); }
.discovery-path { display: flex; min-height: 300px; flex-direction: column; align-items: flex-start; padding: clamp(1.4rem, 2.5vw, 2.25rem); border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); background: var(--cream); color: var(--ink); text-decoration: none; transition: background .25s ease, transform .25s ease; }
.discovery-path:nth-child(2) { background: var(--pool); }
.discovery-path:nth-child(3) { background: var(--pink); }
.discovery-path:is(:hover, :focus-visible) { position: relative; z-index: 1; background: var(--orange); transform: translateY(-.45rem); }
.discovery-path:focus-visible { outline: 3px solid var(--ink); outline-offset: -6px; }
.discovery-path > span, .discovery-path b { font: 500 .68rem/1.4 DM Mono, monospace; text-transform: uppercase; }
.discovery-path strong { max-width: 13ch; margin-top: 2.2rem; font-family: "Yeseva One", Georgia, serif; font-size: clamp(1.8rem, 3vw, 3rem); font-weight: 400; letter-spacing: -.035em; line-height: 1; }
.discovery-path p { max-width: 30rem; margin: 1.2rem 0 2rem; line-height: 1.55; }
.discovery-path b { margin-top: auto; text-decoration: underline; text-underline-offset: .35rem; }
.release-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(1rem, 2.6vw, 2.6rem); }
.release-card { --release-accent: var(--pool); }
.release-card a { display: block; border-radius: .15rem; text-decoration: none; }
.release-card a:focus-visible { outline: 3px solid var(--release-accent); outline-offset: .65rem; }
.release-art { position: relative; display: block; aspect-ratio: 1; border: 1px solid var(--ink); background: var(--pink); box-shadow: 7px 7px 0 var(--ink); transition: transform .3s ease, box-shadow .3s ease; }
.release-art img { width: 100%; height: 100%; object-fit: cover; }
.release-art > span { position: absolute; right: .7rem; bottom: .7rem; padding: .5rem .7rem; border: 1px solid var(--ink); border-radius: 999px; background: var(--cream); font: 500 .66rem DM Mono, monospace; opacity: 0; transform: translateY(.35rem); transition: opacity .25s ease, transform .25s ease, background .25s ease; }
.release-card a:is(:hover, :focus-visible) .release-art { transform: rotate(-2deg) translateY(-.4rem); box-shadow: 11px 13px 0 var(--release-accent); }
.release-card a:is(:hover, :focus-visible) .release-art > span { background: var(--release-accent); opacity: 1; transform: none; }
.release-card--drop { padding-top: 4rem; }
.release-meta { display: grid; gap: .15rem; padding-top: 1.1rem; font-size: .82rem; }
.release-meta strong { font-size: 1rem; }
.release-meta small { margin-top: .35rem; font: 500 .61rem/1.35 DM Mono, monospace; letter-spacing: .04em; text-transform: uppercase; }

.artists { border-block: 1px solid var(--ink); background: var(--ink); color: var(--cream); }
.artists-intro { display: grid; grid-template-columns: 1fr auto; gap: 3rem; align-items: end; }
.artists-intro a { color: var(--pool); font: 500 .7rem DM Mono, monospace; text-transform: uppercase; text-underline-offset: .35rem; }
.artist-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--cream); border-top: 1px solid var(--cream); }
.artist-card { position: relative; margin: 0; aspect-ratio: 4 / 5; overflow: hidden; background: var(--ink); }
.artist-card--wide { grid-column: span 2; aspect-ratio: 8 / 5; }
.artist-card img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(.25); transition: transform .7s cubic-bezier(.16, 1, .3, 1), filter .4s ease; }
.artist-card:hover img { transform: scale(1.035); filter: none; }
.artist-card__name { position: absolute; left: 1rem; bottom: 1rem; color: var(--ink); max-width: calc(100% - 2rem); padding: .45rem .7rem; border: 1px solid var(--ink); background: var(--cream); font: 500 .7rem DM Mono, monospace; text-transform: uppercase; }
.artist-card__name small { display: block; margin-top: .2rem; font-size: .62rem; text-transform: none; opacity: .75; }

.imprints { background: var(--pink); }
.imprint-list { border-top: 1px solid var(--ink); }
.imprint-row { display: grid; min-height: 112px; grid-template-columns: 3rem 74px 1.1fr .8fr 2rem; align-items: center; gap: clamp(1rem, 3vw, 3rem); border-bottom: 1px solid var(--ink); text-decoration: none; transition: padding .25s ease, background .25s ease; }
.imprint-row:hover { padding-inline: 1rem; background: var(--yellow); }
.imprint-row > span, .imprint-row em { font: 500 .68rem DM Mono, monospace; text-transform: uppercase; }
.imprint-row img { width: 74px; height: 74px; border: 1px solid var(--ink); object-fit: cover; }
.imprint-row strong { font-family: "Yeseva One", serif; font-size: clamp(1.4rem, 3vw, 2.7rem); font-weight: 400; }
.imprint-row em { font-style: normal; }
.imprint-row b { font-size: 1.4rem; }

.manifesto { display: grid; grid-template-columns: .88fr 1.12fr; min-height: 700px; border-top: 1px solid var(--ink); }
.manifesto-art { min-height: 650px; border-right: 1px solid var(--ink); overflow: hidden; }
.manifesto-art img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 56%; }
.manifesto-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: clamp(4rem, 8vw, 8rem) var(--pad); background: var(--pool); }
.manifesto-copy p { max-width: 38rem; margin: 2rem 0 0; font-size: 1.15rem; line-height: 1.55; }
.manifesto-copy .manifesto-lead { margin-top: 2.2rem; font-family: "Yeseva One", Georgia, serif; font-size: clamp(1.8rem, 3vw, 2.8rem); line-height: 1; }
.manifesto-copy .button { margin-top: 2rem; }

.licensing-band { display: grid; grid-template-columns: 1.2fr .8fr; gap: 3rem; align-items: center; padding: clamp(3.5rem, 6vw, 5.5rem) var(--pad); border-top: 1px solid var(--ink); background: var(--ink); color: var(--cream); }
.licensing-band h2 { font-size: clamp(2.2rem, 4.5vw, 3.8rem); }
.licensing-band__action { display: grid; gap: 1.2rem; justify-items: start; }
.licensing-band__action p { max-width: 26rem; margin: 0; font-size: 1.05rem; line-height: 1.5; }
.licensing-band .button-dark { border-color: var(--cream); background: var(--cream); color: var(--ink); }
.licensing-band .button-dark:hover { background: var(--pool); }

.club { display: grid; grid-template-columns: .95fr 1.05fr; gap: clamp(2rem, 5vw, 5rem); align-items: center; border-top: 1px solid var(--ink); }
.club-visual { display: grid; place-items: center; padding: 1rem; }
.club-card { position: static; width: min(380px, 100%); transform: rotate(-2deg); }
.club-copy { display: grid; gap: 1.4rem; justify-items: start; }
.club-copy h2, .club-copy p { margin: 0; }
.club-copy p { max-width: 32rem; font-size: 1.15rem; line-height: 1.55; }

.visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

.club-form { display: grid; width: min(34rem, 100%); gap: .7rem; }
.club-form__trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.club-form__row { display: flex; flex-wrap: wrap; gap: .6rem; }
.club-form__input { flex: 1 1 14rem; min-height: 3.15rem; padding: 0 1.1rem; border: 1px solid var(--ink); border-radius: 999px; background: var(--cream); color: inherit; font: inherit; font-size: .95rem; }
.club-form__input::placeholder { color: rgba(23,26,26,.45); }
.club-form__input:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
.club-form__button { flex: 0 0 auto; }
.club-form__note { margin: 0; color: rgba(23,26,26,.7); font: 500 .68rem/1.5 DM Mono, monospace; text-transform: uppercase; }
.club-form__note[data-state="error"] { color: var(--ink); font-weight: 700; text-transform: none; letter-spacing: 0; }
.club-form[data-state="sending"] .club-form__button { opacity: .55; pointer-events: none; }
.club-form[data-state="joined"] { display: none; }

.club-done { display: none; gap: .8rem; justify-items: start; }
.club-copy[data-state="joined"] .club-done { display: grid; }
.club-done p { margin: 0; }
.club-card__number--live { color: var(--ink); }

.demos { display: grid; gap: 1.4rem; justify-items: center; padding: clamp(5rem, 9vw, 9rem) var(--pad); border-top: 1px solid var(--ink); background: var(--yellow); text-align: center; }
.demos h2, .demos p { margin: 0; }
.demos p { max-width: 32rem; font-size: 1.15rem; line-height: 1.55; }

.site-footer { display: grid; grid-template-columns: 1fr 1fr auto; gap: 3rem; align-items: end; padding: 5rem var(--pad) 8rem; background: var(--ink); color: var(--cream); }
.footer-mark { font-family: "Yeseva One", serif; font-size: clamp(3rem, 7vw, 6rem); letter-spacing: -.06em; line-height: .78; }
.site-footer p { margin-top: 0; color: var(--pool); font: 500 .72rem/1.6 DM Mono, monospace; text-transform: uppercase; }
.site-footer > div:nth-child(2) a { display: grid; gap: .05rem; margin: .8rem 0; text-decoration: none; }
.site-footer > div:nth-child(2) a span { color: rgba(244,236,221,.55); font: 400 .58rem DM Mono, monospace; letter-spacing: .04em; text-transform: uppercase; }
.site-footer > div:nth-child(2) a:hover { color: var(--pink); }
.socials { display: flex; gap: .55rem; }
.socials a { display: grid; width: 2.7rem; height: 2.7rem; place-items: center; border: 1px solid var(--cream); border-radius: 50%; font: 500 .7rem DM Mono, monospace; text-decoration: none; }
.socials a:hover { background: var(--cream); color: var(--ink); }
.site-footer small { grid-column: 1 / -1; margin-top: 3rem; color: rgba(244,236,221,.55); font: 400 .66rem DM Mono, monospace; }

.mini-player { position: fixed; z-index: 70; inset: auto 0 0; display: grid; min-height: 68px; grid-template-columns: auto minmax(180px, .7fr) 1fr auto auto; align-items: center; border-top: 1px solid var(--ink); background: rgba(244,236,221,.96); backdrop-filter: blur(12px); }
.mini-player__play, .mini-player__next { align-self: stretch; display: grid; place-items: center; border: 0; background: transparent; color: inherit; text-decoration: none; cursor: pointer; }
.mini-player__play { padding: 0 1.2rem; border-right: 1px solid var(--ink); font-size: .82rem; font-weight: 800; white-space: nowrap; }
.mini-player__play:hover, .mini-player__spotify:hover, .mini-player__next:hover { background: var(--yellow); }
.mini-player__track { display: grid; gap: .1rem; padding: 0 1.2rem; }
.mini-player__track span { font: 500 .6rem DM Mono, monospace; text-transform: uppercase; }
.mini-player__track strong { overflow: hidden; font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
.mini-player__spacer { height: 1px; margin-inline: 1rem; background: rgba(23,26,26,.25); }
.mini-player__spotify { align-self: stretch; display: grid; place-items: center; padding: 0 1.2rem; border-left: 1px solid var(--ink); color: inherit; font: 500 .68rem DM Mono, monospace; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
.mini-player__next { padding: 0 1.4rem; border-left: 1px solid var(--ink); font: 500 .68rem DM Mono, monospace; text-transform: uppercase; }

/* Scoped to .js so the page still renders if the script never runs. */
.js .reveal { opacity: 0; transform: translateY(30px); transition: opacity .8s ease, transform .8s cubic-bezier(.16,1,.3,1); }
.js .reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 980px) {
    .menu-button { display: block; }
    .primary-nav { position: absolute; inset: 100% 0 auto; display: none; align-items: stretch; padding: 1rem var(--pad) 1.4rem; border-bottom: 1px solid var(--ink); background: var(--cream); }
    .primary-nav.is-open { display: grid; }
    .primary-nav a { padding: .65rem 0; }
    .nav-pill { padding-inline: 1rem !important; }
    .hero { grid-template-columns: 1fr; }
    .hero-visual { min-height: 720px; border-top: 1px solid var(--ink); border-left: 0; }
    .discovery-intro { grid-template-columns: 1fr; }
    .discovery-grid { grid-template-columns: 1fr; }
    .discovery-path { min-height: 250px; }
    .release-grid { grid-template-columns: repeat(2, 1fr); }
    .artist-strip { grid-template-columns: repeat(2, 1fr); }
    .artists-intro { grid-template-columns: 1fr; }
    .manifesto { grid-template-columns: 1fr; }
    .manifesto-art { border-right: 0; border-bottom: 1px solid var(--ink); }
    .licensing-band { grid-template-columns: 1fr; }
    .club { grid-template-columns: 1fr; }
    .site-footer { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 620px) {
    .site-header { min-height: 72px; }
    .wordmark { width: 104px; }
    .hero h1 { font-size: clamp(2.5rem, 11vw, 3.4rem); }
    .hero-copy { padding-top: 4.5rem; }
    .hero-actions { align-items: stretch; flex-direction: column; }
    .hero-actions .button { width: 100%; }
    .hero-visual { min-height: 540px; }
    .member-card { right: 8%; bottom: 9%; width: 62%; }
    .sun-sticker { top: 5%; right: 1%; }
    .release-grid { grid-template-columns: 1fr; }
    .release-card--drop { padding-top: 0; }
    .section-heading { grid-template-columns: 1fr; }
    .artist-strip { grid-template-columns: 1fr; }
    .artist-card, .artist-card--wide { grid-column: auto; aspect-ratio: 4 / 5; }
    .imprint-row { min-height: 94px; grid-template-columns: 2rem 56px 1fr 1.2rem; gap: .75rem; }
    .imprint-row img { width: 56px; height: 56px; }
    .imprint-row em { display: none; }
    .manifesto-art { min-height: 500px; }
    .club-card { transform: none; }
    /* Stacked, the flex basis would become a height, so hand the row back
       to the natural box sizes. */
    .club-form__row { flex-direction: column; }
    .club-form__input, .club-form__button { flex: 0 0 auto; width: 100%; }
    .site-footer { grid-template-columns: 1fr; }
    .mini-player { grid-template-columns: auto 1fr auto auto; }
    .mini-player__play { padding-inline: .9rem; font-size: 0; }
    .mini-player__play::before { content: "▶"; font-size: 1rem; }
    .mini-player__play[aria-pressed="true"]::before { content: "❚❚"; }
    .mini-player__spacer { display: none; }
    .mini-player__spotify { padding-inline: .8rem; font-size: .6rem; }
    .mini-player__next { padding-inline: .8rem; }
}

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