@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("fonts/brand-300.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("fonts/brand-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("fonts/brand-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("fonts/brand-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fraunces";
  src: url("fonts/fraunces-variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fraunces";
  src: url("fonts/fraunces-variable-italic.woff2") format("woff2");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
:root {
  --sq-ground-page: #0A0A0A;
  --sq-ground-chrome: #07040F;
  --sq-ground-panel: #1E1E1E;
  --sq-ground-raised: #232323;
  --sq-ground-selected: #353535;
  --sq-line-hair: #2D2D2D;
  --sq-line-card: #353535;
  --sq-line-control: #575757;
  --sq-text-ivory: #F2ECE4;
  --sq-text-grey: #AAA7A8;
  --sq-gold-from: #EFB86C;
  --sq-gold-to: #D4713F;
  --sq-gold-angle: 90deg;
  --sq-gold-gradient: linear-gradient(var(--sq-gold-angle), var(--sq-gold-from), var(--sq-gold-to));
  --sq-gold: #EFB86C;
  --sq-gold-line: rgba(239, 184, 108, 0.42);
  --sq-gold-wash: rgba(239, 184, 108, 0.10);
  --sq-wordmark-q: #F0CF86;
  --sq-live-red: #E5352C;
  --sq-ink: #07040F;
  --sq-scrim: linear-gradient(90deg, #0A0A0A 0%, rgba(10, 10, 10, 0.86) 45%, rgba(10, 10, 10, 0.25) 100%);
  --sq-scrim-foot: linear-gradient(180deg, rgba(10, 10, 10, 0) 0%, #0A0A0A 100%);
  --sq-scrim-foot-h: 120px;
  --sq-dim: rgba(7, 4, 15, 0.6);
  --sq-photo-faint: 0.12;
  --sq-photo-banner: 0.35;
  --sq-locked-saturation: 0.4;
  --sq-font-display: "Fraunces", Georgia, serif;
  --sq-font-body: "Plus Jakarta Sans", system-ui, sans-serif;
  --sq-weight-light: 300;
  --sq-weight-regular: 400;
  --sq-weight-semibold: 600;
  --sq-weight-bold: 700;
  --sq-type-hero-size: 58px;     --sq-type-hero-line: 60px;
  --sq-type-page-size: 40px;     --sq-type-page-line: 46px;
  --sq-type-section-size: 32px;  --sq-type-section-line: 38px;
  --sq-type-rank-size: 28px;     --sq-type-rank-line: 32px;
  --sq-type-titleXL-size: 24px;  --sq-type-titleXL-line: 30px;
  --sq-type-titleL-size: 20px;   --sq-type-titleL-line: 26px;
  --sq-type-titleM-size: 17px;   --sq-type-titleM-line: 22px;
  --sq-type-wordmark-size: 22px; --sq-type-wordmark-line: 26px;
  --sq-type-wordmark-l-size: 44px; --sq-type-wordmark-l-line: 48px;
  --sq-type-wordmark-s-size: 18px; --sq-type-wordmark-s-line: 22px;
  --sq-type-body-size: 16px;     --sq-type-body-line: 26px;
  --sq-type-bodyLong-size: 16px; --sq-type-bodyLong-line: 29px;
  --sq-type-row-size: 16px;      --sq-type-row-line: 22px;
  --sq-type-button-size: 15px;   --sq-type-button-line: 20px;
  --sq-type-meta-size: 14px;     --sq-type-meta-line: 20px;
  --sq-type-time-size: 14px;     --sq-type-time-line: 18px;
  --sq-type-sub-size: 13px;      --sq-type-sub-line: 18px;
  --sq-type-kicker-size: 12px;   --sq-type-kicker-line: 16px;
  --sq-type-kicker-tracking: 0.18em;
  --sq-type-monogram-size: 56px; --sq-type-monogram-line: 60px;
  --sq-type-menu-group-size: 14px; --sq-type-menu-group-line: 18px;
  --sq-type-menu-group-tracking: 0.16em;
  --sq-monogram-gap: 0.04em;
  --sq-emblem: 64px;
  --sq-monogram-note: 22px;
  --sq-rule-menu-head: 96px;
  --sq-type-date-size: 28px;     --sq-type-date-line: 30px;
  --sq-type-day-size: 11px;      --sq-type-day-line: 14px;
  --sq-type-tab-size: 11px;      --sq-type-tab-line: 14px;
  --sq-type-note-size: 20px;     --sq-type-note-line: 30px;
  --sq-type-quote-size: 24px;    --sq-type-quote-line: 34px;
  --sq-type-hero-mobile: clamp(44px, 14.9vw, 58px);
  --sq-type-hero-desktop: clamp(58px, 6.25vw, 120px);
  --sq-tracking-display: -0.01em;
  --sq-wordmark-gap: 0.116em;
  --sq-wordmark-axes: "opsz" 144, "SOFT" 0, "WONK" 0;
  --sq-wordmark-q-axes: "opsz" 144, "SOFT" 0, "WONK" 1;
  --sq-wordmark-q-pad: 0.08em;
  --sq-underline-offset: 0.25em;
  --sq-disabled-opacity: 0.5;
  --sq-hover-opacity: 0.9;
  --sq-measure: 65ch;
  --sq-space-1: 4px;
  --sq-space-2: 8px;
  --sq-space-3: 12px;
  --sq-space-4: 16px;
  --sq-space-5: 20px;
  --sq-space-6: 24px;
  --sq-space-7: 28px;
  --sq-space-8: 32px;
  --sq-space-10: 40px;
  --sq-space-12: 48px;
  --sq-space-16: 64px;
  --sq-space-20: 80px;
  --sq-side: 20px;
  --sq-content-max: 1552px;
  --sq-desktop-margin: clamp(24px, 10vw, 192px);
  --sq-col-narrow: 720px;
  --sq-bar-top: 56px;
  --sq-bar-top-desktop: 72px;
  --sq-bar-tab: 56px;
  --sq-bar-player: 64px;
  --sq-bar-player-desktop: 88px;
  --sq-tap-min: 44px;
  --sq-hairline: 1px;
  --sq-rule-2: 2px;
  --sq-progress: 4px;
  --sq-progress-line: 2px;
  --sq-knob: 12px;
  --sq-glyph: 24px;
  --sq-glyph-m: 20px;
  --sq-glyph-s: 16px;
  --sq-glyph-lock: 14px;
  --sq-glyph-transport: 32px;
  --sq-actions-closer: calc(var(--sq-space-4) - (var(--sq-tap-min) - var(--sq-glyph)));
  --sq-stroke: 1.5px;
  --sq-stroke-current: 2px;
  --sq-avatar: 28px;
  --sq-avatar-menu: 48px;
  --sq-avatar-hub: 64px;
  --sq-dot-live: 8px;
  --sq-dot-tab: 6px;
  --sq-dot-unread: 8px;
  --sq-dot-include: 8px;
  --sq-badge: 24px;
  --sq-badge-s: 20px;
  --sq-kicker-rule: 32px;
  --sq-cover-rail: 150px;
  --sq-cover-hero: min(calc(100vw - 2 * var(--sq-side)), 350px);
  --sq-cover-np-desktop: 372px;
  --sq-cover-album-desktop: 420px;
  --sq-thumb: 56px;
  --sq-thumb-s: 44px;
  --sq-thumb-note: 40px;
  --sq-thumb-news: 96px;
  --sq-disc: 40px;
  --sq-disc-bar: 48px;
  --sq-disc-big: 56px;
  --sq-disc-np: 72px;
  --sq-watch-card-min: 320px;
  --sq-watch-short-min: 150px;
  --sq-watch-video-ratio: 16 / 9;
  --sq-watch-short-ratio: 3 / 4;
  --sq-transport-box: 56px;
  --sq-row-track: 64px;
  --sq-row-menu: 48px;
  --sq-row-note: 72px;
  --sq-row-gig: 88px;
  --sq-row-compare: 48px;
  --sq-row-single: 72px;
  --sq-date-col: 56px;
  --sq-gig-row-wrap: nowrap;
  --sq-gig-link-basis: 0%;
  --sq-gig-action-indent: 0px;
  --sq-gig-action-pad: 0px;
  --sq-starts-max: calc(var(--sq-date-col) * 2);
  --sq-compare-col: 56px;
  --sq-field-h: 52px;
  --sq-search-h: 44px;
  --sq-button-h: 48px;
  --sq-button-s-h: 44px;
  --sq-book-h: 36px;
  --sq-menu-w: 300px;
  --sq-np-panel-w: 420px;
  --sq-search-panel-w: 640px;
  --sq-rail-w: 400px;
  --sq-rail-w-l: 480px;
  --sq-gig-actions-w: 360px;
  --sq-grip-w: 36px;
  --sq-grip-h: 4px;
  --sq-band-h: 300px;
  --sq-band-h-desktop: 360px;
  --sq-banner-h: 220px;
  --sq-banner-h-desktop: 280px;
  --sq-gig-head-h: 220px;
  --sq-gig-head-h-desktop: 320px;
  --sq-era-w: 200px;
  --sq-era-h: 250px;
  --sq-ladder-stop: 8px;
  --sq-ladder-stop-l: 12px;
  --sq-skeleton-line: 14px;
  --sq-portrait-max: 640px;
  --sq-volume-w: 96px;
  --sq-scrub-max: 560px;
  --sq-auth-col: 420px;
  --sq-fill: 0%;
  --sq-radius-full: 9999px;
  --sq-radius-card: 12px;
  --sq-radius-cover: 12px;
  --sq-radius-thumb: 8px;
  --sq-radius-sheet: 20px;
  --sq-shadow-gold: 0 6px 20px rgba(239, 184, 108, 0.30);
  --sq-glow-next: 0 0 24px rgba(239, 184, 108, 0.18);
  --sq-glow-live: 0 0 12px rgba(229, 53, 44, 0.45);
  --sq-shadow-sheet: 0 -8px 32px rgba(7, 4, 15, 0.6);
  --sq-focus-ring-width: 2px;
  --sq-focus-ring-offset: 2px;
  --sq-ease: cubic-bezier(.2, .8, .2, 1);
  --sq-dur-enter: 240ms;
  --sq-dur-stagger: 60ms;
  --sq-dur-hover: 160ms;
  --sq-dur-live-fade: 400ms;
  --sq-dur-dot-in: 240ms;
  --sq-dur-dot-delay: 60ms;
  --sq-dur-live-pulse: 1600ms;
  --sq-dur-np-in: 320ms;
  --sq-dur-np-out: 240ms;
  --sq-dur-menu-phone: 280ms;
  --sq-dur-menu-desktop: 160ms;
  --sq-dur-bar-slide: 200ms;
  --sq-dur-toast: 3000ms;
  --sq-rise: 12px;
  --sq-press-scale: 0.98;
  --sq-pulse-low: 0.35;
  --sq-menu-from: translateX(100%);
  --sq-menu-dur: var(--sq-dur-menu-phone);
  --sq-np-from: translateY(100%);
  --sq-scroll-behavior: smooth;
  --sq-phone-display: block;
  --sq-phone-flex: flex;
  --sq-desk-display: none;
  --sq-desk-flex: none;
  --sq-desk-grid: none;
  --sq-tabbar-display: grid;
  --sq-topnav-glyph-display: none;
  --sq-topnav-gap: var(--sq-space-6);
  --sq-top-h: var(--sq-bar-top);
  --sq-top-cols: auto minmax(0, 1fr) auto;
  --sq-top-areas: "left mark actions";
  --sq-top-pad-x: var(--sq-space-2);
  --sq-top-gap: 0px;
  --sq-mark-justify: start;
  --sq-mark-inset: calc(var(--sq-side) - var(--sq-top-pad-x));
  --sq-top-hide: translateY(-100%);
  --sq-tab-h: calc(var(--sq-bar-tab) + max(env(safe-area-inset-bottom), var(--sq-space-2)));
  --sq-player-h: var(--sq-bar-player);
  --sq-player-cols: minmax(0, 1fr) auto;
  --sq-player-areas: "info transport";
  --sq-player-pad-x: var(--sq-side);
  --sq-player-cover: var(--sq-thumb-s);
  --sq-player-disc: var(--sq-disc);
  --sq-page-pad-x: var(--sq-side);
  --sq-menu-pos: fixed;
  --sq-menu-top: 0;
  --sq-menu-bottom: 0;
  --sq-menu-right: 0;
  --sq-menu-radius: 0;
  --sq-menu-dim-display: block;
  --sq-np-top: 0;
  --sq-np-bottom: 0;
  --sq-np-left: 0;
  --sq-np-w: 100%;
  --sq-np-cover-cap: 42dvh;
  --sq-np-cover: min(var(--sq-cover-hero), var(--sq-np-cover-cap));
  --sq-np-gap: clamp(var(--sq-space-3), 3dvh, var(--sq-space-6));
  --sq-np-border: 0;
  --sq-search-top: 0;
  --sq-search-bottom: 0;
  --sq-search-left: 0;
  --sq-search-w: 100%;
  --sq-search-radius: 0;
  --sq-band-height: var(--sq-band-h);
  --sq-band-photo-w: 50%;
  --sq-hero-type: var(--sq-type-hero-mobile);
  --sq-split-cols: minmax(0, 1fr);
  --sq-split-cols-l: minmax(0, 1fr);
  --sq-split-gap: var(--sq-space-10);
  --sq-rail-wrap: nowrap;
  --sq-rail-overflow: auto;
  --sq-rail-bleed: calc(-1 * var(--sq-page-pad-x));
  --sq-cover-size: var(--sq-cover-rail);
  --sq-singles-cols: minmax(0, 1fr);
  --sq-album-cols: minmax(0, 1fr);
  --sq-album-cover: var(--sq-cover-hero);
  --sq-album-areas: "head" "cover" "body";
  --sq-banner-height: var(--sq-banner-h);
  --sq-gig-head-height: var(--sq-gig-head-h);
  --sq-gig-cols: minmax(0, 1fr);
  --sq-actions-sticky: static;
  --sq-tier-cols: minmax(0, 1fr);
  --sq-about-cols: minmax(0, 1fr);
  --sq-journey-wrap: nowrap;
  --sq-post-max: 100%;
  --sq-home-cols: minmax(0, 1fr);
  --sq-home-areas: "rank" "notes" "latest" "recent";
  --sq-auth-panel-bg: transparent;
  --sq-auth-panel-pad: 0px;
  --sq-auth-panel-radius: 0px;
  --sq-auth-panel-line: transparent;
  --ground: var(--sq-ground-page);
  --ink-body: var(--sq-text-ivory);
  --link: var(--sq-gold);
  --focus: var(--sq-gold);
  --brand-primary: var(--sq-gold);
  --tap-min: var(--sq-tap-min);
  --space-1: var(--sq-space-1);
  --space-2: var(--sq-space-2);
  --space-3: var(--sq-space-3);
  --space-4: var(--sq-space-4);
  --text-label: var(--sq-type-meta-size);
  --weight-body: var(--sq-weight-regular);
  --weight-strong: var(--sq-weight-semibold);
  --measure: var(--sq-measure);
  --rule-hairline: var(--sq-line-hair);
  --rule-strong: var(--sq-line-control);
  --radius-surface: var(--sq-radius-full);
  --lift-2: var(--sq-ground-selected);
  --dur-2: var(--sq-dur-hover);
  --ease: var(--sq-ease);
}
@media (min-width: 768px) {
  :root {
    --sq-phone-display: none;
    --sq-phone-flex: none;
    --sq-desk-display: block;
    --sq-desk-flex: flex;
    --sq-desk-grid: grid;
    --sq-tabbar-display: none;
    --sq-top-h: var(--sq-bar-top-desktop);
    --sq-top-cols: auto minmax(0, 1fr) auto;
    --sq-top-areas: "mark nav actions";
    --sq-top-pad-x: var(--sq-desktop-margin);
    --sq-top-gap: var(--sq-topnav-gap);
    --sq-mark-justify: start;
    --sq-mark-inset: 0px;
    --sq-top-hide: none;
    --sq-tab-h: 0px;
    --sq-player-h: var(--sq-bar-player-desktop);
    --sq-player-cols: minmax(0, 1fr) minmax(0, var(--sq-scrub-max)) minmax(0, 1fr);
    --sq-player-areas: "info transport tools";
    --sq-player-pad-x: var(--sq-desktop-margin);
    --sq-player-cover: var(--sq-thumb);
    --sq-player-disc: var(--sq-disc-bar);
    --sq-page-pad-x: var(--sq-desktop-margin);
    --sq-menu-pos: absolute;
    --sq-menu-top: calc(100% + var(--sq-space-2));
    --sq-menu-bottom: auto;
    --sq-menu-right: 0;
    --sq-menu-radius: var(--sq-radius-card);
    --sq-menu-dim-display: none;
    --sq-menu-from: scale(0.96);
    --sq-menu-dur: var(--sq-dur-menu-desktop);
    --sq-np-top: var(--sq-top-h);
    --sq-np-bottom: var(--sq-player-h);
    --sq-np-left: auto;
    --sq-np-w: var(--sq-np-panel-w);
    --sq-np-cover: var(--sq-cover-np-desktop);
    --sq-np-border: var(--sq-hairline);
    --sq-np-from: translateX(100%);
    --sq-search-top: calc(var(--sq-top-h) + var(--sq-space-2));
    --sq-search-bottom: auto;
    --sq-search-left: calc(50% - var(--sq-search-panel-w) / 2);
    --sq-search-w: var(--sq-search-panel-w);
    --sq-search-radius: var(--sq-radius-card);
    --sq-band-height: var(--sq-band-h-desktop);
    --sq-band-photo-w: 55%;
    --sq-hero-type: var(--sq-type-hero-desktop);
    --sq-split-cols: minmax(0, 1fr) var(--sq-rail-w);
    --sq-split-cols-l: minmax(0, 1fr) var(--sq-rail-w-l);
    --sq-split-gap: var(--sq-space-8);
    --sq-rail-wrap: wrap;
    --sq-rail-overflow: visible;
    --sq-rail-bleed: 0px;
    --sq-cover-size: 180px;
    --sq-singles-cols: repeat(2, minmax(0, 1fr));
    --sq-album-cols: var(--sq-cover-album-desktop) minmax(0, 1fr);
    --sq-album-cover: var(--sq-cover-album-desktop);
    --sq-album-areas: "cover head" "cover body";
    --sq-banner-height: var(--sq-banner-h-desktop);
    --sq-gig-head-height: var(--sq-gig-head-h-desktop);
    --sq-gig-cols: minmax(0, 1fr) var(--sq-gig-actions-w);
    --sq-actions-sticky: sticky;
    --sq-about-cols: minmax(0, 7fr) minmax(0, 5fr);
    --sq-journey-wrap: wrap;
    --sq-post-max: var(--sq-col-narrow);
    --sq-home-cols: minmax(0, 1fr) var(--sq-rail-w);
    --sq-home-areas: "latest rank" "latest notes" "latest recent" "latest .";
    --sq-auth-panel-bg: var(--sq-ground-panel);
    --sq-auth-panel-pad: var(--sq-space-10);
    --sq-auth-panel-radius: var(--sq-radius-card);
    --sq-auth-panel-line: var(--sq-line-card);
  }
}
@media (max-width: 359.98px) {
  :root {
    --sq-gig-row-wrap: wrap;
    --sq-gig-link-basis: 100%;
    --sq-gig-action-indent: calc(var(--sq-date-col) + var(--sq-space-3));
    --sq-gig-action-pad: var(--sq-space-3);
    --sq-starts-max: none;
  }
}
@media (min-width: 1100px) {
  :root {
    --sq-topnav-glyph-display: inline-block;
    --sq-topnav-gap: var(--sq-space-8);
  }
}
@media (min-width: 1024px) {
  :root {
    --sq-tier-cols: repeat(3, minmax(0, 1fr));
  }
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --sq-dur-enter: 0ms;
    --sq-dur-stagger: 0ms;
    --sq-dur-hover: 0ms;
    --sq-dur-live-fade: 0ms;
    --sq-dur-dot-in: 0ms;
    --sq-dur-dot-delay: 0ms;
    --sq-dur-live-pulse: 0ms;
    --sq-dur-np-in: 0ms;
    --sq-dur-np-out: 0ms;
    --sq-dur-menu-phone: 0ms;
    --sq-dur-menu-desktop: 0ms;
    --sq-dur-bar-slide: 0ms;
    --sq-rise: 0px;
    --sq-press-scale: 1;
    --sq-pulse-low: 1;
    --sq-scroll-behavior: auto;
  }
}