/* HAVEN RELEASEFLIP — brand renderers.
   §6.2: the three sites share data logic, NOT one reskinned component. Each treatment changes
   structure, rhythm and motion — not just hue. Loaded after releaseflip.css. */

/* ============ RAPHAVEN — candy-red, fast, contemporary, social ============
   Structural difference: the ribbon becomes a horizontal strip with the date leading and the
   artwork small and square, so it reads at speed. Type is tighter and more uppercase. */
[data-rf-brand="raphaven"] .rf-ribbon{border:0;border-radius:16px;background:#141013;box-shadow:0 14px 34px rgba(20,4,6,.34);color:#fff;padding-bottom:16px}
[data-rf-brand="raphaven"] .rf-ribbon::before{height:0}
[data-rf-brand="raphaven"] .rf-ribbon__head{border-bottom:1px solid rgba(255,255,255,.12);padding:14px 20px 10px}
[data-rf-brand="raphaven"] .rf-ribbon__kicker{color:#fff;font-size:12px;letter-spacing:.2em}
[data-rf-brand="raphaven"] .rf-ribbon__pin{color:#FF3B30}
[data-rf-brand="raphaven"] .rf-ribbon__all{color:#FF6A61}
[data-rf-brand="raphaven"] .rf-face{grid-template-columns:104px minmax(0,1fr);gap:16px;padding:16px 20px;background:transparent;align-items:center}
[data-rf-brand="raphaven"] .rf-card__art{max-width:104px}
[data-rf-brand="raphaven"] .rf-art{border-radius:12px;aspect-ratio:1}
[data-rf-brand="raphaven"] .rf-art--ink{background:linear-gradient(150deg,#3A0C0E,#141013)}
[data-rf-brand="raphaven"] .rf-art--poster{background:linear-gradient(150deg,#C4161C,#7A0D11)}
[data-rf-brand="raphaven"] .rf-art--photo{background:repeating-linear-gradient(135deg,#141013 0 9px,#3A0C0E 9px 18px)}
/* date leads, then title — the opposite reading order to HipHopHaven's ledger */
[data-rf-brand="raphaven"] .rf-card__body{gap:3px}
[data-rf-brand="raphaven"] .rf-card__date{order:-1;margin:0;font-size:13px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#FF6A61}
[data-rf-brand="raphaven"] .rf-card__artist{font-size:13px;letter-spacing:.14em;color:rgba(255,255,255,.66)}
[data-rf-brand="raphaven"] .rf-card__title{font-size:clamp(22px,2.7vw,32px);letter-spacing:-0.03em;line-height:1}
[data-rf-brand="raphaven"] .rf-card__title a{color:#fff}
[data-rf-brand="raphaven"] .rf-card__title a:hover{color:#FF6A61}
[data-rf-brand="raphaven"] .rf-card__dek{color:rgba(255,255,255,.72);font-size:15px}
[data-rf-brand="raphaven"] .rf-card__verified{color:rgba(255,255,255,.46)}
[data-rf-brand="raphaven"] .rf-card__type{color:rgba(255,255,255,.55)}
[data-rf-brand="raphaven"] .rf-btn{border-color:#FF3B30;background:#FF3B30;color:#141013;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 3px 0 rgba(122,13,17,.7)}
[data-rf-brand="raphaven"] .rf-btn:hover{background:#fff;border-color:#fff;color:#141013}
[data-rf-brand="raphaven"] .rf-nav{border-top:1px solid rgba(255,255,255,.12);padding:12px 20px 0}
[data-rf-brand="raphaven"] .rf-navbtn{border-color:rgba(255,255,255,.28);background:transparent;color:#fff;box-shadow:none;border-radius:10px}
[data-rf-brand="raphaven"] .rf-navbtn:hover:not([disabled]){background:#FF3B30;border-color:#FF3B30;color:#141013}
[data-rf-brand="raphaven"] .rf-nav__pos{color:rgba(255,255,255,.55)}
[data-rf-brand="raphaven"] .rf-ribbon__links a{color:#FF6A61}
[data-rf-brand="raphaven"] .rf-status--confirmed{background:#FF3B30;color:#141013}
[data-rf-brand="raphaven"] .rf-status--announced{background:rgba(255,255,255,.14);color:#fff}
[data-rf-brand="raphaven"] .rf-status--released{background:#fff;color:#141013}
/* faster motion — RapHaven turns quicker than the HipHopHaven ledger */
[data-rf-brand="raphaven"] .hh-flipinner{transition-duration:.2s}

/* ============ MUSICHAVEN — gold identity, fluid cross-genre discovery ============
   Structural difference: artwork leads full-width above the facts, like a listening card. */
[data-rf-brand="musichaven"] .rf-ribbon{border:1px solid rgba(228,200,120,.72);border-radius:28px;background:#FFFDF7;box-shadow:0 4px 0 rgba(82,39,111,.4),0 16px 40px rgba(36,23,51,.16);padding-bottom:18px}
[data-rf-brand="musichaven"] .rf-ribbon::before{height:0}
[data-rf-brand="musichaven"] .rf-ribbon__head{border-bottom:1px solid rgba(228,200,120,.5);padding:18px 24px 12px}
[data-rf-brand="musichaven"] .rf-ribbon__kicker{color:#7A6125}
[data-rf-brand="musichaven"] .rf-ribbon__pin{color:#C8A44D}
[data-rf-brand="musichaven"] .rf-ribbon__all{color:#5A3488}
[data-rf-brand="musichaven"] .rf-face{grid-template-columns:1fr;gap:16px;padding:20px 24px;background:transparent}
[data-rf-brand="musichaven"] .rf-card__art{max-width:100%}
[data-rf-brand="musichaven"] .rf-art{aspect-ratio:16/7;border-radius:18px}
[data-rf-brand="musichaven"] .rf-art--ink{background:linear-gradient(150deg,#3A1F4D,#241733)}
[data-rf-brand="musichaven"] .rf-art--poster{background:linear-gradient(150deg,#C8A44D,#7A6125)}
[data-rf-brand="musichaven"] .rf-art--photo{background:repeating-linear-gradient(135deg,#241733 0 9px,#3A1F4D 9px 18px)}
[data-rf-brand="musichaven"] .rf-card__artist{color:#7A6125}
[data-rf-brand="musichaven"] .rf-card__title{font-family:"Playfair Display",Georgia,serif;font-size:clamp(26px,3.4vw,40px);letter-spacing:-0.02em}
[data-rf-brand="musichaven"] .rf-card__title a{color:#241733}
[data-rf-brand="musichaven"] .rf-card__dek{color:#564A67}
[data-rf-brand="musichaven"] .rf-btn{border-color:rgba(228,200,120,.72);background:#E4C878;color:#241733;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 3px 0 rgba(82,39,111,.4)}
[data-rf-brand="musichaven"] .rf-btn:hover{background:#fff;border-color:#C8A44D;color:#241733}
[data-rf-brand="musichaven"] .rf-navbtn{border-color:rgba(228,200,120,.72);border-radius:999px;background:#FFFDF7;color:#241733;box-shadow:inset 0 1px 0 #fff,0 2px 0 rgba(82,39,111,.28)}
[data-rf-brand="musichaven"] .rf-navbtn:hover:not([disabled]){background:#E4C878;color:#241733}
[data-rf-brand="musichaven"] .rf-nav{border-top:1px solid rgba(228,200,120,.5);padding:14px 24px 0}
[data-rf-brand="musichaven"] .rf-ribbon__links{padding:12px 24px 0}
[data-rf-brand="musichaven"] .rf-status--confirmed{background:#3A1F4D;color:#E4C878}
[data-rf-brand="musichaven"] .rf-status--released{background:#E4C878;color:#241733}
[data-rf-brand="musichaven"] .rf-fixture{margin-left:24px;margin-right:24px}
@media (max-width:699px){
 [data-rf-brand="raphaven"] .rf-face{grid-template-columns:80px minmax(0,1fr);gap:13px;padding:14px 16px}
 [data-rf-brand="raphaven"] .rf-card__art{max-width:80px}
 [data-rf-brand="musichaven"] .rf-face{padding:16px}
 [data-rf-brand="musichaven"] .rf-art{aspect-ratio:16/9}
}