.urb-pairing{padding-block:clamp(3.2rem,5vw,6rem)}
.urb-pairing--beige{background:rgb(var(--urb-beige))}
.urb-pairing--green{background:rgb(var(--urb-green))}
.urb-pairing__inner{max-width:100rem;margin-inline:auto;padding-inline:clamp(1.6rem,4vw,4rem)}
.urb-pairing__head{margin:0 auto clamp(3rem,5vh,5rem);max-width:64rem;text-align:center}
.urb-pairing__eyebrow{margin:0 0 1.2rem;font-family:var(--font-label-family);font-weight:600;font-size:1.3rem;letter-spacing:var(--urb-tracking-label);text-transform:uppercase}
.urb-pairing__heading{margin:0;font-family:var(--font-heading-family);font-weight:600;font-size:clamp(2.8rem,4.4vw,4.4rem);line-height:1.02}
.urb-pairing__lead{margin:clamp(20px,5vh,34px) auto 0;max-width:52ch;font-size:clamp(1.5rem,1.9vw,1.8rem);line-height:1.45}
.urb-pairing__flow{position:relative;padding-block:clamp(1rem,2vh,2rem)}
.urb-pairing__line{position:absolute;top:0;bottom:0;left:50%;width:.2rem;transform:translateX(-50%);background-image:repeating-linear-gradient(to bottom, rgba(var(--urb-green),.4) 0, rgba(var(--urb-green),.4) .8rem, transparent .8rem, transparent 1.6rem)}
.urb-pairing__dot{position:absolute;left:50%;top:calc(var(--urb-line-p,0)*100%);width:1.6rem;height:1.6rem;border-radius:50%;transform:translate(-50%,-50%);background:rgb(var(--urb-green))}
.urb-pairing__list{position:relative;z-index:1;display:flex;flex-direction:column;gap:clamp(2.4rem,4.5vh,4.8rem);margin:0;padding:0;list-style:none}
.urb-pairing__item{display:flex;flex-direction:column;align-items:center;gap:clamp(1.2rem,1.8vh,1.8rem);--urb-pair-w:min(26rem,42%);width:var(--urb-pair-w);opacity:0;transform:translateY(2.4rem);transition:opacity .6s var(--urb-ease),transform .6s var(--urb-ease)}
.urb-pairing__item.is-in{opacity:1;transform:none}
.urb-pairing__item:nth-child(odd){align-self:flex-start;margin-left:calc((50% - var(--urb-pair-w)) / 2)}
.urb-pairing__item:nth-child(even){align-self:flex-end;margin-right:calc((50% - var(--urb-pair-w)) / 2)}
.urb-pairing__media{display:flex;align-items:center;justify-content:center;width:clamp(15rem,23vw,26rem);aspect-ratio:1/1;transition:transform .35s cubic-bezier(0.4,0,0.2,1)}
.urb-pairing__item:nth-child(odd) .urb-pairing__media{transform:rotate(-7deg)}
.urb-pairing__item:nth-child(even) .urb-pairing__media{transform:rotate(6deg)}
.urb-pairing__media svg,.urb-pairing__img{width:100%;height:100%;object-fit:contain;display:block}
.urb-pairing__ico{stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;fill:none}
.urb-pairing__name{font-family:var(--font-heading-family);font-weight:600;font-size:clamp(2.4rem,3.2vw,3.4rem);line-height:1.1;text-align:center}
.urb-pairing__item:hover .urb-pairing__media{transform:rotate(-7deg) scale(1.06)}
.urb-pairing__item:nth-child(even):hover .urb-pairing__media{transform:rotate(6deg) scale(1.06)}
.urb-pairing--beige .urb-pairing__eyebrow,.urb-pairing--beige .urb-pairing__heading,.urb-pairing--beige .urb-pairing__lead,.urb-pairing--beige .urb-pairing__name,.urb-pairing--beige .urb-pairing__media{color:rgb(var(--urb-green))}
.urb-pairing--beige .urb-pairing__heading em{color:rgb(var(--urb-red))}
.urb-pairing--green .urb-pairing__eyebrow,.urb-pairing--green .urb-pairing__heading,.urb-pairing--green .urb-pairing__lead,.urb-pairing--green .urb-pairing__name,.urb-pairing--green .urb-pairing__media{color:rgb(var(--urb-beige))}
.urb-pairing--green .urb-pairing__line{background-image:repeating-linear-gradient(to bottom, rgba(var(--urb-beige),.45) 0, rgba(var(--urb-beige),.45) .8rem, transparent .8rem, transparent 1.6rem)}
.urb-pairing--green .urb-pairing__dot{background:rgb(var(--urb-beige))}
@media (prefers-reduced-motion:reduce){
.urb-pairing__media{transition:none}
.urb-pairing__item{opacity:1;transform:none;transition:none}
.urb-pairing__item:hover .urb-pairing__media{transform:rotate(-7deg)}
.urb-pairing__item:nth-child(even):hover .urb-pairing__media{transform:rotate(6deg)}
}