/* The Poet (Nov 2026) — minimal, album-first */
.phero2{padding:0;position:relative;height:100svh;min-height:600px;overflow:hidden;isolation:isolate;background:#0b0b0c}
.phero2 .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:34% 38%;z-index:-2;animation:poetin 2.4s cubic-bezier(.2,.7,.2,1) both}
@keyframes poetin{from{transform:scale(1.12);opacity:0}to{transform:scale(1.03);opacity:1}}
.phero2 .shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 22%),linear-gradient(0deg,rgba(8,8,9,.88) 0,rgba(8,8,9,.3) 38%,rgba(8,8,9,0) 62%)}
.phero2 .txt{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(40px,8vh,96px);display:grid;justify-items:start}
.phero2 .k{color:#d8d4cc;margin-bottom:14px}
.phero2 h1{font-size:clamp(68px,21vw,188px);font-weight:700;line-height:.86;letter-spacing:-.05em;white-space:nowrap}
.phero2 p{font-size:clamp(19px,1.9vw,26px);color:#e4e0d8;margin:16px 0 28px;font-weight:500}
.phero2 .row{display:flex;gap:12px;flex-wrap:wrap}
@media(min-width:900px){.phero2 h1{font-size:clamp(88px,8.6vw,170px)}}
.trailer{padding-block:clamp(64px,8vw,110px) clamp(48px,6vw,80px);text-align:center}
.trailer .lead{margin:14px auto 0}
.trailer .k,.trailer .h-l{display:block}
.tr-frame{position:relative;aspect-ratio:16/9;max-width:960px;margin:clamp(26px,3.5vw,44px) auto 0;border-radius:22px;overflow:hidden;background:#000;box-shadow:0 40px 110px -34px rgba(0,0,0,.85)}
.tr-frame iframe,.tr-play{position:absolute;inset:0;width:100%;height:100%;border:0}
.tr-play{display:block;padding:0;background:none;border:0;cursor:pointer;color:#fff;font:inherit}
.tr-play img{width:100%;height:100%;object-fit:cover;object-position:60% 40%;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.tr-play::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,0) 45%)}
.tr-play:hover img{transform:scale(1.035)}
.tr-play .pb{position:absolute;z-index:2;left:50%;top:50%;width:88px;height:88px;margin:-44px 0 0 -44px;border-radius:50%;background:rgba(255,255,255,.94);color:#111;display:grid;place-items:center;transition:transform .25s}
.tr-play:hover .pb{transform:scale(1.07)}
.tr-play .pb svg{width:30px;height:30px;margin-left:4px}
.tr-play .lab{position:absolute;z-index:2;left:clamp(16px,2.4vw,28px);bottom:clamp(14px,2vw,24px);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#f1eee8}
.album-row{display:flex;align-items:center;gap:18px;margin:22px auto 0;max-width:960px;text-align:left}
.album-row img{width:72px;height:72px;border-radius:12px;flex:none}
.album-row div{flex:1;display:grid;min-width:0}
.album-row b{font-size:21px;font-weight:700;letter-spacing:-.015em}
.album-row span{color:var(--mute);font-size:15px}
.pstrip{padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.pstrip img{width:100%;aspect-ratio:3/2;object-fit:cover}
.pf-sec{padding-block:0 clamp(40px,6vw,80px)}
.pf{display:grid;grid-template-columns:minmax(0,340px) 1fr;gap:clamp(26px,5vw,72px);align-items:center}
.pf-cv{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;box-shadow:0 36px 90px -30px rgba(0,0,0,.9)}
.pf .row{display:flex;gap:12px;flex-wrap:wrap}
.vtrail{padding-top:0}
@media(max-width:700px){
 .pstrip img{aspect-ratio:3/4}
 .trailer{text-align:left}
 .trailer .lead{margin-left:0}
 .tr-frame{border-radius:16px}
 .tr-play .pb{width:64px;height:64px;margin:-32px 0 0 -32px}
 .tr-play .pb svg{width:22px;height:22px}
 .album-row{gap:12px}
 .album-row img{width:56px;height:56px;border-radius:10px}
 .album-row b{font-size:18px}
 .album-row span{font-size:13px}
 .album-row .btn{height:42px;padding:0 16px}
 .pf{grid-template-columns:1fr}
 .pf-cv{max-width:260px}
}
@media(prefers-reduced-motion:reduce){.phero2 .bg{animation:none}}

.poetann{padding-block:clamp(70px,9vw,130px)}
.pa-top{display:grid;grid-template-columns:1fr minmax(0,360px);gap:clamp(24px,5vw,72px);align-items:center}
.pa-cv{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;box-shadow:0 36px 90px -30px rgba(0,0,0,.9)}
.poetann .row{display:flex;gap:12px;flex-wrap:wrap}
.poetann .tr-frame{margin-top:clamp(36px,5vw,64px);max-width:none}
@media(max-width:800px){.pa-top{grid-template-columns:1fr}.pa-cv{max-width:260px;order:-1}}
.pa-ph{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:clamp(36px,5vw,64px)}
.pa-ph img{width:100%;aspect-ratio:3/2;object-fit:cover}
@media(max-width:700px){.pa-ph img{aspect-ratio:3/4}}

.merchband{padding-block:clamp(72px,10vw,140px);text-align:center}
.merchband .k,.merchband .h-xl{display:block}
.merchband .h-xl{margin-top:10px}
.merchband .lead{margin:16px auto 0}
.merchband .row{display:flex;justify-content:center;margin-top:28px}

.merchshow{padding-block:clamp(64px,9vw,120px) clamp(48px,6vw,90px);text-align:center;--mg:clamp(12px,2vw,28px)}
.merchshow .k,.merchshow .h-xl{display:block}
.merchshow .h-xl{margin-top:10px}
.merchshow .lead{margin:14px auto 0}
.mrq{overflow:hidden;margin-top:clamp(30px,4vw,56px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mtrack{display:flex;width:max-content;animation:mdrift 52s linear infinite}
.mrq:hover .mtrack{animation-play-state:paused}
.mtile{flex:none;width:clamp(300px,48vw,700px);margin-right:var(--mg);display:grid;gap:12px;text-align:left;color:inherit;text-decoration:none}
.mtile img{width:100%;height:auto;aspect-ratio:14/9;object-fit:contain;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.mtile:hover img{transform:scale(1.03)}
.mtile span{text-align:center;font-size:15px;font-weight:600;letter-spacing:-.01em}
@keyframes mdrift{to{transform:translateX(-50%)}}
.merchshow .row{display:flex;justify-content:center;margin-top:clamp(26px,3.5vw,44px)}
@media(prefers-reduced-motion:reduce){.mtrack{animation:none}.mrq{overflow-x:auto;-webkit-mask-image:none;mask-image:none}}
.featband{padding-block:clamp(40px,6vw,80px)}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:clamp(18px,2.4vw,30px)}
.fgrid.n1{max-width:960px;margin-inline:auto}
.fcard{display:grid;gap:12px}
.fcard .tr-frame{margin:0;max-width:none;border-radius:18px}
.fcard b{font-size:19px;font-weight:700;letter-spacing:-.015em}

.pvids{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(14px,2vw,26px);margin-top:clamp(18px,2.4vw,30px)}
.pvids .fcard{width:calc(50% - clamp(7px,1vw,13px))}
@media(max-width:520px){.pvids .fcard{width:100%}}
.capsule{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:clamp(18px,3vw,48px);max-width:1100px;margin:clamp(34px,5vw,64px) auto 0;padding:clamp(18px,3vw,36px);border:1px solid rgba(214,177,95,.35);border-radius:24px;background:linear-gradient(135deg,rgba(214,177,95,.10),rgba(255,255,255,.02));color:inherit;text-decoration:none;text-align:left;transition:border-color .4s,transform .5s}
.capsule:hover{border-color:rgba(214,177,95,.8);transform:translateY(-3px)}
.capsule img{width:100%;height:auto;display:block}
.cap-t h3{font-size:clamp(28px,3.6vw,46px);letter-spacing:-.03em;margin:8px 0 10px}
.cap-t p{opacity:.8;margin:0 0 20px;max-width:34ch}
@media(max-width:760px){.capsule{grid-template-columns:1fr;text-align:center}.cap-t p{margin-inline:auto}}