.album-page{padding-top:var(--nav)}
.album-layout{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(20rem,.86fr) minmax(24rem,1.14fr);min-height:calc(100svh - var(--nav));overflow:hidden;background:#050505}
.album-layout::before{content:"";position:absolute;z-index:-2;inset:-5rem;background-image:var(--album-art);background-position:center;background-size:cover;filter:blur(64px);opacity:.34;transform:scale(1.08)}
.album-layout::after{content:"";position:absolute;z-index:-1;inset:0;background:rgba(2,3,4,.72)}
.album-cover{display:flex;align-items:center;padding:clamp(2rem,5vw,5rem)}
.album-cover img{width:100%;aspect-ratio:1;object-fit:cover;background:#111}
.album-layout [data-reveal]{transition-delay:var(--reveal-delay,0s)}
.album-cover img{transition:transform 1.4s var(--ease),filter 1s var(--ease)}
.album-cover:hover img{transform:scale(1.018);filter:brightness(1.06)}
.album-info{display:flex;flex-direction:column;justify-content:center;padding:clamp(3rem,7vw,7rem)}
.album-info h1{max-width:11ch;margin:1rem 0 .75rem;color:#fb0;font-size:clamp(3.2rem,6.2vw,7.4rem);font-weight:700;line-height:.84;letter-spacing:-.06em;text-transform:uppercase}
.album-meta{margin:0;color:var(--muted);font-size:.65rem;letter-spacing:.16em;text-transform:uppercase}
.album-description{max-width:37rem;margin:clamp(2rem,4vw,4rem) 0 2rem;font-family:var(--serif);font-size:clamp(1.1rem,1.6vw,1.45rem);line-height:1.55;color:rgba(255,255,255,.74)}
.album-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}
.album-links a{border:1px solid rgba(255,187,0,.65);border-radius:999px;padding:.85rem 1.2rem;background:rgba(5,5,5,.3);backdrop-filter:blur(10px);color:#fb0;font-size:.62rem;line-height:1;letter-spacing:.16em;text-transform:uppercase;transition:background .3s,color .3s,transform .4s var(--ease)}
.album-links a:hover{background:#fb0;color:#050505;transform:scale(1.04)}
.album-player{width:min(100%,41rem)}
.album-player iframe{display:block;width:100%;height:450px;border:0;border-radius:0;background:#fff}
.album-player-placeholder{display:grid;height:12rem;place-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase}
.album-next{display:grid;grid-template-columns:1fr auto;align-items:end;gap:2rem;padding-top:clamp(5rem,9vw,9rem);padding-bottom:clamp(5rem,9vw,9rem)}
.album-next span{display:block;margin-bottom:1rem}
.album-next h2{margin:0;color:#fb0;font-size:clamp(2.8rem,7vw,8rem);line-height:.85;letter-spacing:-.055em;text-transform:uppercase}
.album-next__arrow{padding-bottom:.5rem;font-size:2rem;color:#fb0}
.album-next h2,.album-next__arrow{transition:transform .7s var(--ease)}
.album-next:hover h2{transform:translateX(.35rem)}
.album-next:hover .album-next__arrow{transform:translate(.25rem,-.25rem)}
@media(max-width:800px){.album-layout{grid-template-columns:1fr}.album-cover{padding:var(--pad)}.album-info{padding:3rem var(--pad) 4rem}.album-info h1{font-size:clamp(3rem,15vw,5.5rem)}.album-player iframe{height:450px}.album-next{grid-template-columns:1fr auto}}