1<!DOCTYPE html><html lang="en" prefix="og: http://ogp.me/ns#"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.14.5"/><meta name="theme-color" content="#666"/><meta data-react-helmet="true" name="title" content="Design Systems, Frontend Development, and Team Collaboration Blog by Varya Stepanova"/><meta data-react-helmet="true" name="description" content="Explore Varya Stepanova's blog for expert insights on design systems, frontend development, engineering, and team collaboration. Stay updated on best practices, emerging trends, and strategies to optimize workflows, enhance system architecture, and drive team success."/><meta data-react-helmet="true" property="og:url" content="https://varya.me/"/><meta data-react-helmet="true" property="og:title" content="Design Systems, Frontend Development, and Team Collaboration Blog by Varya Stepanova"/><meta data-react-helmet="true" property="og:description" content="Explore Varya Stepanova's blog for expert insights on design systems, frontend development, engineering, and team collaboration. Stay updated on best practices, emerging trends, and strategies to optimize workflows, enhance system architecture, and drive team success."/><meta data-react-helmet="true" property="og:image" content="https://varya.me/preview/blog.jpg"/><meta data-react-helmet="true" property="og:image:alt" content="Design Systems, Frontend Development, and Team Collaboration Blog by Varya Stepanova"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:site_name" content="Varya.me"/><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"/><meta data-react-helmet="true" name="twitter:creator" content="varya_en"/><meta data-react-helmet="true" name="twitter:site" content="@varya_en"/><meta data-react-helmet="true" name="twitter:title" content="Design Systems, Frontend Development, and Team Collaboration Blog by Varya Stepanova"/><meta data-react-helmet="true" name="twitter:description" content="Explore Varya Stepanova's blog for expert insights on design systems, frontend development, engineering, and team collaboration. Stay updated on best practices, emerging trends, and strategies to optimize workflows, enhance system architecture, and drive team success."/><meta data-react-helmet="true" name="twitter:image" content="https://varya.me/preview/blog.jpg"/><meta data-react-helmet="true" name="twitter:image:alt" content="Design Systems, Frontend Development, and Team Collaboration Blog by Varya Stepanova"/><style data-href="/styles.ee16cec6d74bc7dd7d1f.css" data-identity="gatsby-global-css">.gatsby-highlight{background:#faf9f6;border:1px solid rgba(0,0,0,.1);border-radius:8px;margin:24px 0;overflow:hidden;position:relative}.gatsby-highlight pre[class*=language-]{-webkit-font-smoothing:subpixel-antialiased;background:transparent;color:rgba(0,0,0,.85);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.6;margin:0;overflow-x:auto;padding:18px 22px;text-shadow:none}.gatsby-highlight code[class*=language-]{background:transparent;color:inherit;font-family:inherit;font-size:inherit;padding:0;text-shadow:none}.gatsby-highlight[data-language]:before{background:hsla(45,29%,97%,.85);border-bottom-left-radius:4px;color:rgba(0,0,0,.35);content:attr(data-language);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;letter-spacing:.08em;padding:2px 4px;pointer-events:none;position:absolute;right:12px;text-transform:uppercase;top:6px}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:rgba(0,0,0,.45);font-style:italic}.token.operator,.token.punctuation{color:rgba(0,0,0,.55)}.token.atrule,.token.boolean,.token.builtin,.token.important,.token.keyword{color:#ec4e4b;font-weight:500}.token.attr-value,.token.char,.token.regex,.token.string,.token.url{color:#7a5d2b}.token.hexcode,.token.number,.token.symbol{color:#b8861f}.token.class-name,.token.function,.token.tag{color:#145aa5}.token.attr-name,.token.namespace,.token.property,.token.selector{color:#0067bb}.token.parameter,.token.variable{color:rgba(0,0,0,.85)}.token.deleted{background:rgba(236,78,75,.08);color:#be3c3a}.token.inserted{color:#268a5a}.token.bold{font-weight:600}.token.italic{font-style:italic}:not(pre)>code:not([class]),:not(pre)>code[class*=language-]{background:rgba(0,0,0,.05);border-radius:4px;color:rgba(0,0,0,.85);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.92em;padding:2px 6px;white-space:nowrap}</style><style type="text/css"> 2 .anchor.before { 3 position: absolute; 4 top: 0; 5 left: 0; 6 transform: translateX(-100%); 7 padding-right: 4px; 8 } 9 .anchor.after { 10 display: inline-block; 11 padding-left: 4px; 12 } 13 h1 .anchor svg, 14 h2 .anchor svg, 15 h3 .anchor svg, 16 h4 .anchor svg, 17 h5 .anchor svg, 18 h6 .anchor svg { 19 visibility: hidden; 20 } 21 h1:hover .anchor svg, 22 h2:hover .anchor svg, 23 h3:hover .anchor svg, 24 h4:hover .anchor svg, 25 h5:hover .anchor svg, 26 h6:hover .anchor svg, 27 h1 .anchor:focus svg, 28 h2 .anchor:focus svg, 29 h3 .anchor:focus svg, 30 h4 .anchor:focus svg, 31 h5 .anchor:focus svg, 32 h6 .anchor:focus svg { 33 visibility: visible; 34 } 35 </style>
35<script> 36 document.addEventListener("DOMContentLoaded", function(event) { 37 var hash = window.decodeURI(location.hash.replace('#', '')) 38 if (hash !== '') { 39 var element = document.getElementById(hash) 40 if (element) { 41 var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop 42 var clientTop = document.documentElement.clientTop || document.body.clientTop || 0 43 var offset = element.getBoundingClientRect().top + scrollTop - clientTop 44 // Wait for the browser to finish rendering before scrolling. 45 setTimeout((function() { 46 window.scrollTo(0, offset - 0) 47 }), 0) 48 } 49 } 50 }) 51 </script>
51<link rel="preconnect" href="https://www.google-analytics.com"/><link rel="dns-prefetch" href="https://www.google-analytics.com"/><link rel="manifest" href="/manifest.webmanifest" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="48x48" href="/icons/icon-48x48.png"/><link rel="apple-touch-icon" sizes="96x96" href="/icons/icon-96x96.png"/><link rel="apple-touch-icon" sizes="144x144" href="/icons/icon-144x144.png"/><link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192x192.png"/><link rel="apple-touch-icon" sizes="256x256" href="/icons/icon-256x256.png"/><link rel="apple-touch-icon" sizes="384x384" href="/icons/icon-384x384.png"/><link rel="apple-touch-icon" sizes="512x512" href="/icons/icon-512x512.png"/><style>.gatsby-image-wrapper{position:relative;overflow:hidden}.gatsby-image-wrapper picture.object-fit-polyfill{position:static!important}.gatsby-image-wrapper img{bottom:0;height:100%;left:0;margin:0;max-width:none;padding:0;position:absolute;right:0;top:0;width:100%;object-fit:cover}.gatsby-image-wrapper [data-main-image]{opacity:0;transform:translateZ(0);transition:opacity .25s linear;will-change:opacity}.gatsby-image-wrapper-constrained{display:inline-block;vertical-align:top}</style><noscript><style>.gatsby-image-wrapper noscript [data-main-image]{opacity:1!important}.gatsby-image-wrapper [data-placeholder-image]{opacity:0!important}</style></noscript>
51<script type="module">const e="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;e&&document.body.addEventListener("load",(function(e){const t=e.target;if(void 0===t.dataset.mainImage)return;if(void 0===t.dataset.gatsbyImageSsr)return;let a=null,n=t;for(;null===a&&n;)void 0!==n.parentNode.dataset.gatsbyImageWrapper&&(a=n.parentNode),n=n.parentNode;const o=a.querySelector("[data-placeholder-image]"),r=new Image;r.src=t.currentSrc,r.decode().catch((()=>{})).then((()=>{t.style.opacity=1,o&&(o.style.opacity=0,o.style.transition="opacity 500ms linear")}))}),!0);</script>
51<style data-styled="" data-styled-version="5.3.9">.hUHJpX{display:inline-block;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:12px;height:12px;fill:rgb(236,78,75,1);stroke:rgb(236,78,75,1);}/*!sc*/ 52.hUHJpX g{fill:inherit;stroke:inherit;}/*!sc*/ 53.hUHJpX *:not([stroke])[fill="none"]{stroke-width:0;}/*!sc*/ 54.hUHJpX *[stroke*="#"],.hUHJpX *[STROKE*="#"]{stroke:inherit;fill:none;}/*!sc*/ 55.hUHJpX *[fill-rule],.hUHJpX *[FILL-RULE],.hUHJpX *[fill*="#"],.hUHJpX *[FILL*="#"]{fill:inherit;stroke:none;}/*!sc*/ 56.dsbLZb{display:inline-block;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:24px;height:24px;fill:#999999;stroke:#999999;}/*!sc*/ 57.dsbLZb g{fill:inherit;stroke:inherit;}/*!sc*/ 58.dsbLZb *:not([stroke])[fill="none"]{stroke-width:0;}/*!sc*/ 59.dsbLZb *[stroke*="#"],.dsbLZb *[STROKE*="#"]{stroke:inherit;fill:none;}/*!sc*/ 60.dsbLZb *[fill-rule],.dsbLZb *[FILL-RULE],.dsbLZb *[fill*="#"],.dsbLZb *[FILL*="#"]{fill:inherit;stroke:none;}/*!sc*/ 61data-styled.g1[id="StyledIcon-sc-ofa7kd-0"]{content:"hUHJpX,dsbLZb,"}/*!sc*/ 62.gWURRm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;}/*!sc*/ 63.hApVWr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;min-width:0;min-height:0;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:100%;box-shadow:0px 4px 8px rgba(0,0,0,0.20);}/*!sc*/ 64.jSZCgh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;margin-left:auto;margin-right:auto;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:0;min-height:0;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:62px;width:1152px;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:24px;}/*!sc*/ 65@media only screen and (max-width:768px){.jSZCgh{margin-left:auto;margin-right:auto;}}/*!sc*/ 66@media only screen and (max-width:768px){.jSZCgh{padding:12px;}}/*!sc*/ 67.bBrDnJ{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;min-width:0;min-height:0;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}/*!sc*/ 68.fBFybi{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:0;min-height:0;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}/*!sc*/ 69.lgORXh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}/*!sc*/ 70.jMTsBx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:90%;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;overflow:auto;}/*!sc*/ 71.lmWAys{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;padding-bottom:24px;}/*!sc*/ 72@media only screen and (max-width:768px){.lmWAys{padding-bottom:12px;}}/*!sc*/ 73.aMZxl{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;color:rgba(0,0,0,0.85);min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:192px;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-pack:justify;
73-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}/*!sc*/ 74.dGjdyR{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}/*!sc*/ 75.EoZsu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;margin-left:auto;margin-right:auto;min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:1152px;padding:24px;}/*!sc*/ 76@media only screen and (max-width:768px){.EoZsu{margin-left:auto;margin-right:auto;}}/*!sc*/ 77@media only screen and (max-width:768px){.EoZsu{padding:12px;}}/*!sc*/ 78.jwKtGS{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;min-width:0;min-height:0;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;padding:24px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}/*!sc*/ 79@media only screen and (max-width:768px){.jwKtGS{padding:12px;}}/*!sc*/ 80.juddAH{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;min-width:0;min-height:0;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;padding:24px;}/*!sc*/ 81@media only screen and (max-width:768px){.juddAH{padding:12px;}}/*!sc*/ 82.fcpDwW{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ 83.jUVCwh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;min-width:0;min-height:0;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:192px;width:100%;overflow:hidden;}/*!sc*/ 84.gijLky{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex:0 0;-ms-flex:0 0;flex:0 0;-webkit-flex-basis:33.33%;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;height:100%;overflow:hidden;}/*!sc*/ 85.iVGQQE{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;margin:12px;background-color:#f8d179;color:rgba(0,0,0,0.85);min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:6px;}/*!sc*/ 86@media only screen and (max-width:768px){.iVGQQE{margin:6px;}}/*!sc*/ 87@media only screen and (max-width:768px){.iVGQQE{padding:3px;}}/*!sc*/ 88.lTAys{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ 89.hNMmMt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;-webkit-align-items:baseline;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;min-width:0;min-height:0;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}/*!sc*/ 90.cxJmuN{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;min-width:0;min-height:0;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;
90-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ 91.ePEhED{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#F8F8F8;color:rgba(0,0,0,0.85);min-width:0;min-height:0;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:24px;}/*!sc*/ 92@media only screen and (max-width:768px){.ePEhED{padding:12px;}}/*!sc*/ 93.jdUIdr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;margin-left:auto;margin-right:auto;min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:1152px;}/*!sc*/ 94@media only screen and (max-width:768px){.jdUIdr{margin-left:auto;margin-right:auto;}}/*!sc*/ 95.gcmZlt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;grid-area:call-to-action;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:0;min-height:0;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}/*!sc*/ 96.dgCBlg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;grid-area:button;margin:24px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:24px;}/*!sc*/ 97@media only screen and (max-width:768px){.dgCBlg{margin:12px;}}/*!sc*/ 98@media only screen and (max-width:768px){.dgCBlg{padding:12px;}}/*!sc*/ 99.ivtZUt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;grid-area:social;min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}/*!sc*/ 100.bgosEW{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;background-color:#F8F8F8;color:rgba(0,0,0,0.85);min-width:0;min-height:0;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ 101.kUGEXm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;grid-area:copyright;margin-top:24px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}/*!sc*/ 102@media only screen and (max-width:768px){.kUGEXm{margin-top:12px;}}/*!sc*/ 103data-styled.g2[id="StyledBox-sc-13pk1d4-0"]{content:"gWURRm,hApVWr,jSZCgh,bBrDnJ,fBFybi,lgORXh,jMTsBx,lmWAys,aMZxl,dGjdyR,EoZsu,jwKtGS,juddAH,fcpDwW,jUVCwh,gijLky,iVGQQE,lTAys,hNMmMt,cxJmuN,ePEhED,jdUIdr,gcmZlt,dgCBlg,ivtZUt,bgosEW,kUGEXm,"}/*!sc*/ 104.bMEEsR{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;width:24px;}/*!sc*/ 105@media only screen and (max-width:768px){.bMEEsR{width:12px;}}/*!sc*/ 106.jEDRWh{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;width:3px;}/*!sc*/ 107@media only screen and (max-width:768px){.jEDRWh{width:2px;}}/*!sc*/ 108data-styled.g3[id="StyledBox__StyledBoxGap-sc-13pk1d4-1"]{content:"bMEEsR,jEDRWh,"}/*!sc*/ 109.eewYtN{position:relative;}/*!sc*/ 110data-styled.g5[id="StyledStack-sc-ajspsk-0"]{content:"eewYtN,"}/*!sc*/ 111.cwpDws{position:relative;display:block;}/*!sc*/ 112.bpEVyb{position:absolute;top:0;right:0;}/*!sc*/ 113data-styled.g6[id="StyledStack__StyledStackLayer-sc-ajspsk-1"]{content:"cwpDws,bpEVyb,"}/*!sc*/ 114.qmvBC{font-size:40px;line-height:40px;color:rgb(236,78,75,1);font-weight:bold;font-family:Monaco;}/*!sc*/ 115.fEJHQN{font-size:40px;line-height:40px;color:#f8d179;font-weight:bold;font-family:Monaco;}/*!sc*/ 116.iGNcrz{font-size:40px;line-height:40px;color:rgba(0,0,0,0.45);font-weight:bold;font-family:Monaco;}/*!sc*/ 117.fXGAGo{font-size:14px;line-height:20px;color:rgba(0,0,0,0.85);font-weight:bold;}
117/*!sc*/ 118.jIeTLD{margin-left:6px;font-size:14px;line-height:20px;color:rgb(236,78,75,1);}/*!sc*/ 119.pVeGy{font-size:14px;line-height:20px;color:rgba(0,0,0,0.45);}/*!sc*/ 120data-styled.g7[id="StyledText-sc-1sadyjn-0"]{content:"qmvBC,fEJHQN,iGNcrz,fXGAGo,jIeTLD,pVeGy,"}/*!sc*/ 121.lkOXPU{display:inline-block;box-sizing:border-box;cursor:pointer;font:inherit;-webkit-text-decoration:none;text-decoration:none;margin:0;background:transparent;overflow:visible;text-transform:none;color:inherit;outline:none;border:none;padding:0;text-align:inherit;}/*!sc*/ 122.lkOXPU:focus{outline:none;box-shadow:0 0 2px 2px #85D8F3;}/*!sc*/ 123.lkOXPU:focus > circle,.lkOXPU:focus > ellipse,.lkOXPU:focus > line,.lkOXPU:focus > path,.lkOXPU:focus > polygon,.lkOXPU:focus > polyline,.lkOXPU:focus > rect{outline:none;box-shadow:0 0 2px 2px #85D8F3;}/*!sc*/ 124.lkOXPU:focus::-moz-focus-inner{border:0;}/*!sc*/ 125.lkOXPU:focus:not(:focus-visible){outline:none;box-shadow:none;}/*!sc*/ 126.lkOXPU:focus:not(:focus-visible) > circle,.lkOXPU:focus:not(:focus-visible) > ellipse,.lkOXPU:focus:not(:focus-visible) > line,.lkOXPU:focus:not(:focus-visible) > path,.lkOXPU:focus:not(:focus-visible) > polygon,.lkOXPU:focus:not(:focus-visible) > polyline,.lkOXPU:focus:not(:focus-visible) > rect{outline:none;box-shadow:none;}/*!sc*/ 127.lkOXPU:focus:not(:focus-visible)::-moz-focus-inner{border:0;}/*!sc*/ 128.lkOXPU:hover{color:rgb(236,78,75,1);-webkit-text-decoration:underline;text-decoration:underline;background:transparent;}/*!sc*/ 129.eEHUgf{display:inline-block;box-sizing:border-box;cursor:pointer;font:inherit;-webkit-text-decoration:none;text-decoration:none;margin:0;background:transparent;overflow:visible;text-transform:none;margin-left:3px;margin-right:3px;border:2px solid rgb(236,78,75,1);border-radius:5px;color:rgba(0,0,0,0.85);padding:4px 22px;font-size:18px;line-height:24px;background-color:rgb(236,78,75,1);color:#ffffff;border-radius:5px;-webkit-transition-property:color,background-color,border-color,box-shadow;transition-property:color,background-color,border-color,box-shadow;-webkit-transition-duration:0.1s;transition-duration:0.1s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;width:100%;height:100%;max-width:none;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;font-weight:bold;}/*!sc*/ 130.eEHUgf:hover{box-shadow:0px 0px 0px 2px rgb(236,78,75,1);}/*!sc*/ 131.eEHUgf:focus{outline:none;box-shadow:0 0 2px 2px #85D8F3;}/*!sc*/ 132.eEHUgf:focus > circle,.eEHUgf:focus > ellipse,.eEHUgf:focus > line,.eEHUgf:focus > path,.eEHUgf:focus > polygon,.eEHUgf:focus > polyline,.eEHUgf:focus > rect{outline:none;box-shadow:0 0 2px 2px #85D8F3;}/*!sc*/ 133.eEHUgf:focus::-moz-focus-inner{border:0;}/*!sc*/ 134.eEHUgf:focus:not(:focus-visible){outline:none;box-shadow:none;}/*!sc*/ 135.eEHUgf:focus:not(:focus-visible) > circle,.eEHUgf:focus:not(:focus-visible) > ellipse,.eEHUgf:focus:not(:focus-visible) > line,.eEHUgf:focus:not(:focus-visible) > path,.eEHUgf:focus:not(:focus-visible) > polygon,.eEHUgf:focus:not(:focus-visible) > polyline,.eEHUgf:focus:not(:focus-visible) > rect{outline:none;box-shadow:none;}/*!sc*/ 136.eEHUgf:focus:not(:focus-visible)::-moz-focus-inner{border:0;}/*!sc*/ 137data-styled.g10[id="StyledButton-sc-323bzc-0"]{content:"lkOXPU,eEHUgf,"}/*!sc*/ 138.bwfVYd{display:inline-block;box-sizing:border-box;cursor:pointer;font:inherit;-webkit-text-decoration:none;text-decoration:none;margin:0;background:transparent;overflow:visible;text-transform:none;border:none;border-radius:5px;padding:4px 22px;font-size:18px;line-height:24px;padding:8px 8px;color:rgba(0,0,0,0.85);color:rgb(236,78,75,1);color:rgb(236,78,75,1);opacity:0.3;text-align:center;opacity:0.3;cursor:default;-webkit-transition-property:color,background-color,border-color,box-shadow;transition-property:color,background-color,border-color,box-shadow;-webkit-transition-duration:0.1s;transition-duration:0.1s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;font-weight:bold;}/*!sc*/ 139.bwfVYd:focus{outline:none;box-shadow:0 0 2px 2px #85D8F3;}/*!sc*/ 140.bwfVYd:focus > circle,.bwfVYd:focus > ellipse,.bwfVYd:focus > line,.bwfVYd:focus > path,.bwfVYd:focus > polygon,.bwfVYd:focus > polyline,.bwfVYd:focus > rect{outline:none;box-shadow:0 0 2px 2px #85D8F3;}/*!sc*/ 141.bwfVYd:focus::-moz-focus-inner{border:0;}/*!sc*/ 142.bwfVYd:focus:not(:focus-visible){outline:none;box-shadow:none;}/*!sc*/ 143.bwfVYd:focus:not(:focus-visible) > circle,.bwfVYd:focus:not(:focus-visible) > ellipse,.bwfVYd:focus:not(:focus-visible) > line,.bwfVYd:focus:not(:focus-visible) > path,.bwfVYd:focus:not(:focus-visible) > polygon,.bwfVYd:focus:not(:focus-visible) > polyline,.bwfVYd:focus:not(:focus-visible) > rect{outline:none;box-shadow:none;}/*!sc*/ 144.bwfVYd:focus:not(:focus-visible)::-moz-focus-inner{border:0;}/*!sc*/ 145.ijIoDm{display:inline-block;box-sizing:border-box;
145cursor:pointer;font:inherit;-webkit-text-decoration:none;text-decoration:none;margin:0;background:transparent;overflow:visible;text-transform:none;background-color:rgba(0,0,0,0.25);color:rgba(0,0,0,1);border:none;border-radius:5px;padding:4px 22px;font-size:18px;line-height:24px;padding:8px 8px;color:rgba(0,0,0,0.85);color:rgb(236,78,75,1);background-color:rgb(236,78,75,1);color:#ffffff;text-align:center;-webkit-transition-property:color,background-color,border-color,box-shadow;transition-property:color,background-color,border-color,box-shadow;-webkit-transition-duration:0.1s;transition-duration:0.1s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;font-weight:bold;}/*!sc*/ 146.ijIoDm:hover{background-color:rgba(248,209,121,0.25);color:rgba(0,0,0,0.65);}/*!sc*/ 147.ijIoDm:focus{outline:none;box-shadow:0 0 2px 2px #85D8F3;}/*!sc*/ 148.ijIoDm:focus > circle,.ijIoDm:focus > ellipse,.ijIoDm:focus > line,.ijIoDm:focus > path,.ijIoDm:focus > polygon,.ijIoDm:focus > polyline,.ijIoDm:focus > rect{outline:none;box-shadow:0 0 2px 2px #85D8F3;}/*!sc*/ 149.ijIoDm:focus::-moz-focus-inner{border:0;}/*!sc*/ 150.ijIoDm:focus:not(:focus-visible){outline:none;box-shadow:none;}/*!sc*/ 151.ijIoDm:focus:not(:focus-visible) > circle,.ijIoDm:focus:not(:focus-visible) > ellipse,.ijIoDm:focus:not(:focus-visible) > line,.ijIoDm:focus:not(:focus-visible) > path,.ijIoDm:focus:not(:focus-visible) > polygon,.ijIoDm:focus:not(:focus-visible) > polyline,.ijIoDm:focus:not(:focus-visible) > rect{outline:none;box-shadow:none;}/*!sc*/ 152.ijIoDm:focus:not(:focus-visible)::-moz-focus-inner{border:0;}/*!sc*/ 153.fUTexE{display:inline-block;box-sizing:border-box;cursor:pointer;font:inherit;-webkit-text-decoration:none;text-decoration:none;margin:0;background:transparent;overflow:visible;text-transform:none;border:none;border-radius:5px;padding:4px 22px;font-size:18px;line-height:24px;padding:8px 8px;color:rgba(0,0,0,0.85);color:rgb(236,78,75,1);text-align:center;-webkit-transition-property:color,background-color,border-color,box-shadow;transition-property:color,background-color,border-color,box-shadow;-webkit-transition-duration:0.1s;transition-duration:0.1s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;font-weight:bold;}/*!sc*/ 154.fUTexE:hover{background-color:rgba(248,209,121,0.25);color:rgba(0,0,0,0.65);}/*!sc*/ 155.fUTexE:focus{outline:none;box-shadow:0 0 2px 2px #85D8F3;}/*!sc*/ 156.fUTexE:focus > circle,.fUTexE:focus > ellipse,.fUTexE:focus > line,.fUTexE:focus > path,.fUTexE:focus > polygon,.fUTexE:focus > polyline,.fUTexE:focus > rect{outline:none;box-shadow:0 0 2px 2px #85D8F3;}/*!sc*/ 157.fUTexE:focus::-moz-focus-inner{border:0;}/*!sc*/ 158.fUTexE:focus:not(:focus-visible){outline:none;box-shadow:none;}/*!sc*/ 159.fUTexE:focus:not(:focus-visible) > circle,.fUTexE:focus:not(:focus-visible) > ellipse,.fUTexE:focus:not(:focus-visible) > line,.fUTexE:focus:not(:focus-visible) > path,.fUTexE:focus:not(:focus-visible) > polygon,.fUTexE:focus:not(:focus-visible) > polyline,.fUTexE:focus:not(:focus-visible) > rect{outline:none;box-shadow:none;}/*!sc*/ 160.fUTexE:focus:not(:focus-visible)::-moz-focus-inner{border:0;}/*!sc*/ 161.jiStNB{display:inline-block;box-sizing:border-box;cursor:pointer;font:inherit;-webkit-text-decoration:none;text-decoration:none;margin:0;background:transparent;overflow:visible;text-transform:none;border:none;border-radius:18px;padding:4px 12px;font-size:18px;line-height:24px;color:#999999;text-align:center;-webkit-transition-property:color,background-color,border-color,box-shadow;transition-property:color,background-color,border-color,box-shadow;-webkit-transition-duration:0.1s;transition-duration:0.1s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;font-weight:bold;}/*!sc*/ 162.jiStNB > svg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;vertical-align:middle;}/*!sc*/ 163.jiStNB:hover{color:#f8d179;}/*!sc*/ 164.jiStNB:focus{outline:none;box-shadow:0 0 2px 2px #85D8F3;}/*!sc*/ 165.jiStNB:focus > circle,.jiStNB:focus > ellipse,.jiStNB:focus > line,.jiStNB:focus > path,.jiStNB:focus > polygon,.jiStNB:focus > polyline,.jiStNB:focus > rect{outline:none;box-shadow:0 0 2px 2px #85D8F3;}/*!sc*/ 166.jiStNB:focus::-moz-focus-inner{border:0;}/*!sc*/ 167.jiStNB:focus:not(:focus-visible){outline:none;box-shadow:none;}/*!sc*/ 168.jiStNB:focus:not(:focus-visible) > circle,.jiStNB:focus:not(:focus-visible) > ellipse,.jiStNB:focus:not(:focus-visible) > line,.jiStNB:focus:not(:focus-visible) > path,.jiStNB:focus:not(:focus-visible) > polygon,.jiStNB:focus:not(:focus-visible) > polyline,.jiStNB:focus:not(:focus-visible) > rect{outline:none;box-shadow:none;}/*!sc*/ 169.jiStNB:focus:not(:focus-visible)::-moz-focus-inner{border:0;}/*!sc*/ 170data-styled.g11[id="StyledButtonKind-sc-1vhfpnt-0"]{content:"bwfVYd,ijIoDm,fUTexE,jiStNB,"}/*!sc*/ 171.cwTUyR{display:grid;box-sizing:border-box;grid-template-areas:"call-to-action call-to-action button social" "copyright copyright copyright copyright" ". . . ." ". . . .";grid-template-columns:25% 25% 25% 25%;grid-template-rows:auto auto auto auto;}/*!sc*/ 172data-styled.g14[id="StyledGrid-sc-1wofa1l-0"]{content:"cwTUyR,"}/*!sc*/ 173.jVWFUL{box-sizing:border-box;font-size:inherit;line-height:inherit;color:rgb(236,78,75,1);font-weight:600;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;margin-left:12px;margin-right:12px;font-weight:300;}/*!sc*/ 174.jVWFUL:hover{-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/ 175data-styled.g15[id="StyledAnchor-sc-1rp7lwl-0"]{content:"jVWFUL,"}/*!sc*/ 176.cTBmLe{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;margin:12px;font-family:Roboto;font-size:82px;line-height:88px;max-width:1968px;font-weight:900;overflow-wrap:break-word;color:rgb(236,78,75,1);max-width:100%;}/*!sc*/ 177@media only screen and (max-width:768px){.cTBmLe{margin:6px;}}/*!sc*/ 178@media only screen and (max-width:768px){.cTBmLe{font-size:50px;line-height:56px;max-width:1200px;}}/*!sc*/ 179.jpVDln{margin-top:0px;margin-bottom:12px;font-family:Roboto;font-size:26px;line-height:32px;max-width:624px;font-weight:600;overflow-wrap:break-word;text-align:left;max-width:100%;}/*!sc*/ 180@media only screen and (max-width:768px){.jpVDln{margin-top:0px;}}/*!sc*/ 181@media only screen and (max-width:768px){.jpVDln{margin-bottom:6px;}}/*!sc*/ 182@media only screen and (max-width:768px){.jpVDln{font-size:18px;line-height:24px;max-width:432px;}}/*!sc*/ 183data-styled.g16[id="StyledHeading-sc-1rdh4aw-0"]{content:"cTBmLe,jpVDln,"}/*!sc*/ 184.kVTQdZ{-webkit-letter-spacing:0.2em;-moz-letter-spacing:0.2em;-ms-letter-spacing:0.2em;letter-spacing:0.2em;-webkit-letter-spacing:normal;-moz-letter-spacing:normal;-ms-letter-spacing:normal;letter-spacing:normal;}/*!sc*/ 185.gYjOyS{-webkit-letter-spacing:0.2em;-moz-letter-spacing:0.2em;-ms-letter-spacing:0.2em;letter-spacing:0.2em;-webkit-letter-spacing:normal;-moz-letter-spacing:normal;-ms-letter-spacing:normal;letter-spacing:normal;position:relative;}/*!sc*/ 186.gYjOyS > a.anchor{position:absolute;
186left:-24px;display:none;height:100%;}/*!sc*/ 187.gYjOyS:hover a.anchor{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}/*!sc*/ 188.gYjOyS a.anchor svg{fill:#999;}/*!sc*/ 189data-styled.g17[id="Heading__StyledHeading-sc-1sm1dki-0"]{content:"kVTQdZ,gYjOyS,"}/*!sc*/ 190.bMSfQm{background-image:url();background-size:cover;width:100%;position:relative;}/*!sc*/ 191.bMSfQm::after{content:"";height:100%;left:0;position:absolute;top:0;width:100%;}/*!sc*/ 192data-styled.g18[id="Hero__HeroHeader-sc-1t9btgc-0"]{content:"bMSfQm,"}/*!sc*/ 193.kCMXLl{position:relative;z-index:1;text-align:center;padding:3rem;}/*!sc*/ 194data-styled.g19[id="Hero__HeroHeaderContent-sc-1t9btgc-1"]{content:"kCMXLl,"}/*!sc*/ 195.jfCaBo{-webkit-flex:1 1;-ms-flex:1 1;flex:1 1;overflow:hidden;object-fit:contain;width:100%;height:100%;}/*!sc*/ 196data-styled.g20[id="StyledImage-sc-ey4zx9-0"]{content:"jfCaBo,"}/*!sc*/ 197.gabaOy{margin:0;position:relative;overflow:hidden;}/*!sc*/ 198data-styled.g21[id="Image__StyledFigure-sc-4cv16c-0"]{content:"gabaOy,"}/*!sc*/ 199@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local(''), url(/static/roboto-v20-latin_cyrillic-ext-300-1c1d5899e5ca7c551bf9333713863e55.woff2) format('woff2'), url(/static/roboto-v20-latin_cyrillic-ext-300-ce3b8523809b82cea120161ec296e99e.woff) format('woff');}/*!sc*/ 200@font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:local(''), url(/static/roboto-v20-latin_cyrillic-ext-300italic-f8c79cbdbb205a22afb9fb6e3b4676ee.woff2) format('woff2'), url(/static/roboto-v20-latin_cyrillic-ext-300italic-d2dc5f9e59f974565712f5681fa639a2.woff) format('woff');}/*!sc*/ 201@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local(''), url(/static/roboto-v20-latin_cyrillic-ext-regular-df4e2e405f2131a001790de8e717088d.woff2) format('woff2'), url(/static/roboto-v20-latin_cyrillic-ext-regular-c39bf2d483459594258601ab9c48e27c.woff) format('woff');}/*!sc*/ 202@font-face{font-family:'Roboto';font-style:normal;font-weight:900;src:local(''), url(/static/roboto-v20-latin_cyrillic-ext-900-7b3d86b7ebc128297bb737b5e932d1db.woff2) format('woff2'), url(/static/roboto-v20-latin_cyrillic-ext-900-1f7b78dd6aa0a8c6a1002da89fa1066b.woff) format('woff');}/*!sc*/ 203.iAQqbi{font-family:Roboto;font-size:18px;line-height:24px;font-weight:300;background-color:#FFFFFF;color:rgba(0,0,0,0.85);box-sizing:border-box;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;width:100vw;height:100vh;overflow:auto;}/*!sc*/ 204@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local(''), url(/static/roboto-v20-latin_cyrillic-ext-300-1c1d5899e5ca7c551bf9333713863e55.woff2) format('woff2'), url(/static/roboto-v20-latin_cyrillic-ext-300-ce3b8523809b82cea120161ec296e99e.woff) format('woff');}/*!sc*/ 205@font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:local(''), url(/static/roboto-v20-latin_cyrillic-ext-300italic-f8c79cbdbb205a22afb9fb6e3b4676ee.woff2) format('woff2'), url(/static/roboto-v20-latin_cyrillic-ext-300italic-d2dc5f9e59f974565712f5681fa639a2.woff) format('woff');}/*!sc*/ 206@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local(''), url(/static/roboto-v20-latin_cyrillic-ext-regular-df4e2e405f2131a001790de8e717088d.woff2) format('woff2'), url(/static/roboto-v20-latin_cyrillic-ext-regular-c39bf2d483459594258601ab9c48e27c.woff) format('woff');}/*!sc*/ 207@font-face{font-family:'Roboto';font-style:normal;font-weight:900;src:local(''), url(/static/roboto-v20-latin_cyrillic-ext-900-7b3d86b7ebc128297bb737b5e932d1db.woff2) format('woff2'), url(/static/roboto-v20-latin_cyrillic-ext-900-1f7b78dd6aa0a8c6a1002da89fa1066b.woff) format('woff');}/*!sc*/ 208.bnolrK{font-family:Roboto;font-size:18px;line-height:24px;font-weight:300;background-color:#FFFFFF;color:rgba(0,0,0,0.85);box-sizing:border-box;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}/*!sc*/ 209data-styled.g23[id="StyledGrommet-sc-19lkkz7-0"]{content:"iAQqbi,bnolrK,"}/*!sc*/ 210body{margin:0;}/*!sc*/ 211data-styled.g24[id="sc-global-hmgnLM1"]{content:"sc-global-hmgnLM1,"}/*!sc*/ 212.inWTjA,.inWTjA:visited,.inWTjA:hover,.inWTjA:active{font-style:inherit;color:inherit;background-color:transparent;font-size:inherit;-webkit-text-decoration:none;text-decoration:none;font-variant:inherit;font-weight:inherit;line-height:inherit;font-family:inherit;}/*!sc*/ 213data-styled.g25[id="Link__AnchorWithoutStyle-sc-1sy1kqy-0"]{content:"inWTjA,"}/*!sc*/ 214.bdrbNP.active{-webkit-text-decoration:underline;text-decoration:underline;color:rgb(236,78,75,1);}/*!sc*/ 215data-styled.g31[id="Menu__StyledButton-sc-13ccsfr-1"]{content:"bdrbNP,"}/*!sc*/ 216.bkA-ddo{margin-top:6px;margin-bottom:6px;font-size:18px;line-height:24px;max-width:none;text-align:left;}/*!sc*/ 217.bCegHz{font-size:14px;line-height:20px;max-width:none;text-align:left;}/*!sc*/ 218data-styled.g32[id="StyledParagraph-sc-tbetod-0"]{content:"bkA-ddo,bCegHz,"}
218/*!sc*/ 219.GUvep{font-weight:inherit;font-style:normal;text-align:justify;position:relative;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;height:144px;}/*!sc*/ 220.jeuBVS{font-weight:inherit;font-style:normal;text-align:justify;position:relative;}/*!sc*/ 221data-styled.g33[id="Paragraph__StyledParagraph-sc-15exta6-0"]{content:"GUvep,jeuBVS,"}/*!sc*/ 222.gzKqXE{-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}/*!sc*/ 223.gzKqXE figure{-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}/*!sc*/ 224.gzKqXE:hover{background:#F8F8F8;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}/*!sc*/ 225.gzKqXE:hover figure{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);}/*!sc*/ 226data-styled.g96[id="Widget__StyledWidget-sc-15qy1ni-0"]{content:"gzKqXE,"}/*!sc*/ 227</style><title data-react-helmet="true">Design Systems, Frontend Development, and Team Collaboration Blog by Varya Stepanova</title><link rel="sitemap" type="application/xml" href="/sitemap-index.xml"/><style id="gatsby-inlined-css"></style><meta name="apple-mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-status-bar-style" content="#D0E0D8"/><meta name="apple-mobile-web-app-title" content="Lazywill"/><link rel="apple-touch-icon" href="/icons/apple-icon-57x57.png" sizes="57x57"/><link rel="apple-touch-icon" href="/icons/apple-icon-60x60.png" sizes="60x60"/><link rel="apple-touch-icon" href="/icons/apple-icon-72x72.png" sizes="72x72"/><link rel="apple-touch-icon" href="/icons/apple-icon-76x76.png" sizes="76x76"/><link rel="apple-touch-icon" href="/icons/apple-icon-114x114.png" sizes="114x114"/><link rel="apple-touch-icon" href="/icons/apple-icon-120x120.png" sizes="120x120"/><link rel="apple-touch-icon" href="/icons/apple-icon-144x144.png" sizes="144x144"/><link rel="apple-touch-icon" href="/icons/apple-icon-152x152.png" sizes="152x152"/><link rel="apple-touch-icon" href="/icons/apple-icon-180x180.png" sizes="180x180"/><link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png"/><link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="96x96" href="/icons/favicon-96x96.png"/></head><body><noscript id="gatsby-noscript">This app works best with JavaScript enabled.</noscript><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="StyledGrommet-sc-19lkkz7-0 iAQqbi"><div class="StyledBox-sc-13pk1d4-0 gWURRm"><div class="StyledBox-sc-13pk1d4-0 hApVWr"><header class="StyledBox-sc-13pk1d4-0 jSZCgh"><a class="Link__AnchorWithoutStyle-sc-1sy1kqy-0 inWTjA" href="/"><div class="StyledGrommet-sc-19lkkz7-0 bnolrK"><div class="StyledBox-sc-13pk1d4-0 bBrDnJ"><span class="StyledText-sc-1sadyjn-0 qmvBC">var </span><span class="StyledText-sc-1sadyjn-0 fEJHQN">ya</span><span class="StyledText-sc-1sadyjn-0 iGNcrz">;</span></div></div></a><div class="StyledBox__StyledBoxGap-sc-13pk1d4-1 bMEEsR"></div><div class="StyledGrommet-sc-19lkkz7-0 bnolrK"><nav mode="horizontal" class="StyledBox-sc-13pk1d4-0 fBFybi"><a class="StyledAnchor-sc-1rp7lwl-0 jVWFUL Menu__StyledButton-sc-13ccsfr-1 bdrbNP" href="/">Home</a><div class="StyledBox-sc-13pk1d4-0 lgORXh"><div class="StyledBox-sc-13pk1d4-0 lgORXh"><div aria-label="Navigation Menu" type="button" class="StyledButton-sc-323bzc-0 lkOXPU"><a class="StyledAnchor-sc-1rp7lwl-0 jVWFUL Menu__StyledButton-sc-13ccsfr-1 bdrbNP" href="/services/">Services</a></div></div></div><a class="StyledAnchor-sc-1rp7lwl-0 jVWFUL Menu__StyledButton-sc-13ccsfr-1 bdrbNP" href="/projects/">Projects</a><a aria-current="page" class="StyledAnchor-sc-1rp7lwl-0 jVWFUL Menu__StyledButton-sc-13ccsfr-1 bdrbNP" href="/blog/">Blog</a><a class="StyledAnchor-sc-1rp7lwl-0 jVWFUL Menu__StyledButton-sc-13ccsfr-1 bdrbNP" href="/contact/">Contact</a></nav></div></header></div><div class="StyledBox-sc-13pk1d4-0 jMTsBx"><main class="StyledBox-sc-13pk1d4-0 lmWAys"><img src="https://varya.me/preview/blog.jpg" width="0" height="0" alt="Preview image" aria-hidden="true"/><div class="StyledBox-sc-13pk1d4-0 aMZxl Hero__HeroHeader-sc-1t9btgc-0 bMSfQm"><div class="StyledBox-sc-13pk1d4-0 dGjdyR Hero__HeroHeaderContent-sc-1t9btgc-1 kCMXLl"><h1 class="StyledHeading-sc-1rdh4aw-0 cTBmLe Heading__StyledHeading-sc-1sm1dki-0 kVTQdZ">Blog</h1></div></div><div class="StyledBox-sc-13pk1d4-0 EoZsu"><div class="StyledBox-sc-13pk1d4-0 jwKtGS"><div class="StyledBox-sc-13pk1d4-0 juddAH Widget__StyledWidget-sc-15qy1ni-0 gzKqXE"><a directionProp="column" justify="center" theme="[object Object]" class="Link__AnchorWithoutStyle-sc-1sy1kqy-0 inWTjA StyledBox-sc-13pk1d4-0 fcpDwW" href="/blog/future-frontend-2026/"><h3 class="StyledHeading-sc-1rdh4aw-0 jpVDln Heading__StyledHeading-sc-1sm1dki-0 gYjOyS">Notes from the last Future Frontend (2026)</h3><div class="StyledBox-sc-13pk1d4-0 jUVCwh"><div class="StyledBox-sc-13pk1d4-0 gijLky"><div class="StyledStack-sc-ajspsk-0 eewYtN"><div class="StyledStack__StyledStackLayer-sc-ajspsk-1 cwpDws"><figure class="Image__StyledFigure-sc-4cv16c-0 gabaOy"><img alt="" src="/static/1cdaf7657611cda2abef82e5bc301bf5/194f6/dipoli.jpg" class="StyledImage-sc-ey4zx9-0 jfCaBo"/></figure></div><div class="StyledStack__StyledStackLayer-sc-ajspsk-1 bpEVyb"><div class="StyledBox-sc-13pk1d4-0 iVGQQE"><span class="StyledText-sc-1sadyjn-0 fXGAGo">16 min read</span></div></div></div></div><div class="StyledBox__StyledBoxGap-sc-13pk1d4-1 bMEEsR"></div><div class="StyledBox-sc-13pk1d4-0 lTAys"><div class="StyledBox-sc-13pk1d4-0 hNMmMt"><svg aria-label="Calendar" viewBox="0 0 24 24" class="StyledIcon-sc-ofa7kd-0 hUHJpX"><path fill="none" stroke="#000" stroke-width="2" d="M2 5h20v17H2V5zm16 0V1M6 5V1m-4 9h20"></path></svg><span class="StyledText-sc-1sadyjn-0 jIeTLD">15 June 2026</span></div><p class="StyledParagraph-sc-tbetod-0 bkA-ddo Paragraph__StyledParagraph-sc-15exta6-0 GUvep">I have been around this conference since it was React Finland in 2018. I attended the first edition, came back as a speaker in 2019 with A practical guide to building your design system infrastru
227cture, and ran workshops in 2022 with Andrey Okonetchnikov on design system ROI and governance. The conference then changed its name to Future Frontend, reflecting how much the frontend world had outgrown a single library.</p></div></div></a></div><div class="StyledBox-sc-13pk1d4-0 juddAH Widget__StyledWidget-sc-15qy1ni-0 gzKqXE"><a directionProp="column" justify="center" theme="[object Object]" class="Link__AnchorWithoutStyle-sc-1sy1kqy-0 inWTjA StyledBox-sc-13pk1d4-0 fcpDwW" href="/blog/design-system-engineering-platform/"><h3 class="StyledHeading-sc-1rdh4aw-0 jpVDln Heading__StyledHeading-sc-1sm1dki-0 gYjOyS">Your Design System Is an Engineering Platform. Actionable 60-day plan ð</h3><div class="StyledBox-sc-13pk1d4-0 jUVCwh"><div class="StyledBox-sc-13pk1d4-0 gijLky"><div class="StyledStack-sc-ajspsk-0 eewYtN"><div class="StyledStack__StyledStackLayer-sc-ajspsk-1 cwpDws"><figure class="Image__StyledFigure-sc-4cv16c-0 gabaOy"><img alt="" src="/static/3e778d70eafc3e518f6cbd022a0044bd/2f2c0/60-days-ds-infra.png" class="StyledImage-sc-ey4zx9-0 jfCaBo"/></figure></div><div class="StyledStack__StyledStackLayer-sc-ajspsk-1 bpEVyb"><div class="StyledBox-sc-13pk1d4-0 iVGQQE"><span class="StyledText-sc-1sadyjn-0 fXGAGo">6 min read</span></div></div></div></div><div class="StyledBox__StyledBoxGap-sc-13pk1d4-1 bMEEsR"></div><div class="StyledBox-sc-13pk1d4-0 lTAys"><div class="StyledBox-sc-13pk1d4-0 hNMmMt"><svg aria-label="Calendar" viewBox="0 0 24 24" class="StyledIcon-sc-ofa7kd-0 hUHJpX"><path fill="none" stroke="#000" stroke-width="2" d="M2 5h20v17H2V5zm16 0V1M6 5V1m-4 9h20"></path></svg><span class="StyledText-sc-1sadyjn-0 jIeTLD">23 March 2026</span></div><p class="StyledParagraph-sc-tbetod-0 bkA-ddo Paragraph__StyledParagraph-sc-15exta6-0 GUvep">You've probably seen it yourself. A design system looks gorgeous in Figma but is an absolute nightmare to use in code. Because they have "design" in the name, design systems usually sit at an awkward organizational boundary. They get staffed with design-leaning roles and are measured by design-centric metrics like component library completeness or Figma coverage.</p></div></div></a></div><div class="StyledBox-sc-13pk1d4-0 juddAH Widget__StyledWidget-sc-15qy1ni-0 gzKqXE"><a directionProp="column" justify="center" theme="[object Object]" class="Link__AnchorWithoutStyle-sc-1sy1kqy-0 inWTjA StyledBox-sc-13pk1d4-0 fcpDwW" href="/blog/ds-upgrades-in-2026/"><h3 class="StyledHeading-sc-1rdh4aw-0 jpVDln Heading__StyledHeading-sc-1sm1dki-0 gYjOyS">Cutting-Edge Upgrades for Your Design System in 2025 and 2026</h3><div class="StyledBox-sc-13pk1d4-0 jUVCwh"><div class="StyledBox-sc-13pk1d4-0 gijLky"><div class="StyledStack-sc-ajspsk-0 eewYtN"><div class="StyledStack__StyledStackLayer-sc-ajspsk-1 cwpDws"><figure class="Image__StyledFigure-sc-4cv16c-0 gabaOy"><img alt="" src="/static/76611bd1c9b1263fe5cc38a4c3c65dc8/4ed19/varya-at-work.jpg" class="StyledImage-sc-ey4zx9-0 jfCaBo"/></figure></div><div class="StyledStack__StyledStackLayer-sc-ajspsk-1 bpEVyb"><div class="StyledBox-sc-13pk1d4-0 iVGQQE"><span class="StyledText-sc-1sadyjn-0 fXGAGo">5 min read</span></div></div></div></div><div class="StyledBox__StyledBoxGap-sc-13pk1d4-1 bMEEsR"></div><div class="StyledBox-sc-13pk1d4-0 lTAys"><div class="StyledBox-sc-13pk1d4-0 hNMmMt"><svg aria-label="Calendar" viewBox="0 0 24 24" class="StyledIcon-sc-ofa7kd-0 hUHJpX"><path fill="none" stroke="#000" stroke-width="2" d="M2 5h20v17H2V5zm16 0V1M6 5V1m-4 9h20"></path></svg><span class="StyledText-sc-1sadyjn-0 jIeTLD">02 October 2025</span></div><p class="StyledParagraph-sc-tbetod-0 bkA-ddo Paragraph__StyledParagraph-sc-15exta6-0 GUvep">In short, this article describes how I as a design systems consultant can help companies who already have their own design systems and team
227s. But if yourself you are a design system professional, don't drop the reading. It can be "what I can do next at my job too"!</p></div></div></a></div><div class="StyledBox-sc-13pk1d4-0 juddAH Widget__StyledWidget-sc-15qy1ni-0 gzKqXE"><a directionProp="column" justify="center" theme="[object Object]" class="Link__AnchorWithoutStyle-sc-1sy1kqy-0 inWTjA StyledBox-sc-13pk1d4-0 fcpDwW" href="/blog/okrs-7-reasons/"><h3 class="StyledHeading-sc-1rdh4aw-0 jpVDln Heading__StyledHeading-sc-1sm1dki-0 gYjOyS">7 Reasons Your Design System Needs OKRs</h3><div class="StyledBox-sc-13pk1d4-0 jUVCwh"><div class="StyledBox-sc-13pk1d4-0 gijLky"><div class="StyledStack-sc-ajspsk-0 eewYtN"><div class="StyledStack__StyledStackLayer-sc-ajspsk-1 cwpDws"><figure class="Image__StyledFigure-sc-4cv16c-0 gabaOy"><img alt="" src="/static/938155f87cc9f9fe2cf27958e76985da/71e70/poster.png" class="StyledImage-sc-ey4zx9-0 jfCaBo"/></figure></div><div class="StyledStack__StyledStackLayer-sc-ajspsk-1 bpEVyb"><div class="StyledBox-sc-13pk1d4-0 iVGQQE"><span class="StyledText-sc-1sadyjn-0 fXGAGo">12 min read</span></div></div></div></div><div class="StyledBox__StyledBoxGap-sc-13pk1d4-1 bMEEsR"></div><div class="StyledBox-sc-13pk1d4-0 lTAys"><div class="StyledBox-sc-13pk1d4-0 hNMmMt"><svg aria-label="Calendar" viewBox="0 0 24 24" class="StyledIcon-sc-ofa7kd-0 hUHJpX"><path fill="none" stroke="#000" stroke-width="2" d="M2 5h20v17H2V5zm16 0V1M6 5V1m-4 9h20"></path></svg><span class="StyledText-sc-1sadyjn-0 jIeTLD">23 September 2025</span></div><p class="StyledParagraph-sc-tbetod-0 bkA-ddo Paragraph__StyledParagraph-sc-15exta6-0 GUvep">In past few years, we all have seen seen how design systems evolve from simple collections of buttons and color tokens into powerful tools that influence how entire companies develop products, foster collaboration across different disciplines, and maintain quality as they scale. 228 229Yet, even the most talented design system teams frequently find themselves repeatedly explaining the importance of their work, handling a stream of ad-hoc requests, managing ever-shifting priorities, and struggling to demonstrate their impact beyond just announcing that they've released a new component.</p></div></div></a></div><div class="StyledBox-sc-13pk1d4-0 juddAH Widget__StyledWidget-sc-15qy1ni-0 gzKqXE"><a directionProp="column" justify="center" theme="[object Object]" class="Link__AnchorWithoutStyle-sc-1sy1kqy-0 inWTjA StyledBox-sc-13pk1d4-0 fcpDwW" href="/blog/jack-of-all-trades/"><h3 class="StyledHeading-sc-1rdh4aw-0 jpVDln Heading__StyledHeading-sc-1sm1dki-0 gYjOyS">Design System Engineer â Jack of All Trades</h3><div class="StyledBox-sc-13pk1d4-0 jUVCwh"><div class="StyledBox-sc-13pk1d4-0 gijLky"><div class="StyledStack-sc-ajspsk-0 eewYtN"><div class="StyledStack__StyledStackLayer-sc-ajspsk-1 cwpDws"><figure class="Image__StyledFigure-sc-4cv16c-0 gabaOy"><img alt="" src="/static/90416163743d24abbe6956f92ff7818d/4c0a6/jack.png" class="StyledImage-sc-ey4zx9-0 jfCaBo"/></figure></div><div class="StyledStack__StyledStackLayer-sc-ajspsk-1 bpEVyb"><div class="StyledBox-sc-13pk1d4-0 iVGQQE"><span class="StyledText-sc-1sadyjn-0 fXGAGo">6 min read</span></div></div></div></div><div class="StyledBox__StyledBoxGap-sc-13pk1d4-1 bMEEsR"></div><div class="StyledBox-sc-13pk1d4-0 lTAys"><div class="StyledBox-sc-13pk1d4-0 hNMmMt"><svg aria-label="Calendar" viewBox="0 0 24 24" class="StyledIcon-sc-ofa7kd-0 hUHJpX"><path fill="none" stroke="#000" stroke-width="2" d="M2 5h20v17H2V5zm16 0V1M6 5V1m-4 9h20"></path></svg><span class="StyledText-sc-1sadyjn-0 jIeTLD">16 September 2025</span></div><p class="StyledParagraph-sc-tbetod-0 bkA-ddo Paragraph__StyledParagraph-sc-15exta6-0 GUvep"> 230âSo⦠what do you actually do?â â every recruiter, manager, and well-meaning relative ever, to every Design System Engineer ever. 231 232 233Ask any Design System Engineer to pick a lane and youâll get a nervous laugh. Are they a frontend developer? A designer? A product manager? A DevOps wizard? The answer, as it turns out, is wonderfully complex: they're all of them.</p></div></div></a></div><div class="StyledBox-sc-13pk1d4-0 juddAH Widget__StyledWidget-sc-15qy1ni-0 gzKqXE"><a directionProp="column" justify="center" theme="[object Object]" class="Link__AnchorWithoutStyle-sc-1sy1kqy-0 inWTjA StyledBox-sc-13pk1d4-0 fcpDwW" href="/blog/design-systems-career-path/"><h3 class="StyledHeading-sc-1rdh4aw-0 jpVDln Heading__StyledHeading-sc-1sm1dki-0 gYjOyS">A Holistic Career Path and Challenges with Design Systems</h3><div class="StyledBox-sc-13pk1d4-0 jUVCwh"><div class="StyledBox-sc-13pk1d4-0 gijLky"><div class="StyledStack-sc-ajspsk-0 eewYtN"><div class="StyledStack__StyledStackLayer-sc-ajspsk-1 cwpDws"><figure class="Image__StyledFigure-sc-4cv16c-0 gabaOy"><img alt="" src="/static/dbbb7f8a04b6eb29e13ea58bfe771f0e/3564b/varya-projects.jpg" class="StyledImage-sc-ey4zx9-0 jfCaBo"/></figure></div><div class="StyledStack__StyledStackLayer-sc-ajspsk-1 bpEVyb"><div class="StyledBox-sc-13pk1d4-0 iVGQQE"><span class="StyledText-sc-1sadyjn-0 fXGAGo">5 min read</span></div></div></div></div><div class="StyledBox__StyledBoxGap-sc-13pk1d4-1 bMEEsR"></div><div class="StyledBox-sc-13pk1d4-0 lTAys"><div class="StyledBox-sc-13pk1d4-0 hNMmMt"><svg aria-label="Calendar" viewBox="0 0 24 24" class="StyledIcon-sc-ofa7kd-0 hUHJpX"><path fill="none" stroke="#000" stroke-width="2" d="M2 5h20v17H2V5zm16 0V1M6 5V1m-4 9h20"></path></svg><span class="StyledText-sc-1sadyjn-0 jIeTLD">28 August 2024</span></div><p class="StyledParagraph-sc-tbetod-0 bkA-ddo Paragraph__StyledParagraph-sc-15exta6-0 GUvep">
233Recently, a mentee asked me to describe the variety of challenges I faced as a design system architect, or basicaly "what exactly do you do?". It's a question I often hear, and it always takes me back to my own journey. As someone who started as a frontend developer and evolved into a design systems architect, I can say that the path is rarely linearâit's more of a holistic evolution, encompassing a wide range of responsibilities and skills.</p></div></div></a></div></div><div class="StyledGrommet-sc-19lkkz7-0 bnolrK"><div class="StyledBox-sc-13pk1d4-0 cxJmuN"><a disabled="" type="button" class="StyledButtonKind-sc-1vhfpnt-0 bwfVYd">â</a><div class="StyledBox__StyledBoxGap-sc-13pk1d4-1 bMEEsR"></div><a aria-current="page" href="/blog/" type="button" class="StyledButtonKind-sc-1vhfpnt-0 ijIoDm">1</a><div class="StyledBox__StyledBoxGap-sc-13pk1d4-1 bMEEsR"></div><a href="/blog/2/" type="button" class="StyledButtonKind-sc-1vhfpnt-0 fUTexE">2</a><div class="StyledBox__StyledBoxGap-sc-13pk1d4-1 bMEEsR"></div><a href="/blog/3/" type="button" class="StyledButtonKind-sc-1vhfpnt-0 fUTexE">3</a><div class="StyledBox__StyledBoxGap-sc-13pk1d4-1 bMEEsR"></div><a href="/blog/4/" type="button" class="StyledButtonKind-sc-1vhfpnt-0 fUTexE">4</a><div class="StyledBox__StyledBoxGap-sc-13pk1d4-1 bMEEsR"></div><a href="/blog/5/" type="button" class="StyledButtonKind-sc-1vhfpnt-0 fUTexE">5</a><div class="StyledBox__StyledBoxGap-sc-13pk1d4-1 bMEEsR"></div><a href="/blog/6/" type="button" class="StyledButtonKind-sc-1vhfpnt-0 fUTexE">6</a><div class="StyledBox__StyledBoxGap-sc-13pk1d4-1 bMEEsR"></div><a href="/blog/7/" type="button" class="StyledButtonKind-sc-1vhfpnt-0 fUTexE">7</a><div class="StyledBox__StyledBoxGap-sc-13pk1d4-1 bMEEsR"></div><a href="/blog/8/" type="button" class="StyledButtonKind-sc-1vhfpnt-0 fUTexE">8</a><div class="StyledBox__StyledBoxGap-sc-13pk1d4-1 bMEEsR"></div><a href="/blog/9/" type="button" class="StyledButtonKind-sc-1vhfpnt-0 fUTexE">9</a><div class="StyledBox__StyledBoxGap-sc-13pk1d4-1 bMEEsR"></div><a href="/blog/10/" type="button" class="StyledButtonKind-sc-1vhfpnt-0 fUTexE">10</a><div class="StyledBox__StyledBoxGap-sc-13pk1d4-1 bMEEsR"></div><a href="/blog/11/" type="button" class="StyledButtonKind-sc-1vhfpnt-0 fUTexE">11</a><div class="StyledBox__StyledBoxGap-sc-13pk1d4-1 bMEEsR"></div><a href="/blog/2/" type="button" class="StyledButtonKind-sc-1vhfpnt-0 fUTexE">â</a></div></div></div></main><footer class="StyledBox-sc-13pk1d4-0 ePEhED"><div class="StyledBox-sc-13pk1d4-0 jdUIdr"><div class="StyledGrid-sc-1wofa1l-0 cwTUyR"><div class="StyledBox-sc-13pk1d4-0 gcmZlt"><p class="StyledParagraph-sc-tbetod-0 bCegHz Paragraph__StyledParagraph-sc-15exta6-0 jeuBVS">You can hire me and the whole <a href="https://bridge-the-gap.dev/">Bridge-the-Gap team</a> to set up, manage, develop, and champion your design system. I can align the design and development processes in your organisation for a larger business impact.</p></div><div class="StyledBox-sc-13pk1d4-0 dgCBlg"><a width="[object Object]" class="Link__AnchorWithoutStyle-sc-1sy1kqy-0 inWTjA" href="/contact/"><div style="text-align:center" type="button" class="StyledButton-sc-323bzc-0 eEHUgf">Get in touch</div></a></div><div class="StyledBox-sc-13pk1d4-0 ivtZUt"><div class="StyledGrommet-sc-19lkkz7-0 bnolrK"><nav class="StyledBox-sc-13pk1d4-0 bgosEW"><a aria-label="Email" href="mailto:[email protected]" class="StyledButtonKind-sc-1vhfpnt-0 jiStNB"><svg aria-label="Mail" viewBox="0 0 24 24" class="StyledIcon-sc-ofa7kd-0 dsbLZb"><path fill="#01A982" fill-rule="evenodd" d="M23 20V6l-11 9L1 6v14h22zm-11-8 10-8H2l10 8z"></path></svg></a><div class="StyledBox__StyledBoxGap-sc-13pk1d4-1 jEDRWh"></div><a aria-label="Twitter" href="https://twitter.com/varya_en" class="StyledButtonKind-sc-1vhfpnt-0 jiStNB"><svg aria-label="Twitter" viewBox="0 0 24 24" class="StyledIcon-sc-ofa7kd-0 dsbLZb"><path fill="#1DA1F2" fill-rule="evenodd" d="M24 4.309a9.83 9.83 0 0 1-2.828.775 4.94 4.94 0 0 0 2.165-2.724 9.865 9.865 0 0 1-3.127 1.196 4.925 4.925 0 0 0-8.39 4.49A13.974 13.974 0 0 1 1.671 2.9a4.902 4.902 0 0 0-.667 2.476c0 1.708.869 3.216 2.191 4.099A4.936 4.936 0 0 1 .964 8.86v.06a4.926 4.926 0 0 0 3.95 4.829 4.964 4.964 0 0 1-2.224.085 4.93 4.93 0 0 0 4.6 3.42 9.886 9.886 0 0 1-6.115 2.107c-.398 0-.79
233-.023-1.175-.068a13.945 13.945 0 0 0 7.548 2.212c9.057 0 14.009-7.503 14.009-14.01 0-.213-.005-.425-.014-.636A10.012 10.012 0 0 0 24 4.309"></path></svg></a><div class="StyledBox__StyledBoxGap-sc-13pk1d4-1 jEDRWh"></div><a aria-label="Linkedin" href="https://www.linkedin.com/in/varyastepanova/" class="StyledButtonKind-sc-1vhfpnt-0 jiStNB"><svg aria-label="Linkedin" viewBox="0 0 24 24" class="StyledIcon-sc-ofa7kd-0 dsbLZb"><path fill="#0077B5" fill-rule="evenodd" d="M20.452 20.45h-3.56v-5.57c0-1.328-.022-3.036-1.85-3.036-1.851 0-2.134 1.447-2.134 2.942v5.664H9.352V8.997h3.413v1.566h.049c.475-.9 1.636-1.85 3.367-1.85 3.605 0 4.27 2.371 4.27 5.456v6.281zM5.339 7.433a2.063 2.063 0 1 1 0-4.13 2.065 2.065 0 0 1 0 4.13zM7.12 20.45H3.558V8.997H7.12V20.45zM23 0H1a1 1 0 0 0-1 1v22a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1z"></path></svg></a><div class="StyledBox__StyledBoxGap-sc-13pk1d4-1 jEDRWh"></div><a aria-label="Facebook" href="http://www.facebook.com/varvara.stepanova.9" class="StyledButtonKind-sc-1vhfpnt-0 jiStNB"><svg aria-label="Facebook" viewBox="0 0 24 24" class="StyledIcon-sc-ofa7kd-0 dsbLZb"><path fill="#3B5998" fill-rule="evenodd" d="M23 0H1a1 1 0 0 0-1 1v22a1 1 0 0 0 1 1h11.75v-9h-3v-3.75h3v-3c0-3.1 1.963-4.625 4.728-4.625 1.324 0 2.463.099 2.794.142v3.24l-1.917.001c-1.504 0-1.855.715-1.855 1.763v2.479h3.75L19.5 15h-3l.06 9H23a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1"></path></svg></a></nav></div></div><div class="StyledBox-sc-13pk1d4-0 kUGEXm"><span class="StyledText-sc-1sadyjn-0 pVeGy">© Varya Stepanova <!-- -->2026</span></div></div></div></footer></div></div></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div>
233<script> 234 235 236 if(true) { 237 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 238 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 239 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 240 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 241 } 242 if (typeof ga === "function") { 243 ga('create', 'G-VNR46J539J', 'auto', {}); 244 245 246 247 248 249 }</script>
249<script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/blog/";/*]]>*/</script>
249<!-- slice-start id="_gatsby-scripts-1" --> 250
250<script 251 id="gatsby-chunk-mapping" 252 > 253 window.___chunkMapping="{\"app\":[\"/app-38c49a65f38a2a48e95a.js\"],\"component---src-pages-404-js\":[\"/component---src-pages-404-js-3ff6dba3b68eecf3b22b.js\"],\"component---src-pages-articles-and-talks-js\":[\"/component---src-pages-articles-and-talks-js-1faecebc58b4d7a36823.js\"],\"component---src-pages-contact-js\":[\"/component---src-pages-contact-js-ad6222f2f14618fb7af7.js\"],\"component---src-pages-design-systems-js\":[\"/component---src-pages-design-systems-js-a51e5512f7d34e02daeb.js\"],\"component---src-pages-index-js\":[],\"component---src-pages-projects-js\":[\"/component---src-pages-projects-js-4a13209a322c59d46555.js\"],\"component---src-pages-projects-portfolio-js\":[\"/component---src-pages-projects-portfolio-js-2f21c15a2b16c018f0f0.js\"],\"component---src-pages-services-ai-championship-index-js\":[\"/component---src-pages-services-ai-championship-index-js-9a5988f36d679cd5d74f.js\"],\"component---src-pages-services-audit-js\":[\"/component---src-pages-services-audit-js-fceacd473ce3cd43301b.js\"],\"component---src-pages-services-consultancy-js\":[\"/component---src-pages-services-consultancy-js-7b4507e2017c42f3afe6.js\"],\"component---src-pages-services-development-js\":[\"/component---src-pages-services-development-js-0ccb2d105c167e4777d4.js\"],\"component---src-pages-services-index-js\":[\"/component---src-pages-services-index-js-818c609ca85affb9f429.js\"],\"component---src-pages-services-mentorship-js\":[\"/component---src-pages-services-mentorship-js-e4e5ae88498287f48121.js\"],\"component---src-pages-services-speaking-js\":[\"/component---src-pages-services-speaking-js-9d4cea63d0516944df51.js\"],\"component---src-pages-services-strategy-js\":[\"/component---src-pages-services-strategy-js-40c3a5dedee1dab90cff.js\"],\"component---src-pages-services-supervision-js\":[\"/component---src-pages-services-supervision-js-1987a0a8ee9d4ca48cd3.js\"],\"component---src-pages-services-workshops-js\":[\"/component---src-pages-services-workshops-js-fbe28365e66edef303d7.js\"],\"component---src-templates-blog-index-js\":[\"/component---src-templates-blog-index-js-d12df37e3065748ae1ec.js\"],\"component---src-templates-portfolio-post-js-content-file-path-content-projects-portfolio-appomni-index-md\":[\"/component---src-templates-portfolio-post-js-content-file-path-content-projects-portfolio-appomni-index-md-d71357179d81ec5a77e1.js\"],\"component---src-templates-portfolio-post-js-content-file-path-content-projects-portfolio-manychat-index-md\":[\"/component---src-templates-portfolio-post-js-content-file-path-content-projects-portfolio-manychat-index-md-5d11f29c3e3888066397.js\"],\"component---src-templates-portfolio-post-js-content-file-path-content-projects-portfolio-yara-index-md\":[\"/component---src-templates-portfolio-post-js-content-file-path-content-projects-portfolio-yara-index-md-a80522f1185b53cbb5ab.js\"],\"component---src-templates-post-js-content-file-path-content-design-systems-aligning-ux-designers-and-ui-developers-index-md\":[\"/component---src-templates-post-js-content-file-path-content-design-systems-aligning-ux-designers-and-ui-developers-index-md-167937846d88b5d41ab5.js\"],\"component---src-templates-post-js-content-file-path-content-design-systems-boosting-workshop-index-md\":[\"/component---src-templates-post-js-content-file-path-content-design-systems-boosting-workshop-index-md-200dce8b0c22d3c6fa49.js\"],\"component---src-templates-post-js-content-file-path-content-design-systems-design-systems-101-index-md\":[\"/component---src-templates-post-js-content-file-path-content-design-systems-design-systems-101-index-md-8334501a7246cc2658c8.js\"],\"component---src-templates-post-js-content-file-path-content-design-systems-gems-index-md\":[\"/component---src-templates-post-js-content-file-path-content-design-systems-gems-index-md-c080b3ecb69b603074e4.js\"],\"component---src-templates-post-js-content-file-path-content-design-systems-hands-on-workshop-index-md\":[\"/component---src-templates-post-js-content-file-path-content-design-systems-hands-on-workshop-index-md-f7d0d3745be65058c0e7.js\"],\"component---src-templates-post-js-content-file-path-content-design-systems-pattern-journey-index-md\":[\"/component---src-templates-post-js-content-file-path-content-design-systems-pattern-journey-index-md-e30efdb932ddd1c1bf51.js\"],\"component---src-templates-post-js-content-file-path-content-design-systems-team-process-workshop-index-md\":[\"/component---src-templates-post-js-content-file-path-content-design-systems-team-process-workshop-index-md-9943c27900032fae7fb3.js\"],\"component---src-templates-post-js-content-file-path-content-design-systems-what-is-a-design-system-index-md\":[\"/component---src-templates-post-js-content-file-path-content-design-systems-what-is-a-design-system-index-md-a3f2747ddab0a271dcd6.js\"],\"component---src-templates-post-js-content-file-path-content-life-again-about-finland-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-again-about-finland-index-ru-md-6467d74b829ef5f4f342.js\"],\"component---src-templates-post-js-content-file-path-content-life-bad-holland-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-bad-holland-index-ru-md-7b6e036c54acb0118599.js\"],\"component---src-templates-post-js-content-file-path-content-life-buying-car-finland-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-buying-car-finland-index-ru-md-82310283c2f6991a0075.js\"],\"component---src-templates-post-js-content-file-path-content-life-changing-driving-licence-in-the-netherlands-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-changing-driving-licence-in-the-netherlands-index-ru-md-d5c97bcd6550b504517e.js\"],\"component---src-templates-post-js-content-file-path-content-life-chaotically-about-finland-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-chaotically-about-finland-index-ru-md-5001bcac97a6e3221e03.js\"],\"component---src-templates-post-js-content-file-path-content-life-charming-tallinn-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-charming-tallinn-index-ru-md-cd91fcacca6e31f89e0f.js\"],\"component---src-templates-post-js-content-file-path-content-life-christmas-2013-in-dusseldorf-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-christmas-2013-in-dusseldorf-index-ru-md-22bb559b39d7f14e2bc6.js\"],\"component---src-templates-post-js-content-file-path-content-life-cities-of-mine-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-cities-of-mine-index-ru-md-5be4df64e12b874d3d28.js\"],\"component---src-templates-post-js-content-file-path-content-life-dickens-festival-in-deventer-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-dickens-festival-in-deventer-index-ru-md-aabe3233b5ee3885ef8b.js\"],\"component---src-templates-post-js-content-file-path-content-life-documents-for-dutch-visa-apostille-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-documents-for-dutch-visa-apostille-index-ru-md-346daf6f49de9acc0a4d.js\"],\"component---src-templates-post-js-content-file-path-content-life-dutch-and-german-taxes-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-dutch-and-german-taxes-index-ru-md-b3511d00af95fe7dcd1c.js\"],\"component---src-templates-post-js-content-file-path-content-life-dutch-bureaucracy-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-dutch-bureaucracy-index-ru-md-18bc665110fa122f4839.js\"],\"component---src-templates-post-js-content-file-path-content-life-dutch-dentist-russian-insurance-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-dutch-dentist-russian-insurance-index-ru-md-5e6f37770451c449b9c8.js\"],\"component---src-templates-post-js-content-file-path-content-life-expat-center-amsterdam-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-expat-center-amsterdam-index-ru-md-bf3e3d5f1645dbafab5a.js\"],\"component---src-templates-post-js-content-file-path-content-life-finnish-medicine-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-finnish-medicine-index-ru-md-cbb428668c74385eafdc.js\"],\"component---src-templates-post-js-content-file-path-content-life-first-days-in-amsterdam-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-first-days-in-amsterdam-index-ru-md-e000aae9f2290814f184.js\"],\"component---src-templates-post-js-content-file-path-content-life-frederiksplein-42-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-frederiksplein-42-index-ru-md-e8bd0c1032a2c6bd09df.js\"],\"component---src-templates-post-js-content-file-path-content-life-from-finland-to-russia-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-life-from-finland-to-russia-index-en-md-fdb4c3f42da8dbeb20c3.js\"],\"component---src-templates-post-js-content-file-path-content-life-getting-mvv-visa-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-getting-mvv-visa-index-ru-md-24c2567853706a7fc3df.js\"],\"component---src-templates-post-js-content-file-path-content-life-good-holland-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-good-holland-index-ru-md-db0d939ac697124164c0.js\"],\"component---src-templates-post-js-content-file-path-content-life-hello-from-the-netherlands-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-hello-from-the-netherlands-index-ru-md-36fefd4d5fa46b40f87a.js\"],\"component---src-templates-post-js-content-file-path-content-life-help-to-fit-furniture-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-help-to-fit-furniture-index-ru-md-21d0865db57378caefad.js\"],\"component---src-templates-post-js-content-file-path-content-life-herengracht-apartment-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-herengracht-apartment-index-ru-md-98442ce54a77f268dd31.js\"],\"component---src-templates-post-js-content-file-path-content-life-hiring-a-frontend-developer-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-hiring-a-frontend-developer-index-ru-md-3c96435eb494b9dae326.js\"],\"component---src-templates-post-js-content-file-path-content-life-home-finance-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-life-home-finance-index-en-md-3e50b4f5662ee6053e96.js\"],\"component---src-templates-post-js-content-file-path-content-life-home-finance-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-home-finance-index-ru-md-0c29b95d5b93415f9afa.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-blog-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-blog-index-ru-md-a73ddd68fb9fd6ff8999.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-10-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-10-index-en-md-dbd1517c59034799c61a.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-10-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-10-index-ru-md-970f6a4aa0f920c05841.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-11-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-11-index-en-md-579400cf2b578c4065b6.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-11-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-11-index-ru-md-a28110726037d783b011.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-12-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-12-index-en-md-51ffabfedaff9c2c0503.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-12-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-12-index-ru-md-9c3d35d537fbd4b4cf86.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-3-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-3-index-en-md-c5aa0aea49f6b93e09da.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-3-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-3-index-ru-md-44ed7780d3a41896f928.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-4-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-4-index-en-md-5bd6c47ce71b6af53a36.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-4-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-4-index-ru-md-2eb7a5470aabb677e012.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-5-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-5-index-en-md-07a7003be4430baa3e40.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-5-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-5-index-ru-md-202e2d71320b84dd5d55.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-6-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-6-index-en-md-e4bcde7e239fbfc2bd63.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-6-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-6-index-ru-md-33b1da9f066b0b71791e.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-7-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-7-index-en-md-75283e30cb63b922b6c3.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-7-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-7-index-ru-md-8c0415f6adcf3ef1b87b.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-8-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-8-index-en-md-8cdc3509d38354057900.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-8-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-8-index-ru-md-d2f241e8cfd4b3
2531eac32.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-9-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-9-index-en-md-f2dcf299b85e7fcdeeea.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-9-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-9-index-ru-md-4e25c74de6f53da9a3ed.js\"],\"component---src-templates-post-js-content-file-path-content-life-little-suomi-27-2017-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-life-little-suomi-27-2017-index-en-md-16e7c228e6b69fb0fda2.js\"],\"component---src-templates-post-js-content-file-path-content-life-little-suomi-27-2017-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-little-suomi-27-2017-index-ru-md-8ae6555a77bceb627cbe.js\"],\"component---src-templates-post-js-content-file-path-content-life-little-suomi-29-2017-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-life-little-suomi-29-2017-index-en-md-ce36fcf3a952d3878a9e.js\"],\"component---src-templates-post-js-content-file-path-content-life-little-suomi-29-2017-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-little-suomi-29-2017-index-ru-md-8dd14fa5bc76c265cdec.js\"],\"component---src-templates-post-js-content-file-path-content-life-little-things-in-finland-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-little-things-in-finland-index-ru-md-a77e440b88dfcb05af08.js\"],\"component---src-templates-post-js-content-file-path-content-life-looking-for-job-in-europe-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-looking-for-job-in-europe-index-ru-md-e70bbcca699395b65824.js\"],\"component---src-templates-post-js-content-file-path-content-life-lost-residence-permit-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-lost-residence-permit-index-ru-md-b7511cda16337faa97af.js\"],\"component---src-templates-post-js-content-file-path-content-life-maastricht-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-maastricht-index-ru-md-3f15065f505f5e3af284.js\"],\"component---src-templates-post-js-content-file-path-content-life-moving-to-finland-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-moving-to-finland-index-ru-md-fd386daed9abe956f17a.js\"],\"component---src-templates-post-js-content-file-path-content-life-rotterdam-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-rotterdam-index-ru-md-76ed68a5420e1462c6af.js\"],\"component---src-templates-post-js-content-file-path-content-life-see-paris-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-see-paris-index-ru-md-f9f01c8b55cf87ac0d7c.js\"],\"component---src-templates-post-js-content-file-path-content-life-todo-list-when-moving-abroad-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-todo-list-when-moving-abroad-index-ru-md-adb062c1fff31e2f86f8.js\"],\"component---src-templates-post-js-content-file-path-content-life-weird-moscow-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-life-weird-moscow-index-en-md-4de0e2da21742df9ce4a.js\"],\"component---src-templates-post-js-content-file-path-content-posts-articulation-exercises-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-articulation-exercises-index-ru-md-75c3ae96339b128314c4.js\"],\"component---src-templates-post-js-content-file-path-content-posts-automating-style-guide-driven-development-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-automating-style-guide-driven-development-index-md-2db62ea08b153e21ba3d.js\"],\"component---src-templates-post-js-content-file-path-content-posts-bem-faq-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-bem-faq-index-md-93f7122924d8103d87cf.js\"],\"component---src-templates-post-js-content-file-path-content-posts-bem-tools-100-alpha-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-bem-tools-100-alpha-index-ru-md-1d9505510db945837bc3.js\"],\"component---src-templates-post-js-content-file-path-content-posts-beml-html-preprocessor-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-beml-html-preprocessor-index-en-md-2ef8b8ee44170355e47c.js\"],\"component---src-templates-post-js-content-file-path-content-posts-best-way-to-hide-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-best-way-to-hide-index-en-md-41cb7a658fed1acaff91.js\"],\"component---src-templates-post-js-content-file-path-content-posts-blocks-and-bundles-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-blocks-and-bundles-index-en-md-83e94762fed30e67449f.js\"],\"component---src-templates-post-js-content-file-path-content-posts-blocks-and-bundles-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-blocks-and-bundles-index-ru-md-cae29410e50f4213753f.js\"],\"component---src-templates-post-js-content-file-path-content-posts-borschik-static-assets-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-borschik-static-assets-index-en-md-20233c5cb82a89c5b4d8.js\"],\"component---src-templates-post-js-content-file-path-content-posts-borschik-static-assets-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-borschik-static-assets-index-ru-md-9b6ae05c1435a3cdea7e.js\"],\"component---src-templates-post-js-content-file-path-content-posts-business-models-innovation-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-business-models-innovation-index-md-9cca11801ab0ceaeec6c.js\"],\"component---src-templates-post-js-content-file-path-content-posts-communication-culture-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-communication-culture-index-en-md-300903c72d50b2d3fd70.js\"],\"component---src-templates-post-js-content-file-path-content-posts-dealing-atomically-with-icon-fonts-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-dealing-atomically-with-icon-fonts-index-en-md-e9560b42b6d4cb5be227.js\"],\"component---src-templates-post-js-content-file-path-content-posts-design-system-engineering-platform-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-design-system-engineering-platform-index-md-72b3d0daf9d6cecb62b9.js\"],\"component---src-templates-post-js-content-file-path-content-posts-design-system-remote-work-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-design-system-remote-work-index-md-8c84acf52740ce4a45d9.js\"],\"component---src-templates-post-js-content-file-path-content-posts-design-system-versioning-basics-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-design-system-versioning-basics-index-md-c760883dae1d8d9ce443.js\"],\"component---src-templates-post-js-content-file-path-content-posts-design-systems-career-path-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-design-systems-career-path-index-md-744888bdcd53bf2a317b.js\"],\"component---src-templates-post-js-content-file-path-content-posts-design-systems-review-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-design-systems-review-index-md-f39c975f4d9138543595.js\"],\"component---src-templates-post-js-content-file-path-content-posts-design-tokens-and-components-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-design-tokens-and-components-index-md-49a1e4695c0fc1935a36.js\"],\"component---src-templates-post-js-content-file-path-content-posts-designers-developers-linkedin-study-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-designers-developers-linkedin-study-index-md-09b32e6ee71b774ba0a3.js\"],\"component---src-templates-post-js-content-file-path-content-posts-docpad-with-bem-taste-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-docpad-with-bem-taste-index-en-md-df652c2eef85a05a8b4b.js\"],\"component---src-templates-post-js-content-file-path-content-posts-dotfiles-and-configurations-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-dotfiles-and-configurations-index-md-72499986fd69b6b20277.js\"],\"component---src-templates-post-js-content-file-path-content-posts-ds-upgrades-in-2026-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-ds-upgrades-in-2026-index-md-3d6cb0770a9839e47c7b.js\"],\"component---src-templates-post-js-content-file-path-content-posts-efficient-xslt-techniques-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-efficient-xslt-techniques-index-ru-md-9559711b4c26522a2058.js\"],\"component---src-templates-post-js-content-file-path-content-posts-first-steroids-app-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-first-steroids-app-index-ru-md-64b6fcdbf33ae41846c2.js\"],\"component---src-templates-post-js-content-file-path-content-posts-flatten-array-with-reduce-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-flatten-array-with-reduce-index-md-befc661c7c7f94dcbdbc.js\"],\"component---src-templates-post-js-content-file-path-content-posts-fonts-no-cramp-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-fonts-no-cramp-index-en-md-56347e41e9fd6c8bd660.js\"],\"component---src-templates-post-js-content-file-path-content-posts-frontend-babel-alpha-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-frontend-babel-alpha-index-en-md-2cbc6f1a2614d0cf7d0b.js\"],\"component---src-templates-post-js-content-file-path-content-posts-frontend-babel-alpha-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-frontend-babel-alpha-index-ru-md-6c137023f7bdc6f08714.js\"],\"component---src-templates-post-js-content-file-path-content-posts-frontend-babel-first-week-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-frontend-babel-first-week-index-ru-md-b080f8d0b477bff27c50.js\"],\"component---src-templates-post-js-content-file-path-content-posts-future-frontend-2026-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-future-frontend-2026-index-md-d0cb27cd9681ccd7e3bf.js\"],\"component---src-templates-post-js-content-file-path-content-posts-git-multiple-emails-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-git-multiple-emails-index-md-492934257ab3eca222c5.js\"],\"component---src-templates-post-js-content-file-path-content-posts-html-5-mobile-app-width-native-ui-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-html-5-mobile-app-width-native-ui-index-en-md-721e33e51e53f76d024a.js\"],\"component---src-templates-post-js-content-file-path-content-posts-html-5-mobile-app-width-native-ui-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-html-5-mobile-app-width-native-ui-index-ru-md-5c7bf11abc2f7986ef30.js\"],\"component---src-templates-post-js-content-file-path-content-posts-image-diffs-with-git-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-image-diffs-with-git-index-en-md-1f0040c74e4b72a016a3.js\"],\"component---src-templates-post-js-content-file-path-content-posts-jack-of-all-trades-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-jack-of-all-trades-index-md-03aa4a27e24cf
253c5ee82e.js\"],\"component---src-templates-post-js-content-file-path-content-posts-javascript-component-solutions-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-javascript-component-solutions-index-en-md-8ada8028905fbd74b995.js\"],\"component---src-templates-post-js-content-file-path-content-posts-javascript-in-bemjson-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-javascript-in-bemjson-index-en-md-87a57f580191242ba484.js\"],\"component---src-templates-post-js-content-file-path-content-posts-javascript-in-bemjson-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-javascript-in-bemjson-index-ru-md-83a5e5db0914665d5a42.js\"],\"component---src-templates-post-js-content-file-path-content-posts-jira-hypothesis-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-jira-hypothesis-index-md-76b3f9fc0bbf4a73157c.js\"],\"component---src-templates-post-js-content-file-path-content-posts-jscs-in-use-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-jscs-in-use-index-en-md-9a71facde7b34a78c4b9.js\"],\"component---src-templates-post-js-content-file-path-content-posts-jscs-in-use-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-jscs-in-use-index-ru-md-95aa5ed355a7ee29460c.js\"],\"component---src-templates-post-js-content-file-path-content-posts-learn-english-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-learn-english-index-ru-md-29ae45c4860a47614e30.js\"],\"component---src-templates-post-js-content-file-path-content-posts-maintaining-design-systems-with-proper-user-research-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-maintaining-design-systems-with-proper-user-research-index-md-6daebc76e2be4f811ee9.js\"],\"component---src-templates-post-js-content-file-path-content-posts-new-frontend-methodology-bem-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-new-frontend-methodology-bem-index-md-be1d6aa54033e0b97677.js\"],\"component---src-templates-post-js-content-file-path-content-posts-okrs-7-reasons-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-okrs-7-reasons-index-md-cf7044a5704cf1779981.js\"],\"component---src-templates-post-js-content-file-path-content-posts-on-the-unicorn-law-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-on-the-unicorn-law-index-en-md-2dbc38690f4a5f56dda9.js\"],\"component---src-templates-post-js-content-file-path-content-posts-patterned-triangle-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-patterned-triangle-index-en-md-79164d8242a98a0c4535.js\"],\"component---src-templates-post-js-content-file-path-content-posts-platforms-create-value-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-platforms-create-value-index-md-1ea63c9db649974912bf.js\"],\"component---src-templates-post-js-content-file-path-content-posts-ppl-centric-design-systems-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-ppl-centric-design-systems-index-md-b9458445f2c3013c4c98.js\"],\"component---src-templates-post-js-content-file-path-content-posts-proptypes-in-zeroheight-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-proptypes-in-zeroheight-index-md-b5d0d37244e318263d0f.js\"],\"component---src-templates-post-js-content-file-path-content-posts-pseudo-tag-cloud-css-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-pseudo-tag-cloud-css-index-en-md-4e4a838506f70ca3fb72.js\"],\"component---src-templates-post-js-content-file-path-content-posts-publish-packages-on-github-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-publish-packages-on-github-index-md-96a27648d3f660fd7176.js\"],\"component---src-templates-post-js-content-file-path-content-posts-pulling-the-contributions-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-pulling-the-contributions-index-md-2a9e9d61d88a81865d65.js\"],\"component---src-templates-post-js-content-file-path-content-posts-quick-start-bem-stack-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-quick-start-bem-stack-index-md-8a28ee9701b8cd695f2f.js\"],\"component---src-templates-post-js-content-file-path-content-posts-raising-new-devs-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-raising-new-devs-index-md-dc63014d1e556120dc54.js\"],\"component---src-templates-post-js-content-file-path-content-posts-react-angular-project-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-react-angular-project-index-en-md-6edb090affe0f314f026.js\"],\"component---src-templates-post-js-content-file-path-content-posts-react-hackathon-materials-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-react-hackathon-materials-index-en-md-95343ddabb426be8221d.js\"],\"component---src-templates-post-js-content-file-path-content-posts-react-redux-simple-project-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-react-redux-simple-project-index-en-md-26583100a2480693c8e8.js\"],\"component---src-templates-post-js-content-file-path-content-posts-release-to-npm-with-github-actions-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-release-to-npm-with-github-actions-index-md-ddd652ce2da429cf8871.js\"],\"component---src-templates-post-js-content-file-path-content-posts-run-app-in-time-on-mac-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-run-app-in-time-on-mac-index-en-md-094e9e36a752ea267b39.js\"],\"component---src-templates-post-js-content-file-path-content-posts-run-app-in-time-on-mac-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-run-app-in-time-on-mac-index-ru-md-7a3fa8cc428e2903eeea.js\"],\"component---src-templates-post-js-content-file-path-content-posts-sc-5-style-guide-next-level-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-sc-5-style-guide-next-level-index-en-md-0a197ed9d132f08b803d.js\"],\"component---src-templates-post-js-content-file-path-content-posts-sc-5-styleguide-for-smallers-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-sc-5-styleguide-for-smallers-index-en-md-7818140fe63b0752b5a9.js\"],\"component---src-templates-post-js-content-file-path-content-posts-sc-5-styleguide-for-smallers-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-sc-5-styleguide-for-smallers-index-ru-md-ccc80296bf466aeddd4d.js\"],\"component---src-templates-post-js-content-file-path-content-posts-scotland-css-and-js-2016-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-scotland-css-and-js-2016-index-ru-md-34e575e8206e3907b874.js\"],\"component---src-templates-post-js-content-file-path-content-posts-shared-project-vision-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-shared-project-vision-index-md-188189c2c4c5cbe61ea1.js\"],\"component---src-templates-post-js-content-file-path-content-posts-steroids-drawers-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-steroids-drawers-index-en-md-3db5a4e0aed93e13073b.js\"],\"component---src-templates-post-js-content-file-path-content-posts-stories-with-different-viewports-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-stories-with-different-viewports-index-md-31a4eada2da7b430c8a3.js\"],\"component---src-templates-post-js-content-file-path-content-posts-switching-to-bem-core-2-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-switching-to-bem-core-2-index-en-md-e40c2f10ddccdd756eaf.js\"],\"component---src-templates-post-js-content-file-path-content-posts-ten-xslt-mistakes-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-ten-xslt-mistakes-index-ru-md-27fef55599689752bada.js\"],\"component---src-templates-post-js-content-file-path-content-posts-testpost-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-testpost-index-md-f5f68b2fb1e1dadb29ae.js\"],\"component---src-templates-post-js-content-file-path-content-posts-to-bem-or-not-to-bem-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-to-bem-or-not-to-bem-index-md-c83aed284b84f744c95a.js\"],\"component---src-templates-post-js-content-file-path-content-posts-tutorial-javascript-components-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-tutorial-javascript-components-index-md-ef82586b4a167183d036.js\"],\"component---src-templates-post-js-content-file-path-content-posts-webfonts-with-sass-and-webpack-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-webfonts-with-sass-and-webpack-index-md-37652173e7ecf57cf0f9.js\"],\"component---src-templates-post-js-content-file-path-content-posts-week-44-2016-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-week-44-2016-index-en-md-67688c3c0b2d347f7c54.js\"],\"component---src-templates-post-js-content-file-path-content-posts-what-makes-entrepreneurs-entrepreneurial-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-what-makes-entrepreneurs-entrepreneurial-index-en-md-f70a268cf529a228f36f.js\"],\"component---src-templates-post-js-content-file-path-content-posts-xpath-prime-numbers-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-xpath-prime-numbers-index-ru-md-7dc10dcbc542a2c04436.js\"],\"component---src-templates-post-js-content-file-path-content-posts-xslt-recursion-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-xslt-recursion-index-ru-md-dad3af7bfa138efb183e.js\"],\"component---src-templates-post-js-content-file-path-content-posts-ym-modular-system-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-ym-modular-system-index-en-md-2d9de0eaf0342c269d3e.js\"],\"component---src-templates-post-js-content-file-path-content-projects-appomni-index-md\":[\"/component---src-templates-post-js-content-file-path-content-projects-appomni-index-md-3714bd6d76f4664f4e2f.js\"],\"component---src-templates-post-js-content-file-path-content-projects-bem-project-index-md\":[\"/component---src-templates-post-js-content-file-path-content-projects-bem-project-index-md-4712961ce5af02ab400d.js\"],\"component---src-templates-post-js-content-file-path-content-projects-business-finland-index-md\":[\"/component---src-templates-post-js-content-file-path-content-projects-business-finland-index-md-3ed8f7403bff8d10f3ae.js\"],\"component---src-templates-post-js-content-file-path-content-projects-elisa-design-system-v-1-index-md\":[\"/component---src-templates-post-js-content-file-path-content-projects-elisa-design-system-v-1-index-md-ab1b2c8ad186a9e68e34.js\"],\"component---src-templates-post-js-content-file-path-content-projects-elisa-renewal-index-md\":[\"/component---src-templates-post-js-content-file-path-content-projects-elisa-renewal-index-md-1132f86678c043fbbc0b.js\"],\"component---src-templates-post-js-content-file-path-content-projects-f-secure-ds-strategy-index-md\":[\"/component---src-templates-post-js-content-file-path-content-projects-f-secure-ds-strategy-index-md-661b2fd1dbb8947da367.js\"],\"component---src-templates-post-js-content-file-path-content-projects-hands-on-design-system-workshop-index-md\":[\"/component---src-templates-post-js-content-file-path-content-projects-hands-on-design-system-workshop-index-md-269e671e77ee7eaf096d.js\"],\"component---src-templates-post-js-content-file-path-content-projects-hands-on-with-design-systems-2021-index-md\":[\"/component---src-templates-post-js-content-file-path-content-projects-hands-on-with-design-systems-2021-index-md-1c2a5547d69525c7e990.js\"],\"component---src-templates-post-js-content-file-path-content-projects-huhtamaki-index-md\":[\"/component---src-templates-post-js-content-file-path-content-projects-huhtamaki-index-md-4d506c1f1b01aa9e2f2e.js\"],\"component---src-templates-post-js-content-file-path-content-projects-lego-project-index-md\":[\"/component---src-templates-post-js-content-file-path-content-projects-lego-project-index-md-92568942804b3b152ab4.js\"],\"component---src-templates-post-js-content-file-path-content-projects-manychat-index-md\":[\"/component---src-templates-post-js-content-file-path-content-projects-manychat-index-md-0b5655f2aed635bf0bf4.js\"],\"component---src-templates-post-js-content-file-path-content-projects-metro-design-system-index-md\":[\"/component---src-templates-post-js-content-file-path-content-projects-metro-design-system-index-md-d103c80cf0c32c52735e.js\"],\"component---src-templates-post-js-content-file-path-content-projects-react-finland-2020-workshop-index-md\":[\"/component---src-templates-post-js-content-file-path-content-projects-react-finland-2020-workshop-index-md-c4328d8d4861891cf721.js\"],\"component---src-templates-post-js-content-file-path-content-projects-yara-index-md\":[\"/component---src-templates-post-js-content-file-path-content-projects-yara-index-md-94a1a693
253c72361f05bda.js\"],\"component---src-templates-tag-index-js\":[\"/component---src-templates-tag-index-js-e2a4a9e8b9c0f256ffc8.js\"]}"; 254 </script>
254 255
255<script>window.___webpackCompilationHash="ae05fb03a304d894cff0";</script>
255<script src="/webpack-runtime-8aab51fd5bd1456c8f89.js" async></script>
255<script src="/framework-5f38f62a98b3e23acf25.js" async></script>
255<script src="/app-38c49a65f38a2a48e95a.js" async></script>
255<!-- slice-end id="_gatsby-scripts-1" --></body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.