.hb-phases{margin:32px 0;color:#f5f1fa}
.hb-phases>h4{font-size:24px;margin:0 0 12px}
.hb-phases>p{line-height:1.6;color:#cfbedf}
.hb-phase{margin-top:24px;padding:24px 0;border-top:1px solid #a479c055}
.hb-phase h5{font-size:20px;margin:0 0 20px;color:#dab8ff}
.hb-phase dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0}
.hb-phase dt{font-weight:700;margin-bottom:8px}
.hb-phase dd{margin:0;color:#cfbedf;line-height:1.6}
.hb-phase p{line-height:1.6;margin:20px 0 0}
@media(max-width:700px){.hb-phase dl{grid-template-columns:1fr;gap:20px}.hb-phase{padding:20px 0}}

.hb-phase{display:flow-root}
.hb-phase-photo{float:left;width:160px;margin:0 24px 16px 0}
.hb-phase-photo img{display:block;width:100%;height:220px;object-fit:cover;border-radius:12px}
.hb-phase-photo figcaption{margin-top:8px;color:#cfbedf;font-size:12px;line-height:1.5}
.hb-phase dl{grid-template-columns:1fr 1fr}
.hb-phase dl>div:first-child:nth-last-child(3){grid-column:1/-1}
@media(max-width:700px){.hb-phase-photo{float:none;width:min(100%,240px);margin:0 0 24px}.hb-phase-photo img{height:300px}.hb-phase dl{grid-template-columns:1fr}}