.vice-hero{
  position:relative;
  width:100%;
  height:clamp(360px,34.444vw,496px);
  min-height:0;
  overflow:hidden;
  background:#bfe5d6;
}
.vice-hero-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.vice-hero-title{
  position:absolute;
  z-index:2;
  left:auto;
  right:max(5%,calc((100% - 1180px)/2));
  top:50%;
  width:min(531px,37vw);
  height:auto;
  transform:translateY(-50%);
}
.vice-hero-person{
  position:absolute;
  z-index:2;
  left:max(5%,calc((100% - 1180px)/2));
  right:auto;
  bottom:0;
  width:auto;
  height:94%;
  max-width:45%;
  object-fit:contain;
  object-position:center bottom;
}
body>main.wrap>.back{
  display:block;
  padding-bottom:34px;
  margin-bottom:45px;
  border-bottom:1px solid #d8e1e2;
}
body>main.wrap .content>h2:first-of-type{
  margin-top:58px;
  padding-top:48px;
  border-top:1px solid #d8e1e2;
}
.content>.timeline{
  margin:25px 0;
  border-left:4px solid #08a5d8;
}
.content>.timeline h3{
  margin:0 0 4px;
  color:#08a5d8;
  font-size:21px;
}
.content>.timeline p{
  margin:0;
  font-size:16px;
  line-height:1.45;
}
.vice-public-service{
  margin-top:55px;
  padding-top:42px;
  border-top:1px solid #d8e1e2;
}
.vice-public-service h2{
  margin:0 0 35px!important;
  padding:0!important;
  border:0!important;
  color:#214547;
  font-size:34px;
}
.vice-partnership{
  position:relative;
  width:100%;
  height:clamp(420px,39.236vw,565px);
  overflow:hidden;
  background:#fff0d9;
}
.vice-partnership-bg-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.vice-partnership-people{
  position:absolute;
  z-index:2;
  left:50%;
  bottom:0;
  width:auto;
  height:98%;
  max-width:62%;
  transform:translateX(-50%);
  object-fit:contain;
  object-position:center bottom;
}
.vice-partnership-title-image{
  position:absolute;
  z-index:3;
  left:50%;
  bottom:46px;
  width:min(560px,40vw);
  height:auto;
  transform:translateX(-50%);
}
.vice-footer{background:#fff}
.vice-footer-main{display:grid;grid-template-columns:290px 1fr;gap:75px;padding:48px 0}
.vice-footer .footer-logo{width:250px}
.vice-footer-main>div:first-child p{font-size:13px;margin:20px 0 10px}
.vice-footer-social{display:flex;align-items:center;gap:12px}
.vice-footer-social a{display:grid;place-items:center;width:18px;height:18px}
.vice-footer-social img{width:17px;height:17px;object-fit:contain}
.vice-footer-content{padding-top:8px}
.vice-footer-nav{display:flex;justify-content:flex-end;align-items:center;gap:20px;flex-wrap:wrap;color:#214547;font-size:14px}
.vice-footer-nav .join{color:#fff}
.vice-footer hr{border:0;border-top:1px solid #d3e2e3;margin:28px 0}
.vice-contact{text-align:right;margin:0}
.vice-contact strong{margin-right:25px}
.vice-footer-bottom{background:#08a5d8;color:#fff;padding:22px max(5%,calc((100% - 1180px)/2));display:flex;justify-content:space-between;gap:20px;font-size:12px}
.vice-footer-bottom nav{display:flex;gap:24px}
@media(max-width:800px){
  .vice-hero{
    aspect-ratio:auto;
    height:430px;
    min-height:0;
  }
  .vice-hero-bg{
    object-fit:cover;
    object-position:center;
  }
  .vice-hero-title{
    left:auto;
    right:5%;
    top:30px;
    width:90%;
    max-width:430px;
    transform:none;
  }
  .vice-hero-person{
    left:2%;
    right:auto;
    transform:none;
    height:66%;
    max-width:88%;
  }
  body>main.wrap>.back{
    padding-bottom:22px;
    margin-bottom:25px;
  }
  body>main.wrap .content>h2:first-of-type{
    margin-top:38px;
    padding-top:34px;
  }
  .vice-public-service{margin-top:38px;padding-top:34px}
  .vice-public-service h2{font-size:29px}
  .vice-partnership{height:430px}
  .vice-partnership-bg-image{object-position:center}
  .vice-partnership-people{width:auto;height:90%;max-width:118%}
  .vice-partnership-title-image{bottom:22px;width:78%;max-width:330px}
  .vice-footer-main{grid-template-columns:1fr;gap:28px}
  .vice-footer-nav{justify-content:flex-start;flex-direction:column;align-items:flex-start}
  .vice-contact{text-align:left;line-height:1.8}
  .vice-footer-bottom{flex-direction:column}
  .vice-footer-bottom nav{flex-wrap:wrap;gap:12px 20px}
}