.s05{
  --container-pbs:48px;
  --container-pbe:48px;
  --container-pbs-tb:56px;
  --container-pbe-tb:56px;
  --container-pbs-dt:80px;
  --container-pbe-dt:80px;
  --s05-cta-color:#0060da;
  --s05-cta-color-hover:#021537;
  background-color:#fff;
}

.s05-banner{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:592px;
  border-radius:6px;
  overflow:hidden;
  background-color:#051938;
  color:#fff;
}

.s05-art,
.s05-content{
  grid-area:1/1;
}

.s05-art{
  position:relative;
  overflow:hidden;
  border-radius:6px;
}

.s05-photo{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 40%;
}

.s05-art::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(3,20,48,.88) 0,rgba(3,20,48,.62) 42%,rgba(3,20,48,0) 72%);
}

.s05-content{
  position:relative;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}

.s05-body{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-areas:"logo" "text";
  margin:32px 24px 0;
}

.s05-text{
  grid-area:text;
  display:flex;
  flex-direction:column;
  gap:32px;
}

.s05-title{
  max-width:13.73em;
  color:#fff;
}

.s05-cta,
.s05-cta:hover{
  align-self:flex-start;
  color:var(--s05-cta-color);
  background-color:#fff;
}

.s05-cta:hover{
  color:var(--s05-cta-color-hover);
}

.s05-logo{
  grid-area:logo;
  align-self:start;
  justify-self:start;
  margin-bottom:18px;
  font-family:"Inter",sans-serif;
  font-size:21px;
  line-height:20px;
  font-weight:600;
  letter-spacing:-.05em;
  white-space:nowrap;
  color:#fff;
}

@media (min-width:640px){
  .s05-banner{
    grid-template-rows:400px;
  }

  .s05-photo{
    object-position:50% 45%;
  }

  .s05-art::after{
    background:
      linear-gradient(90deg,rgba(3,20,48,.86) 0,rgba(3,20,48,.6) 38%,rgba(3,20,48,0) 68%),
      linear-gradient(0deg,rgba(3,20,48,.5) 0,rgba(3,20,48,0) 34%);
  }

  .s05-body{
    flex:1;
    grid-template-rows:auto auto;
    grid-template-areas:"text" "logo";
    margin:32px 24px;
  }

  .s05-logo{
    align-self:end;
    justify-self:end;
    margin:0;
    font-size:26px;
    line-height:26px;
  }
}