.sp-demonstrations{background:#f0ebe2;border-top:1px solid #d9cfc0;border-bottom:1px solid #d9cfc0;scroll-margin-top:95px}.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.demo-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#faf7f1;border:1px solid #d9cfc0;min-width:0;scroll-margin-top:100px}.demo-player{background:#171713;display:flex;align-items:center;justify-content:center;min-width:0}.demo-player video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;max-height:480px}.demo-copy{padding:24px 20px;min-width:0}.demo-product{font:9px 'JetBrains Mono',monospace;letter-spacing:.06em;color:#87553a;line-height:1.8;margin-bottom:18px}.demo-copy h3{font:500 22px/1.3 'Cinzel',serif;margin:0 0 18px}.demo-copy>p:not(.demo-product){font-size:12px;line-height:1.8;color:#5e574e}.demo-copy details{margin-top:20px;border-top:1px solid #d9cfc0;padding-top:12px}.demo-copy summary{font-size:11px;font-weight:600;cursor:pointer;line-height:1.8}.demo-copy details p{font-size:11px;line-height:1.8;color:#655d51;margin-top:12px}.demo-copy .sp-tech-link{font-size:10px;line-height:1.7;margin-top:18px;margin-bottom:0}.demo-card-link{display:inline-flex;align-items:center;min-height:40px;font-size:11px;color:#785141;margin-top:-15px;margin-bottom:13px;text-decoration:underline;text-underline-offset:3px}.demo-photos{margin-top:24px;border:1px solid #d9cfc0;background:#faf7f1;padding:20px 24px}.demo-photos>summary{cursor:pointer;font-size:14px;font-weight:600;line-height:1.6}.demo-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.demo-photo-grid figure{margin:0;min-width:0;background:#e8e2d8}.demo-photo-grid img{display:block;max-width:100%;width:100%;height:420px;object-fit:contain}.demo-photo-grid figcaption{padding:18px;font-size:12px;line-height:1.7}.demo-photo-grid figcaption strong,.demo-photo-grid figcaption span{display:block}.demo-photo-grid figcaption span{color:#665d51;margin-top:6px}.demo-credit{font-size:10px;line-height:1.8;color:#6a6054;margin-top:20px;max-width:100ch}.g-demo-preview{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;border:1px solid var(--line);background:var(--paper);padding:22px;margin:2rem 0;align-items:center;scroll-margin-top:95px}.g-demo-preview figure{margin:0}.g-demo-preview img{display:block;width:100%;height:auto}.g-demo-preview figcaption{font-size:11px;line-height:1.6;color:#62594d;margin-top:10px}.g-body .g-demo-preview h3{font-family:'Cinzel',serif;margin:0 0 16px;font-size:1.45rem}.g-body .g-demo-preview p:not(.g-kicker){font-size:1rem}.g-body .g-demo-preview a{font-size:.95rem;line-height:1.7}.g-body .g-demo-preview .g-kicker{font-size:.7rem}
@media(max-width:1100px){.demo-grid{grid-template-columns:1fr}.demo-card{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.demo-copy{padding:30px}.demo-copy h3{font-size:28px}.demo-copy>p:not(.demo-product){font-size:14px}.demo-copy details p,.demo-copy summary{font-size:13px}.demo-copy .sp-tech-link{font-size:12px}.demo-product{font-size:11px}}
@media(max-width:600px){.demo-card{grid-template-columns:1fr}.demo-player video{width:100%;max-height:460px}.demo-copy{padding:24px 22px}.demo-copy h3{font-size:25px}.demo-photo-grid{grid-template-columns:1fr}.demo-photos{padding:20px 18px}.demo-photos>summary{font-size:13px}.demo-photo-grid img{height:auto}.demo-photo-grid figcaption{font-size:12px}.demo-credit{font-size:10px}.g-demo-preview{grid-template-columns:1fr;padding:18px;gap:20px}.g-demo-preview figure{max-width:300px;margin:0 auto}.g-body .g-demo-preview .g-kicker{line-height:1.8}.demo-card-link{font-size:12px}}