.cooperation-hero{min-height:790px;background:linear-gradient(to bottom,transparent 76%,white),url('assets/cooperation-hero.png') center/cover no-repeat}
.cooperation-heading{padding-top:80px}
.cooperation-heading h1{font-size:60px;line-height:1.2;margin:22px 0 38px}
.cooperation-heading>p:last-child{font-size:19px;line-height:1.25;max-width:610px}
.partnership-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px;position:relative;margin-top:-28px;margin-bottom:100px;align-items:center}
.partnership-copy h2{font-size:36px;line-height:1.2;letter-spacing:0;margin-bottom:22px}
.partnership-copy p{font-size:24px;line-height:1.2;margin-bottom:30px}
.partnership-copy p:last-child{margin-bottom:0}
.partnership-copy p+h2{margin-top:75px}
.partnership-gallery{display:grid;gap:42px}
.partnership-gallery img{width:100%;height:auto;aspect-ratio:1.67;object-fit:cover;border-radius:30px}
.partnership-gallery .partnership-dubai{object-position:center 65%}
@media(max-width:1100px){
.cooperation-hero{min-height:690px}.cooperation-heading{padding-top:65px}.cooperation-heading h1{font-size:46px}.cooperation-heading>p:last-child{font-size:17px;max-width:490px}.partnership-content{gap:35px;margin-bottom:75px}.partnership-copy h2{font-size:29px}.partnership-copy p{font-size:20px}.partnership-gallery{gap:30px}
}
@media(max-width:700px){
.cooperation-hero{min-height:580px;background-image:linear-gradient(to bottom,transparent 75%,white),linear-gradient(90deg,#edf4fddd,#edf4fd55),url('assets/cooperation-hero.png');background-position:center,center,60% center}
.cooperation-heading{padding-top:55px}.cooperation-heading h1{font-size:36px}.cooperation-heading h1 br{display:none}.cooperation-heading>p:last-child{font-size:16px;line-height:1.4}
.partnership-content{grid-template-columns:1fr;gap:35px;margin-top:0;margin-bottom:50px}.partnership-copy h2{font-size:28px}.partnership-copy p{font-size:18px;line-height:1.4;margin-bottom:24px}.partnership-copy p+h2{margin-top:40px}.partnership-gallery{gap:20px}.partnership-gallery img{border-radius:22px}
}

/* Show a wider view of the handshake below the mobile heading. */
@media(max-width:700px){
  .cooperation-hero{
    position:relative;
    isolation:isolate;
    background:linear-gradient(to bottom,#edf4fd 80%,#fff);
    padding-bottom:230px;
  }
  .cooperation-hero::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:auto 0 55px;
    height:420px;
    background-image:linear-gradient(to bottom,#edf4fd 0%,rgba(237,244,253,0) 18%,rgba(255,255,255,0) 65%,#fff 100%),url('assets/cooperation-hero.png');
    background-size:100% 100%,auto 420px;
    background-position:center,85% bottom;
    background-repeat:no-repeat;
    pointer-events:none;
  }
}

@media(max-width:700px){
  .cooperation-heading > p:not(.eyebrow){display:none;}
  .cooperation-hero{min-height:520px;padding-bottom:210px;}
  .cooperation-hero::before{bottom:0;}
}

@media(max-width:700px){
  .cooperation-hero{min-height:470px;padding-bottom:160px;background:linear-gradient(to bottom,#edf4fd 65%,#fff 100%);}
  .cooperation-hero::before{height:370px;background-size:100% 100%,auto 420px;background-position:center,85% calc(100% + 50px);}
}

.partnership-copy > p{
  text-align:justify;
  text-align-last:left;
  -webkit-hyphens:auto;
  hyphens:auto;
  hyphenate-limit-chars:7 3 3;
  overflow-wrap:break-word;
}
@media(max-width:700px){
  .partnership-content{gap:24px;}
  .partnership-copy,.partnership-gallery{display:contents;}
  .partnership-content .partnership-copy > p,
  .partnership-content .partnership-copy > h2{margin:0;}
  .partnership-copy > h2:nth-of-type(1){grid-row:1;}
  .partnership-copy > p:nth-of-type(1){grid-row:2;}
  .partnership-copy > p:nth-of-type(2){grid-row:3;}
  .partnership-gallery > img:nth-child(1){grid-row:4;}
  .partnership-copy > p:nth-of-type(3){grid-row:5;}
  .partnership-copy > h2:nth-of-type(2){grid-row:6;margin-top:16px;}
  .partnership-copy > p:nth-of-type(4){grid-row:7;}
  .partnership-gallery > img:nth-child(2){grid-row:8;}
  .partnership-copy > p:nth-of-type(5){grid-row:9;}
  .partnership-copy > p:nth-of-type(6){grid-row:10;}
  .partnership-gallery > img:nth-child(3){grid-row:11;}
}

/* Keep the laboratory artwork and blend it into the mobile contact card. */
@media(max-width:700px){
  .supplements-contact{
    background-color:#eaf3fc;
    background-image:linear-gradient(to bottom,transparent 160px,#eaf3fc 250px),url('assets/supplements-contact.png');
    background-size:100% 250px,auto 250px;
    background-position:left top;
    background-repeat:no-repeat;
    min-height:0;
    padding:265px 25px 30px;
  }
}