
.pj-main{max-width:var(--maxw);margin:0 auto;padding:clamp(96px,12vw,150px) var(--pad) 80px;color:var(--ink)}
.pj-loading{opacity:.5}
.pj h1{font-size:clamp(40px,7vw,104px);line-height:.95;margin:0 0 .25em;font-weight:500;letter-spacing:-.02em}
.pj h2{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;margin:0 0 18px;padding-top:14px;border-top:1px solid var(--ink)}
.pj-sub{font-size:clamp(18px,2.2vw,28px);margin:0 0 28px;max-width:30em}
.pj-meta{display:flex;flex-wrap:wrap;gap:8px 28px;font-size:13px;margin:0 0 48px}
.pj-meta b{font-weight:700;margin-right:6px}
.pj-sec{margin:64px 0 0}
.pj-text{max-width:46em;font-size:clamp(15px,1.4vw,18px);line-height:1.7}
.pj-text p{margin:0 0 1.2em}
.pj-fig{margin:40px 0}.pj-fig img{width:100%;height:auto;display:block}
.pj-fig figcaption{font-size:12px;margin-top:8px;opacity:.7}
.pj-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);margin:48px 0;align-items:start}
.pj-two img{width:100%}
@media(max-width:760px){.pj-two{grid-template-columns:1fr}}
.pj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(16px,2vw,28px)}
.pj-card{display:block;border:1px solid var(--ink);padding:20px;color:inherit;text-decoration:none;min-height:180px;position:relative}
.pj-card:hover{background:var(--ink);color:var(--paper)}
.pj-card h3{font-size:clamp(22px,2.4vw,32px);line-height:1.05;margin:0 0 8px;font-weight:500}
.pj-card .pj-k{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;margin-bottom:14px;display:block}
.pj-card p{font-size:14px;margin:0;opacity:.85}
.pj-card img{width:calc(100% + 40px);margin:-20px -20px 16px;display:block;max-height:220px;object-fit:cover}
.pj-row{display:grid;grid-template-columns:130px 1fr auto;gap:16px;padding:16px 0;border-top:1px solid color-mix(in srgb,var(--ink) 30%,transparent);color:inherit;text-decoration:none;align-items:baseline}
.pj-row:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}
.pj-row .d{font-size:13px;font-weight:700}.pj-row .t{font-size:clamp(17px,1.8vw,22px)}.pj-row .s{font-size:13px;opacity:.7;display:block;margin-top:2px}
.pj-ed{border-top:1px solid color-mix(in srgb,var(--ink) 30%,transparent);padding:16px 0}
.pj-ed summary{cursor:pointer;display:grid;grid-template-columns:130px 1fr auto;gap:16px;align-items:baseline;list-style:none}
.pj-ed summary::-webkit-details-marker{display:none}
.pj-ed .body{padding:18px 0 8px 146px}
@media(max-width:760px){.pj-row,.pj-ed summary{grid-template-columns:90px 1fr}.pj-ed .body{padding-left:0}.pj-row .a{display:none}}
.pj-tag{font-size:11px;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--ink);padding:2px 8px;white-space:nowrap}
.pj-names a{color:inherit}
.pj-art{border-top:1px solid color-mix(in srgb,var(--ink) 30%,transparent);padding:16px 0;max-width:46em}
.pj-art h3{margin:0 0 4px;font-size:20px;font-weight:500}.pj-art p{font-size:14px;line-height:1.6;margin:6px 0 0}

.pj-player{width:100%;max-width:700px;height:472px;border:0;display:block;margin:20px 0 0}
.pj-buy{display:flex;align-items:center;justify-content:space-between;max-width:700px;margin-top:12px;padding:14px 20px;border:1px solid var(--ink);color:var(--ink);text-decoration:none;font-size:18px;position:relative;overflow:hidden;isolation:isolate;transition:color .5s cubic-bezier(.4,0,0,1)}
.pj-buy::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);transform:scaleY(0);transform-origin:50% 100%;transition:transform .6s cubic-bezier(.4,0,0,1)}
.pj-buy:hover{color:var(--bg)}.pj-buy:hover::before{transform:scaleY(1)}
.pj-album{max-width:none}
