.at-releases-list {
    position: relative;
    isolation: isolate;
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: clamp(80px,7vw,118px) var(--rel-pad) clamp(90px,8vw,140px);
    overflow: hidden;
    background:
        radial-gradient(circle at 86% 8%, rgba(167,120,255,.15), transparent 28%),
        radial-gradient(circle at 12% 62%, rgba(236,107,200,.07), transparent 28%),
        var(--rel-bg);
}
.at-releases-list > * { width:min(100%,var(--rel-max)); margin-left:auto; margin-right:auto; }

.at-releases-hero {
    min-height: min(42vh,430px);
    display:flex;
    align-items:flex-end;
    padding-bottom: clamp(34px,4vw,58px);
    border-bottom: 1px solid var(--rel-line);
}
.at-releases-hero h1 {
    margin:0;
    padding-right:.08em;
    font-size:clamp(78px,12vw,190px);
    line-height:.78;
    letter-spacing:-.075em;
    font-weight:900;
}
.at-releases-intro {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:32px;
    margin-top:30px;
}
.at-releases-intro p { max-width:720px; margin:0; font-size:clamp(17px,1.4vw,22px); line-height:1.65; color:#c1bdc8; }
.at-releases-tools { display:flex; gap:8px; flex-wrap:wrap; }

.at-release-filter {
    display:flex;
    gap:9px;
    flex-wrap:wrap;
    padding:28px 0 0;
}
.at-release-filter a {
    display:inline-flex;
    align-items:center;
    min-height:36px;
    padding:0 14px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:999px;
    color:#aaa4b1 !important;
    text-decoration:none !important;
    font-size:11px;
    font-weight:800;
    letter-spacing:.12em;
}
.at-release-filter a:hover,
.at-release-filter .is-active { color:#fff !important; border-color:rgba(190,155,255,.36); background:rgba(167,120,255,.08); }

.at-featured-release { padding:clamp(62px,6vw,96px) 0; border-bottom:1px solid var(--rel-line); }
.at-featured-head { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:26px; }
.at-featured-head h2 { margin:0; font-size:clamp(46px,5.6vw,86px); line-height:.9; letter-spacing:-.055em; }
.at-featured-card {
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
    min-height:clamp(480px,39vw,650px);
    border:1px solid rgba(255,255,255,.08);
    background:var(--rel-panel);
    color:inherit !important;
    text-decoration:none !important;
    overflow:hidden;
    box-shadow:0 28px 80px rgba(0,0,0,.18);
}
.at-featured-visual { position:relative; overflow:hidden; min-width:0; background:linear-gradient(145deg,#302d39,#1b1b20); }
.at-featured-visual img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .8s cubic-bezier(.2,.7,.2,1); }
.at-featured-card:hover .at-featured-visual img { transform:scale(1.035); }
.at-featured-visual::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,transparent 70%,rgba(18,17,23,.24)); }
.at-featured-copy {
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:clamp(36px,4vw,66px);
    background:
        radial-gradient(circle at 10% 12%,rgba(167,120,255,.15),transparent 30%),
        radial-gradient(circle at 92% 90%,rgba(236,107,200,.08),transparent 34%),
        linear-gradient(145deg,#292931,#202027);
}
.at-release-type { margin-bottom:18px; font-size:10px; font-weight:800; letter-spacing:.20em; color:#c8aef1; }
.at-featured-copy h3 { margin:0; font-size:clamp(52px,5.5vw,96px); line-height:.86; letter-spacing:-.065em; font-weight:900; }
.at-featured-artist { margin:20px 0 0; font-size:clamp(18px,1.4vw,23px); color:#ddd7e3; }
.at-featured-line { margin:22px 0 0; max-width:540px; font-size:16px; line-height:1.7; color:#bcb6c3; }
.at-featured-meta { margin-top:30px; padding-top:22px; border-top:1px solid rgba(255,255,255,.09); display:flex; gap:18px; flex-wrap:wrap; color:#97919e; font-size:11px; letter-spacing:.08em; }
.at-featured-enter { margin-top:38px; font-size:11px; font-weight:800; letter-spacing:.18em; color:#f1edf5; }

.at-release-grid-section { padding:clamp(66px,7vw,110px) 0 0; }
.at-release-grid-head { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:36px; }
.at-release-grid-head h2 { margin:0; font-size:clamp(52px,6.5vw,104px); line-height:.84; letter-spacing:-.06em; }
.at-release-count { color:#8f8997; font-size:11px; font-weight:800; letter-spacing:.16em; }
.at-release-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(34px,4vw,62px) clamp(16px,2vw,30px); }
.at-release-card a { display:block; color:inherit !important; text-decoration:none !important; }
.at-release-cover { position:relative; aspect-ratio:1; overflow:hidden; background:#292931; border:1px solid rgba(255,255,255,.07); }
.at-release-cover img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .5s ease; }
.at-release-card a:hover .at-release-cover img { transform:scale(1.045); filter:saturate(1.05); }
.at-release-badge { position:absolute; left:14px; top:14px; z-index:2; padding:7px 9px; background:rgba(16,16,22,.72); backdrop-filter:blur(7px); font-size:9px; font-weight:800; letter-spacing:.16em; color:#fff; }
.at-release-card-copy { padding:18px 2px 0; }
.at-release-card-copy h3 { margin:0; font-size:clamp(25px,2.1vw,36px); line-height:1; letter-spacing:-.045em; }
.at-release-card-artist { margin:11px 0 0; font-size:14px; color:#c9c4cf; }
.at-release-card-meta { margin:10px 0 0; font-size:11px; line-height:1.55; letter-spacing:.06em; color:#817b89; }

.at-release-pagination { margin-top:70px; text-align:center; }
.at-release-pagination .pg_wrap { display:inline-flex; }
.at-release-pagination .pg_page,
.at-release-pagination .pg_current { background:none !important; border:0 !important; color:#77717f !important; padding:9px 12px !important; }
.at-release-pagination .pg_current { color:#fff !important; }

.at-release-search { display:flex; justify-content:center; gap:8px; margin-top:42px; }
.at-release-search select,
.at-release-search input { height:44px; border:1px solid rgba(255,255,255,.12); background:#23232a; color:#eee; padding:0 12px; outline:0; }
.at-release-search input { width:min(320px,48vw); }
.at-release-search button { height:44px; border:0; padding:0 16px; background:#eee9ff; color:#151419; font-weight:800; cursor:pointer; }

@media(max-width:1180px){ .at-release-grid{grid-template-columns:repeat(3,minmax(0,1fr));} .at-featured-card{grid-template-columns:minmax(0,1.05fr) minmax(310px,.95fr);} }
@media(max-width:820px){
    .at-releases-list{padding-left:18px;padding-right:18px;}
    .at-releases-hero{min-height:36vh;}
    .at-releases-intro{display:block;}
    .at-releases-tools{margin-top:22px;}
    .at-featured-card{grid-template-columns:1fr;}
    .at-featured-visual{aspect-ratio:16/10;}
    .at-featured-copy{padding:34px 24px 40px;}
    .at-release-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:520px){
    .at-releases-hero h1{font-size:clamp(64px,22vw,96px);}
    .at-release-grid{grid-template-columns:1fr;gap:40px;}
    .at-release-cover{aspect-ratio:1;}
    .at-release-grid-head{display:block;}
    .at-release-count{display:block;margin-top:12px;}
}