.collaboration-transition{position:relative;height:clamp(150px,14vw,240px);pointer-events:none}
.collaboration-transition canvas{display:block;width:100%;height:100%}
.collaboration-section{position:relative;isolation:isolate;pointer-events:auto;color:var(--paper);background-color:var(--ink);padding:clamp(72px,7vw,120px) var(--gutter) clamp(100px,11vw,180px);scroll-margin-top:100px}
.collaboration-eyebrow{display:block;margin-bottom:28px}
.collaboration-heading{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--grid-gap);align-items:end;margin-bottom:clamp(80px,9vw,144px)}
.collaboration-heading h2{grid-column:1/span 8;font-family:SuisseBPIntl,Helvetica,Arial,sans-serif;font-weight:700;font-size:clamp(48px,5.8vw,96px);line-height:.94;letter-spacing:-.04em;margin:0;text-wrap:balance}
.collaboration-heading>p{grid-column:9/span 4;max-width:400px;font-size:clamp(17px,1.4vw,21px);line-height:1.3;letter-spacing:-.02em;text-wrap:pretty}
.audience-overview{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--grid-gap);align-items:start;padding:48px 0 80px;border-top:1px solid #f9f4eb44;scroll-margin-top:115px}
.audience-overview:last-child{padding-bottom:0;margin-top:24px}
.audience-label{grid-column:1/span 2;padding-top:7px}
.audience-overview h3{grid-column:3/span 5;font-family:SuisseBPIntl,Helvetica,Arial,sans-serif;font-weight:700;font-size:clamp(36px,3.5vw,60px);line-height:.98;letter-spacing:-.035em;text-wrap:balance;margin:0;max-width:520px}
.audience-copy{grid-column:9/span 4;max-width:440px}
.audience-copy>p{font-size:clamp(17px,1.4vw,21px);line-height:1.3;letter-spacing:-.02em;text-wrap:pretty}
.audience-support{list-style:none;margin:28px 0 32px;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.4;color:#f9f4ebb3}
.audience-support li{padding-left:16px;position:relative}
.audience-support li::before{content:'+';position:absolute;left:0;top:0;color:#f9f4eb88;font-family:Sometype,monospace}
.audience-cta{display:inline-flex;align-items:center;justify-content:center;min-height:50px;max-width:100%;min-width:220px;padding:0 34px;border:1px solid #f9f4eb55;border-radius:4px;color:var(--paper);background:transparent;white-space:nowrap}
.audience-cta:hover{border-color:#f9f4eb99}
.collaboration-section.has-collaboration-motion .audience-overview{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .8s cubic-bezier(.22,1,.36,1)}
.collaboration-section.has-collaboration-motion .audience-overview.is-visible,.collaboration-section.has-collaboration-motion .audience-overview:focus-within{opacity:1;transform:none}
@media(max-width:991px){.collaboration-heading{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px;margin-bottom:72px}.collaboration-heading h2{grid-column:1/-1;font-size:clamp(48px,7.5vw,72px)}.collaboration-heading>p{grid-column:1/span 5;max-width:560px}.audience-overview{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:26px;padding-top:32px;padding-bottom:64px}.audience-label{grid-column:1/-1;padding-top:0}.audience-overview h3{grid-column:1/span 3;font-size:clamp(34px,4.8vw,46px)}.audience-copy{grid-column:4/span 3}.audience-overview:last-child{margin-top:0}}
@media(max-width:639px){.collaboration-transition{height:130px}.collaboration-section{padding-top:64px}.collaboration-eyebrow{margin-bottom:24px}.collaboration-heading{display:block;margin-bottom:64px}.collaboration-heading h2{font-size:46px}.collaboration-heading>p{font-size:18px;margin-top:28px}.audience-overview{display:block}.audience-label{display:block;margin-bottom:24px}.audience-overview h3{font-size:36px;max-width:350px;margin-bottom:24px}.audience-copy>p{font-size:17px}.audience-support{margin-top:24px;margin-bottom:28px}.audience-cta{min-width:210px}}
@media(prefers-reduced-motion:reduce){.collaboration-section.has-collaboration-motion .audience-overview{opacity:1;transform:none;transition:none}}

/* Reserve the same viewport-scaled pixel band used by the upper transitions. */
.collaboration-transition{height:48svh}

/* Two balanced overviews keep the collaboration section compact. */
.collaboration-heading{margin-bottom:clamp(56px,5vw,80px)}
.audience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,7vw,112px)}
.audience-grid .audience-overview{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:32px 0 0;margin:0}
.audience-grid .audience-label{padding:0;margin:0 0 24px}
.audience-grid .audience-overview h3{font-size:clamp(34px,3.2vw,54px);max-width:540px;min-height:2em;margin:0 0 24px}
.audience-grid .audience-copy{display:flex;flex-direction:column;flex:1;max-width:540px}
.audience-grid .audience-copy>p{margin:0;max-width:500px}
.audience-grid .audience-support{margin:24px 0 28px}
.audience-grid .audience-cta{align-self:flex-start;margin-top:auto}
@media(max-width:639px){.audience-grid{grid-template-columns:1fr;gap:48px}.audience-grid .audience-overview h3{font-size:36px;min-height:0}.audience-grid .audience-label{margin-bottom:20px}}

/* One continuous background is painted by the shared scroll surface. */
.collaboration-section{background:transparent}

/* Lead directly into the branded scene without an empty viewport between sections. */
.collaboration-section{padding-bottom:clamp(64px,6vw,100px)}