.demos-page{min-height:100vh;color:var(--ink);background:#fff;position:relative}.demos-page:before{content:"";pointer-events:none;background-image:linear-gradient(#0a0a0c09 1px, transparent 1px), linear-gradient(90deg, #0a0a0c09 1px, transparent 1px), linear-gradient(180deg, var(--cream-2) 0, #fff 100%);background-size:24px 24px,24px 24px,auto;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0,#0000 520px);mask-image:linear-gradient(#000 0,#0000 520px)}.demos-main{z-index:1;width:min(1040px,100%);margin:0 auto;padding:clamp(56px,7vw,88px) 28px clamp(88px,9vw,128px);position:relative}.demos-head{max-width:640px}.demos-title{color:var(--ink);letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(40px,5.4vw,64px);font-weight:650;line-height:.98}.demos-lede{max-width:520px;color:var(--ink-dim);margin:22px 0 0;font-size:clamp(17px,1.5vw,19px);line-height:1.6}.demos-jump{flex-wrap:wrap;gap:10px 24px;margin-top:28px;display:flex}.demos-jump a{color:var(--ink);text-underline-offset:5px;font-size:14.5px;font-weight:500;-webkit-text-decoration:underline #3b53f559;text-decoration:underline #3b53f559;text-decoration-thickness:1.5px;transition:text-decoration-color .2s}.demos-jump a:hover{-webkit-text-decoration-color:var(--blue);text-decoration-color:var(--blue)}.demos-list{margin-top:clamp(40px,6vw,64px)}.demo{scroll-margin-top:calc(var(--nav-h,73px) + 24px)}.demo+.demo{border-top:1px solid var(--line);margin-top:clamp(56px,8vw,96px);padding-top:clamp(56px,8vw,96px)}.demo-stage{aspect-ratio:16/9;background:#0c0c10;border-radius:16px;overflow:hidden;box-shadow:0 32px 64px -32px #0a0a0c66,0 0 0 1px #0a0a0c14}.demo-video{object-fit:contain;background:#0c0c10;width:100%;height:100%;display:block}.demo-notes{max-width:64ch;margin-top:24px}.demo-title-row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.demo-title{color:var(--ink);letter-spacing:-.025em;margin:0;font-size:clamp(22px,2.4vw,28px);font-weight:600;line-height:1.15}.demo-duration{color:var(--ink-dimmer);font-variant-numeric:tabular-nums;flex:none;font-size:14px}.demo-desc{color:var(--ink-dim);margin:12px 0 0;font-size:16px;line-height:1.65}.demo-guide{color:var(--blue);border-bottom:1.5px solid #3b53f54d;margin-top:18px;font-size:15px;font-weight:600;text-decoration:none;transition:border-color .2s;display:inline-block}.demo-guide:hover{border-bottom-color:var(--blue)}.demos-jump a:focus-visible,.demo-guide:focus-visible,.demo-video:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:4px}@media (max-width:640px){.demos-main{padding-left:18px;padding-right:18px}.demo-stage{border-radius:10px}.demo-title-row{flex-direction:column;align-items:flex-start;gap:6px}}