.arpy-pa-shell {
    --arpy-bg: linear-gradient(135deg, #fbf3e8 0%, #fffdf8 44%, #e8f4ff 100%);
    --arpy-card: rgba(255, 255, 255, 0.96);
    --arpy-primary: #0b6b61;
    --arpy-primary-dark: #084f48;
    --arpy-accent: #c47b32;
    --arpy-text: #1f3347;
    --arpy-muted: #607387;
    --arpy-border: rgba(183, 198, 214, 0.7);
    --arpy-shadow: 0 26px 70px rgba(20, 48, 78, 0.12);
    max-width: 880px;
    margin: 28px auto;
    padding: 22px;
    border-radius: 32px;
    background: var(--arpy-bg);
    box-shadow: var(--arpy-shadow);
}

.arpy-pa-auth-card,
.arpy-pa-profile {
    background: var(--arpy-card);
    border: 1px solid var(--arpy-border);
    border-radius: 24px;
    padding: 28px;
    color: var(--arpy-text);
    box-shadow: 0 12px 30px rgba(20, 48, 78, 0.08);
}
a.arpy-pa-header-profile__trigger {
    color: #000;
}
.arpy-pa-auth-intro {
    margin-bottom: 24px;
}

.arpy-pa-eyebrow {
    display: inline-block;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(11, 107, 97, 0.1);
    color: var(--arpy-primary);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.arpy-pa-auth-intro h2,
.arpy-pa-profile h3 {
    margin: 14px 0 10px;
    color: var(--arpy-text);
    font-size: clamp(28px, 3vw, 38px);
    line-height: 1.1;
}

.arpy-pa-auth-intro p,
.arpy-pa-links,
.arpy-pa-profile p {
    color: var(--arpy-muted);
}

.arpy-pa-form {
    max-width: 760px;
    margin: 0 auto;
}

.arpy-pa-grid-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.arpy-pa-form p {
    margin: 0;
}

.arpy-pa-field-full {
    grid-column: 1 / -1;
}

.arpy-pa-form label {
    display: block;
    margin-bottom: 8px;
    font-weight: 700;
    color: var(--arpy-text);
}

.arpy-pa-form input,
.arpy-pa-form textarea {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #cad8e4;
    border-radius: 14px;
    box-sizing: border-box;
    background: #fff;
    color: var(--arpy-text);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.arpy-pa-form input:focus,
.arpy-pa-form textarea:focus {
    border-color: var(--arpy-primary);
    box-shadow: 0 0 0 4px rgba(11, 107, 97, 0.12);
    outline: none;
    transform: translateY(-1px);
}

.arpy-pa-form textarea {
    min-height: 140px;
    resize: vertical;
}
.arpy-pa-form .arpy-pa-remember-me {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 20px 0 0;
    color: var(--arpy-muted);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    cursor: pointer;
    float: left;
}

.arpy-pa-form .arpy-pa-remember-me input[type="checkbox"] {
    width: 14px;
    height: 14px;
    margin: 0;
    padding: 0;
    border-radius: 3px;
    flex: 0 0 auto;
    cursor: pointer;
    transform: none;
}

.arpy-pa-form .arpy-pa-remember-me input[type="checkbox"]:focus {
    transform: none;
}
.arpy-pa-form .button,
.arpy-pa-form button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 22px;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 700;
        color: #fff !important;
}

.arpy-pa-form button,
.arpy-pa-profile-actions .button {
    background: #0000 !important;
    color: #B8A89B !important;
    cursor: pointer;
    box-shadow: 0 14px 28px rgba(11, 107, 97, 0.2);
    border: 1px solid rgba(245, 232, 216, 0.12) !important;
    padding: .5rem 1.2rem;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 12px;
    text-decoration: none;
    letter-spacing: .16em;
}
.arpy-pa-form button, .arpy-pa-profile-actions .button:hover {
    background: #D9783F !important;
    color: #fff !important;
}

.arpy-pa-form button:hover,
.arpy-pa-profile-actions .button:hover {
    background: #0000 !important;
    color: #fff !important;
    border: 1px solid #B8A89B !important;
}

.arpy-pa-button-secondary {
    background: #fff8ef;
    color: #8b531f !important;
    border: 1px solid #efcfab !important;
    box-shadow: none !important;
}

.arpy-pa-form-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
    margin-top: 40px !important;
}

.arpy-pa-auth-section-title {
    margin: 0 0 16px;
    color: var(--arpy-text);
    font-size: 20px;
    font-weight: 800;
}

.arpy-pa-auth-subsection {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid var(--arpy-border);
}

.arpy-pa-step-note {
    margin: 0 0 16px;
    padding: 14px 16px;
    border-radius: 14px;
    background: #f6fbf9;
    border: 1px solid rgba(11, 107, 97, 0.14);
    color: var(--arpy-muted);
}

.arpy-pa-auth-divider {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 24px 0 0;
    color: var(--arpy-muted);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.arpy-pa-auth-divider::before,
.arpy-pa-auth-divider::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--arpy-border);
}

