.spx{gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.spx__txt{grid-column:1/span 5;min-width:0}.spx__main{grid-column:6/-1;min-width:0}.spx__txt .kh{margin-bottom:clamp(12px,1.8vh,18px)}.spx__kind{color:var(--acc);margin:0 0 16px}.spx__lead{color:var(--ink);text-wrap:pretty;margin:0 0 16px;font-size:clamp(16px,1.2vw,18px);line-height:1.6}.spx__sign{border-left:2px solid var(--acc);color:var(--ink-dim);margin:0 0 20px;padding-left:14px;font-size:14px;line-height:1.55}.spx__done{margin:0}.spx__done>div{border-top:1px solid #e1e0cc1a;grid-template-columns:minmax(0,118px) minmax(0,1fr);gap:12px;padding:11px 0;display:grid}.spx__done>div:last-child{border-bottom:1px solid #e1e0cc1a}.spx__done dt{font:500 10px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--acc);padding-top:.35em}.spx__done dd{color:var(--ink);margin:0;font-size:14.5px;line-height:1.55}.spx__more p{color:var(--ink);text-wrap:pretty;margin:0 0 12px;font-size:14.5px;line-height:1.6}.spx__more p:last-child{margin-bottom:0}.spx__go{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:18px;display:flex}.spx__state{font:500 10px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);align-items:center;gap:8px;display:inline-flex}.spx__state:before{content:"";background:var(--acc);border-radius:50%;width:6px;height:6px}.spx__state--on{color:var(--now)}.spx__state--on:before{background:var(--now);animation:1.8s ease-out infinite now-pulse}.spx__video{aspect-ratio:16/9;width:100%}.spx__row{gap:var(--gap);margin-top:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.spx__row>.shot{--span:6}.spx__cards{margin-top:var(--gap);grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.spx__cards .shot{aspect-ratio:1;grid-column:auto}.spx__phones{grid-column:span 6;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:10px;display:grid}.spx__phones .shot{aspect-ratio:480/1039;background:#f3f2ee;border-radius:20px;grid-column:auto}.spx__pair{gap:var(--gap);margin-top:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.spx__pair .shot{grid-column:auto}.spx__row{align-items:stretch}.spx__brand{--span:6;aspect-ratio:auto;background:#1a5fe0;min-height:240px}.spx__brand img{image-rendering:pixelated}.spx>figure.spx__main{align-self:center}.flow .shot{transition:transform .5s var(--ease-o), box-shadow .5s var(--ease-o)}.flow .shot:after{transition:box-shadow .45s var(--ease)}.flow .shot img{transition:transform 1.2s var(--ease-o)}@media (hover:hover) and (pointer:fine){.flow .shot:hover{transform:translateY(-3px);box-shadow:0 4px 6px #0006,0 30px 46px -22px #000000f2}.flow .shot:hover:after{box-shadow:inset 0 0 0 1px #f3bf638c,inset 0 1px #ffffff1a}.flow .shot:hover img{transform:scale(1.03)}}@media (width<=900px){.spx__txt,.spx__main,.spx__row>.shot,.spx__phones{grid-column:1/-1}.spx__cards{grid-template-columns:repeat(4,minmax(0,1fr))}.spx__cards .shot:nth-child(n+5){display:none}.spx__done>div{grid-template-columns:minmax(0,96px) minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.spx__state--on:before{animation:none}}