/* Hub · how we work with enterprises — sticky head + photo, six principles. */
.bdh-pr__grid{align-items:start}
.bdh-pr__head{margin-bottom:32px}
.bdh-pr__head .h2{max-width:14ch}
.bdh-pr__img img{object-position:50% 50%}

.bdh-pr__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,3vw,48px);row-gap:clamp(40px,4vw,56px)}
.bdh-pr__item{position:relative;display:grid;gap:10px;align-content:start;padding-top:24px}
.bdh-pr__item::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line);transform:scaleX(0);transform-origin:left center;transition:transform .9s var(--e)}
.bdh-pr__list.is-in .bdh-pr__item::before{transform:none}
.bdh-pr__icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:6px;border-radius:var(--r-sm);background:var(--blue-wash);color:var(--blue-d)}
.bdh-pr__icon svg{width:22px;height:22px}
.bdh-pr__item .bdh-d{max-width:40ch}

@media (max-width:1023px){
  .bdh-pr__side,.bdh-pr__list{grid-column:1 / -1}
  .bdh-pr__img{aspect-ratio:16/9;max-height:360px}
  .bdh-pr__side{margin-bottom:clamp(32px,5vw,48px)}
}
@media (max-width:600px){.bdh-pr__list{grid-template-columns:minmax(0,1fr);row-gap:32px}}
@media (prefers-reduced-motion:reduce){.bdh-pr__item::before{transform:none;transition:none}}