.cs-card{gap:14px;width:100%;display:grid}.cs-art{aspect-ratio:5/3;border-radius:var(--radius-md);display:grid;overflow:hidden}.cs-fig{height:100%;min-height:0}.cs-text{flex-direction:column;gap:8px;min-width:0;padding:6px 14px 14px;display:flex}.cs-text .t2-title,.cs-text .t2-line{overflow-wrap:anywhere}.cs{position:relative}.cs-pin{flex-direction:column;gap:32px;display:flex}.cs-stage{gap:20px;width:100%;margin-inline:auto;display:grid}.cs[data-shape=tall] .cs-stage{max-width:560px}@media (min-width:900px){.cs[data-shape=tall] .cs-stage{width:clamp(320px,40vw,560px)}}.cs[data-shape=wide] .cs-stage{max-width:640px}@media (min-width:900px){.cs[data-shape=wide] .cs-stage{width:clamp(320px,44vw,640px)}.cs[data-shape=tall] .cs-card{grid-template-rows:minmax(0,1fr) auto;height:520px}.cs[data-shape=tall] .cs-art{aspect-ratio:auto;height:100%}.cs[data-shape=wide] .cs-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;height:340px}.cs[data-shape=wide] .cs-art{aspect-ratio:auto;height:100%}.cs[data-shape=wide] .cs-text{justify-content:center;gap:10px;padding:18px}.cs[data-shape=wide][data-fig=right] .cs-art{order:2}}.cs[data-stack]>.shell{height:100svh;position:sticky;top:0}.cs[data-stack] .cs-pin{justify-content:center;gap:0;height:100%;padding-top:80px;padding-bottom:24px;overflow:hidden}.cs[data-stack] .cs-stage{margin-top:56px;display:block;position:relative}.cs[data-stack][data-shape=tall] .cs-stage{height:520px}.cs[data-stack][data-shape=wide] .cs-stage{height:340px}.cs[data-stack] .cs-slot{pointer-events:none;position:absolute;inset:0}.cs[data-stack] .cs-card{pointer-events:auto;will-change:transform;height:100%}.cs .t2a-card>:not(.t2a-dim){z-index:1;position:relative}.cs-side{flex-direction:column;gap:20px;min-width:0;display:flex}.cs-now{max-width:36ch;color:var(--color-neutral-soft);font-size:15px;line-height:1.5}.cs-now b{color:var(--color-neutral-ink);font-weight:600}@media (min-width:900px){.cs[data-head=left] .cs-pin,.cs[data-head=right] .cs-pin{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:56px;display:grid}.cs[data-head=right] .cs-pin{grid-template-columns:auto minmax(0,1fr)}.cs[data-head=right] .cs-side{order:2}.cs[data-head=left] .cs-stage,.cs[data-head=right] .cs-stage{justify-self:center;margin-inline:0}.cs[data-stack][data-head=left] .cs-stage,.cs[data-stack][data-head=right] .cs-stage{height:500px;margin-top:48px}.cs[data-head=left] .cs-card,.cs[data-head=right] .cs-card{height:500px}}
