:root{
  --ooh-title-size:clamp(24px,2.5vw,40px);
  --ooh-caption-height:82px;
  --ooh-art-width:min(84%,1100px);
}

#p07,
#p07 button{
  font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif;
}

#p07>header{
  display:grid;
  grid-template-columns:minmax(320px,.78fr) 1.22fr;
  grid-template-rows:auto auto;
  column-gap:8vw;
  align-items:end;
}
#p07>header .kicker{
  grid-column:1 / -1;
  grid-row:1;
  margin-bottom:18px;
}
#p07>header .section-title{
  grid-column:1;
  grid-row:2;
  font-size:var(--ooh-title-size);
  line-height:1;
  font-weight:700;
  letter-spacing:-.035em;
  white-space:nowrap;
}
#p07>header .section-copy{
  grid-column:2;
  grid-row:2;
  align-self:end;
  margin:0 0 1px;
  max-width:none;
  font-size:14px;
  line-height:1.55;
}

#p07 .ooh-carousel{
  margin-top:18px;
}
#p07 .ooh-card{
  height:clamp(455px,61vh,560px);
}
#p07 .ooh-card__media{
  height:calc(100% - var(--ooh-caption-height));
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--ooh-plate);
}
#p07 .ooh-card__media img{
  width:var(--ooh-art-width);
  height:100%;
  margin:0 auto;
  object-fit:contain;
  object-position:50% 50%;
  background:var(--ooh-plate);
}
#p07 .ooh-card figcaption{
  height:var(--ooh-caption-height);
  padding:20px 34px 23px;
  justify-content:flex-end;
}
#p07 .ooh-card figcaption span{
  display:none;
}
#p07 .ooh-card figcaption strong{
  color:#fff;
  font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif;
  font-size:12px;
  font-weight:400;
}

@media(max-width:1100px){
  #p07>header{grid-template-columns:1fr}
  #p07>header .section-title{grid-column:1;grid-row:2}
  #p07>header .section-copy{grid-column:1;grid-row:3;margin-top:16px}
  #p07 .ooh-card{height:clamp(420px,58vh,520px)}
}
