.gs{width:auto;margin:clamp(56px, 10vh, 120px) calc(-1 * var(--gutter)) 0;height:calc(100vh + var(--span-vh));height:calc(100svh + var(--span));color:#f4f4f5;font-family:var(--sans);--c:0;--n:0;--d:0;--g:0;--f:0;position:relative}.gs *{box-sizing:border-box}.gs-pin{background:#0a0a0b;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(32px,5vw,88px);height:100svh;padding:0 clamp(20px,5vw,72px);display:grid;position:sticky;top:0;overflow:hidden}.gs-bg{pointer-events:none;background:radial-gradient(50% 55% at 72% 52%, rgba(97, 83, 204, calc(.16 + var(--f) * .1)), transparent 70%);position:absolute;inset:0}.gs-grid{pointer-events:none;opacity:.5;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 60% at 70%,#000,#0000);mask-image:radial-gradient(60% 60% at 70%,#000,#0000)}.gs-copy{z-index:2;max-width:520px;position:relative}.gs-eyebrow{font:400 13px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#c4b5fd;margin:0 0 28px}.gs-steps{position:relative}.gs-list{margin:0;padding:0;list-style:none;position:relative}.gs-steps:before{content:"";background:#2a2a30;border-radius:2px;width:2px;position:absolute;top:8px;bottom:8px;left:6px}.gs-rail{transform-origin:top;width:2px;height:calc(100% - 16px);transform:scaleY(var(--r,0));background:linear-gradient(#6153cc,#8b7cf6,#c4b5fd);border-radius:2px;position:absolute;top:8px;left:6px}.gs .gs-step{margin:0;padding:0 0 22px 36px;position:relative}.gs .gs-step:last-child{padding-bottom:0}.gs-dot{background:#0a0a0b;border:1.5px solid #3a3a42;border-radius:50%;width:14px;height:14px;transition:background .25s,border-color .25s,box-shadow .35s;position:absolute;top:4px;left:0}.gs-step.on .gs-dot{background:#8b7cf6;border-color:#8b7cf6;box-shadow:0 0 0 4px #8b7cf638,0 0 18px #8b7cf68c}.gs-k{font:400 12px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#8b8b95;transition:color .25s}.gs .gs-t{font:400 clamp(20px, 1.9vw, 26px)/1.15 var(--sans);letter-spacing:-.02em;color:#8b8b95;max-width:none;margin:6px 0 0;transition:color .25s}.gs .gs-d{font:400 15.5px/1.55 var(--sans);color:#b4b4bd;opacity:0;grid-template-rows:0fr;max-width:44ch;margin:10px 0 0;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1),opacity .3s;display:grid}.gs-d>span{overflow:hidden}.gs-step.cur .gs-d{opacity:1;grid-template-rows:1fr}.gs-step.on .gs-k{color:#c4b5fd}.gs-step.on .gs-t{color:#f4f4f5}.gs .gs-note{font:400 12.5px/1.5 var(--sans);color:#a1a1aa;max-width:46ch;margin:26px 0 0}.gs-stage{z-index:1;aspect-ratio:4/5;perspective:1400px;justify-self:center;width:min(600px,100%,70.4svh);position:relative;container-type:inline-size}.gs-card{aspect-ratio:63/88;width:58%;transform-style:preserve-3d;transform:translateY(calc(var(--g) * -12.5%)) scale(calc(1 - var(--g) * .32)) rotateY(calc((1 - var(--c)) * -26deg)) rotateX(calc((1 - var(--c)) * 14deg)) translateZ(calc((1 - var(--c)) * -80px));transform-origin:50% 0;position:absolute;top:10%;left:21%}.gs-face{background:#d9d6e6;border-radius:4.6%/3.3%;position:absolute;inset:0;overflow:hidden;box-shadow:0 3cqw 8cqw #0000008c,0 0 0 1px #ffffff14}.gs-inner{background:#15141c;border-radius:2.4%/1.7%;position:absolute;overflow:hidden}.gs-art{background:radial-gradient(120% 90% at 28% 18%,#c4b5fdaa,#0000 55%),radial-gradient(90% 80% at 82% 92%,#6153cc,#0000 62%),conic-gradient(from 210deg at 60% 45%,#1b1540,#6d5bd0,#1b1540);border-radius:2%;height:48%;position:absolute;top:9%;left:6%;right:6%;overflow:hidden}.gs-art:after{content:"";transform:translateX(calc((var(--c) + var(--n)) * 40% - 40%));background:linear-gradient(115deg,#0000 40%,#ffffff47 48%,#c4b5fd2e 52%,#0000 60%);position:absolute;inset:-40%}.gs-name{justify-content:space-between;align-items:center;height:4.4%;display:flex;position:absolute;top:2.6%;left:6%;right:6%}.gs-name i{background:#ffffff38;border-radius:2px;height:62%;display:block}.gs-name i:first-child{width:48%}.gs-name i:last-child{background:#c4b5fd73;width:14%}.gs-lines{flex-direction:column;gap:4.4cqw;display:flex;position:absolute;top:62%;left:8%;right:8%}.gs-lines i{background:#ffffff1a;border-radius:2px;height:1.3cqw;display:block}.gs-lines i:nth-child(2){width:84%}.gs-lines i:nth-child(3){width:62%}.gs-flash{opacity:0;pointer-events:none;background:#fff;border-radius:4.6%/3.3%;position:absolute;inset:0}.gs-vf{opacity:calc(1 - var(--n) * 1.6);position:absolute;inset:-5%}.gs-vf i{border:0 solid #f4f4f5d9;width:9cqw;height:9cqw;position:absolute}.gs-vf i:first-child{border-top-width:2px;border-left-width:2px;top:0;left:0}.gs-vf i:nth-child(2){border-top-width:2px;border-right-width:2px;top:0;right:0}.gs-vf i:nth-child(3){border-bottom-width:2px;border-left-width:2px;bottom:0;left:0}.gs-vf i:nth-child(4){border-bottom-width:2px;border-right-width:2px;bottom:0;right:0}.gs-shots{opacity:calc(min(1, var(--c) * 3 - 1.6) - var(--n) * 2);transform:translateY(calc((1 - var(--c)) * 2cqw));justify-content:center;gap:2cqw;display:flex;position:absolute;top:calc(10% + 86.026cqw);left:0;right:0}.gs-chip{font:400 max(10px, 2.4cqw)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#e4e4e7;white-space:nowrap;background:#121214d9;border:1px solid #2a2a30;border-radius:1.6cqw;align-items:center;gap:1.4cqw;padding:1.4cqw 2.4cqw;display:inline-flex}.gs-chip b{background:#34d399;border-radius:50%;width:1.6cqw;height:1.6cqw}.gs-cen{opacity:calc(min(1, var(--n) * 2.2) - var(--d) * .75);position:absolute;inset:0}.gs-guide{border:0 dashed #c4b5fdcc;position:absolute}.gs-pinpt{background:#0a0a0b99;border:2px solid #c4b5fd;border-radius:50%;width:3.2cqw;height:3.2cqw;margin:-1.6cqw 0 0 -1.6cqw;position:absolute;box-shadow:0 0 0 3px #8b7cf640}.gs-pinpt.in{background:#8b7cf6;border-color:#8b7cf6}.gs-ratio{opacity:calc(min(1, var(--n) * 2.5 - .5) - var(--d) * 2);position:absolute;top:calc(10% + 86.026cqw);left:50%;transform:translate(-50%)}.gs-box{border:2px solid var(--s);opacity:0;border-radius:1.2cqw;position:absolute;transform:scale(1.15)}.gs-box span{background:var(--s);color:#0a0a0b;font:400 max(9px, 2.1cqw)/1 var(--mono);letter-spacing:.06em;white-space:nowrap;border-radius:1cqw 1cqw 1cqw 0;padding:.6cqw 1.2cqw;position:absolute;top:0;left:-2px;transform:translateY(-100%)}.gs-box.glare{--s:#71717a;border-style:dashed}.gs-box.glare span{color:#d4d4d8;background:#27272a}.gs-box.glare:after{content:"";background:#a1a1aa;height:2px;position:absolute;top:50%;left:10%;right:10%;transform:rotate(-14deg)}.gs-sub{backdrop-filter:blur(12px);opacity:calc(var(--g) * 1.6 - .3);transform:translateY(calc((1 - var(--g)) * 6cqw));background:#121214e0;border:1px solid #2a2a30;border-radius:3cqw;padding:3.6cqw;position:absolute;bottom:4%;left:4%;right:4%}.gs-row{white-space:nowrap;grid-template-columns:max(24cqw,76px) max(8cqw,34px) 1fr max(6cqw,30px) max(6cqw,30px);align-items:center;gap:2cqw;padding:1.1cqw 0;display:grid}.gs-row.h{font:400 max(9px, 2.1cqw)/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#a1a1aa;padding-top:0}.gs-a{font:400 max(12px, 3.4cqw)/1 var(--sans);letter-spacing:-.01em}.gs-w{font:400 max(10px, 2.4cqw)/1 var(--mono);color:#a1a1aa}.gs-bars{flex-direction:column;gap:.9cqw;display:flex}.gs-bar{background:#2a2a30;border-radius:1cqw;height:1.2cqw;position:relative;overflow:hidden}.gs-bar>i{transform-origin:0;background:linear-gradient(90deg,#6153cc,#8b7cf6);border-radius:1cqw;position:absolute;inset:0;transform:scaleX(0)}.gs-bar.back>i{background:linear-gradient(90deg,#4b4580,#a99bff)}.gs-v{font:400 max(12px, 3.2cqw)/1 var(--mono);text-align:right;font-variant-numeric:tabular-nums}.gs-v.back{color:#c4b5fd}.gs-sum{white-space:nowrap;font:400 max(10px, 2.5cqw)/1.35 var(--mono);color:#a1a1aa;border-top:1px solid #2a2a30;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2cqw;margin-top:2cqw;padding-top:2.4cqw;display:flex}.gs-sum b{color:#f4f4f5;font-weight:400}.gs-grade{color:#0a0a0b;text-align:center;width:30%;opacity:var(--f);transform:rotate(calc(8deg - var(--f) * 14deg)) scale(calc(1.5 - var(--f) * .5));background:#f4f4f5;border-radius:2.4cqw;padding:2.6cqw 2.4cqw 2.2cqw;position:absolute;top:4%;left:62%;box-shadow:0 3cqw 8cqw #00000080,0 0 0 .6cqw #34d39959}.gs-grade small{font:400 max(9px, 2.1cqw)/1 var(--mono);letter-spacing:.12em;color:#52525b;text-transform:uppercase;display:block}.gs-grade strong{font:400 15cqw/.9 var(--sans);letter-spacing:-.05em;margin:1.2cqw 0 .8cqw;display:block}.gs-grade em{font:400 max(10px, 2.6cqw)/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#052e1c;background:#34d399;border-radius:1cqw;padding:1cqw 1.8cqw;font-style:normal;display:inline-block}.gs-count{display:none}.gs-count i{background:#2a2a30;border-radius:3px;width:22px;height:3px}.gs-count i.on{background:#8b7cf6}@media (width<=809px),(height<=560px) and (orientation:landscape){.gs-pin{grid-template-rows:auto auto;grid-template-columns:1fr;align-content:start;gap:16px;padding:64px 16px 16px}.gs-stage{aspect-ratio:4/5;order:-1;justify-self:center;width:min(100%,36.8svh);max-height:none}.gs-copy{max-width:none}.gs-eyebrow{margin-bottom:12px}.gs-steps:before,.gs-rail{display:none}.gs-list{min-height:150px}.gs .gs-step{padding:0}.gs-step:not(.cur){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.gs-dot{display:none}.gs .gs-d{opacity:1;grid-template-rows:1fr;font-size:15px}.gs .gs-note{display:none}.gs-count{gap:6px;margin-bottom:10px;display:flex}}.gs.still .gs-card{transform:translateY(calc(var(--g) * -12.5%)) scale(calc(1 - var(--g) * .32))}.gs.still .gs-flash{display:none}.gs.still *{transition:none!important}
