@media(min-width:750px){
.ys-highlights-inner>.ys-feature--library,.ys-highlights-inner>.ys-feature--practice,.ys-highlights-inner>.ys-feature--build,.ys-highlights-inner>.ys-sequence-filmstrips,.ys-highlights-inner>.ys-class-builder-showcase{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:48px}
.ys-highlights-inner>.ys-feature--library>.ys-feature-copy,.ys-highlights-inner>.ys-feature--build>.ys-feature-copy{grid-column:1;grid-row:1}
.ys-highlights-inner>.ys-feature--library>.ys-feature-visual,.ys-highlights-inner>.ys-feature--build>:not(.ys-feature-copy){grid-column:2;grid-row:1}
.ys-highlights-inner>.ys-feature--practice,.ys-highlights-inner>.ys-sequence-filmstrips,.ys-highlights-inner>.ys-class-builder-showcase{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
.ys-highlights-inner>.ys-feature--practice>.ys-feature-copy,.ys-highlights-inner>.ys-sequence-filmstrips>.ys-feature-copy,.ys-highlights-inner>.ys-class-builder-showcase>.ys-feature-copy{grid-column:2;grid-row:1}
.ys-highlights-inner>.ys-feature--practice>.ys-feature-visual,.ys-highlights-inner>.ys-sequence-filmstrips>.ys-sequence-filmstrips__panel,.ys-highlights-inner>.ys-class-builder-showcase>.ys-class-builder-capture{grid-column:1;grid-row:1}
}
@media(max-width:749px){.ys-highlights-inner>.ys-feature{display:flex;flex-direction:column}.ys-highlights-inner>.ys-feature>.ys-feature-copy{order:0}.ys-highlights-inner>.ys-feature>:not(.ys-feature-copy){order:1}}

.ys-class-builder-capture{margin:0;min-width:0;border-radius:24px;overflow:hidden;background:#e7f4ef;box-shadow:0 16px 45px #305e4c12}.ys-class-builder-capture img{display:block;width:100%;height:auto}.ys-class-builder-showcase{padding-top:40px;padding-bottom:40px}
/* Keep successive paired features alternating after the compact pose guide. */
@media(min-width:851px){
.ys-highlights-inner>.ys-feature--practice,.ys-highlights-inner>.ys-class-builder-showcase{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}
.ys-highlights-inner>.ys-sequence-filmstrips{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}
.ys-highlights-inner>.ys-feature--practice>.ys-feature-copy,.ys-highlights-inner>.ys-class-builder-showcase>.ys-feature-copy{grid-column:1;grid-row:1}
.ys-highlights-inner>.ys-sequence-filmstrips>.ys-feature-copy{grid-column:2;grid-row:1}
.ys-highlights-inner>.ys-feature--practice>.ys-feature-visual,.ys-highlights-inner>.ys-class-builder-showcase>.ys-class-builder-capture{grid-column:2;grid-row:1}
.ys-highlights-inner>.ys-sequence-filmstrips>.ys-sequence-filmstrips__panel{grid-column:1;grid-row:1}
.ys-highlights-inner>.ys-feature--build{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
.ys-highlights-inner>.ys-feature--build>.ys-feature-copy{grid-column:2;grid-row:1}
.ys-highlights-inner>.ys-feature--build>:not(.ys-feature-copy){grid-column:1;grid-row:1}
.ys-highlights-inner>[data-swipe-builder]{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}
.ys-highlights-inner>[data-swipe-builder]>.ysb-copy{grid-column:1;grid-row:1}
.ys-highlights-inner>[data-swipe-builder]>.ysb-scene{grid-column:2;grid-row:1}
}
@media(min-width:851px){.ys-highlights-inner>[data-swipe-builder].ysb-section{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:44px}}