/* Muse Models — /brand-partnerships page styles (card M1-3 #14, part 1). Layout from
   mockup v1.9 #BrandPartnerships; values come from css/tokens.css. Loaded by
   brand-partnerships.html only. */

/* ---------- hero ---------- */
.bp-hero{background:radial-gradient(900px 420px at 50% 0%,rgba(139,108,255,.14),transparent 70%);position:relative;z-index:1}
.bp-hero-inner{max-width:820px;margin:0 auto;padding:76px 28px 48px;display:flex;flex-direction:column;gap:16px}
.bp-hero .eyebrow{color:var(--text-2)}
.bp-hero h1{margin:0;font-size:clamp(2.1rem,6.4vw,3.125rem);line-height:1.08;letter-spacing:-0.02em}
.bp-lead{margin:0;color:var(--text-2);font-size:clamp(1.06rem,2.4vw,1.19rem)}
/* card W1: the Brand Campaigns price line, secondary to the lead */
.bp-price{margin:0;color:var(--text-2);font-size:.94rem}

/* ---------- influencer tiles ---------- */
.bp-roster-wrap{position:relative;z-index:1}
.bp-roster{
  list-style:none;max-width:var(--maxw);margin:0 auto;padding:16px 28px 64px;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px;
}
.bp-tile{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-card);display:flex;align-items:center;gap:16px;padding:16px;min-width:0}
.bp-thumb{width:72px;height:72px;flex:none;border-radius:12px;object-fit:cover;object-position:50% 20%;display:block}
.bp-meta{min-width:0}
.bp-name{margin:0;font-family:var(--font-head);font-weight:600;font-size:1rem;line-height:1.6;letter-spacing:0}
.bp-vert{margin:0;font-size:.875rem;color:var(--text-2)}
.bp-ai{display:inline-block;margin-top:6px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;line-height:1.4;color:var(--text);background:rgba(8,8,12,.7);border:1px solid rgba(255,255,255,.18);border-radius:5px;padding:2px 7px}

/* ---------- brand inquiry ---------- */
.bp-inquiry{border-top:1px solid var(--line);position:relative;z-index:1}
.bp-inquiry-grid{
  max-width:var(--maxw);margin:0 auto;padding:72px 28px;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:48px;align-items:start;
}
.bp-inquiry-copy{display:flex;flex-direction:column;gap:14px}
.bp-inquiry-copy .eyebrow{color:var(--text-2)}
.bp-inquiry-copy h2{margin:0;font-size:clamp(1.75rem,4vw,2.125rem);line-height:1.15}
.bp-muted{margin:0;color:var(--text-2)}
.bp-own{margin:8px 0 0;color:var(--text-2);font-size:.94rem}
.bp-own a,.bp-consent a{color:var(--violet-bright);text-decoration:underline;text-underline-offset:2px}
.bp-own a:hover,.bp-consent a:hover{color:var(--text)}

.bp-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:14px}
.bp-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.bp-full{grid-column:1 / -1}
.bp-form label{font-family:var(--font-body);font-size:.875rem;letter-spacing:0;text-transform:none;color:var(--text-2);margin:0}
.bp-form input[type=text],.bp-form input[type=email],.bp-form textarea{
  background:var(--bg-3);border:1px solid var(--line-strong);border-radius:var(--r-btn);padding:12px;color:var(--text);font-size:1rem;font-family:var(--font-body)
}
.bp-form input:focus-visible,.bp-form textarea:focus-visible{outline:2px solid var(--violet-bright);outline-offset:2px;border-color:var(--violet)}
.bp-form textarea{min-height:0;resize:vertical}
.bp-form .bp-consent{display:flex;gap:10px;align-items:flex-start;font-size:.8125rem;line-height:1.5;cursor:pointer}
.bp-consent input{width:18px;height:18px;flex:none;margin-top:1px;accent-color:var(--violet);cursor:pointer}
.bp-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.bp-submit{justify-content:center;font-size:1rem;min-height:46px}
.bp-error{margin:0;font-size:.9rem;line-height:1.5;color:#ff8a8a}
.bp-error a{color:var(--violet-bright)}
.bp-success{padding:24px;border:1px solid var(--violet);border-radius:var(--r-card);background:var(--violet-dim)}
.bp-success p{margin:0;font-family:var(--font-head);font-weight:600;font-size:1.1rem}
.bp-success:focus{outline:none}
/* the class display values above must not override the hidden attribute (form → success swap) */
.bp-form-wrap [hidden]{display:none}