/* PSD 1908 px: 50 pt headings, 30 pt titles, 20 pt body and table entries. */
.collaborazioni-page { --type-body: var(--editorial-small); --leading-body: 1.2; --collab-text: #fff; --collab-rule: rgba(255,255,255,.7); }
html[data-collaboration="brand"] .collaborazioni-page { --collab-text: var(--red); --collab-rule: var(--red); }
.collaborazioni-page .collab-surface { padding-inline: var(--grid-left) var(--grid-right); }
.collaborazioni-page .collab-header { display: grid; grid-template-columns: var(--grid-tracks); padding-top: clamp(150px,8.6vw,164px); padding-bottom: clamp(36px,3.1vw,59px); }
.collaborazioni-page .collab-logo { position: absolute; top: 28px; left: 0; width: clamp(132px,10vw,190px); }
.collaborazioni-page .collab-header h1 { grid-column: work / end; margin: 0; font-size: var(--editorial-heading); line-height: 1.05; font-weight: 700; }
.collaborazioni-page .collab-overview,.collaborazioni-page .collab-process { grid-template-columns: var(--grid-tracks); column-gap: 0; }
.collaborazioni-page .collab-intro { grid-column: start / work; max-width: none; }
.collaborazioni-page .collab-capabilities { grid-column: right / end; }
.collaborazioni-page .collab-modes { position: static; padding: 0; display: flex; justify-content: space-between; gap: 12px; }
.collaborazioni-page .collab-modes button { font-size: var(--editorial-small); font-weight: 700; padding: 0; line-height: 1.2; }
.collaborazioni-page .collab-intro-copy { margin-top: 36px; max-width: none; font-size: var(--editorial-small); line-height: 1.2; }
.collaborazioni-page .collab-intro-copy p + p { margin-top: 32px; }
.collaborazioni-page .collab-work-link { float: right; margin-top: 64px; font-size: var(--editorial-small); font-weight: 700; min-height: 0; text-decoration: none; gap: 6px; }
.collaborazioni-page .collab-details { margin-top: 64px; font-size: var(--editorial-micro); line-height: 1.15; font-weight: 700; pointer-events: none; }
.collaborazioni-page .collab-capabilities > h2 { font-size: var(--editorial-copy); line-height: 1.15; font-weight: 600; padding-bottom: 22px; }
.collaborazioni-page .collab-direction { display: none; }
.collaborazioni-page .collab-skills { column-gap: 28px; }
.collaborazioni-page .collab-skill:nth-child(n+3) { margin-top: 36px; }
.collaborazioni-page .collab-skill h3 { font-size: var(--editorial-small); line-height: 1.2; padding-bottom: 18px; font-weight: 700; }
.collaborazioni-page .collab-label { padding: 5px 8px; }
.collaborazioni-page .collab-skill li { font-size: var(--editorial-small); line-height: 1.2; padding: 16px 0; }
.collaborazioni-page .collab-process { margin-top: clamp(72px,5.2vw,100px); padding-top: clamp(44px,3.7vw,70px); padding-bottom: clamp(70px,5.6vw,106px); }
.collaborazioni-page .collab-process > h2 { grid-column: start / left-end; max-width: none; font-size: var(--editorial-heading); line-height: 1.05; font-weight: 700; }
.collaborazioni-page .collab-steps { grid-column: right / end; }
.collaborazioni-page .collab-steps h3 { font-size: var(--editorial-copy); line-height: 1.15; font-weight: 600; }
.collaborazioni-page .collab-steps p { font-size: var(--editorial-small); line-height: 1.2; margin-top: 12px; max-width: none; }
.collaborazioni-page .collab-steps li { grid-template-columns: 38px minmax(0,1fr); gap: 16px; padding-bottom: 30px; }
.collaborazioni-page .collab-steps li + li { padding-top: 30px; }
.collaborazioni-page .collab-step-number { font-size: var(--editorial-small); }
.collaborazioni-page .collab-faq { margin: clamp(72px,5.2vw,100px) 0 0; padding: clamp(44px,3.7vw,70px) 0 clamp(70px,5.6vw,106px); background: var(--collab-background); color: var(--collab-text); border-top: 1px solid var(--collab-rule); }
.collaborazioni-page .collab-faq > h2 { font-size: var(--editorial-heading); line-height: 1.05; font-weight: 700; margin-bottom: 26px; }
.collaborazioni-page .collab-faq-columns { grid-template-columns: var(--grid-tracks); gap: 0; }
.collaborazioni-page .collab-faq-column:first-child { grid-column: start / left-end; }
.collaborazioni-page .collab-faq-column:last-child { grid-column: right / end; }
.collaborazioni-page .collab-faq-item { border-color: var(--collab-rule); }
.collaborazioni-page .collab-faq-item h3,.collaborazioni-page .collab-faq-answer p { font-size: var(--editorial-small); line-height: 1.2; }
.collaborazioni-page .collab-faq-item button { font-weight: 600; padding: 20px 0; }
.collaborazioni-page .collab-outro { margin-inline: calc(-1 * var(--grid-left)) calc(-1 * var(--grid-right)); position: relative; background: var(--red); color: #fff; }
.collaborazioni-page .collab-outro-copy { padding-top: clamp(60px,5vw,95px); border-top: 1px solid currentColor; margin-inline: var(--grid-left) var(--grid-right); padding-inline: 0; }
.collab-outro-copy article { display: flex; flex-direction: column; }
.collab-outro-copy article:first-child { grid-column: start / left-end; }
.collab-outro-copy article:last-child { grid-column: right / end; }
.collaborazioni-page .collab-outro h2 { font-size: var(--editorial-heading); line-height: 1.05; font-weight: 700; }
.collaborazioni-page .collab-outro h3 { font-size: var(--editorial-copy); line-height: 1.2; font-weight: 700; }
.collaborazioni-page .collab-outro p { font-size: var(--editorial-copy); line-height: 1.2; margin-top: 32px; }
.collaborazioni-page .collab-outro a { color: #fff; }
.collab-outro-copy .editorial-link { margin-top: auto; padding-top: clamp(48px,5vw,95px); align-self: flex-end; }
.collaborazioni-page .editorial-signoff { padding-inline: var(--grid-left) var(--grid-right); align-items: baseline; }
.collab-wave { display: none; }
@media (max-width:760px) {
  .collaborazioni-page .collab-header { padding-top: 220px; padding-bottom: 36px; }
  .collaborazioni-page .collab-header h1 { grid-column: start / end; }
  .collaborazioni-page .collab-overview { row-gap: 56px; }
  .collaborazioni-page .collab-intro,.collaborazioni-page .collab-capabilities,.collaborazioni-page .collab-process > h2,.collaborazioni-page .collab-steps { grid-column: start / end; }
  .collaborazioni-page .collab-process { row-gap: 32px; }
  .collaborazioni-page .collab-faq-columns { display: block; }
  .collab-outro-copy { row-gap: 48px; }
  .collab-outro-copy article:first-child,.collab-outro-copy article:last-child { grid-column: start / end; }
  .collaborazioni-page .collab-work-link,.collaborazioni-page .collab-details { margin-top: 36px; }
}
@media (max-width:430px) { .collaborazioni-page .collab-skills { grid-template-columns: 1fr; } .collaborazioni-page .collab-skill { grid-row: auto; grid-template-rows: auto; } .collaborazioni-page .collab-skill + .collab-skill { margin-top: 28px; } .collaborazioni-page .collab-skill ul { display: block; } }
/* More separation between the three main sections on smartphones only. */
@media (max-width: 600px) {
  .collaborazioni-page .collab-process { margin-top: 96px; padding-top: 64px; padding-bottom: 96px; }
  .collaborazioni-page .collab-faq { margin-top: 96px; padding-top: 64px; padding-bottom: 96px; }
  .collaborazioni-page .collab-outro-copy { padding-top: 88px; }
}
@media (max-width: 600px) {
  .collaborazioni-page .collab-process,
  .collaborazioni-page .collab-faq,
  .collaborazioni-page .collab-outro-copy { border-top-color: transparent; }
}