/* wib-box.css */
.wib{padding:40px 0;}
.wib .wib__grid{
  display:flex;
  gap:32px;
  align-items:stretch;
}

.wib .wib__content{flex:1;min-width:0;display:flex;}
.wib .wib__media{flex:1;min-width:0;}
.wib .wib__content{
  align-items:center;
  justify-content:center;
}
.wib .images-with-text__content{
  max-width:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:left;
  padding:0;
  box-sizing:border-box;
}

/* caption: Geist 13px */
.wib .wib__caption{
  font-family: Geist, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
  font-size:13px !important;
  line-height:1.2 !important;
  font-weight:400;
  letter-spacing:.02em;
  text-transform:uppercase;
  opacity:.85;
  margin:0 0 12px 0;
}

/* title: Figtree 40px */
.wib .wib__title{
  font-family:"Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
  font-size:40px !important;
  line-height:1.08 !important;
  font-weight:700 !important;
  margin:0 0 18px 0 !important;
}

/* list: Geist 300 */
.wib .wib__list{
  margin:0;
  padding-left:18px;
  font-family: Geist, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
  font-weight:300 !important;
  font-size:16px;
}
.wib .wib__list li{margin:10px 0;line-height:1.7;}

.wib .wib__media-inner{
  width:100%;
  height:100%;
  min-height:420px;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  border:1px solid #000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:26px;
  box-sizing:border-box;
}
.wib .wib__media-inner img{
  max-width:100%;
  max-height:100%;
  width:auto;height:auto;
  display:block;
  object-fit:contain;
}

h2.h2.wib__title{
  color:#000000;
}

@media (max-width:849px){
  .wib{padding:0;}
  .wib .wib__grid{flex-direction:column;gap:18px;}
  .wib .wib__media{order:1;width:100%;}
  .wib .wib__content{order:2;width:100%;}
  .wib .wib__content{justify-content:flex-start;}
  .wib .images-with-text__content{width:100%;}

  .wib .wib__media-inner{min-height:280px;padding:18px;}
  .wib .wib__title{font-size:32px !important;}
}