

 
.mbcx .bring { display: block; width: 100%; padding: 64px 0 96px; font-family: "Josefin Sans", system-ui,
  -apple-system, sans-serif; color: #3e3c3c; background: #ffffff; -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; font-synthesis: none; }
 
.mbcx .bring :where(h3, h4, p, ul, li, figure, header):where(:not(.wl__eyebrow, .wl__headline)) { margin: 0;
  padding: 0; max-width: none; font-family: inherit; color: inherit; letter-spacing: normal; text-transform: none; }
.mbcx .bring :where(ul) { list-style: none; }
.mbcx .bring :where(header) { display: block; }
.mbcx .bw { width: min(1120px, calc(100% - 144px)); margin: 0 auto; }
.mbcx .bw__stage { margin-top: 48px; }
.mbcx .bring .bring__img { display: block; width: 100%; height: auto; max-width: none; }
.mbcx .bw__photo { margin: 0; line-height: 0; }
 
.mbcx .bring .bw__group { font-size: 22px; font-weight: 500; line-height: 1.4; color: #3e3c3c; }
.mbcx .bring .bw__grp--add .bw__group { font-size: 16px; }
.mbcx .bring .bw__list { margin-top: 14px; }
.mbcx .bring .bw__it { padding: 5.6px 0; }
.mbcx .bring .bw__it h4 { font-size: 16px; font-weight: 400; line-height: 1.3; color: #3e3c3c; }
.mbcx .bring .bw__it p { margin-top: 2.4px; max-width: 26ch; font-size: 13px; font-weight: 300; line-height: 1.45;
  letter-spacing: .005em; color: #3e3c3c; }
.mbcx .bring .bw__list--add { margin-top: 8px; }
.mbcx .bring .bw__list--add .bw__it { padding: 2.9px 0; }
.mbcx .bring .bw__list--add .bw__it h4 { font-weight: 300; display: grid; grid-template-columns: 1em minmax(0, 1fr);
  align-items: baseline; }
.mbcx .bring .bw__list--add .bw__it h4::before { content: "\2022"; font-size: 13px; color: #3e3c3c; }
.mbcx .bring .bw__note { margin-top: 8px; max-width: 24ch; font-size: 13px; font-weight: 300; line-height: 1.4;
  letter-spacing: .005em; color: #3e3c3c; }
 
html.bx-motion .mbcx .bring .bx-in { opacity: calc(.35 + .65 * var(--t, 1));
  transform: translate3d(0, calc((1 - var(--t, 1)) * 22px), 0); will-change: transform, opacity; }

 


.mbcx .ba__stage { display: grid; grid-template-columns: 933px 250px; column-gap: 44px; align-items: end;
  margin-right: -150px; }
.mbcx .ba__photo { grid-column: 1; grid-row: 1 / span 2; width: 933px; }
.mbcx .ba__own { grid-column: 2; grid-row: 1; align-self: end; }
.mbcx .ba__add { grid-column: 2; grid-row: 2; margin-top: 30px; }

 


.mbcx .bb__stage { display: grid; grid-template-columns: 780px minmax(0, 1fr); column-gap: 56px;
  grid-template-rows: auto auto; margin-right: -80px; }
.mbcx .bb__photo { grid-column: 1; grid-row: 1; width: 780px; }
.mbcx .bb__own { grid-column: 2; grid-row: 1; align-self: center; } 

.mbcx .bb__add { grid-column: 1; grid-row: 2; width: 780px; margin-top: 18px; }
.mbcx .bring .bb__add .bw__list--add { margin-top: 6px; display: flex; flex-wrap: nowrap;
  justify-content: space-between; }
.mbcx .bring .bb__add .bw__list--add .bw__it { padding: 0; }
.mbcx .bring .bb__add .bw__list--add .bw__it h4 { display: inline-grid; grid-template-columns: 1em auto;
  white-space: nowrap; }
.mbcx .bring .bb__add .bw__note { margin-top: 6px; max-width: none; }

 


.mbcx .bc__stage { display: grid; grid-template-columns: 210px 640px 250px; column-gap: 48px;
  justify-content: center; margin: 48px -120px 0; }
.mbcx .bc__photo { grid-column: 2; grid-row: 1; width: 640px; }
.mbcx .bc__own { grid-column: 3; grid-row: 1; align-self: start; }
.mbcx .bc__add { grid-column: 1; grid-row: 1; align-self: end; }

 


.mbcx .bd__stage { width: 780px; }
.mbcx .bd__photo { width: 612px; }
.mbcx .bd__own { margin-top: 22px; }
.mbcx .bring .bd__own .bw__list { margin-top: 6px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 24px; width: 780px; }
.mbcx .bring .bd__own .bw__it { padding: 0; }
.mbcx .bd__add { margin-top: 16px; display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 22px; }
.mbcx .bring .bd__add .bw__list--add { margin-top: 0; display: flex; flex-wrap: wrap; column-gap: 18px; }
.mbcx .bring .bd__add .bw__note { margin-top: 0; max-width: none; }
.mbcx .bring .bb__own .bw__list .bw__it:last-child { padding-bottom: 0; }  


@media (min-width: 700px) and (max-width: 1439px) and (min-height:500.02px), (min-width:1024px) and (max-width: 1439px) {
  .mbcx .bb__stage { grid-template-columns: 54.1667vw 25.2778vw; column-gap: 3.8889vw; margin-right: 0; }
  .mbcx .bb__photo, .mbcx .bb__add { width: 54.1667vw; }
}
 
@media (max-width: 1439px) {
  .mbcx .bw__it p { text-wrap: balance; }
  .mbcx small.k-credit { font-size: 12px !important; }
}



@media (min-width: 700px) and (max-width: 1439.98px) and (min-height:500.02px), (min-width:1024px) and (max-width: 1439.98px) {
  .mbcx .bring .bw__grp--add .bw__group { font-size: 18px; }
}



.mbcx .bring .bw__copy { font-size: 16px; font-weight: 300; line-height: 1.6; letter-spacing: .005em; color: #3e3c3c; }
