website

9 files changed, 164 insertions, 94 deletions

diff --git a/docs/_config.yml b/docs/_config.yml
index f00875d90..b66780472 100644
--- a/docs/_config.yml
+++ b/docs/_config.yml
@@ -8,3 +8,5 @@ kramdown:
   input: GFM
   auto_ids: true
   hard_wrap: false
+exclude:
+  - README.md
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
index 1618ab47f..c3f80ca25 100644
--- a/docs/_layouts/default.html
+++ b/docs/_layouts/default.html
@@ -70,12 +70,12 @@ endfor
     <div class="row menu">
       <ul class="menu">
         <li class="home"><a href="{{url_root}}">Inter</a></li>
-        <li><a href="{{url_root}}samples/" {% if page.url contains "/samples/" %}class="active"{% endif %}>Samples</a></li>
-        <li class="wide-window"><a href="{{url_root}}glyphs/" {% if page.url contains "/glyphs/" %}class="active"{% endif %}>Glyphs</a></li>
-        <li class="wide-window"><a href="{{url_root}}dynmetrics/" {% if page.url contains "/dynmetrics/" %}class="active"{% endif %}>Dynamic Metrics</a></li>
-        <li><a href="{{url_root}}lab/" {% if page.url contains "/lab/" %}class="active"{% endif %}>Lab</a></li>
-        <li><a href="https://github.com/rsms/inter/">Source</a></li>
-        <li class="wide-window"><a href="{{ download_url }}">Download &darr;</a></li>
+        <li class="samples"><a href="{{url_root}}samples/" {% if page.url contains "/samples/" %}class="active"{% endif %}>Samples</a></li>
+        <li class="glyphs"><a href="{{url_root}}glyphs/" {% if page.url contains "/glyphs/" %}class="active"{% endif %}>Glyphs</a></li>
+        <li class="dynmetrics"><a href="{{url_root}}dynmetrics/" {% if page.url contains "/dynmetrics/" %}class="active"{% endif %}>Dynamic Metrics</a></li>
+        <li class="lab"><a href="{{url_root}}lab/" {% if page.url contains "/lab/" %}class="active"{% endif %}>Lab</a></li>
+        <li class="source"><a href="https://github.com/rsms/inter/">Source</a></li>
+        <li class="download"><a href="{{ download_url }}">Download &darr;</a></li>
       </ul>
     </div>
 
diff --git a/docs/_scripts/optimize-resources.sh b/docs/_scripts/optimize-resources.sh
index 68f55324a..2ff2e4e27 100755
--- a/docs/_scripts/optimize-resources.sh
+++ b/docs/_scripts/optimize-resources.sh
@@ -2,18 +2,26 @@
 set -e
 cd "$(dirname "$0")/.."
 
+MISSING_UTILS=()
 if ! (which svgo >/dev/null); then
-  echo 'svgo not found in $PATH (try `brew install svgo` on mac)' >&2
-  exit 1
+  echo 'svgo not found in $PATH' >&2
+  MISSING_UTILS+=( svgo )
 fi
 
 if ! (which pngcrush >/dev/null); then
-  echo 'pngcrush not found in $PATH (try `brew install pngcrush` on mac)' >&2
-  exit 1
+  echo 'pngcrush not found in $PATH' >&2
+  MISSING_UTILS+=( pngcrush )
 fi
 
 if ! (which convert >/dev/null); then
-  echo 'convert not found in $PATH (try `brew install imagemagick` on mac)' >&2
+  echo 'convert not found in $PATH' >&2
+  MISSING_UTILS+=( imagemagick )
+fi
+
+if ! [ -z $MISSING_UTILS ]; then
+  if [[ "$(uname)" = *Darwin* ]]; then
+    echo 'try `brew install '"${MISSING_UTILS[@]}"'` on mac'
+  fi
   exit 1
 fi
 
