.alice-collaboration-preview {
  padding: 0;
  background: #0a0a0a;
  color: #fff;
}
.collaboration-panel { background: #0a0a0a; }
.collaboration-grid-lines { position: relative; }
.collaboration-grid-lines::before,
.collaboration-grid-lines::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(255,255,255,.22);
  pointer-events: none;
}
.collaboration-grid-lines::before { left: 16px; }
.collaboration-grid-lines::after { right: 16px; }
.collaboration-meta {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: start;
  gap: 2rem;
  padding: clamp(1.5rem,2.5vw,2.5rem);
  border-bottom: 1px solid rgba(255,255,255,.22);
}
.collaboration-meta .mbr-label { margin: 0; color: #fff; letter-spacing: .08em; }
.collaboration-external-mark {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: .7rem;
  color: #fff;
  text-decoration: none;
}
.collaboration-external-mark img {
  display: block;
  width: clamp(11rem,18vw,15rem);
  height: auto;
  background: #fff;
  border: 1px solid rgba(255,255,255,.28);
}
.collaboration-external-mark span {
  display: inline-block;
  margin-left: .25rem;
  color: #ff4306;
  transition: transform .25s ease;
}
.collaboration-external-mark:hover,
.collaboration-external-mark:focus-visible { color: #ff4306; outline: none; }
.collaboration-external-mark:hover span,
.collaboration-external-mark:focus-visible span { transform: translate(4px,-4px); }
.collaboration-content { position: relative; min-height: clamp(25rem,37vw,33rem); }
.collaboration-content::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 58.333333%;
  width: 1px;
  background: rgba(255,255,255,.22);
  pointer-events: none;
}
.collaboration-heading,
.collaboration-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(2.5rem,4vw,4rem) clamp(1.5rem,3vw,3rem);
}
.collaboration-heading .mbr-section-title {
  margin: 0;
  color: #fff;
  font-size: clamp(3.3rem,6.5vw,7.2rem);
  font-weight: 400;
  line-height: .9;
  letter-spacing: -.075em;
}
.collaboration-heading em { color: #ff4306; font-style: normal; }
.collaboration-copy .mbr-text {
  max-width: 34rem;
  margin: 0 0 3rem;
  color: #d6d6d6;
  font-size: clamp(1rem,1.35vw,1.2rem);
  line-height: 1.65;
}
.collaboration-copy .mbr-section-btn,
.collaboration-copy .btn { width: 100%; margin: 0; }
.collaboration-footer-gap {
  height: clamp(3rem,5vw,4.5rem);
  background: url("../../images/mbr-1920x1440.jpg") center / cover fixed;
}
@media (max-width: 991px) {
  .collaboration-footer-gap { background-attachment: scroll; }
  .collaboration-content { min-height: auto; }
  .collaboration-heading { border-bottom: 1px solid rgba(255,255,255,.22); }
  .collaboration-content::after { display: none; }
}
@media (max-width: 575px) {
  .collaboration-meta { grid-template-columns: 1fr; }
  .collaboration-external-mark { justify-content: flex-start; }
  .collaboration-heading .mbr-section-title { font-size: clamp(3rem,15vw,4.6rem); }
}
@media (prefers-reduced-motion: reduce) {
  .collaboration-external-mark,
  .collaboration-external-mark span { transition: none; }
}