.s-how-it-works{overflow:hidden}.s-how-it-works__grid{column-gap:var(--s-1200);display:grid;grid-template-areas:"text track" "controls track";grid-template-columns:508px minmax(0,1fr);grid-template-rows:auto 1fr;row-gap:var(--s-800)}.s-how-it-works__text{display:flex;flex-direction:column;gap:var(--s-600);grid-area:text}.s-how-it-works__title{line-height:normal;max-width:9.4em}.s-how-it-works__controls{align-self:end;display:flex;gap:var(--s-300);grid-area:controls}.s-how-it-works__btn{align-items:center;background:var(--c-ink);border:0;border-radius:50%;display:inline-flex;height:48px;justify-content:center;transition:background .15s,opacity .15s;width:48px}.s-how-it-works__btn:hover{background:#000}.s-how-it-works__btn:disabled{cursor:default;opacity:.25}.s-how-it-works__btn--prev img{transform:rotate(180deg)}.s-how-it-works__viewport{grid-area:track;margin-right:calc(-1 * (var(--gutter) + max(0px, (100vw - var(--container) - 2 * var(--gutter)) / 2)));min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.s-how-it-works__viewport::-webkit-scrollbar{display:none}.s-how-it-works__viewport:focus-visible{outline-offset:4px}.s-how-it-works__track{display:flex;gap:var(--s-300);list-style:none;margin:0;padding:0 var(--s-1200) 0 0;width:max-content}.s-how-it-works__card{aspect-ratio:351/450;background:var(--c-bg);border-radius:var(--r-400);flex:0 0 auto;overflow:hidden;position:relative;scroll-snap-align:start;width:351px}.s-how-it-works__img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.s-how-it-works__caption{bottom:var(--s-800);color:var(--c-ink);font-size:var(--fs-body);left:var(--s-600);line-height:var(--lh-tight);position:absolute;right:var(--s-600)}@media (prefers-reduced-motion:no-preference){.s-how-it-works__viewport{scroll-behavior:smooth}}@media (max-width:1100px){.s-how-it-works__grid{grid-template-areas:"text" "track" "controls";grid-template-columns:1fr}.s-how-it-works__text{max-width:650px}.s-how-it-works__title{max-width:9.4em}}@media (max-width:820px){.s-how-it-works__text{align-items:center;margin:0 auto;text-align:center}.s-how-it-works__title{max-width:9.4em}.s-how-it-works__viewport{margin-left:calc(var(--gutter)*-1);padding-left:var(--gutter);scroll-padding-left:var(--gutter)}.s-how-it-works__track{padding-right:var(--gutter)}.s-how-it-works__controls{justify-content:center}}@media (max-width:520px){.s-how-it-works__card{width:274px}.s-how-it-works__caption{bottom:var(--s-600);left:var(--s-600)}}.s-how-it-works__controls[hidden]{display:none}
14:3	⚠  Parse error on line 1: 
...utter) + max(0px, (100vw - var(--container) - 2 * var(--gutter)) / 2))
------------------------------------------------------------------------^
Expecting end of input, "ADD", "SUB", "MUL", "DIV", got unexpected "RPAREN" [postcss-calc]