.s-page.w-page{--rgb-void: 4 22 23;--rgb-cool: 163 230 31;--rgb-light: 253 248 236;--rgb-teal: 5 82 84;--mark-page: rgb(var(--rgb-light));--mark-leaf: rgb(var(--rgb-cool));--c-bg: rgb(var(--rgb-void));--c-text: rgb(var(--rgb-light));--c-text-muted: rgb(var(--rgb-light) / .7);--c-text-faint: rgb(var(--rgb-light) / .6);--c-accent: rgb(var(--rgb-cool));--c-accent-wash: rgb(var(--rgb-cool) / .08);--c-line: rgb(var(--rgb-light) / .1);--c-line-strong: rgb(var(--rgb-light) / .22);--c-signal: rgb(var(--rgb-cool));--s-card: rgb(var(--rgb-teal) / .3);--s-line: rgb(var(--rgb-light) / .12);background:radial-gradient(90% 60% at 50% -10%,rgb(var(--rgb-teal) / .55),transparent 70%),radial-gradient(70% 50% at 100% 100%,rgb(var(--rgb-cool) / .05),transparent 70%),var(--c-bg);background-attachment:fixed}.w-page .mark{filter:drop-shadow(0 10px 36px rgb(var(--rgb-teal) / .9))}.w-page .s-hero .s-btn--primary[data-soon]{opacity:1;background:rgb(var(--rgb-cool) / .08);border-color:rgb(var(--rgb-cool) / .45);color:var(--c-text)}.w-page .s-hero .s-btn--primary[data-soon] .s-btn__note{color:var(--c-accent)}.w-shots{margin:var(--space-6) 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,17rem));justify-content:space-between;gap:var(--space-5)}.w-shot__frame{display:grid;gap:var(--space-3)}.w-shot img{width:100%;border-radius:var(--s-radius);border:1px solid var(--s-line);background:rgb(var(--rgb-teal))}.w-shot__caption{font-size:var(--fs-50);color:var(--c-text-faint);text-align:center}@media(max-width:720px){.w-shots[role=list]{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(72%,17rem);justify-content:start;gap:var(--space-4);margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.w-shots::-webkit-scrollbar{display:none}.w-shot{scroll-snap-align:start}}