/* Bounded layout interpolation is deliberate: render at the current size instead of stretching pixels. */
.hub-renovated .formation-gallery .formation-inner{transition:grid-template-columns .8s var(--u-ease),column-gap .8s var(--u-ease),padding .8s var(--u-ease)}
.hub-renovated .formation-gallery .r23-intro{min-width:0;transition:opacity .3s ease,transform .7s var(--u-ease)}
.hub-renovated .formation-gallery .formation-theater{transition:height .8s var(--u-ease)}
.hub-renovated .formation-gallery:is([data-exploring=true],[data-expansion-settling]) .formation-inner{height:var(--explore-height);min-height:var(--explore-height);align-content:center;overflow:clip}
.hub-renovated .formation-gallery:is([data-exploring=true],[data-expansion-settling]) .r23-intro{width:var(--explore-intro-width)}
.hub-renovated .formation-gallery[data-exploring=true] .formation-inner{grid-template-columns:minmax(0,0fr) minmax(0,1fr);column-gap:0;padding-top:16px;padding-bottom:16px}
.hub-renovated .formation-gallery[data-exploring=true] .r23-intro{opacity:0;transform:translateX(-24px);pointer-events:none}
.hub-renovated .formation-gallery[data-exploring=true] .formation-theater{height:var(--explore-expanded-height)}
@media(max-width:767px){
 .hub-renovated .formation-gallery .r23-intro{transition:opacity .25s ease,transform .7s var(--u-ease),max-height .8s var(--u-ease),padding .8s var(--u-ease)}
 .hub-renovated .formation-gallery:is([data-exploring=true],[data-expansion-settling]) .r23-intro{max-height:var(--explore-intro-height);overflow:hidden}
 .hub-renovated .formation-gallery[data-exploring=true] .formation-inner{grid-template-columns:1fr;align-content:start}
 .hub-renovated .formation-gallery[data-exploring=true] .r23-intro{max-height:0;padding:0;transform:translateY(-18px)}
}
@media(prefers-reduced-motion:reduce){.hub-renovated .formation-gallery :is(.formation-inner,.r23-intro,.formation-theater){transition:none!important}}