/* Scoped referral feature: shared typography and palette, no external assets. */
.project-grid :is(.maker-feature, .collaborator-feature) { grid-column: 1 / -1; padding: 0; overflow: hidden; }
:is(.maker-heading, .collaborator-heading) { padding: 24px 32px; border-bottom: 1px solid var(--line); }
:is(.maker-heading, .collaborator-heading) h3 { margin: 0; }
:is(.maker-heading, .collaborator-heading) .small-label { margin-top: 0; }
:is(.kisalove, .artist-referral) { padding: clamp(24px, 4vw, 52px); background: var(--white); }
:is(.kisalove-intro, .artist-referral-intro), :is(.kisalove-details, .artist-referral-details) { display: grid; grid-template-columns: 1fr 1.2fr; gap: clamp(24px, 4vw, 64px); }
:is(.kisalove, .artist-referral) :is(.kisalove-brand, .artist-referral-brand) { font: clamp(2.7rem, 6vw, 5rem)/1.05 var(--serif); letter-spacing: -.055em; color: var(--ink); margin: 16px 0; }
:is(.kisalove, .artist-referral) h4 { font: 700 1.35rem/1.4 var(--sans); margin: 0; }
:is(.kisalove, .artist-referral) :is(.kisalove-identity, .artist-referral-identity) { color: var(--ink); margin-top: 8px; }
:is(.kisalove, .artist-referral) :is(.kisalove-principle, .artist-referral-principle) { font: 1.5rem/1.4 var(--serif); color: var(--ink); }
:is(.kisalove-story, .artist-referral-story) p:first-child { margin-top: 0; }
:is(.kisalove-details, .artist-referral-details) { margin-top: 32px; padding-top: 32px; border-top: 1px solid var(--line); }
:is(.kisalove, .artist-referral) h5 { font: 700 1.05rem/1.5 var(--sans); margin: 0 0 16px; }
:is(.kisalove, .artist-referral) ul { padding-left: 20px; margin: 0; font-size: .95rem; }
:is(.kisalove, .artist-referral) li + li { margin-top: 8px; }
:is(.kisalove-actions, .artist-referral-actions) { display: flex; flex-wrap: wrap; gap: 12px; }
:is(.kisalove-inquire, .artist-referral-inquire) { border-color: var(--ink); color: var(--ink); }
:is(.kisalove-links, .artist-referral-links) { display: flex; flex-wrap: wrap; gap: 8px 24px; }
:is(.kisalove-links, .artist-referral-links) a { padding-block: 8px; }
:is(.kisalove-roots, .artist-referral-roots) { display: flex; align-items: center; gap: 24px; border-top: 1px solid var(--line); margin-top: 36px; padding-top: 24px; }
:is(.kisalove-roots, .artist-referral-roots) img { width: 72px; height: 100px; object-fit: cover; border-radius: 50%; opacity: .4; flex-shrink: 0; }
:is(.kisalove-roots, .artist-referral-roots) p { margin: 4px 0; max-width: 72ch; font-size: .85rem; }
@media (max-width: 700px) {
  :is(.kisalove-intro, .artist-referral-intro), :is(.kisalove-details, .artist-referral-details) { grid-template-columns: 1fr; }
  :is(.maker-heading, .collaborator-heading) { padding: 24px; }
  :is(.kisalove-actions, .artist-referral-actions) { flex-direction: column; align-items: stretch; }
  :is(.kisalove-roots, .artist-referral-roots) { gap: 16px; align-items: flex-start; }
  :is(.kisalove-roots, .artist-referral-roots) img { width: 44px; height: 64px; }
}
@media (prefers-reduced-motion: reduce) { :is(.kisalove, .artist-referral) .button { transition: none; transform: none; } }
/* Reset the enclosing teaser card's block-link treatment for editorial copy. */
.project-card :is(.kisalove, .artist-referral) a { margin-top: 0; }
.project-card :is(.kisalove-story, .artist-referral-story) a { display: inline; }
.project-card :is(.kisalove-actions, .artist-referral-actions) a { display: inline-flex; }
.project-card :is(.kisalove-links, .artist-referral-links) { display: flex; }
.project-card :is(.kisalove, .artist-referral) a:not(.button) { width: auto; padding-top: 0; font-size: inherit; }
.project-card :is(.kisalove, .artist-referral) .button { width: auto; padding-top: 12px; font-size: .9rem; }
.project-card :is(.maker-heading, .collaborator-heading) .small-label, .project-card :is(.kisalove, .artist-referral) .small-label { padding-top: 0; }

/* Mi shares the referral layout while keeping a distinct editorial heading. */
.mi-referral .mi-name { font: clamp(2.4rem, 5vw, 4rem)/1.1 var(--serif); letter-spacing: -.045em; margin: 20px 0; }
.mi-referral .artist-referral-identity { margin-top: 16px; }
.mi-referral h5 { margin-top: 24px; }
.mi-details h5 { margin-top: 0; }
.project-card .collaborator-crosslink a { display: inline; width: auto; padding: 0; font-size: inherit; }