.arpy-pa-inline-link,
.arpy-pa-links a,
.arpy-pa-message a,
.arpy-pa-success a,
.arpy-pa-error a {
    color: var(--arpy-primary);
    font-weight: 600;
}

.arpy-pa-success,
.arpy-pa-error,
.arpy-pa-message {
    max-width: 880px;
    margin: 0 auto 18px;
    padding: 16px 18px;
    border-radius: 18px;
    border: 1px solid transparent;
}

.arpy-pa-success {
    background: #edf9f2;
    border-color: #c7ebd4;
    color: #135534;
}

.arpy-pa-error {
    background: #fff3f1;
    border-color: #f3d0ca;
    color: #8f2f2c;
}

.arpy-pa-message {
    background: #eef7ff;
    border-color: #cfe3f6;
    color: #1d4d77;
}

.arpy-pa-profile {
    max-width: 880px;
    margin: 22px auto;
}

.arpy-pa-profile p {
    margin: 0 0 14px;
    word-break: break-word;
}

.arpy-pa-profile strong {
    color: var(--arpy-text);
}

.arpy-pa-links {
    max-width: 760px;
    margin: 16px auto 0;
    text-align: center;
}

.arpy-pa-links--left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-top: 18px;
    text-align: left;
}

.arpy-pa-profile-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 22px;
}

.arpy-pa-profile-edit-form {
    max-width: none;
    margin: 0;
}

@media (max-width: 767px) {
    .arpy-pa-shell {
        padding: 14px;
        border-radius: 24px;
    }

    .arpy-pa-auth-card,
    .arpy-pa-profile {
        padding: 20px;
        border-radius: 20px;
    }

    .arpy-pa-grid-form {
        grid-template-columns: 1fr;
    }
}

