html{scroll-behavior:smooth}
body{margin:0;background:#0A0A0A}
a{color:#FFFFFF;text-decoration:none}a:hover{color:#D4D4D4}
*{box-sizing:border-box}
@keyframes sxMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes sxFlow{to{stroke-dashoffset:-56}}
@keyframes sxPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.2;transform:scale(2)}}
@keyframes sxBlink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes sxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes sxRise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes sxScan{0%{top:-20%}100%{top:120%}}
@keyframes sxGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes sxTravel{0%{left:0%}100%{left:100%}}
@keyframes sxSpin{to{transform:rotate(360deg)}}
@keyframes sxZoom{from{transform:scale(1)}to{transform:scale(1.14)}}
@keyframes sxDraw{0%{stroke-dashoffset:420}60%,100%{stroke-dashoffset:0}}
@keyframes sxBob{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(8px);opacity:1}}
.sx-marquee{display:flex;width:max-content;animation:sxMarquee 45s linear infinite}
.sx-marquee-slow{display:flex;width:max-content;animation:sxMarquee 70s linear infinite}
.sx-marquee:hover{animation-play-state:paused}
.sx-flow{stroke-dasharray:6 8;animation:sxFlow 2.2s linear infinite}
.sx-flow-slow{stroke-dasharray:3 9;animation:sxFlow 4s linear infinite}
.sx-pulse{transform-box:fill-box;transform-origin:center;animation:sxPulse 2.2s ease-in-out infinite}
.sx-blink{animation:sxBlink 1.1s step-end infinite}
.sx-float{animation:sxFloat 7s ease-in-out infinite}
.sx-rise{animation:sxRise 1s cubic-bezier(.2,.7,.2,1) both}
.sx-d1{animation-delay:.12s}.sx-d2{animation-delay:.24s}.sx-d3{animation-delay:.36s}.sx-d4{animation-delay:.48s}
.sx-scan{animation:sxScan 7s linear infinite}
.sx-grow{transform-origin:left center;animation:sxGrow 2.4s cubic-bezier(.2,.7,.2,1) both}
.sx-travel{animation:sxTravel 6s linear infinite}
.sx-spin{animation:sxSpin 40s linear infinite}
.sx-zoom{animation:sxZoom 28s ease-in-out infinite alternate}
.sx-draw{stroke-dasharray:420;animation:sxDraw 4s ease-out infinite}
.sx-bob{animation:sxBob 2s ease-in-out infinite}
.sx-card{transition:transform .25s ease,border-color .25s ease,background .25s ease}
.sx-card:hover{transform:translateY(-4px);border-color:#5A5A5A !important;background:#151515 !important}
.sx-photo img{transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s ease}
.sx-photo:hover img{transform:scale(1.06);filter:brightness(1.15)}
.sx-btn{transition:transform .2s ease,background .2s ease,color .2s ease}
.sx-btn:hover{transform:translateY(-2px)}
.sx-btn-solid:hover{background:#D4D4D4 !important;color:#0A0A0A !important}
.sx-btn-ghost:hover{background:#FFFFFF !important;color:#0A0A0A !important}
.sx-outline{color:transparent;-webkit-text-stroke:1.5px #FFFFFF}
.sx-gridbg{background-image:linear-gradient(rgba(255,255,255,0.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.045) 1px,transparent 1px);background-size:56px 56px}
@keyframes sxChev{0%,100%{opacity:.12}40%{opacity:1}}
@keyframes sxDrift{0%{transform:translateX(-12px)}50%{transform:translateX(12px)}100%{transform:translateX(-12px)}}
@keyframes sxRec{0%,49%{opacity:1}50%,100%{opacity:.2}}
.sx-chev{animation:sxChev 1.8s ease-in-out infinite}
.sx-c2{animation-delay:.15s}.sx-c3{animation-delay:.3s}.sx-c4{animation-delay:.45s}.sx-c5{animation-delay:.6s}.sx-c6{animation-delay:.75s}
.sx-drift{animation:sxDrift 9s ease-in-out infinite}
.sx-rec{animation:sxRec 1.2s step-end infinite}
.sx-redact{background:#EDEDED;color:transparent;padding:0 4px;transition:background .4s ease,color .4s ease}
.sx-report:hover .sx-redact,.sx-report:focus-within .sx-redact{background:rgba(255,255,255,0.12);color:#FFFFFF}
.sx-nav{display:flex}
@media (max-width:960px){.sx-nav{display:none}}
.sx-still *{animation:none !important}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}