/* Curated combination study: current visual language, compact album rhythm. */
.home-page .hero-editorial-links{display:flex;gap:clamp(20px,3vw,42px);flex-wrap:wrap;margin-top:clamp(24px,4vh,48px);font:500 11px/1.4 var(--sans);letter-spacing:.09em}
.home-page .hero-editorial-links a{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;min-width:155px;padding:9px 0 12px;border-bottom:1px solid currentColor;color:#fff;transition:opacity .25s ease}
.home-page .hero-editorial-links a:hover{opacity:.68}
.home-page .hero-editorial-links a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.home-page .hero-editorial-links span{font-size:18px;font-weight:300;line-height:1}
.home-page .recordings-curated{padding:clamp(75px,8vw,135px) 0;background:var(--paper)}
.home-page .recordings-curated .section-heading{margin-bottom:clamp(36px,4vw,62px);align-items:end}
.home-page .recordings-curated .section-heading h2{font-size:clamp(44px,5vw,74px);line-height:1.03;letter-spacing:-.035em}
.home-page .recordings-curated .section-heading .text-link{font-size:12px;white-space:nowrap}
.home-page .recording-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.1vw,34px)}
.home-page .recording-card{min-width:0;display:flex;flex-direction:column}
.home-page .recording-cover{display:block;overflow:hidden;aspect-ratio:1;background:#dedbd4;box-shadow:0 18px 30px #0000000a}
.home-page button.recording-cover{position:relative;width:100%;padding:0;border:0;text-align:left;cursor:pointer;transition:transform .65s cubic-bezier(.16,1,.3,1),box-shadow .65s cubic-bezier(.16,1,.3,1)}
.home-page button.recording-cover:focus-visible{outline:2px solid #242424;outline-offset:5px}
.home-page .recording-cover-cue{position:absolute;right:13px;bottom:13px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff99;border-radius:50%;background:#1717179c;color:white;font:300 19px/1 var(--sans);opacity:0;transition:opacity .3s ease,transform .3s ease;transform:translateY(5px)}
@media(hover:hover) and (pointer:fine){.home-page button.recording-cover:hover{transform:translateY(-5px) perspective(900px) rotateX(1.1deg) rotateY(-1deg);box-shadow:4px 28px 42px #0000002a,-4px 0 0 #c3c1ba}.home-page button.recording-cover:hover .recording-cover-cue,.home-page button.recording-cover:focus-visible .recording-cover-cue{opacity:1;transform:none}}
.home-page .recording-cover img{width:100%;height:100%;object-fit:cover;transition:transform .85s cubic-bezier(.16,1,.3,1)}
@media(hover:hover) and (pointer:fine){.home-page .recording-cover:hover img{transform:scale(1.025)}}
.home-page .recording-meta{display:flex;gap:12px;align-items:baseline;margin-top:26px;color:#777;font:500 10px/1.5 var(--sans);letter-spacing:.045em;text-transform:uppercase}
.home-page .recording-meta span:first-child{color:#444;min-width:24px}
.home-page .recording-card h3{font:400 clamp(24px,2.3vw,35px)/1.12 var(--serif);letter-spacing:-.025em;margin:14px 0 18px;min-height:2.3em}
.home-page .recording-actions{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:auto;padding-top:22px}
.home-page .recording-actions a{display:inline-flex;gap:22px;justify-content:space-between;align-items:center;border-bottom:1px solid currentColor;padding:8px 0 10px;font:500 10px/1.3 var(--sans);letter-spacing:.045em;white-space:nowrap}
.home-page .recording-actions a:hover{opacity:.62}
.home-page .recording-actions a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.home-page .recording-actions span{font-size:16px;line-height:1}
.home-page .press-editorial{padding:clamp(70px,8vw,120px) 0;background:#eae9e5;text-align:center}
.home-page .press-editorial .section-heading{justify-content:center;margin-bottom:clamp(48px,6vw,80px)}
.home-page .press-editorial .section-heading h2{font-size:clamp(39px,4.5vw,70px)}
.home-page .press-editorial blockquote{font:400 clamp(33px,3.8vw,58px)/1.16 var(--serif);letter-spacing:-.028em;max-width:930px;margin:auto}
.home-page .press-editorial-source{font:500 10px/1.4 var(--sans);letter-spacing:.13em;margin-top:28px}
.home-page .press-publications{display:flex;justify-content:center;gap:clamp(25px,4vw,75px);flex-wrap:wrap;margin:clamp(50px,6vw,85px) auto 30px;color:#787875;font:400 clamp(17px,1.9vw,25px)/1.3 var(--serif)}
.home-page .press-editorial-link{display:inline-flex;gap:25px;align-items:center;padding:8px 0 12px;border-bottom:1px solid currentColor;font:500 11px/1.2 var(--sans);letter-spacing:.05em}
.home-page .press-editorial-link:hover{opacity:.62}
@media(max-width:1100px){.home-page .recording-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 25px}.home-page .recording-card h3{font-size:30px}.home-page .recording-actions{gap:10px}}
@media(max-width:760px){
 .home-page .hero-editorial-links{margin-top:24px;gap:14px}.home-page .hero-editorial-links a{min-width:0;font-size:10px;gap:10px}
 .home-page .recordings-curated{padding:65px 0}.home-page .recordings-curated .section-heading{align-items:start;gap:25px}.home-page .recordings-curated .section-heading h2{font-size:clamp(40px,12vw,55px)}
 .home-page .recording-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 15px}.home-page .recording-card h3{font-size:clamp(20px,5.3vw,26px);min-height:0;margin:9px 0 0}
 .home-page .recording-meta{margin-top:11px;font-size:8px;gap:5px}.home-page .recording-meta span:first-child{min-width:17px}.home-page .recording-actions{margin-top:auto;padding-top:12px;display:block}.home-page .recording-actions a{display:flex;width:max-content;max-width:100%;font-size:9px;gap:12px;margin-top:3px}
 .home-page .press-editorial{padding:65px 0}.home-page .press-editorial .section-heading{margin-bottom:44px}.home-page .press-editorial blockquote{font-size:clamp(30px,8vw,43px)}
 .home-page .press-publications{gap:12px 25px;margin:48px auto 22px;font-size:18px}
}
@media(max-width:350px){.home-page .recording-grid{grid-template-columns:1fr;gap:40px}.home-page .recording-card h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.home-page .recording-cover img,.home-page .hero-editorial-links a{transition:none!important}}

/* The edition opens as one contained scene; the document grid never shifts. */
.recording-dialog{width:min(960px,calc(100vw - 36px));max-height:min(90dvh,860px);padding:0;border:1px solid #d6d3cc;background:#f7f6f2;color:#20201e;box-shadow:0 30px 90px #0005;overscroll-behavior:contain}
.recording-dialog::backdrop{background:#080909c9;backdrop-filter:blur(5px)}
.recording-dialog-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,4vw,65px);padding:clamp(32px,5vw,68px)}
.recording-dialog-close{position:absolute;top:16px;right:20px;z-index:5;width:38px;height:38px;border:1px solid #c8c6c1;border-radius:50%;background:transparent;color:#252525;font:300 27px/1 var(--sans);cursor:pointer}
.recording-dialog-close:hover{background:#e5e3dd}.recording-dialog-close:focus-visible{outline:2px solid #242424;outline-offset:3px}
.recording-dialog-object{position:sticky;top:40px;align-self:start;aspect-ratio:1;min-width:0}
.recording-dialog-sleeve{width:100%;aspect-ratio:1;box-shadow:0 18px 38px #0002,3px 0 0 #b6b2a8;background:#ddd}
.recording-dialog-sleeve img{display:block;width:100%;height:100%;object-fit:cover}
.recording-dialog-copy{min-width:0}.recording-dialog-kicker{margin:0 0 16px;font:500 10px/1.4 var(--sans);letter-spacing:.14em;color:#76746e}
.recording-dialog-copy h2{font:400 clamp(31px,3.8vw,52px)/1.04 var(--serif);letter-spacing:-.035em;margin:0 0 16px}
.recording-dialog-credit{font:400 12px/1.6 var(--sans);color:#696761;margin:0 0 30px}
.recording-dialog-tracks{border-top:1px solid #cfccc5;padding-top:16px}.recording-dialog-tracks h3{font:500 10px/1.4 var(--sans);letter-spacing:.13em;text-transform:uppercase;margin:0 0 18px}
.recording-dialog-trackgroups{display:grid;gap:20px}.recording-dialog-trackgroups h4{font:400 18px/1.25 var(--serif);margin:0 0 7px}.recording-dialog-trackgroups ol{margin:0;padding-left:22px;color:#55534f;font:400 12px/1.7 var(--sans)}
.recording-dialog-trackgroups li{padding-left:3px}.recording-dialog-links{display:flex;flex-wrap:wrap;gap:22px;margin-top:32px}.recording-dialog-links a{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid #292929;padding:8px 0 11px;color:inherit;font:500 10px/1.2 var(--sans);letter-spacing:.04em;text-decoration:none}.recording-dialog-links a:focus-visible{outline:2px solid #242424;outline-offset:4px}
@media(max-width:760px){.home-page .recording-cover-cue{opacity:1;transform:none;right:8px;bottom:8px;width:25px;height:25px;font-size:15px}.recording-dialog{width:calc(100vw - 18px);max-height:94dvh}.recording-dialog-inner{display:block;padding:20px 22px 32px}.recording-dialog-close{top:12px;right:14px;background:#f7f6f2c9}.recording-dialog-object{position:relative;top:auto;width:min(68vw,265px);margin:24px auto 24px;aspect-ratio:1}.recording-dialog-copy h2{font-size:clamp(30px,8vw,42px)}.recording-dialog-credit{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.home-page button.recording-cover,.home-page .recording-cover-cue{transition:none!important}.home-page button.recording-cover:hover{transform:none!important}}

/* Give the four editions one composed entrance as they enter the viewport. */
.home-page .recording-card{perspective:1100px}
.home-page .recording-card > *{transition-property:opacity,transform;transition-duration:.9s,1.15s;transition-timing-function:ease,cubic-bezier(.16,1,.3,1)}
.home-page .recording-card.motion-pending > *{opacity:0;transform:translate3d(0,25px,0)}
.home-page .recording-card.motion-pending > .recording-cover{transform:translate3d(-38px,24px,0) rotateY(-8deg) rotateX(2deg)}
.home-page .recording-card:nth-child(even).motion-pending > .recording-cover{transform:translate3d(38px,24px,0) rotateY(8deg) rotateX(2deg)}
.home-page .recording-card.motion-entered > *{opacity:1;transform:none}
.home-page .recording-card:nth-child(2).motion-entered > *{transition-delay:.11s}
.home-page .recording-card:nth-child(3).motion-entered > *{transition-delay:.22s}
.home-page .recording-card:nth-child(4).motion-entered > *{transition-delay:.33s}
.home-page .recording-card.motion-pending{will-change:transform,opacity}
@media(hover:hover) and (pointer:fine){
 .home-page .recording-card.motion-entered > button.recording-cover:hover{transform:translateY(-9px) rotateY(-5deg) rotateX(2deg);box-shadow:9px 30px 48px #00000032,-5px 0 0 #bbb8af}
}
.recording-dialog-object{opacity:.82;transform:translateY(12px) scale(.985);transition:opacity .6s ease,transform .8s cubic-bezier(.16,1,.3,1)}
.recording-dialog.is-open .recording-dialog-object{opacity:1;transform:none}
@media(max-width:760px){
 .home-page .recording-card{perspective:none}
 .home-page .recording-card > *{transition-duration:.85s,1.15s;transition-timing-function:cubic-bezier(.22,1,.36,1)}
 .home-page .recording-card.motion-pending > *{transform:translate3d(0,14px,0)}
 .home-page .recording-card.motion-pending > .recording-cover,
 .home-page .recording-card:nth-child(even).motion-pending > .recording-cover{transform:translate3d(0,20px,0) scale(.975)}
 .home-page .recording-card:nth-child(n).motion-entered > *{transition-delay:0s}
 .home-page .recording-card.motion-entered > :not(.recording-cover){transition-delay:.09s}
 .recording-dialog-object{transform:translateY(12px) scale(.97)}
}
@media(prefers-reduced-motion:reduce){
 .home-page .recording-card > *,.recording-dialog-object{opacity:1!important;transform:none!important;transition:none!important}
}

/* Quiet album links; use the site’s drawn arrow only for the section destination. */
.home-page .recordings-curated .section-heading .text-link .icon{width:14px;height:14px;flex:none}
.home-page .recording-actions a,.recording-dialog-links a{gap:0}

/* Match the existing hand-drawn site arrows in the two hero links. */
.home-page .hero-editorial-links .hero-mobile-arrow{display:none}
@media(max-width:760px){.home-page .hero-editorial-links .hero-desktop-arrow{display:none}.home-page .hero-editorial-links .hero-mobile-arrow{display:block;width:17px;height:17px;flex:none}}