.cloud-container{width:min(1400px,calc(100% - 40px));margin-inline:auto}.cloud-page h1,.cloud-page h2,.cloud-page h3{text-align:left}.cloud-hero{position:relative;height:625px;overflow:hidden;background:#010617;color:#fff}.cloud-hero>img{position:absolute;top:0;right:0;width:1502px;height:625px;max-width:none;object-fit:cover}.cloud-hero__shade{position:absolute;inset:0;background:rgba(2,5,20,.46)}.cloud-hero__content{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:625px;padding-top:42px;text-align:left}.cloud-hero__content .inner-eyebrow{justify-content:flex-start}.cloud-hero h1{margin:21px 0 0;font-size:62px;line-height:67px;letter-spacing:-2px}.cloud-hero__content>p:last-child{margin:20px 0 0;color:#cee0f5;font-size:18px;line-height:29px}
.cloud-overview{height:467px;padding-top:61px;background:#f6fbff}.cloud-overview__grid{display:grid;grid-template-columns:1fr 566px;gap:120px}.cloud-overview h2{margin:10px 0 0;font-size:41px;font-weight:500;line-height:58px}.cloud-overview__grid>div:last-child{color:#5b6a89;font-size:18px;line-height:34px}.cloud-overview__grid>div:last-child p{margin:13px 0 20px}
.cloud-services{height:5115px;padding-top:97px;background:#fff}.cloud-services__head{height:174px}.cloud-services__head .section-kicker{font-size:18px}.cloud-services__head h2{margin:24px 0 0;font-size:41px;font-weight:500;line-height:67px}.cloud-list article{display:grid;grid-template-columns:minmax(20px,1fr) minmax(0,700px) minmax(0,700px) minmax(20px,1fr);height:807px;overflow:hidden;background:#fff}.cloud-list article:nth-child(even){background:#0e93e5;color:#fff}.cloud-copy{position:relative;grid-column:2;padding:184px 30px 30px 34px}.cloud-photos{grid-column:3}.cloud-list article:nth-child(even) .cloud-copy{grid-column:3;padding-left:60px}.cloud-list article:nth-child(even) .cloud-photos{grid-column:2;grid-row:1}.cloud-copy>img{position:absolute;top:32px;left:34px;width:135px;height:135px;border-radius:50%;object-fit:contain}.cloud-copy h3{position:absolute;top:76px;left:182px;width:470px;margin:0;color:#101828;font-size:39px;line-height:47px}.cloud-list article:nth-child(even) h3{color:#fff}.cloud-list article:nth-child(even) .cloud-copy>img{left:60px}.cloud-list article:nth-child(even) .cloud-copy h3{left:208px}.cloud-copy>p{margin:0 0 28px;color:#5e6d86;font-size:18px;line-height:29px}.cloud-list article:nth-child(even) .cloud-copy>p,.cloud-list article:nth-child(even) li{color:#fff}.cloud-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:20px 36px;margin:0;padding:0;list-style:none}.cloud-copy li{position:relative;padding-left:28px;color:#5e6d86;font-size:18px;line-height:29px}.cloud-copy li::before{position:absolute;left:0;content:"+"}.cloud-photos{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:10px;padding:0 34px}.cloud-photos img{width:100%;height:445px;object-fit:cover}
@media(max-width:1499px) and (min-width:901px){.cloud-list article{grid-template-columns:20px minmax(0,1fr) minmax(0,1fr) 20px}.cloud-copy{padding-right:20px;padding-left:25px}.cloud-list article:nth-child(even) .cloud-copy{padding-left:25px}.cloud-copy>img,.cloud-list article:nth-child(even) .cloud-copy>img{left:25px}.cloud-copy h3,.cloud-list article:nth-child(even) .cloud-copy h3{left:170px;width:calc(100% - 185px);font-size:32px;line-height:39px}.cloud-copy ul{gap:12px}.cloud-copy li{font-size:15px;line-height:23px}.cloud-photos{padding:0 20px}}
@media(max-width:900px){.cloud-hero>img{right:-550px}.cloud-hero h1{font-size:46px;line-height:52px}.cloud-overview,.cloud-services{height:auto}.cloud-overview__grid{grid-template-columns:1fr}.cloud-services__head{height:auto;padding-bottom:50px}.cloud-list article{grid-template-columns:1fr;height:auto;padding:50px 0}.cloud-copy,.cloud-photos,.cloud-list article:nth-child(even) .cloud-copy,.cloud-list article:nth-child(even) .cloud-photos{grid-column:1;grid-row:auto}.cloud-copy,.cloud-list article:nth-child(even) .cloud-copy{padding:170px 20px 35px}.cloud-copy>img,.cloud-list article:nth-child(even) .cloud-copy>img{left:20px}.cloud-copy h3,.cloud-list article:nth-child(even) .cloud-copy h3{top:70px;left:170px;width:calc(100% - 190px);font-size:28px;line-height:35px}.cloud-copy ul{grid-template-columns:1fr}.cloud-photos{padding:20px}.cloud-photos img{height:auto}}

/* Semantic service header: icon and title participate in normal document flow. */
.cloud-copy,
.cloud-list article:nth-child(even) .cloud-copy{
  position:relative!important;
  padding-top:32px;
}

/* Use a consistent compact height for every Cloud service image on desktop. */
@media(min-width:901px){
  .cloud-list .cloud-photos img{
    height:330px!important;
    object-fit:cover;
  }
}
.cloud-service-head{
  display:flex;
  min-height:90px;
  align-items:center;
  justify-content:center;
  gap:24px;
  margin-bottom:42px;
}
.cloud-service-icon{
  display:grid;
  width:90px;
  height:90px;
  flex:0 0 90px;
  place-items:center;
  background:transparent;
}
.cloud-list article:nth-child(even) .cloud-service-icon{
  border-radius:50%;
  background:#fff;
}
.cloud-service-icon img{
  display:block;
  width:70px;
  height:70px;
  border-radius:0!important;
  object-fit:contain;
}
.cloud-photos.is-single-image{grid-template-columns:1fr}
.cloud-photos.is-single-image img:first-child{width:100%;height:445px;object-fit:cover;object-position:center}
.cloud-photos.is-single-image img[hidden]{display:none!important}
.cloud-service-head h3,
.cloud-list article:nth-child(even) .cloud-service-head h3{
  position:static!important;
  width:auto!important;
  margin:0!important;
  transform:none!important;
  text-align:left!important;
}
@media(min-width:901px){
  .cloud-service-head h3{white-space:nowrap}
}
@media(max-width:900px){
  .cloud-copy,
  .cloud-list article:nth-child(even) .cloud-copy{
    display:block!important;
    padding:32px 20px 35px!important;
  }
  .cloud-service-head{
    justify-content:flex-start;
    gap:18px;
    margin-bottom:28px;
  }
}

@media(min-width:901px){
  .cloud-services{
    height:auto;
    padding-bottom:0;
  }
  .cloud-list article{
    height:auto;
    grid-template-rows:auto auto;
    padding:80px 0;
  }
  .cloud-service-head{
    grid-column:2/4;
    grid-row:1;
    align-self:center;
    justify-self:center;
    margin:0;
  }
  .cloud-copy,
  .cloud-list article:nth-child(even) .cloud-copy{
    grid-row:2;
    align-self:start;
    padding:12px 34px 30px;
  }
  .cloud-photos,
  .cloud-list article:nth-child(even) .cloud-photos{
    grid-row:2;
    align-content:start;
    padding:12px 34px 30px;
  }
  .cloud-photos img{
    height:330px;
  }
}
@media(max-width:900px){
  .cloud-services{
    padding-bottom:0!important;
  }
  .cloud-list article{
    padding:12px 0 24px!important;
  }
  .cloud-service-head{
    grid-column:1;
    grid-row:1;
    justify-self:center;
    margin:0;
    padding:12px 20px;
  }
  .cloud-copy,
  .cloud-list article:nth-child(even) .cloud-copy{
    grid-column:1;
    grid-row:2;
    padding:12px 20px 24px!important;
  }
  .cloud-copy>p,
  .cloud-list article:nth-child(even) .cloud-copy>p{
    margin:0 0 24px!important;
  }
  .cloud-photos,
  .cloud-list article:nth-child(even) .cloud-photos{
    grid-column:1;
    grid-row:3;
  }
}

/* The icon/title now live in .cloud-service-head, so the copy must not keep
   the legacy three-row mobile header grid (it created a large empty row). */
@media(max-width:900px){
  body .cloud-list article .cloud-copy,
  body .cloud-list article:nth-child(even) .cloud-copy{
    display:block!important;
    padding:12px 20px 24px!important;
  }
  body .cloud-list article .cloud-copy>p,
  body .cloud-list article:nth-child(even) .cloud-copy>p{
    margin:0 0 24px!important;
  }
  body .cloud-list article .cloud-photos img{
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
  }
}

@media(max-width:600px){
  body .cloud-list article .cloud-photos img{
    height:clamp(300px,85vw,380px)!important;
    object-fit:cover!important;
  }
}

@media(min-width:601px) and (max-width:900px){
  body .cloud-list article .cloud-photos{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body .cloud-list article .cloud-photos.is-single-image{
    grid-template-columns:1fr!important;
  }
  body .cloud-list article .cloud-photos img{
    height:clamp(300px,38vw,350px)!important;
    object-fit:cover!important;
  }
}