.experience3d-demo{display:grid;grid-template-columns:1fr 1fr;gap:var(--s12);align-items:center}
.experience3d-copy{display:grid;gap:var(--s6);justify-items:start}
.experience3d-copy h2,.experience3d-copy h3,.experience3d-copy p{margin:0}
.experience3d-steps,.experience3d-angles{display:flex;flex-wrap:wrap;gap:var(--s3)}
.experience3d-detail{display:grid;gap:var(--s4);min-height:150px}
.experience3d-note{font-size:var(--t-sm);line-height:1.5;color:var(--n600)}
.experience3d-visual{min-width:0;background:var(--surface-subtle)}
.experience3d-figure{position:relative;margin:0;height:560px;display:grid;grid-template-rows:minmax(0,1fr) auto}
.experience3d-figure>img{width:100%;height:100%;object-fit:contain;min-height:0}
.experience3d-figure figcaption{padding:var(--s4);font-size:var(--t-xs)}
.experience3d-angles{position:absolute;bottom:var(--s16);left:var(--s4)}
@media(max-width:760px){.experience3d-demo{grid-template-columns:1fr;gap:var(--s8)}.experience3d-figure{height:500px}.experience3d-detail{min-height:0}}