.arpy-audio-listing {
    --arpy-audio-bg: #101010;
    --arpy-audio-panel: #141414;
    --arpy-audio-border: rgba(255, 255, 255, 0.08);
    --arpy-audio-text: #f4f4f4;
    --arpy-audio-muted: #8f8f8f;
    --arpy-audio-genre: #8fa8ff;
    --arpy-audio-bpm: #ff8d4d;
    --arpy-audio-badge: #f06d8b;
    --arpy-audio-spotify: #4cc36f;
    --arpy-audio-youtube: #d95353;
    max-width: 100%;
    margin: 32px auto;
    padding: 18px 24px;
    border: 1px solid var(--arpy-audio-border);
    background: linear-gradient(180deg, #111 0%, #0d0d0d 100%);
    color: var(--arpy-audio-text);
    box-shadow: 0 28px 60px rgba(0, 0, 0, 0.28);
}

.arpy-audio-listing__row {
    display: grid;
    grid-template-columns: 64px minmax(280px, 2fr) minmax(140px, 1fr) 88px 88px 150px 140px;
    gap: 18px;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid var(--arpy-audio-border);
}

.arpy-audio-listing__row--head {
    padding-top: 6px;
    padding-bottom: 18px;
    color: var(--arpy-audio-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.arpy-audio-listing__row--head span:first-child {
    opacity: 1;
}

.arpy-audio-listing__body .arpy-audio-listing__row:last-child {
    border-bottom: none;
}

.arpy-audio-listing__index {
    color: #616161;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.06em;
}

.arpy-audio-listing__track {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.arpy-audio-listing__cover {
    width: 56px;
    height: 56px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    object-fit: cover;
    flex-shrink: 0;
}

.arpy-audio-listing__cover--placeholder {
    background: linear-gradient(135deg, #242424, #171717);
}

.arpy-audio-listing__track-copy {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.arpy-audio-listing__track-copy h3 {
    margin: 0;
    color: var(--arpy-audio-text);
    font-size: 34px;
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.arpy-audio-listing__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    border: 1px solid rgba(240, 109, 139, 0.55);
    color: var(--arpy-audio-badge);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.arpy-audio-listing__genre {
    color: var(--arpy-audio-genre);
    font-size: 16px;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.arpy-audio-listing__bpm {
    color: var(--arpy-audio-bpm);
    font-size: 34px;
    font-weight: 800;
    line-height: 1;
}

.arpy-audio-listing__year {
    color: #787878;
    font-size: 16px;
    font-weight: 600;
}

.arpy-audio-listing__stream {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.arpy-audio-listing__stream-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 14px;
    border: 1px solid currentColor;
    color: var(--arpy-audio-text);
    text-decoration: none;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.arpy-audio-listing__stream-link--spotify {
    /*color: var(--arpy-audio-spotify);*/
    border-color: rgba(30, 160, 90, .4);
    color: #1A8A4F;
    min-height: 25px !important;
}

.arpy-audio-listing__stream-link--youtube {
    /*color: var(--arpy-audio-youtube);*/
    border-color: rgba(204, 50, 50, .4);
    color: #C53030;
    min-height: 25px !important;
}

.arpy-audio-listing__stream-empty {
    color: var(--arpy-audio-muted);
}

.arpy-audio-listing__action {
    display: flex;
    justify-content: flex-start;
}

.arpy-audio-listing__action-note {
    color: var(--arpy-audio-muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.arpy-audio-listing__action-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 16px;
    border: 1px solid transparent;
    color: var(--arpy-audio-text);
    text-decoration: none;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.arpy-audio-listing__action-link--download {
    background: #f4f4f4;
    border-color: #f4f4f4;
    color: #101010;
}

.arpy-audio-listing__action-link--login {
    border-color: rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.04);
}

.arpy-audio-listing__action-link:hover {
    background: #ffffff;
    border-color: #ffffff;
    color: #101010;
}

.arpy-pa-member-header {
    position: relative;
    display: inline-flex;
    align-items: stretch;
    border: 1px solid rgba(196, 123, 50, 0.18);
    background: rgba(18, 15, 13, 0.92);
    color: #f4e7d7;
    min-height: 72px;
}

.arpy-pa-member-header__identity,
.arpy-pa-member-header__logout {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 0 22px;
}

.arpy-pa-member-header__identity {
    cursor: pointer;
}

.arpy-pa-member-header__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    background: #d88442;
    color: #1a1411;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.arpy-pa-member-header__name,
.arpy-pa-member-header__logout {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.arpy-pa-member-header__logout {
    color: #c6b8a8;
    text-decoration: none;
}

.arpy-pa-member-header__logout:hover {
    color: #ffffff;
}

.arpy-pa-header-profile,
.arpy-pa-member-header__identity {
    position: relative;
}

.arpy-pa-header-profile {
    display: inline-flex;
    align-items: center;
}

.arpy-pa-header-profile__menu,
.arpy-pa-member-header__menu {
  position: absolute;
  right: 0;
  z-index: 9999; 
  display: grid ; 
  min-width: 135px; 
  padding: 8px; 
  border: 1px solid rgba(221, 138, 66, 0.32); 
  background: #1b1410; 
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35); 
  opacity: 0; /* pointer-events: none !important; */ transform: 
  translateY(-6px) !important; 
  transition: opacity 160ms ease, transform 160ms ease; top: 100%;
  margin-top: 38px;
  float: right;
  /*margin-right: -39px !important;*/
}
.arpy-pa-header-profile__menu a {
    color: #000;
}

.arpy-pa-header-profile:hover .arpy-pa-header-profile__menu,
.arpy-pa-header-profile:focus-within .arpy-pa-header-profile__menu,
.arpy-pa-member-header__identity:hover .arpy-pa-member-header__menu,
.arpy-pa-member-header__identity:focus-within .arpy-pa-member-header__menu {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.arpy-pa-header-profile__menu a,
.arpy-pa-member-header__menu a {
    display: flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    color: #f7e0c6;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.arpy-pa-header-profile__menu a:hover,
.arpy-pa-header-profile__menu a:focus-visible,
.arpy-pa-member-header__menu a:hover,
.arpy-pa-member-header__menu a:focus-visible {
    background: var(--arpy-member-accent, #dd8a42);
    color: #111;
}

.arpy-pa-member-page {
    --arpy-member-bg: #171311;
    --arpy-member-surface: #1d1714;
    --arpy-member-surface-soft: #2a211c;
    --arpy-member-border: rgba(221, 138, 66, 0.14);
    --arpy-member-text: #f3eee7;
    --arpy-member-muted: #a08d80;
    --arpy-member-accent: #dd8a42;
    --arpy-member-green: #33d66c;
    --arpy-member-green-bg: #102318;
    --arpy-member-line: rgba(255, 255, 255, 0.07);
    /*margin: 28px auto;*/
    color: var(--arpy-member-text);
}

.arpy-pa-member-page__shell {
    max-width: 100%;
    margin: 0 auto;
    background: var(--arpy-member-bg);
    color: var(--arpy-member-text);
    box-shadow: 0 32px 72px rgba(0, 0, 0, 0.34);
}

.arpy-pa-member-page .arpy-pa-success,
.arpy-pa-member-page .arpy-pa-error,
.arpy-pa-member-page .arpy-pa-message {
    max-width: none;
    margin: 0;
    border-radius: 0;
}

.arpy-pa-member-hero {
    position: relative;
    overflow: hidden;
    padding: 72px 44px 0;
}

.arpy-pa-member-hero__layout {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 48px;
    align-items: start;
}

.arpy-pa-member-hero__copy {
    max-width: 600px;
    text-align: left;
}

.arpy-pa-member-hero__tag,
.arpy-pa-member-section-label {
    display: inline-block;
    font-size: .52rem;
    letter-spacing: .28em;
    text-transform: uppercase;
    color: #DD803F;
    font-weight: 400;
}

.arpy-pa-member-hero__title {
    margin: 22px 0 18px;
    color: var(--arpy-member-text);
    font-size: 61px !important;
    line-height: 0.9;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.arpy-pa-member-hero__title span {
    color: var(--arpy-member-accent);
}

.arpy-pa-member-hero__description {
    margin: 0;
    color: #B8A89B;
    line-height: 1.6;
    font-style: italic;
    font-family: 'Playfair Display', serif;
    font-size: 1rem;
    max-width: 520px;
}

.arpy-pa-member-hero__stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    margin-top: 44px;
    padding: 34px 0 36px;
    border-top: 1px solid var(--arpy-member-line);
}

.arpy-pa-member-stat strong {
    display: block;
    color: #DD803F;
    font-size: 2rem;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 400;
}

.arpy-pa-member-stat span {
    display: block;
    margin-top: 10px;
    color: #72645b;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

aside.arpy-pa-member-hero__status {
    display: flex;
    justify-content: flex-end;
    margin-top: 122px;
}

.arpy-pa-member-status-card {
    min-height: 150px;
    padding: 18px;
    border: 1px solid #1a8a4f66;
    background: #1a8a4f1f;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 180px;
}

.arpy-pa-member-status-card__icon {
    color: var(--arpy-member-green);
    font-size: 1.8rem;
    line-height: 1;
}

.arpy-pa-member-status-card__label {
    margin-top: 18px;
    color: #2ecc71b3;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 1.76px;
    text-transform: uppercase;
}

.arpy-pa-member-status-card h3 {
    margin: 10px 0 8px;
    font-size: 1.3rem !important;
    letter-spacing: .1em !important;
    color: #2ECC71 !important;
    line-height: 1;
    text-transform: uppercase;
}

.arpy-pa-member-status-card p {
    font-size: .55rem;
    color: rgba(46, 204, 113, .5);
    margin-top: .3rem;
    letter-spacing: .1em;
}

.arpy-pa-member-hero__watermark {
   position: absolute;
    right: 0;
    bottom: 0;
    color: #dd803f0d;
    font-weight: 400;
    line-height: 0.8;
    text-transform: uppercase;
    pointer-events: none;
    font-family: 'Bebas Neue', sans-serif;
    letter-spacing: 17px;
    font-size: 11rem;
}

.arpy-pa-member-notice {
    border-top: 3px solid var(--arpy-member-accent);
    background: #2b221d;
}

.arpy-pa-member-notice__inner {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 44px;
    font-size: .62rem;
    color: rgba(241, 234, 224, .65);
    letter-spacing: .06em;
}

.arpy-pa-member-notice__text strong {
    color: #e7d8c7;
}

.arpy-pa-member-notice__meta {
    color: #DD803F;
    text-transform: uppercase;
    opacity: .7;
    font-size: .5rem;
    letter-spacing: .18em;
}

.arpy-pa-member-audio {
    padding: 0px 44px 0px;
}

.arpy-pa-member-page .arpy-audio-listing {
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
}

.arpy-pa-member-page .arpy-audio-listing__row {
    grid-template-columns: 48px minmax(280px, 3fr) minmax(140px, 1.5fr) 90px 90px 150px 158px;
    gap: 18px;
    padding: 18px 0;
    border-bottom-color: rgba(255, 255, 255, 0.06);
    background: #181513;
    text-align: left;
}

.arpy-pa-member-page .arpy-audio-listing__row--head {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: #7d7168;
    text-align: left;
}

.arpy-pa-member-page .arpy-audio-listing__index {
    color: #59514d;
    font-size: 1.1rem !important;
}

.arpy-pa-member-page .arpy-audio-listing__cover {
    background: #352b24;
    border-color: #4a4037;
}

.arpy-pa-member-page .arpy-audio-listing__cover--placeholder {
    background: #352b24;
}

.arpy-pa-member-page .arpy-audio-listing__track-copy {
    align-items: flex-start;
    gap: 6px;
    flex-direction: column;
}

.arpy-pa-member-page .arpy-audio-listing__track-copy h3 {
    font-size: clamp(28px, 3vw, 42px);
}

.arpy-pa-member-page .arpy-audio-listing__badge {
    padding: 0;
    border: none;
    color: #7b7068;
    letter-spacing: 0.18em;
}

.arpy-pa-member-page .arpy-audio-listing__genre {
    color: #988c83;
    text-decoration: none;
}

.arpy-pa-member-page .arpy-audio-listing__bpm {
    color: var(--arpy-member-accent);
    font-size: 1.1rem !important;
}

.arpy-pa-member-page .arpy-audio-listing__year {
    color: #6d635d;
}

.arpy-pa-member-page .arpy-audio-listing__stream-link,
.arpy-pa-member-page .arpy-audio-listing__action-link {
    min-height: 32px;
    padding: 0 14px;
    font-size: .48rem;
    text-decoration: none;
}

.arpy-pa-member-page .arpy-audio-listing__action {
    display: block;
}

.arpy-pa-member-page .arpy-audio-listing__action-link--download {
    display: flex;
    width: 100%;
    min-height: 40px;
    background: var(--arpy-member-accent);
    border-color: var(--arpy-member-accent);
    color: #fff;
    min-height: 30px;
}

.arpy-pa-member-page .arpy-audio-listing__action-link--download:hover {
    background: #f1a35f;
    border-color: #f1a35f;
    color: #fff;
}

.arpy-pa-member-page .arpy-audio-grid {
    /*margin-top: 44px;*/
    padding-top: 55px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.arpy-pa-member-page .arpy-audio-grid__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
    color: #DD803F;
    font-size: .5rem;
    font-weight: 700;
    letter-spacing: .25em;
    text-transform: uppercase;
}

.arpy-pa-member-page .arpy-audio-grid__header span:last-child {
    color: #7d7168;
    text-transform: none;
}

.arpy-audio-grid__items,
.arpy-pa-member-page .arpy-audio-grid__items {
    display: grid;
    /*grid-template-columns: repeat(3, minmax(0, 1fr));*/
    /*gap: 30px;*/
    border-top: 1px solid #f5e8d81f;
    padding-top: 40px;

}

.arpy-audio-grid__card,
.arpy-pa-member-page .arpy-audio-grid__card {
    min-width: 0;
    padding: 3rem 2.2rem;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    text-align: left;

}
.arpy-audio-grid__card, .arpy-pa-member-page .arpy-audio-grid__card:first-child
 {
    border-left: none;
}

.arpy-pa-member-page .arpy-audio-grid__art {
    position: relative;
    display: grid;
    place-items: center;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #2b241f;
}

.arpy-pa-member-page .arpy-audio-grid__art img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 180ms ease, opacity 180ms ease;
}

.arpy-pa-member-page .arpy-audio-grid__art span {
    padding: 24px;
    color: #756e6a;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: clamp(26px, 3vw, 42px);
    font-weight: 900;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
}

.arpy-pa-member-page .arpy-audio-grid__download {
    position: absolute;
    inset: auto 16px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    border: 1px solid var(--arpy-member-accent);
    background: var(--arpy-member-accent);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-decoration: none;
    text-transform: uppercase;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 180ms ease, transform 180ms ease;
}

.arpy-pa-member-page .arpy-audio-grid__card:hover .arpy-audio-grid__art img {
    opacity: 0.62;
    transform: scale(1.04);
}

.arpy-pa-member-page .arpy-audio-grid__card:hover .arpy-audio-grid__download,
.arpy-pa-member-page .arpy-audio-grid__download:focus-visible {
    opacity: 1;
    transform: translateY(0);
}

.arpy-pa-member-page .arpy-audio-grid__meta {
    margin-top: 20px;
    color: #F35C8A !important;
    font-weight: 400;
    text-transform: uppercase;
    font-size: .48rem;
    letter-spacing: .22em;
}

.arpy-pa-member-page .arpy-audio-grid__card h3 {
    margin: 14px 0 8px;
    color: #fff;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    font-size: 1.9rem;
    letter-spacing: .04em;
}

.arpy-pa-member-page .arpy-audio-grid__card p {
    margin: 0 0 14px;
    color: #b8a89b;
    line-height: 1.5;
    font-size: .6rem;
    opacity: 0.65;
    letter-spacing: 0.5px;
}

.arpy-pa-member-page .arpy-audio-grid__links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.arpy-pa-member-page .arpy-audio-grid__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 12px;
    border: 1px solid #5f564f;
    color: #fff;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-decoration: none;
    text-transform: uppercase;
}

.arpy-pa-member-page .arpy-audio-grid__link--spotify {
    border-color: rgba(30, 160, 90, .4);
    color: #1A8A4F;
    min-height: 25px;
    font-weight: 400;
    font-size: .5rem;

}

.arpy-pa-member-page .arpy-audio-grid__link--youtube {
    border-color: rgba(204, 50, 50, .4);
    color: #C53030;
    min-height: 25px;
    font-weight: 400;
    font-size: .5rem;
}

.arpy-pa-member-page .arpy-audio-grid__note {
    color: #7d7168;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .arpy-audio-grid__items,
    .arpy-pa-member-page .arpy-audio-grid__items {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.arpy-pa-member-account {
    padding: 0 44px 44px;
}

.arpy-pa-member-account__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 50%;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(17, 13, 11, 0.9);
}
.arpy-pa-profile.arpy-pa-profile--member {
    width: 100% !important;
    text-align: left;
    background: #2B2520;
    margin: 0;
}

.arpy-pa-member-account__grid > * {
    min-width: 0;
}

.arpy-pa-profile--member,
.arpy-pa-member-summary {
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 32px;
    color: var(--arpy-member-text);
    width: 100% !important;
    text-align: left;
}

.arpy-pa-member-summary {
    border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.arpy-pa-member-account__identity {
    position: relative;
    display: flex;
    align-items: center;
    gap: 18px;
    margin: 20px 0 28px;
}

.arpy-pa-member-account__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 999px;
    background: var(--arpy-member-accent);
    color: #111;
    font-size: 28px;
    font-weight: 800;
}

.arpy-pa-member-account__identity-copy h3 {
    margin: 0 0 6px;
    color: var(--arpy-member-text);
    font-size: 1.6rem !important;
    letter-spacing: .06em;
    line-height: 1;
    text-transform: uppercase;
}

.arpy-pa-member-account__identity-copy p {
    margin: 0 0 10px;
    font-size: .65rem;
    color: #B8A89B !important;
    letter-spacing: .06em;
}

.arpy-pa-member-account__badge {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    background: rgba(26, 138, 79, .12);
    border: 1px solid rgba(26, 138, 79, .35);
    color: #2ECC71;
    font-size: .45rem !important;
    letter-spacing: .15em !important;
    text-transform: uppercase;
    padding: .2rem .6rem !important;
    line-height: 1;
}

.arpy-pa-member-account__hover-menu {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 2;
    display: flex;
    gap: 8px;
    padding: 8px;
    border: 1px solid rgba(221, 138, 66, 0.36);
    background: #1b1410;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
    opacity: 0;
    pointer-events: none;
    transform: translate(8px, -50%);
    transition: opacity 160ms ease, transform 160ms ease;
}

.arpy-pa-member-account__identity:hover .arpy-pa-member-account__hover-menu,
.arpy-pa-member-account__identity:focus-within .arpy-pa-member-account__hover-menu {
    opacity: 1;
    pointer-events: auto;
    transform: translate(0, -50%);
}

.arpy-pa-member-account__hover-menu a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid #5d4a3b;
    color: #f7e0c6;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.arpy-pa-member-account__hover-menu a:hover,
.arpy-pa-member-account__hover-menu a:focus-visible {
    border-color: var(--arpy-member-accent);
    background: var(--arpy-member-accent);
    color: #fff;
}

.arpy-pa-member-account__fields {
    display: grid;
    gap: 14px;
}

.arpy-pa-member-field label {
    display: block;
    margin: 0 0 8px;
   font-size: .48rem;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #B8A89B;
    opacity: .6;
}

.arpy-pa-member-field div {
    min-height: 30px;
    padding: 8px 16px;
    border: 1px solid #49413b;
    background: rgba(255, 255, 255, .05);
    color: var(--arpy-member-text);
    word-break: break-word;
    font-size: .8rem;
    
}

.arpy-pa-member-summary__list {
    list-style: none;
    margin: 22px 0 0;
    padding: 0;
}

.arpy-pa-member-summary__list li {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 0;
    border-bottom: 1px solid #302924;
}

.arpy-pa-member-summary__list span {
    color: var(--arpy-member-text);
    font-size: .78rem;
}

.arpy-pa-member-summary__list strong {
    /*color: #f7e0c6;*/
    font-size: .78rem;
    color: #B8A89B;
    opacity: .5;
    letter-spacing: .06em;
}

.arpy-pa-member-summary__notice {
    margin-top: 26px;
    padding: 18px;
    border: 1px solid #6a4729;
    background: #241b16;
   color: #B8A89B;
    font-size: .62rem;
    line-height: 1.7;
    letter-spacing: .04em;
}

.arpy-pa-member-page .arpy-pa-profile-edit-form {
    max-width: none;
    margin-top: 18px;
}

.arpy-pa-member-page .arpy-pa-form label {
    color: #bdaea2;
}

.arpy-pa-member-page .arpy-pa-form input,
.arpy-pa-member-page .arpy-pa-form textarea {
    border-color: #49413b;
    background: #2b241f;
    color: var(--arpy-member-text);
}

.arpy-pa-member-page .arpy-pa-form input:focus,
.arpy-pa-member-page .arpy-pa-form textarea:focus {
    border-color: var(--arpy-member-accent);
    box-shadow: 0 0 0 4px rgba(221, 138, 66, 0.12);
}
.arpy-audio-grid {
    margin-top: 0px !important;
}

@media (max-width: 991px) {
    .arpy-audio-listing {
        padding: 18px;
    }

    .arpy-audio-listing__row {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 14px 18px;
    }

    .arpy-audio-listing__row--head {
        display: none;
    }

    .arpy-audio-listing__track {
        grid-column: 2;
    }

    .arpy-audio-listing__genre,
    .arpy-audio-listing__bpm,
    .arpy-audio-listing__year,
    .arpy-audio-listing__stream,
    .arpy-audio-listing__action {
        grid-column: 2;
        padding-left: 72px;
    }

    .arpy-audio-listing__track-copy {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .arpy-audio-listing__track-copy h3,
    .arpy-audio-listing__bpm {
        font-size: 26px;
    }

    .arpy-audio-grid__items,
    .arpy-pa-member-page .arpy-audio-grid__items {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .arpy-audio-listing {
        padding: 14px;
    }

    .arpy-audio-listing__row {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 18px 0;
    }

    .arpy-audio-listing__index,
    .arpy-audio-listing__track,
    .arpy-audio-listing__genre,
    .arpy-audio-listing__bpm,
    .arpy-audio-listing__year,
    .arpy-audio-listing__stream,
    .arpy-audio-listing__action {
        grid-column: auto;
        padding-left: 0;
    }

    .arpy-audio-listing__index {
        font-size: 18px;
    }

    .arpy-audio-listing__track-copy h3,
    .arpy-audio-listing__bpm {
        font-size: 22px;
    }

    .arpy-pa-member-header {
        width: 100%;
        min-height: 60px;
    }

    .arpy-pa-member-header__identity,
    .arpy-pa-member-header__logout {
        padding: 0 16px;
    }

    .arpy-pa-member-hero {
        padding: 44px 20px 0;
    }

    .arpy-pa-member-hero__layout {
        grid-template-columns: 1fr;
    }

    .arpy-pa-member-hero__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .arpy-pa-member-hero__watermark {
        right: 12px;
        bottom: 120px;
    }

    .arpy-pa-member-notice__inner,
    .arpy-pa-member-audio,
    .arpy-pa-member-account {
        padding-left: 20px;
        padding-right: 20px;
    }

    .arpy-pa-member-notice__inner {
        flex-direction: column;
    }

    .arpy-pa-member-page .arpy-audio-listing__row {
        grid-template-columns: 48px minmax(0, 1fr);
    }

    .arpy-audio-grid__header,
    .arpy-pa-member-page .arpy-audio-grid__header {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .arpy-audio-grid__items,
    .arpy-pa-member-page .arpy-audio-grid__items {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .arpy-audio-grid__card,
    .arpy-pa-member-page .arpy-audio-grid__card {
        padding-left: 12px;
    }

    .arpy-pa-member-account__grid {
        grid-template-columns: 1fr;
    }

    .arpy-pa-member-summary {
        border-left: none;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }
}

@media (max-width: 640px) {
    .arpy-pa-member-hero__title {
        font-size: 48px;
    }

    .arpy-pa-member-hero__description {
        font-size: 22px;
    }

    .arpy-pa-member-hero__stats {
        grid-template-columns: 1fr;
    }

    .arpy-pa-profile--member,
    .arpy-pa-member-summary {
        padding: 24px 18px;
    }

    .arpy-pa-member-account__identity {
        align-items: flex-start;
    }

    .arpy-pa-member-account__hover-menu {
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        transform: translateY(calc(100% + 8px));
    }

    .arpy-pa-member-account__identity:hover .arpy-pa-member-account__hover-menu,
    .arpy-pa-member-account__identity:focus-within .arpy-pa-member-account__hover-menu {
        transform: translateY(100%);
    }

    .arpy-pa-member-summary__list li {
        flex-direction: column;
    }
}