diff --git a/docs/index.css b/docs/index.css
index aa1495f5a..9c787e830 100644
--- a/docs/index.css
+++ b/docs/index.css
@@ -1,7 +1,7 @@
 
 h1 {
   color: #010101;
-  font-size:110px;
+  font-size:81px;
   letter-spacing: -0.055em;
   line-height: 0.9em;
   text-indent: -0.03em;
@@ -9,6 +9,19 @@ h1 {
   margin-top: 10px;
   font-weight: 740;
 }
+/* title scales as window shrinks */
+@media only screen and (max-width: 988px) {
+  h1 { font-size: calc(100vw / 12.2); }
+}
+@media only screen and (max-width: 900px) {
+  h1 { font-size: calc(100vw / 12.5); }
+}
+@media only screen and (max-width: 760px) {
+  h1 { font-size: calc(100vw / 12.8); }
+}
+@media only screen and (max-width: 660px) {
+  h1 { font-size: calc(100vw / 13.2); }
+}
 
 @media only screen and (max-width: 565px) {
   h1 {
@@ -19,6 +32,13 @@ h1 {
   }
 }
 
+.weights-and-styles {
+  display: block;
+  opacity: 0.98;
+  width: 100%;
+  margin: 3em 0 3em 0;
+}
+
 #hidden-text-input {
   position: absolute;
   left:0;
diff --git a/docs/index.html b/docs/index.html
index 7bb1ab037..6d17d10b7 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -26,20 +26,30 @@ endfor
 <input type="text" id="hidden-text-input">
 
 <div class="row white"><div>
-  <h1>The Inter<br>typeface family</h1>
+  <!-- <h1>The Inter<br>typeface family</h1> -->
   <grid columns=8>
-    <c span=2 span-s=row>
-    Inter is a typeface specially designed for computer screens.
+    <c span=row>
+      <h1>The Inter typeface family</h1>
+    </c>
+    <c span=1-2 span-s=row>
+      Inter is a typeface carefully crafted &amp; designed for
+      computer screens.
     </c>
     <c span=3.. span-s=row>
-    The family features a tall x-height to aid in readability of mixed-case and
-    lower-case text. Several OpenType features are provided as well,
-    like contextual alternates that adjusts punctuation depending on the shape of
-    surrounding glyphs, slashed zero for when you need to disambiguate "0" from "o",
-    tabular numbers, etc.
+      <!-- <p>Inter is a typeface specially designed for computer screens.</p> -->
+      <p>
+        Inter features a tall x-height to aid in readability of mixed-case and
+        lower-case text. Several OpenType features are provided as well,
+        like contextual alternates that adjusts punctuation depending on the
+        shape of surrounding glyphs, slashed zero for when you need to
+        disambiguate "0" from "o", tabular numbers, etc.
+      </p>
+    </c>
+
+    <c span=3.. span-s=row style="margin:3rem 0 5rem 0">
+      <a href="samples/" class="plain"><img src="samples/img/subway.svg" width="100%"></a>
     </c>
 
-    <c class="spacer"></c>
     <c span=2 span-s=row class="only-large-screen">
       <h3>Inter Regular<br>Sample</h3>
     </c>
@@ -47,10 +57,6 @@ endfor
       <a href="samples/" class="plain"><img src="samples/img/a-z-regular.svg" width="100%"></a>
     </c>
     <c class="spacer"></c>
-    <c span=3.. span-s=row>
-      <a href="samples/" class="plain"><img src="samples/img/subway.svg" width="100%"></a>
-    </c>
-    <c class="spacer"></c>
     <c span=2 span-s=row class="only-large-screen">
       <h3>Inter Bold<br>Sample</h3>
     </c>
@@ -120,13 +126,13 @@ html { font-family: 'Inter', sans-serif; }
 </div></div>
 
 
-<div class="row"><div>
+<div class="row yellow"><div>
   <h2><a id="weights" href="#weights">Weights & Styles</a></h2>
   <p>
   There are nine weights, each with italic counterparts,
   making a total of 18 styles.
   </p>
-  <img src="res/weights-and-styles.svg" style="opacity:0.88;width:100%;display:block;margin:3em 0 3em 0">
+  <img src="res/weights-and-styles.svg" class="weights-and-styles">
 </div></div>
 
 
@@ -134,11 +140,11 @@ html { font-family: 'Inter', sans-serif; }
 <div class="row white variable"><div>
   <h2><a id="variable" href="#variable">Variable</a></h2>
 
-  <p>
+  <p flow-cols=2 flow-cols-s=1>
   Inter is offered as both traditional constant font files
   (one per style, e.g. Bold Italic, Medium, etc.) as well as a
   <a href="https://en.wikipedia.org/wiki/Variable_fonts">Variable Font</a>
-  file which contains all styles in a much smaller file size.
+  which contains all styles in a much smaller file size.
   Additionally, a variable font is ...variable! You can mix and match weight
   and italic angle as you please, forming theoretically infinite variations.
   </p>
@@ -190,7 +196,7 @@ html { font-family: 'Inter', sans-serif; }
 <div class="row white"><div>
   <p>
     Variable fonts is a new technology and support is somewhat in flux at
-    the time of writing this (fall 2018.)
+    the time of writing this (fall 2018.)<br>
     <a href="var-test.html">This test</a> can be used to discover
     what a web browser is capable of.
   </p>
@@ -200,7 +206,7 @@ html { font-family: 'Inter', sans-serif; }
 
 <div class="row features"><div>
   <h2><a id="features" href="#features">Features</a></h2>
-  <p>
+  <p style="max-width:38rem">
     Inter comes with many OpenType features that can be used to
     tailor functionality and aesthetics to your specific needs.
     Some of these features can be combined to form a great number of
@@ -292,7 +298,7 @@ html { font-family: 'Inter', sans-serif; }
 
 <div class="row white"><div>
   <h2><a id="story" href="#story">The story behind Inter</a></h2>
-  <flow columns=2 columns-s=1>
+  <div flow-cols=2 flow-cols-s=1>
     <p>
     Inter started out in late 2016 as an experiment to build a perfectly
     pixel-fitting font at a specific small size (11px.) The idea was that
@@ -316,7 +322,7 @@ html { font-family: 'Inter', sans-serif; }
     As Inter was being developed, it was tested on an internal version of
     <a href="https://www.figma.com/">Figma</a>—where the author of Inter works as a designer—and slowly improved upon based on experience and feedback.
     </p>
-  </flow>
+  </div>
 
   <p>&nbsp;</p>
 
diff --git a/docs/res/base.css b/docs/res/base.css
index 0c5dc7e77..2105a3e3e 100644
--- a/docs/res/base.css
+++ b/docs/res/base.css
@@ -8,8 +8,7 @@
   --spacing: 2rem;
   --spacingv: calc(var(--lineHeight) / 2);
 
-  --gridGapCol: var(--spacing);
-  --gridGapRow: calc(var(--spacing) / 2);
+  --columnGap: 2rem;
 
   --red: #F03009;
   --yellow: #FFE310;
@@ -295,6 +294,11 @@ h2.banner {
   letter-spacing: -0.012em;
 }
 
+.row.yellow {
+  background: var(--yellow);
+  color: rgba(0, 0, 0, 0.98);
+}
+
 .row {
   padding: 50px;
   display: flex;
@@ -340,6 +344,8 @@ h2.banner {
   border-bottom:1px solid rgba(0,0,0,0.1);
   background: #111;
   color: white;
+  border-top: 40px solid red;
+  margin-top: -40px;
 }
   .row.menu ul {
     width: auto;
@@ -388,6 +394,60 @@ h2.banner {
     opacity: 1;
   }
 
+/* narrow windows */
+@media only screen and (max-width: 565px) {
+  .row.menu ul {
+    justify-content: space-between;
+    margin: 0 35px;
+    padding-bottom: 5px;
+  }
+  .row.menu ul li > a {
+    /*background:#666;*/
+    padding: 10px 15px;
+  }
+  .row.menu ul li.home {
+    text-align:center;
+    margin: 0 0 -12px 0;
+    width: 100%;
+  }
+  .row.menu ul li.home > a {
+    border-bottom: none;
+    padding: 0 1em;
+    margin: 0.5em 0;
+    line-height: 34px;
+    border-radius: 90px;
+  }
+  .row.menu ul li.home > a:hover {
+    color: white;
+    background-color: #222;
+    text-decoration: none;
+  }
+}
+
+/* small devices (<= iPhone 6+) */
+@media only screen and (max-device-width: 414px) {
+  .row.menu ul {
+    margin: 0 5px;
+  }
+}
+
+.glyphs {}
+.dynmetrics {}
+.download {}
+
+@media only screen and (max-width: 800px) {
+  .menu .dynmetrics { display: none; }
+}
+@media only screen and (max-width: 640px) {
+  .menu .download { display: none; }
+}
+@media only screen and (max-width: 319px) {
+  .menu .source { display: none; }
+}
+@media only screen and (max-width: 250px) {
+  .menu .lab { display: none; }
+}
+
 
 .row.white {
   background: white;
@@ -479,7 +539,7 @@ tablex {
 /* grid */
 
 grid {
-  grid-column-gap: 2rem;
+  grid-column-gap: var(--columnGap);
   grid-row-gap: 0;
 }
 grid > c.spacer {
@@ -509,18 +569,44 @@ grid > c.spacer {
 
 flow { display:block; appearance: none; -webkit-appearance: none }
 flow[columns] {
-  column-gap: var(--spacing);
-  /*column-fill: balance;*/
+  column-gap: var(--columnGap);
+  column-fill: balance;
 }
 flow[columns="2"] {
   column-count: 2;
 }
-@media only screen and (max-width: 600px) {
+@media only screen and (max-width: 565px) {
   flow[columns-s="1"] {
     column-count: 1;
   }
 }
 
+/* column flow */
+[flow-cols], [flow-cols-s], [flow-cols-l] {
+  column-gap: var(--columnGap);
+  column-fill: balance;
+}
+[flow-cols="1"] { column-count: 1 }
+[flow-cols="2"] { column-count: 2 }
+[flow-cols="3"] { column-count: 3 }
+[flow-cols="4"] { column-count: 4 }
+[flow-cols="5"] { column-count: 5 }
+[flow-cols="6"] { column-count: 6 }
+[flow-cols="7"] { column-count: 7 }
+[flow-cols="8"] { column-count: 8 }
+
+@media only screen and (max-width: 565px) {
+  [flow-cols-s="1"] { column-count: 1 }
+  [flow-cols-s="2"] { column-count: 2 }
+  [flow-cols-s="3"] { column-count: 3 }
+  [flow-cols-s="4"] { column-count: 4 }
+  [flow-cols-s="5"] { column-count: 5 }
+  [flow-cols-s="6"] { column-count: 6 }
+  [flow-cols-s="7"] { column-count: 7 }
+  [flow-cols-s="8"] { column-count: 8 }
+}
+
+
 /* --------------------------------------------------------------------- */
 
 boxes {
@@ -604,37 +690,6 @@ box.large tablex r out {
 /* narrow windows */
 @media only screen and (max-width: 565px) {
   .wide-window, .only-large-screen { display: none; }
-  .row.menu ul {
-    justify-content: space-between;
-  }
-    .row.menu ul li {
-      margin-right: 15px;
-    }
-    .row.menu ul li:last-child {
-      margin-right: 0;
-    }
-  .row.menu ul li.home {
-    /*color: red;
-    clear: both;*/
-    /*display: block;*/
-    text-align:center;
-    margin:0 0 -12px 0;
-    width: 100%;
-  }
-  .row.menu ul li.home > a {
-    border-bottom: none;
-    padding: 0 1em;
-    margin: 0.5em 0;
-    line-height:34px;
-    border-radius: 90px;
-
-    /*color: white;
-    background-color: rgba(3, 102, 214, 1);*/
-  }
-  .row.menu ul li.home > a:hover {
-    color: white;
-    background-color: #222;
-  }
 }
 
 /* small devices (<= iPhone 6+) */
@@ -649,10 +704,6 @@ box.large tablex r out {
     padding-left: 20px;
     padding-right: 20px;
   }
-  .row.menu ul {
-    margin-left: 20px;
-    margin-right: 20px;
-  }
 }
 
 /* small devices (<= iPhone 5) */
@@ -661,23 +712,6 @@ box.large tablex r out {
     font-size: 0.8em;
     min-width: 240px;
   }
-  /*.row.menu {
-    font-size:13px;
-  }
-    .row.menu ul {
-      margin-left: 0;
-      margin-right: 0;
-    }
-      .row.menu ul li {
-        flex: 1 0 auto;
-        text-align: center;
-        border-right: 1px solid rgba(0,0,0,0.1);
-        margin-left:0;
-        margin-right:0;
-      }
-      .row.menu ul li:last-child {
-        border-right: none;
-      }*/
 }
 
 /*
diff --git a/docs/samples/img/regular-text.png b/docs/samples/img/regular-text.png
index f9084a3f1..eb62b08aa 100755..100644
--- a/docs/samples/img/regular-text.png
+++ b/docs/samples/img/regular-text.png
diff --git a/docs/samples/img/regular-text@2x.png b/docs/samples/img/regular-text@2x.png
index 0bb8177c1..9e27f11e6 100755..100644
--- a/docs/samples/img/regular-text@2x.png
+++ b/docs/samples/img/regular-text@2x.png
diff --git a/docs/samples/img/subway.svg b/docs/samples/img/subway.svg
index cf7df0a26..759bb9a39 100644
--- a/docs/samples/img/subway.svg
+++ b/docs/samples/img/subway.svg
@@ -1,7 +1,7 @@
 <svg width="3086" height="224" viewBox="0 0 3086 224" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M1320.94 176H1347.31L1371.63 92.3125H1372.63L1397 176H1423.38L1460 48H1430.44L1409.25 137.125H1408.13L1384.81 48H1359.5L1336.13 136.937H1335.06L1313.88 48H1284.31L1320.94 176ZM1498.62 177.875C1522.37 177.875 1538.37 166.312 1542.12 148.5L1517.5 146.875C1514.81 154.187 1507.93 158 1499.06 158C1485.75 158 1477.31 149.188 1477.31 134.875V134.812H1542.68V127.5C1542.68 94.875 1522.93 78.75 1497.56 78.75C1469.31 78.75 1451 98.8125 1451 128.437C1451 158.875 1469.06 177.875 1498.62 177.875ZM1477.31 118.312C1477.87 107.375 1486.18 98.625 1498 98.625C1509.56 98.625 1517.56 106.875 1517.62 118.312H1477.31ZM1551.26 176H1577.88V80H1551.26V176ZM1564.63 67.625C1572.57 67.625 1579.07 61.5625 1579.07 54.125C1579.07 46.75 1572.57 40.6875 1564.63 40.6875C1556.76 40.6875 1550.26 46.75 1550.26 54.125C1550.26 61.5625 1556.76 67.625 1564.63 67.625ZM1633.66 213.375C1661.1 213.375 1680.6 200.875 1680.6 176.938V80H1654.16V96.125H1653.16C1649.6 88.3125 1641.79 78.75 1625.73 78.75C1604.66 78.75 1586.85 95.125 1586.85 127.812C1586.85 159.75 1604.16 174.625 1625.79 174.625C1641.1 174.625 1649.66 166.937 1653.16 159H1654.29V176.563C1654.29 189.125 1645.85 194.25 1634.29 194.25C1622.54 194.25 1616.6 189.125 1614.41 183.938L1589.79 187.25C1592.98 201.75 1607.79 213.375 1633.66 213.375ZM1634.23 154.625C1621.16 154.625 1614.04 144.25 1614.04 127.687C1614.04 111.375 1621.04 99.9375 1634.23 99.9375C1647.16 99.9375 1654.41 110.875 1654.41 127.687C1654.41 144.625 1647.04 154.625 1634.23 154.625ZM1719.61 120.5C1719.67 108.125 1727.24 100.875 1738.11 100.875C1748.92 100.875 1755.3 107.812 1755.24 119.625V176H1781.86V114.875C1781.92 92.375 1768.67 78.75 1748.67 78.75C1734.11 78.75 1724.36 85.625 1719.99 96.9375H1718.86V48H1692.99V176H1719.61V120.5ZM1845.08 80H1827.02V57H1800.39V80H1787.27V100H1800.39V150C1800.27 168.812 1813.08 178.125 1832.39 177.313C1839.27 177.063 1844.14 175.687 1846.83 174.812L1842.64 155C1841.33 155.25 1838.52 155.875 1836.02 155.875C1830.7 155.875 1827.02 153.875 1827.02 146.5V100H1845.08V80ZM1932.12 107.375C1929.75 89.6875 1915.5 78.75 1891.25 78.75C1866.68 78.75 1850.5 90.125 1850.56 108.625C1850.5 123 1859.56 132.312 1878.31 136.062L1894.93 139.375C1903.31 141.062 1907.12 144.125 1907.25 148.938C1907.12 154.625 1900.93 158.688 1891.62 158.688C1882.12 158.688 1875.81 154.625 1874.18 146.812L1848 148.187C1850.5 166.562 1866.12 177.875 1891.56 177.875C1916.43 177.875 1934.25 165.187 1934.31 146.25C1934.25 132.375 1925.18 124.062 1906.56 120.25L1889.18 116.75C1880.25 114.812 1876.93 111.75 1877 107.125C1876.93 101.375 1883.43 97.625 1891.68 97.625C1900.93 97.625 1906.43 102.687 1907.75 108.875L1932.12 107.375Z" fill="#030303"/>
-<circle cx="1126" cy="112" r="111" fill="#F03009"/>
-<path d="M1125.29 74.0653C1109.52 73.9943 1099.05 84.7898 1099.05 99.1364C1099.05 112.915 1108.85 122.822 1121.6 122.822C1129.44 122.822 1136.26 119.023 1139.78 112.773H1140.28C1140.24 128.327 1134.59 137.595 1124.54 137.595C1118.26 137.595 1114.03 133.973 1112.72 128.185H1099.76C1101.25 140.223 1110.77 148.994 1124.54 148.994C1141.98 148.994 1153.02 134.435 1153.06 109.399C1153.02 82.7301 1139.25 74.1719 1125.29 74.0653ZM1125.33 84.7188C1133.1 84.7188 1138.82 91.1818 1138.82 98.7812C1138.82 106.345 1132.85 112.808 1125.18 112.808C1117.44 112.808 1111.83 106.7 1111.83 98.8523C1111.83 90.9332 1117.62 84.7188 1125.33 84.7188Z" fill="white"/>
+<path d="M1354.94 176H1381.31L1405.63 92.3125H1406.63L1431 176H1457.38L1494 48H1464.44L1443.25 137.125H1442.13L1418.81 48H1393.5L1370.13 136.937H1369.06L1347.88 48H1318.31L1354.94 176ZM1532.62 177.875C1556.37 177.875 1572.37 166.312 1576.12 148.5L1551.5 146.875C1548.81 154.187 1541.93 158 1533.06 158C1519.75 158 1511.31 149.188 1511.31 134.875V134.812H1576.68V127.5C1576.68 94.875 1556.93 78.75 1531.56 78.75C1503.31 78.75 1485 98.8125 1485 128.437C1485 158.875 1503.06 177.875 1532.62 177.875ZM1511.31 118.312C1511.87 107.375 1520.18 98.625 1532 98.625C1543.56 98.625 1551.56 106.875 1551.62 118.312H1511.31ZM1585.26 176H1611.88V80H1585.26V176ZM1598.63 67.625C1606.57 67.625 1613.07 61.5625 1613.07 54.125C1613.07 46.75 1606.57 40.6875 1598.63 40.6875C1590.76 40.6875 1584.26 46.75 1584.26 54.125C1584.26 61.5625 1590.76 67.625 1598.63 67.625ZM1667.66 213.375C1695.1 213.375 1714.6 200.875 1714.6 176.938V80H1688.16V96.125H1687.16C1683.6 88.3125 1675.79 78.75 1659.73 78.75C1638.66 78.75 1620.85 95.125 1620.85 127.812C1620.85 159.75 1638.16 174.625 1659.79 174.625C1675.1 174.625 1683.66 166.937 1687.16 159H1688.29V176.563C1688.29 189.125 1679.85 194.25 1668.29 194.25C1656.54 194.25 1650.6 189.125 1648.41 183.938L1623.79 187.25C1626.98 201.75 1641.79 213.375 1667.66 213.375ZM1668.23 154.625C1655.16 154.625 1648.04 144.25 1648.04 127.687C1648.04 111.375 1655.04 99.9375 1668.23 99.9375C1681.16 99.9375 1688.41 110.875 1688.41 127.687C1688.41 144.625 1681.04 154.625 1668.23 154.625ZM1753.61 120.5C1753.67 108.125 1761.24 100.875 1772.11 100.875C1782.92 100.875 1789.3 107.812 1789.24 119.625V176H1815.86V114.875C1815.92 92.375 1802.67 78.75 1782.67 78.75C1768.11 78.75 1758.36 85.625 1753.99 96.9375H1752.86V48H1726.99V176H1753.61V120.5ZM1879.08 80H1861.02V57H1834.39V80H1821.27V100H1834.39V150C1834.27 168.812 1847.08 178.125 1866.39 177.313C1873.27 177.063 1878.14 175.687 1880.83 174.812L1876.64 155C1875.33 155.25 1872.52 155.875 1870.02 155.875C1864.7 155.875 1861.02 153.875 1861.02 146.5V100H1879.08V80ZM1966.12 107.375C1963.75 89.6875 1949.5 78.75 1925.25 78.75C1900.68 78.75 1884.5 90.125 1884.56 108.625C1884.5 123 1893.56 132.312 1912.31 136.062L1928.93 139.375C1937.31 141.062 1941.12 144.125 1941.25 148.938C1941.12 154.625 1934.93 158.688 1925.62 158.688C1916.12 158.688 1909.81 154.625 1908.18 146.812L1882 148.187C1884.5 166.562 1900.12 177.875 1925.56 177.875C1950.43 177.875 1968.25 165.187 1968.31 146.25C1968.25 132.375 1959.18 124.062 1940.56 120.25L1923.18 116.75C1914.25 114.812 1910.93 111.75 1911 107.125C1910.93 101.375 1917.43 97.625 1925.68 97.625C1934.93 97.625 1940.43 102.687 1941.75 108.875L1966.12 107.375Z" fill="#030303"/>
+<circle cx="1160" cy="112" r="111" fill="#F03009"/>
+<path d="M1159.29 74.0653C1143.52 73.9943 1133.05 84.7898 1133.05 99.1364C1133.05 112.915 1142.85 122.822 1155.6 122.822C1163.44 122.822 1170.26 119.023 1173.78 112.773H1174.28C1174.24 128.327 1168.59 137.595 1158.54 137.595C1152.26 137.595 1148.03 133.973 1146.72 128.185H1133.76C1135.25 140.223 1144.77 148.994 1158.54 148.994C1175.98 148.994 1187.02 134.435 1187.06 109.399C1187.02 82.7301 1173.25 74.1719 1159.29 74.0653ZM1159.33 84.7188C1167.1 84.7188 1172.82 91.1818 1172.82 98.7812C1172.82 106.345 1166.85 112.808 1159.18 112.808C1151.44 112.808 1145.83 106.7 1145.83 98.8523C1145.83 90.9332 1151.62 84.7188 1159.33 84.7188Z" fill="white"/>
 <path d="M2404.12 176H2431.19V123.125H2483.25V100.812H2431.19V70.3125H2488.87V48H2404.12V176ZM2534.48 177.875C2558.23 177.875 2574.23 166.312 2577.98 148.5L2553.36 146.875C2550.67 154.187 2543.79 158 2534.92 158C2521.61 158 2513.17 149.188 2513.17 134.875V134.812H2578.54V127.5C2578.54 94.875 2558.79 78.75 2533.42 78.75C2505.17 78.75 2486.86 98.8125 2486.86 128.437C2486.86 158.875 2504.92 177.875 2534.48 177.875ZM2513.17 118.312C2513.73 107.375 2522.04 98.625 2533.86 98.625C2545.42 98.625 2553.42 106.875 2553.48 118.312H2513.17ZM2614.49 177.813C2628.68 177.813 2637.87 171.625 2642.56 162.688H2643.31V176H2668.56V111.25C2668.56 88.375 2649.18 78.75 2627.81 78.75C2604.81 78.75 2589.68 89.75 2585.99 107.25L2610.62 109.25C2612.43 102.875 2618.12 98.1875 2627.68 98.1875C2636.74 98.1875 2641.93 102.75 2641.93 110.625V111C2641.93 117.187 2635.37 118 2618.68 119.625C2599.68 121.375 2582.62 127.75 2582.62 149.188C2582.62 168.187 2596.18 177.813 2614.49 177.813ZM2622.12 159.437C2613.93 159.437 2608.06 155.625 2608.06 148.312C2608.06 140.812 2614.24 137.125 2623.62 135.812C2629.43 135 2638.93 133.625 2642.12 131.5V141.687C2642.12 151.75 2633.81 159.437 2622.12 159.437ZM2731.47 80H2713.41V57H2686.79V80H2673.66V100H2686.79V150C2686.66 168.812 2699.47 178.125 2718.79 177.313C2725.66 177.063 2730.54 175.687 2733.22 174.812L2729.04 155C2727.72 155.25 2724.91 155.875 2722.41 155.875C2717.1 155.875 2713.41 153.875 2713.41 146.5V100H2731.47V80ZM2801.58 135.125C2801.64 148 2792.83 154.75 2783.27 154.75C2773.21 154.75 2766.71 147.687 2766.64 136.375V80H2740.02V141.125C2740.08 163.562 2753.21 177.25 2772.52 177.25C2786.96 177.25 2797.33 169.812 2801.64 158.562H2802.64V176H2828.21V80H2801.58V135.125ZM2840.7 176H2867.33V121.688C2867.39 109.937 2875.89 101.875 2886.64 101.875C2890.27 101.875 2893.2 102.875 2895.7 104.125L2903.7 82.125C2900.2 80 2895.7 78.625 2890.58 78.625C2879.77 78.625 2871.02 84.875 2867.52 96.75H2866.52V80H2840.7V176ZM2946.64 177.875C2970.39 177.875 2986.39 166.312 2990.14 148.5L2965.51 146.875C2962.82 154.187 2955.95 158 2947.07 158C2933.76 158 2925.32 149.188 2925.32 134.875V134.812H2990.7V127.5C2990.7 94.875 2970.95 78.75 2945.57 78.75C2917.32 78.75 2899.01 98.8125 2899.01 128.437C2899.01 158.875 2917.07 177.875 2946.64 177.875ZM2925.32 118.312C2925.89 107.375 2934.2 98.625 2946.01 98.625C2957.57 98.625 2965.57 106.875 2965.64 118.312H2925.32ZM3079.15 107.375C3076.77 89.6875 3062.52 78.75 3038.27 78.75C3013.71 78.75 2997.52 90.125 2997.59 108.625C2997.52 123 3006.59 132.312 3025.34 136.062L3041.96 139.375C3050.34 141.062 3054.15 144.125 3054.27 148.938C3054.15 154.625 3047.96 158.688 3038.65 158.688C3029.15 158.688 3022.84 154.625 3021.21 146.812L2995.02 148.187C2997.52 166.562 3013.15 177.875 3038.59 177.875C3063.46 177.875 3081.27 165.187 3081.34 146.25C3081.27 132.375 3072.21 124.062 3053.59 120.25L3036.21 116.75C3027.27 114.812 3023.96 111.75 3024.02 107.125C3023.96 101.375 3030.46 97.625 3038.71 97.625C3047.96 97.625 3053.46 102.687 3054.77 108.875L3079.15 107.375Z" fill="#030303"/>
 <circle cx="2238" cy="112" r="111" fill="#1978F7"/>
 <path d="M2181.99 148H2231.84V136.991H2200.17V136.494L2212.7 123.746C2226.84 110.18 2230.74 103.575 2230.74 95.3722C2230.74 83.1918 2220.84 74.2784 2206.21 74.2784C2191.79 74.2784 2181.56 83.2273 2181.56 97.0412H2194.1C2194.1 89.6193 2198.78 84.9673 2206.03 84.9673C2212.95 84.9673 2218.1 89.1932 2218.1 96.0469C2218.1 102.119 2214.41 106.452 2207.24 113.732L2181.99 138.483V148ZM2267.34 74.0653C2251.58 73.9943 2241.1 84.7898 2241.1 99.1364C2241.1 112.915 2250.9 122.822 2263.65 122.822C2271.5 122.822 2278.32 119.023 2281.83 112.773H2282.33C2282.29 128.327 2276.65 137.595 2266.6 137.595C2260.31 137.595 2256.09 133.973 2254.77 128.185H2241.81C2243.3 140.223 2252.82 148.994 2266.6 148.994C2284.03 148.994 2295.08 134.435 2295.11 109.399C2295.08 82.7301 2281.3 74.1719 2267.34 74.0653ZM2267.38 84.7188C2275.16 84.7188 2280.87 91.1818 2280.87 98.7812C2280.87 106.345 2274.91 112.808 2267.24 112.808C2259.5 112.808 2253.89 106.7 2253.89 98.8523C2253.89 90.9332 2259.67 84.7188 2267.38 84.7188Z" fill="white"/>