.business {
  position:relative;
  min-height:1096px;
  background:var(--ink);
  color:var(--paper);
  isolation:isolate;
  overflow:clip
}
.business__backdrop {
  position:absolute;
  inset:0 50% 0 0;
  z-index:-1;
  overflow:hidden
}
.business__backdrop img {
  width:100%;
  height:100%;
  object-fit:cover;
  transition:opacity .45s ease,transform .8s var(--ease)
}
.business__backdrop img.is-switching {
  opacity:0;
  transform:scale(1.025)
}
.business__backdrop::after {
  position:absolute;
  content:"";
  inset:0;
  background:linear-gradient(180deg,transparent 80%,#19171566 90%,var(--ink)),linear-gradient(90deg,#19171599,#19171566 33%,transparent 41%),linear-gradient(180deg,var(--ink),#191715cc 32%,transparent 40%)
}
.business__layout {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,624px) minmax(0,592px);
  column-gap:64px;
  grid-template-rows:184px 306px auto;
  min-height:1096px;
  padding-top:79px;
  padding-bottom:56px
}
.business__intro {
  grid-column:1;
  grid-row:1
}
.business__intro h2 {
  font-size:36px;
  line-height:1.28;
  margin-top:12px;
  white-space:nowrap
}
.business__intro>p:last-child {
  font-size:18px;
  font-weight:600;
  line-height:1.3;
  margin-top:12px
}
.business__formats {
  grid-column:1;
  grid-row:2;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;
  height:306px
}
.business__formats button {
  font-size:24px;
  font-weight:600;
  padding:0;
  line-height:31px;
  background:none;
  border:0;
  transition:color .25s,transform .3s var(--ease)
}
.business__formats button[aria-selected=true] {
  color:var(--red)
}
.business__formats button:hover {
  color:#c34b3e;
  transform:translateX(5px)
}
.business__select {
  display:none
}
.business__description {
  grid-column:2;
  grid-row:2;
  align-self:start;
  min-width:0;
  margin-top:-60px
}
.business__description h3 {
  font-size:20px;
  line-height:1.3;
  font-weight:600
}
.business__text {
  margin-top:16px;
  font-size:16px;
  font-weight:300;
  line-height:1.25;
  transition:opacity .25s,transform .4s var(--ease)
}
.business__text p+p {
  margin-top:20px
}
.business__text span {
  color:var(--red)
}
.business__text strong {
  font-weight:400
}
.business__description.is-switching .business__text {
  opacity:0;
  transform:translateY(10px)
}
.business__divider {
  display:block;
  margin-top:46px;
  max-width:100%
}
.business__contact {
  display:none
}
.cooperation-form {
  grid-column:1;
  grid-row:3;
  align-self:start;
  margin-top:48px;
  background:#891f15cc;
  padding:32px 40px 25px;
  border-radius:24px;
  min-height:423px
}
.cooperation-form h3 {
  font-size:20px;
  line-height:1.3;
  text-align:center;
  margin-bottom:22px
}
.cooperation-form__fields {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px
}
.cooperation-form label {
  display:block;
  min-width:0
}
.cooperation-form input,.cooperation-form textarea {
  border:0;
  display:block;
  width:100%;
  height:35px;
  padding:10px 18px;
  background:#fff;
  color:var(--ink);
  border-radius:11px;
  font-size:10px;
  line-height:1.3;
  transition:box-shadow .2s
}
.cooperation-form input::placeholder,.cooperation-form textarea::placeholder {
  color:var(--ink);
  opacity:1
}
.cooperation-form input:focus,.cooperation-form textarea:focus {
  box-shadow:0 0 0 3px #f3efe855
}
.cooperation-form__comment {
  grid-column:1/-1
}
.cooperation-form textarea {
  height:105px;
  resize:vertical;
  min-height:105px;
  max-height:250px
}
.cooperation-form__submit {
  display:flex;
  min-height:36px;
  height:36px;
  width:160px;
  border-radius:18px;
  margin:32px auto 0;
  font-size:16px;
  padding:8px 12px
}
.cooperation-form__status {
  font-size:13px;
  line-height:1.4;
  margin-top:18px
}
.cooperation-form__status a {
  display:block;
  font-weight:600;
  margin-top:8px;
  text-underline-offset:3px
}
@media(max-width:1250px) and (min-width:768px) {
  .business__layout {
    column-gap:40px;
    grid-template-columns:1fr 1fr
  }
  .business__intro h2 {
    font-size:29px;
    white-space:normal
  }
  .business__intro .eyebrow {
    font-size:20px
  }
  .business__intro>p:last-child {
    font-size:16px
  }
  .business__text {
    font-size:14px
  }
  .business__description h3 {
    font-size:18px
  }
  .cooperation-form {
    padding-inline:24px
  }
  .cooperation-form h3 {
    font-size:17px
  }
}
@media(max-width:767px) {
  .business {
    min-height:0;
    overflow:clip
  }
  .business__backdrop {
    inset:0 0 auto;
    height:220px
  }
  .business__backdrop img {
    width:179.44%;
    height:181.82%;
    max-width:none;
    position:absolute;
    left:-39.72%;
    top:-40.91%;
    object-fit:cover
  }
  .business__backdrop::after {
    background:linear-gradient(#000,transparent)
  }
  .business__layout {
    display:flex;
    flex-direction:column;
    width:100%;
    padding:0;
    min-height:0
  }
  .business__intro {
    padding:32px 20px;
    min-height:220px
  }
  .business__intro .eyebrow {
    font-size:16px
  }
  .business__intro h2 {
    font-size:30px;
    line-height:1.15;
    margin-top:14px;
    white-space:normal;
    max-width:360px
  }
  .business__intro>p:last-child {
    font-size:16px;
    font-weight:400;
    line-height:1.5;
    margin-top:14px
  }
  .business__formats {
    display:none
  }
  .business__select {
    display:block;
    position:absolute;
    left:20px;
    right:20px;
    top:206px;
    height:44px;
    background:#191715e6;
    border:1px solid var(--red);
    border-radius:12px;
    z-index:2
  }
  .business__select select {
    border:0;
    appearance:none;
    background:transparent;
    color:var(--red);
    font-size:16px;
    font-weight:600;
    padding:10px 36px 10px 12px;
    width:100%;
    height:100%;
    border-radius:12px
  }
  .business__select option {
    color:var(--paper);
    background:var(--ink)
  }
  .business__select img {
    position:absolute;
    right:12px;
    top:12px;
    pointer-events:none;
    filter:invert(1)
  }
  .business__description {
    margin:0;
    padding:48px 20px 20px
  }
  .business__description h3 {
    font-size:22px;
    line-height:1.25
  }
  .business__text {
    font-size:16px;
    line-height:1.5;
    font-weight:400;
    margin-top:20px
  }
  .business__text p+p {
    margin-top:20px
  }
  .business__divider {
    margin-top:20px;
    width:100%;
    height:.5px
  }
  .business__contact {
    display:block;
    padding:0 20px;
    margin-top:0
  }
  .business__contact h3 {
    font-size:18px;
    line-height:1.3;
    margin-bottom:12px
  }
  .business__contact>div {
    display:flex;
    justify-content:space-between;
    gap:16px
  }
  .business__contact a {
    display:flex;
    align-items:center;
    gap:12px;
    text-decoration:none;
    font-size:14px;
    white-space:nowrap
  }
  .business__contact img {
    flex:none
  }
  .business__contact>p {
    font-size:14px;
    font-weight:600;
    line-height:1.25;
    color:var(--muted);
    text-align:center;
    margin-top:12px
  }
  .cooperation-form {
    background:transparent;
    margin:12px 0 0;
    padding:0 20px 40px;
    min-height:0;
    border-radius:0
  }
  .cooperation-form h3 {
    font-size:18px;
    line-height:1.25;
    text-align:left;
    margin-bottom:12px
  }
  .cooperation-form__fields {
    display:flex;
    flex-direction:column;
    gap:12px
  }
  .cooperation-form input,.cooperation-form textarea {
    height:54px;
    padding:16px 14px;
    font-size:16px;
    line-height:1.3;
    border-radius:10px
  }
  .cooperation-form textarea {
    height:112px;
    min-height:112px
  }
  .cooperation-form__submit {
    width:100%;
    height:52px;
    margin-top:20px;
    border-radius:10px
  }
  .cooperation-form__status {
    font-size:14px
  }
}
@media(max-width:374px) {
  .business__contact>div {
    gap:12px
  }
  .business__contact a {
    font-size:12px;
    gap:6px
  }
  .business__intro h2 {
    font-size:28px
  }
}
@media(max-width:767px) {
  .cooperation-form,.partners {
    align-self:stretch;
    width:100%
  }
}
@media(max-width:767px) {
  .business__select {
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    width:calc(100% - 40px);
    margin:-14px 20px 0;
    flex:none
  }
  .business__description {
    padding-top:28px
  }
}
@media(max-width:374px) {
  .business__contact>div {
    flex-direction:column;
    align-items:flex-start
  }
}