/* Phone layout (760 px wide or less). */
body{margin:0;background:#08131F}
*{box-sizing:border-box}
button,input,textarea{font-family:inherit}
a{color:#DDBF8E}a:hover{color:#F4EDE3}
::selection{background:#C9A26B;color:#08131F}
:focus-visible{outline:2px solid #DDBF8E;outline-offset:3px}
@keyframes sgKb{0%{transform:scale(1.04) translate3d(0,0,0)}100%{transform:scale(1.16) translate3d(-2%,-1%,0)}}
@keyframes sgRise{0%{opacity:0;transform:translate3d(0,22px,0)}100%{opacity:1;transform:none}}
@keyframes sgMarq{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}
@keyframes sgFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-9px,0)}}
@keyframes sgFloatR{0%,100%{transform:scaleY(-1) translate3d(0,0,0)}50%{transform:scaleY(-1) translate3d(0,-9px,0)}}
@keyframes sgShine{0%{transform:translateX(-160%) skewX(-18deg)}100%{transform:translateX(330%) skewX(-18deg)}}
@keyframes sgSpin{to{transform:rotate(360deg)}}
@keyframes sgGlow{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes sgSheet{0%{opacity:0}100%{opacity:1}}
.sg-kb{animation:sgKb 24s ease-in-out infinite alternate;will-change:transform}
.sg-rise{animation:sgRise 1.1s cubic-bezier(.2,.7,.2,1) both}
.sg-d1{animation-delay:.15s}.sg-d2{animation-delay:.35s}.sg-d3{animation-delay:.55s}
.sg-js .sg-rv{opacity:0;transform:translate3d(0,28px,0);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
.sg-js .sg-rv.is-in{opacity:1;transform:none}
.sg-js .sg-wipe{clip-path:inset(0 0 100% 0);transition:clip-path 1.3s cubic-bezier(.7,0,.2,1)}
.sg-js .sg-wipe.is-in{clip-path:inset(0 0 0 0)}
.sg-marq{display:flex;width:max-content;animation:sgMarq 75s linear infinite}
.sg-gold{position:relative;overflow:hidden}
.sg-gold::after{content:"";position:absolute;top:0;bottom:0;left:0;width:34%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform:translateX(-160%) skewX(-18deg);pointer-events:none}
.sg-gold:active::after,.sg-gold:hover::after{animation:sgShine 1s ease}
.sg-float{animation:sgFloat 7s ease-in-out infinite}
.sg-floatr{animation:sgFloatR 7s ease-in-out infinite}
.sg-spin{animation:sgSpin 90s linear infinite}
.sg-glow{animation:sgGlow 6s ease-in-out infinite}
.sg-sheet{animation:sgSheet .35s ease both}
.sg-opt{transition:border-color .25s ease,background .25s ease,opacity .25s ease}
.jr-card{transition:filter .5s ease,opacity .5s ease,transform .6s cubic-bezier(.2,.7,.2,1);cursor:pointer}
.sg-js .jr-card{filter:blur(2.5px) saturate(.75);opacity:.4;transform:scale(.92)}
.sg-js .jr-card.is-focus{filter:none;opacity:1;transform:none;cursor:default}
.sg-track{scrollbar-width:none}
.sg-track::-webkit-scrollbar{display:none}
.sg-in::placeholder{color:#8496A9}
.sg-in{transition:border-color .25s ease,background .25s ease}
.sg-in:focus{outline:none;border-color:#DDBF8E;background:rgba(244,237,227,.07)}
.sg-range{accent-color:#DDBF8E}
@keyframes sgNudge{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
.sg-nudge{animation:sgNudge 1.8s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}.sg-js .sg-rv,.sg-js .sg-wipe{opacity:1;transform:none;clip-path:none}}