/* Page Collabs — scoped so shared styles stay untouched. */
body.collabs-page{
  background:var(--ivory);
  color:var(--ink);
}
body.collabs-page .site-header{
  background:rgba(26,26,24,.92);
  backdrop-filter:blur(16px);
}
body.collabs-page .close{color:var(--ice)}
body.collabs-page .collab-intro .kicker,
body.collabs-page .collab-focus .kicker,
body.collabs-page .collab-who .kicker{color:var(--gold-ink)}

.collab-intro{padding:4.4rem 0 4.2rem}
.collab-intro-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:2.5rem 3.5rem;
  align-items:center;
}
.collab-intro-copy,
.collab-focus-copy,
.collab-who-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:1.15rem;
}
.collab-intro h1{
  font-size:clamp(2.55rem,4.5vw,3.6rem);
  max-width:13em;
  margin:0;
}
.collab-intro p:not(.kicker),
.collab-focus-copy p:not(.kicker),
.collab-who-copy p:not(.kicker){
  margin:0;
  max-width:36rem;
  color:var(--muted-ink);
  font-size:.98rem;
  line-height:1.65;
}
.collab-photo{
  width:100%;
  height:auto;
  aspect-ratio:1024/589;
  object-fit:cover;
  border-radius:var(--radius);
}

.collab-focus{
  padding:4.2rem 0 4.6rem;
  border-top:1px solid rgba(26,26,24,.12);
}
.collab-focus-grid,
.collab-who-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:2.5rem 3.5rem;
  align-items:start;
}
.collab-focus h2,
.collab-formats h2,
.collab-who h2{
  font-size:clamp(2.05rem,3.3vw,2.85rem);
  max-width:16ch;
  margin:0;
}
.collab-focus-grid > div:last-child{
  display:flex;
  flex-direction:column;
  gap:1.35rem;
}
.themes{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:1.35rem;
}
.themes li{
  display:grid;
  grid-template-columns:2.4rem minmax(0,1fr);
  gap:.35rem 1rem;
  align-items:start;
  list-style:none;
}
.themes li::marker{content:none}
.themes span{
  color:var(--gold-ink);
  font-size:.92rem;
  font-weight:600;
  letter-spacing:.04em;
  line-height:1.35;
}
.themes strong{
  display:block;
  font-size:1.02rem;
  font-weight:700;
  letter-spacing:-.02em;
  line-height:1.3;
}
.themes p{
  margin:.2rem 0 0;
  max-width:none;
  color:var(--muted-ink);
  font-size:.92rem;
  line-height:1.45;
}

.collab-formats{
  background:var(--ink);
  color:var(--ice);
  padding:4.6rem 0 4.4rem;
}
.collab-formats .kicker{color:var(--gold)}
.collab-formats h2{margin:1.15rem 0 2.8rem;max-width:14ch}
.formats{
  list-style:none;
  margin:0;
  padding:0 0 2.2rem;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.15rem;
}
.formats > li{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.9rem;
  min-height:100%;
  padding:1.55rem 1.45rem 1.4rem;
  background:var(--card);
  border:1px solid rgba(247,244,239,.1);
  border-radius:var(--radius);
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.formats > li:hover{
  background:#2c2b28;
  border-color:rgba(196,180,150,.72);
  transform:translateY(-3px);
}
@media (prefers-reduced-motion:reduce){
  .formats > li{transition:none}
  .formats > li:hover{transform:none}
}
.formats svg{
  width:52px;
  height:52px;
  color:var(--gold);
}
.formats h3{
  margin:0;
  font-size:1.28rem;
  font-weight:700;
  letter-spacing:-.02em;
  line-height:1.2;
}
.formats p{
  margin:0;
  max-width:28rem;
  color:var(--muted);
  font-size:.95rem;
  line-height:1.5;
}
.formats p.format-meta{
  margin-top:auto;
  padding-top:.4rem;
  color:var(--gold);
  font-size:1.45rem;
  font-weight:700;
  letter-spacing:-.03em;
  line-height:1.1;
}
.formats p.format-meta span{
  color:var(--ice);
  font-size:.98rem;
  font-weight:500;
  letter-spacing:-.01em;
}
.formats-note{
  margin:1.5rem 0 0;
  max-width:36rem;
  color:var(--muted);
  font-size:.92rem;
  line-height:1.5;
}

.collab-who{padding:4.6rem 0 5rem}
.collab-who-aside{
  display:flex;
  flex-direction:column;
  gap:1.7rem;
  margin-top:calc(.68rem * 1.5 + 1.15rem);
  padding-left:2rem;
  border-left:1px solid rgba(26,26,24,.12);
}
.audiences{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:1.5rem;
}
.audiences li{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  gap:.15rem 1rem;
  align-items:center;
}
.audiences svg{
  width:40px;
  height:40px;
  color:var(--gold-ink);
}
.audiences h3{
  margin:0;
  font-size:1.05rem;
  font-weight:700;
  letter-spacing:-.02em;
  line-height:1.25;
}
.audiences p{
  margin:0;
  max-width:none;
  color:var(--muted-ink);
  font-size:.92rem;
  line-height:1.4;
}

@media (max-width:980px){
  .collab-intro-grid,
  .collab-focus-grid,
  .collab-who-grid{grid-template-columns:1fr;gap:2rem}
  .collab-intro h1{max-width:16ch}
  .formats{grid-template-columns:1fr}
  .collab-photo{max-width:36rem}
  .collab-who-aside{margin-top:0;padding-left:0;border-left:0}
}
@media (max-width:640px){
  .collab-intro{padding:3.2rem 0 2.8rem}
  .collab-focus{padding:2.8rem 0 3.2rem}
  .collab-formats,.collab-who{padding:3.2rem 0}
  .collab-intro h1{font-size:2.35rem}
}