.s-flows{padding:clamp(120px,18vh,220px) 0}.s-flows-head .s-body{max-width:46ch}.s-flow-list{--flow-gap:clamp(32px, 3.4vw, 56px);-moz-column-gap:var(--flow-gap);column-gap:var(--flow-gap);border-top:1px solid var(--line);display:grid}@media (min-width:700px){.s-flow-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.s-flow-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1440px){.s-flow-list{--flow-gap:clamp(28px, 2.4vw, 44px);grid-template-columns:repeat(5,minmax(0,1fr))}}.s-flow-list>li{grid-row:span 5;grid-template-rows:subgrid;display:grid;position:relative}.s-flow-list>li:before{top:0;bottom:0;left:calc(var(--flow-gap) / -2);border-left:1px solid var(--line);position:absolute}@media (min-width:700px) and (max-width:1099px){.s-flow-list>li:nth-child(2n):before{content:""}}@media (min-width:1100px) and (max-width:1439px){.s-flow-list>li:not(:nth-child(3n+1)):before{content:""}}@media (min-width:1440px){.s-flow-list>li:not(:first-child):before{content:""}}.s-flow{grid-row:span 5;grid-template-rows:subgrid;color:inherit;align-content:start;row-gap:12px;padding-bottom:clamp(28px,3vw,40px);text-decoration:none;display:grid}.s-flow-figure{aspect-ratio:5/4;--hairline-plate:var(--bg);--hairline-hi:var(--accent);--hairline-edge:#f2f1eeb8;--hairline-mid:#f2f1ee5c;--hairline-lo:#f2f1ee24;--hairline-stroke:.9;width:100%;margin-bottom:8px}.s-flow-figure svg{width:100%;height:100%;display:block}.s-flow-list>li,.m-flow-list>li{container-type:inline-size}.s-flow-for,.s-flow-name{white-space:nowrap}.s-flow-for{color:var(--accent);font-size:13px;line-height:1.45}.s-flow-name{font-variation-settings:"wdth" 92;letter-spacing:-.02em;font-size:min(clamp(1.35rem,1.5vw,1.6rem),9.6cqi);font-weight:600;line-height:1.08}.s-flow-text{color:var(--dim);align-self:start;max-width:40ch;font-size:15px;line-height:1.55}.s-flow-more{align-items:center;gap:8px;margin-top:12px;font-size:14px;display:inline-flex}.s-flow-more .s-arrow{width:14px;height:14px;transition:transform .4s var(--ease)}.s-flow:hover .s-flow-more .s-arrow,.s-flow:focus-visible .s-flow-more .s-arrow{transform:translate(3px,-3px)}.s-flow:focus-visible{outline:1px solid var(--accent);outline-offset:4px}@media (min-width:700px) and (max-width:1099px){.s-flow-list>li:nth-child(n+3){border-top:1px solid var(--line)}}@media (min-width:1100px) and (max-width:1439px){.s-flow-list>li:nth-child(n+4){border-top:1px solid var(--line)}}@media (max-width:699px){.s-flow-list>li+li{border-top:1px solid var(--line)}}.s-flows.m-section{padding:88px 0}.m-flow-list{margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);scroll-padding-inline:var(--gutter);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;gap:24px;list-style:none;display:flex;overflow:auto hidden}.m-flow-list::-webkit-scrollbar{display:none}.m-flow-list:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.m-flow-list>li{scroll-snap-align:start;border-top:1px solid var(--line);flex:0 0 82%}.s-flows-trial{margin-top:clamp(28px,3vw,40px)}