PageSourceSearch

https://dutti-playground.netlify.app/

html dutti-playground.netlify.app collected 2026-10-03 10:40:10 UTC 226,717 bytes, 2,865 lines download raw bytes

1<!doctype html>
2<html class="is-smooth-scroll-compatible is-loading" lang="es" data-family="dutti" data-theme="dark">
3    <head>
4      <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
5<!-- This site is hosted on Netlify. Anyone can build and deploy a site
6     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=fe3215cb-07c1-43b1-b660-be7f1fff21ff
7     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
8        <title>Massimo Dutti - Art Department</title>
9        <meta name="viewport" content="width=device-width, initial-scale=1">
10        <meta name="robots" content="none" />
11        <meta name="theme-color" content="#272727" media="(prefers-color-scheme: light)">
12        <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
13        <meta name="msapplication-TileColor" content="#272727">
14        <link rel="manifest" href="site.webmanifest">
15        <link rel="apple-touch-icon" sizes="152x152" href="dist/images/favicons/apple-touch-icon.png">
16        <link rel="icon" type="image/png" sizes="32x32" href="dist/images/favicons/favicon-32x32.png">
17        <link rel="icon" type="image/png" sizes="16x16" href="dist/images/favicons/favicon-16x16.png">
18        <link rel="mask-icon" href="dist/images/favicons/safari-pinned-tab.svg" color="#272727">
19
20        <link rel="stylesheet" href="dist/styles/main.css">
21    </head>
22    <body>
23        <div class="c-loader"></div>
24        
25   
26        <div id="minihead">
27            <div class="o-container">
28                <div class="header-shrink c-miniheader_heading">
29                    <div class="o-layout -gutter">
30
31                     
32                        <div class="o-layout_item u-1/6@from-medium mobile-menu" data-scroll data-scroll-position="top" data-scroll-target="#header">
33                            <button class="c-header_nav_burger" data-header="burger" id="nav"></button>
34                        </div>
35                        <div class="o-layout_item u-1/6@from-medium dutti-logo-header" data-scroll data-scroll-position="top" data-scroll-target="#header">
36                            <span class="c-header_heading_label bold ss01">
37                                <a href="/">Massimo Dutti</a>
38                            </span>
39                        </div>
40                        <div class="o-layout_item u-2/6@from-medium dutti-logo-header art-department-text" data-scroll data-scroll-position="top" data-scroll-target="#header">
41                            <span class="c-header_heading_label bold ss01">Art Department</span>
42                        </div>
43                   
44
45                    
46                        <div class="o-layout_item u-2/6@from-medium minihead-selector" data-scroll data-scroll-position="top" data-scroll-target="#header">
47                            <span class="md-daily ss03" style="margin-right:20px;"><a class='underline disabled' href='/index_massimo'>Massimo</a></span> <a class='underline underline-on' href='/'>Dutti</a>
48                        </div>
49                        <div class="o-layout_item u-1/6@from-medium container-switch" data-scroll  data-scroll-position="top" data-scroll-target="#header">
50                            <div class="u-text-right">
51                                <p class="c-header_heading_label">
52                                    <label class="switch u-text-right">
53                                        <input type="checkbox" class="switch__state_mini"> <span class="switch__label_mini">Modo Claro</span> <span class="switch__dot">⬤</span>
54                                    </label>
55                                </p>
56                            </div>
57                        </div>
58                     
59
60
61
62
63                    </div>
64                </div>  
65            </div>
66        </div>  
67
68
69
70
71
72        <div class="peso-bubbles-container">
73            <div class="bubble bubble-extralight">Extralight</div>
74            <div class="bubble bubble-light">Light</div>
75            <div class="bubble bubble-regular">Regular</div>
76            <div class="bubble bubble-medium">Medium</div>
77            <div class="bubble bubble-semibold">Semibold</div>
78            <div class="bubble bubble-bold">Bold</div>
79            <div class="bubble bubble-extrabold">Extrabold</div>
80        </div>   
81
82        <div class="o-scroll" id="js-scroll" data-scroll-container>
83          <div id="scroll-top"><a href="#">
84            <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor" class="bi bi-chevron-up" viewB
84ox="0 0 16 16">
85              <path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/>
86            </svg>
87          </a></div>
88
89
90
91
92          <nav class="c-nav">
93            <div class="c-nav_backdrop" data-header="backdrop"></div>
94            <div class="c-nav_wrap">
95                <div class="c-nav_main">
96                    <div class="o-container">
97                        <div class="-nav o-layout">
98                            <div class="o-layout_item u-2/3@from-small"></div>
99                            <div class="o-layout_item u-1/3@from-small">
100                                <button class="c-nav_close o-link" data-header="burger" id="close">Close</button>
101                                <ul>
102                                    <li><a class="o-link_menu" href="#informacion" data-scroll-to>Información</a></li>
103                                    <li><a class="o-link_menu" href="#familia" data-scroll-to>Familia</a></li>
104                                    <li><a class="o-link_menu" href="#sampler" data-scroll-to>Font Sampler</a></li>
105                                    <li><a class="o-link_menu" href="#caracteres" data-scroll-to>Caracteres</a></li>
106                                    <li><a class="o-link_menu" href="#sets" data-scroll-to>Stylistic Sets</a></li>
107                                    <li><a class="o-link_menu" href="#use" data-scroll-to>Type In Use</a></li>
108                                    <li><a class="o-link_menu" href="#descargas" data-scroll-to>Descargas</a></li>
109                                    <li><a class="o-link_menu" href="#descargas" data-scroll-to>Poster Maker</a></li>
110                                </ul>
111                            </div>
112                           
113                          <div class="o-layout_item u-2/6@from-medium md-selector-mobile-menu">
114                             
115                              <p class="col-left-selector">
116                                  <a class='underline disabled md-daily' href='/index_massimo'>Massimo</a>
117                                  <br><br>
118                                  <span class="ff-daily disabled">Serif</span>
119                              </p>
120                              <p class="col-right-selector">
121                                  <a class='underline underline-on ff-daily' href='/'>Dutti</a>
122                                <br><br>
123                                <span class="ff-daily" style="color:#272727">Sans</span>
124                            </p>
125                          </div>
126                           
127                           
128                        </div>
129                    </div>
130                </div>
131                <div class="c-nav_more">
132                    <div class="o-container">
133                        <div class="o-layout -bottom">
134                          
135                            <div class="o-layout_item u-1/3@from-small">
136                                <svg class="svg-footer" width="259" height="37" viewB
136ox="0 0 259 37" fill="none" xmlns="http://www.w3.org/2000/svg">
137                                    <path shape-rendering="optimizeQuality" d="M36.1054 31.5925C36.0591 30.7125 35.9896 29.8092 35.9433 28.9292C35.9201 28.2576 35.8738 27.5859 35.8507 26.9143C35.4338 20.0128 35.0169 14.5703 34.6 7.66879C34.2063 3.52324 33.8589 1.8326 33.28 1.13781C32.701 0.373552 31.8209 0.280914 29.7829 0.419871C29.1576 0.46619 28.5786 0.512509 28.1617 0.836741C27.3743 1.41573 26.4248 4.63489 25.9152 5.93183C24.2941 10.4248 22.6961 14.9177 21.0981 19.4106C20.4265 21.1476 19.8706 22.9309 19.1758 24.6447C18.8516 25.4321 18.5505 26.3585 17.6242 26.5206C16.8136 26.6596 16.4662 25.9416 16.2577 25.4553C15.9104 23.8804 15.6093 22.1898 15.2619 20.2675C14.544 15.8904 13.8028 11.5133 13.0849 7.11296C12.8302 5.56127 12.367 2.62002 11.7185 2.08735C11.209 1.50837 8.86988 1.25361 7.64243 1.62416C5.88231 2.15683 5.83599 5.23704 5.23385 7.48351C4.07588 13.2271 0.439841 30.9904 0.0692899 32.6579C-0.0928263 33.4453 0.0229709 34.3253 0.48616 34.6727C1.06515 35.1128 2.08416 35.0201 2.61683 34.6032C3.35793 34.0474 3.58953 32.0789 3.86744 30.7125C4.81698 25.8953 5.85915 19.5728 6.66973 14.8251C7.04029 13.1576 7.17924 10.8185 8.54565 10.9111C9.93522 10.9806 9.98154 13.366 10.5605 16.2378C10.6532 16.8631 11.8343 22.8846 12.4596 26.2195C12.8533 28.1649 13.0849 29.8556 13.7565 31.222C14.405 32.4726 16.0725 33.4221 17.7631 32.7042C19.639 31.9399 20.1949 29.4155 20.936 27.5396C22.7192 22.9309 24.4794 18.3221 26.2626 13.7134C26.8648 12.1154 27.4669 10.5174 28.0691 8.9194C28.2775 8.38673 28.6249 7.62247 29.4586 7.64563C30.9872 7.50667 31.1493 10.6795 31.404 14.6398C31.6125 20.5455 31.8209 25.0384 32.0293 30.9441C32.1451 33.6306 31.7977 36.1086 34.2295 36.1318C34.5074 36.1318 34.7158 36.1318 34.9474 36.0623C36.3833 35.5991 36.2212 33.6537 36.1054 31.5925ZM99.0297 10.8416C98.2422 10.9574 97.8485 11.3048 97.6169 12.0691C97.3158 13.1807 98.3349 14.4082 99.4928 14.2229C101.554 13.8524 101.485 10.7258 99.0297 10.8416ZM89.9743 30.064C89.7427 30.5735 89.1637 30.8283 88.5384 30.9441C87.2646 31.1756 85.3887 30.2724 85.9214 28.9292C86.2688 28.0491 87.5889 27.5396 88.0521 27.5165C88.3995 27.447 88.6079 27.5165 88.8163 27.5859C89.5111 27.887 90.4375 29.045 89.9743 30.064ZM75.3375 31.222C74.0406 31.5925 71.9562 30.8283 72.3036 29.4618C72.5584 28.4428 73.9248 27.8175 74.5038 27.8175C76.3334 27.8407 77.2366 30.6893 75.3375 31.222ZM154.08 26.289C155.122 22.9309 152.829 20.2907 150.606 19.4106C148.938 18.739 146.09 18.7159 144.422 19.3875C144.098 19.5264 142.963 20.0359 143.218 20.5223C143.357 20.777 143.866 20.7076 144.167 20.6381C145.001 20.4528 146.136 20.1981 147.178 20.3833C149.61 20.8234 151.787 22.5372 150.837 25.6405C150.698 26.1037 150.467 26.5669 150.235 26.9375C149.239 28.4428 146.113 30.203 143.357 29.3924C141.689 28.906 140.392 27.8175 139.906 26.1732C139.536 24.9458 139.559 22.9309 139.767 21.5181C139.929 20.6612 139.674 20.0359 139.026 20.1749C138.146 20.3833 137.729 22.8382 137.382 23.7183C136.502 25.9416 135.228 28.3039 132.588 28.7439C131.383 28.9523 130.758 27.7249 130.457 26.9838C129.739 25.27 129.531 23.093 129.067 21.1244C128.836 20.1054 128.743 18.9938 127.701 18.7853C126.89 18.6232 126.265 19.1559 125.941 19.5728C125.015 20.7539 124.459 22.3519 123.556 23.5793C123.208 24.0425 122.606 24.7836 121.68 24.5984C120.035 24.2973 119.734 22.0045 119.178 20.5918C118.947 20.0128 118.553 18.739 117.65 18.9243C116.029 19.2254 115.496 22.514 114.801 23.9036C114.5 24.5057 113.875 25.4784 112.81 25.0384C110.934 24.251 111.999 19.5496 109.915 19.0401C108.664 18.739 107.877 20.2907 107.46 21.1476C106.672 22.8151 105.839 24.7836 104.796 26.3816C104.333 27.0533 103.777 27.8175 102.828 28.0028C101.716 28.2112 101.253 27.1227 100.952 26.428C100.35 24.9921 100.118 23.2551 99.7939 21.5181C99.5855 20.4528 99.6781 19.4106 98.9139 18.9474C97.8022 18.2527 96.9685 19.5264 96.3663 20.0128C95.0694 21.0318 93.6567 21.8192 92.1745 22.6761C91.7576 22.9309 90.9007 23.533 90.1827 23.3941C89.349 23.2551 88.8858 22.6066 88.33 22.1666C87.2878 21.3329 86.3151 20.4297 85.3424 19.5033C84.8097 18.9938 84.1381 17.9748 83.2581 18.0211C83.0033 18.0674 82.8643 18.1137 82.6791 18.2063C82.0306 18.6232 81.7295 19.5496 81.3127 20.2212C80.6642 21.2634 78.603 23.4867 77.2598 23.7183C76.3797 23.8804 75.7081 22.9772 75.3144 22.5835C74.0174 21.2866 72.9058 20.0359 71.1688 19.1559C70.5435 18.8317 69.2697 18.2527 68.4128 18.7853C67.7412 19.2022 67.7181 21.1708 67.4402 22.0277C66.6064 24.3899 65.3095 26.9838 63.5262 28.3965C62.8777 28.906 61.9514 29.7629 60.6313 29.4387C58.3848 28.8829 57.8985 26.1732 57.3426 23.7415C57.0879 22.5372 56.9952 20.4991 56.0457 20.2907C55.2814 20.1054 55.1193 20.8928 55.0267 21.4487C54.9109 22.0971 54.9572 22.6066 54.9572 23.5793C54.934 23.9731 54.934 24.3899 54.9109 24.7836C54.8414 25.7795 54.7488 26.3122 54.4709 26.9143C53.6834 28.7671 50.858 30.7588 47.8704 30.2956C47.1988 30.2029 46.6661 30.0872 46.1335 29.8787C44.4891 29.2303 43.5164 27.9796 43.2154 25.9879C43.1227 25.3626 43.2848 24.691 43.4238 24.2741C44.1649 22.1435 46.2724 21.3097 48.542 21.2402C49.3989 21.1013 51.9465 21.495 52.2476 20.916C52.456 20.3833 51.4833 19.9433 51.1591 19.8043C49.8621 19.1559 47.5925 18.7159 45.7397 19.1559C43.1922 19.758 41.131 21.2171 40.1815 23.3941C38.954 26.1964 40.691 29.5313 42.3121 30.8283C44.3502 32.4494 47.662 33.3063 51.0433 32.3105C52.7339 31.801 54.0077 30.8746 55.8141 30.5503C56.2773 30.4809 56.7868 30.5967 57.0879 30.6893C58.7554 31.1988 60.307 33.1905 62.5767 32.4957C63.3178 32.2641 63.9662 31.8936 64.5452 31.4999C66.0506 30.4345 67.278 28.906 68.0655 27.1459C68.5518 26.0342 68.9455 24.6447 69.5708 23.6488C69.9414 23.0467 70.752 22.6761 71.5625 23.1393C71.9099 23.3246 72.211 23.5793 72.4889 23.8341C72.7437 24.0657 73.0447 24.3204 73.2069 24.6678C73.4153 25.1079 73.2995 25.6174 73.0447 25.9184C72.79 26.2427 72.3268 26.4743 71.9794 26.729C71.3309 27.1922 70.
1376825 27.7712 70.2193 28.4197C69.1076 29.9019 69.3161 31.3146 70.8214 32.2178C73.1837 33.6074 78.8346 33.8621 79.5525 30.8746C79.8073 29.7629 79.2746 28.6513 78.9736 27.9333C78.8114 27.5628 78.4641 27.0533 78.6262 26.4511C78.7883 25.8258 79.3904 25.5016 79.8536 25.1542C80.8263 24.3436 81.799 23.533 82.7717 22.7224C83.2117 22.375 83.7444 22.3287 84.2771 22.5372C84.7171 22.6993 85.0413 23.0235 85.3887 23.2783C85.7824 23.5793 86.7783 24.2973 86.6162 25.1079C86.5004 25.6405 86.0372 25.9184 85.6435 26.1964C84.6013 26.9375 81.799 29.2071 83.3507 30.9904C83.6286 31.3146 84.0223 31.5925 84.416 31.8241C85.1108 32.241 85.9909 32.5189 86.8941 32.7042C89.6501 33.3063 92.684 32.5884 93.2398 30.4345C93.7725 28.3502 91.1091 26.729 93.1471 25.3858C93.4945 25.2005 93.8651 25.0152 94.2125 24.83C94.6757 24.6215 95.2547 24.2278 95.9958 24.3668C97.3158 24.6215 97.4316 26.0806 97.8717 27.1922C98.5665 28.9523 99.7476 31.9399 101.531 32.4957C102.457 32.7736 103.245 32.2178 103.731 31.8473C105.144 30.7588 106.093 29.1145 107.159 27.6786C107.506 27.1922 108.27 26.0111 109.197 26.1964C110.748 26.4743 110.887 29.6008 111.327 31.0598C111.513 31.662 111.744 32.3799 112.369 32.5421C113.25 32.7737 113.829 31.4767 114.083 30.9209C114.778 29.3461 115.681 25.849 117.279 25.4089C118.02 25.2005 118.53 25.6637 118.808 26.0806C119.642 27.3312 119.41 29.8092 119.943 31.3378C120.151 31.9167 120.591 32.7968 121.494 32.6115C122.536 32.4031 122.791 30.9441 123.092 29.9714C123.625 28.327 124.181 26.3122 125.848 25.8258C127.076 25.4553 127.516 26.5901 127.817 27.3312C128.535 29.1608 128.836 31.7315 130.619 32.4726C131.499 32.8431 132.657 32.5189 133.306 32.1715C134.88 31.3609 135.737 29.925 137.775 29.5776C138.354 29.485 138.864 29.7398 139.211 29.9019C140.207 30.4114 140.971 31.1293 141.921 31.6852C144.607 33.26 148.243 32.5421 150.421 31.083C152.042 29.9714 153.431 28.3734 154.08 26.289ZM200.978 21.4487C201.256 20.3602 201.487 18.3685 201.418 16.7936C201.302 15.2651 201.14 14.0376 200.908 13.1576C200.491 11.4901 199.982 9.96157 199.194 8.64148C195.952 3.12953 190.347 -0.112797 181.292 0.00300036C180.759 0.00300036 180.528 0.0261599 179.972 0.0724788C179.022 0.165117 178.351 0.280914 177.54 0.396711C174.807 0.88306 171.727 1.41573 169.226 2.38843C168.369 2.71266 167.512 2.96741 166.771 3.38428C166.516 3.52324 166.053 3.75484 166.146 4.19487C166.285 4.88965 167.396 4.58858 167.929 4.44962C169.458 4.05591 171.611 3.24533 171.681 5.28336C171.82 8.84992 171.936 12.4165 172.075 15.983C172.098 17.0484 172.121 18.1137 172.144 19.179C172.167 20.5918 172.19 21.9813 172.214 23.3941V24.6447C172.237 26.289 172.121 28.6281 173.325 29.1145C173.997 29.3924 174.391 28.7902 174.576 28.3734C174.993 27.4007 175.085 26.5438 175.178 24.8994C175.201 24.5289 175.201 24.1352 175.224 23.7646C175.247 22.5603 175.271 21.3329 175.294 20.1286C175.34 17.6274 175.363 15.103 175.41 12.6018C175.433 11.3511 175.433 10.0774 175.456 8.82676V7.85406C175.456 7.0898 175.456 6.30238 175.456 5.53811C175.456 5.02861 175.433 4.49594 175.525 4.05591C175.618 3.63904 175.826 3.3148 176.151 3.10637C176.915 2.64318 180.134 2.4579 181.732 2.62002C182.89 2.75898 183.724 2.92109 184.673 3.15269C188.101 4.03275 191.042 5.63075 192.941 8.03934C193.983 9.35943 194.887 10.8648 195.466 12.6481C195.79 13.6671 196.021 14.524 196.137 15.6125C196.462 18.4379 195.975 21.6803 195.28 23.4404C193.08 29.0913 188.888 31.7315 182.45 33.1442C181.315 33.399 180.111 33.4684 179.277 33.5148C178.814 33.5379 178.351 33.5379 177.888 33.5611H176.405C175.803 33.5379 175.271 33.5379 174.599 33.4916C173.163 33.3758 170.847 33.0747 169.458 32.8895C168.902 32.82 167.952 32.5884 167.697 32.7737C167.651 32.7968 167.628 32.8431 167.628 32.9358C167.674 33.26 168.578 33.5379 169.064 33.7463C170.407 34.279 171.866 34.5569 173.441 34.8812C181.477 36.5255 189.629 34.279 194.169 31.0598C197.457 28.8134 199.843 25.8721 200.978 21.4487ZM249.404 10.5174C248.617 10.6332 248.223 10.9806 247.991 11.7449C247.69 12.8565 248.709 14.084 249.867 13.8987C251.928 13.5281 251.836 10.4016 249.404 10.5174ZM236.852 16.701C236.852 17.4421 236.852 18.1832 236.852 18.9243C236.852 19.4801 236.852 19.897 236.852 20.4991C236.828 21.7961 236.782 23.6025 236.458 24.9226C236.134 26.1964 235.555 27.1227 234.86 27.9796C234.3
13704 28.6744 233.331 29.5776 231.988 29.2534C228.445 28.3734 228.908 23.7183 228.908 19.3412C228.908 18.1137 228.838 15.3114 229.325 14.6629C229.996 13.7829 232.984 13.8755 234.188 13.7829C234.512 13.7597 234.906 13.7829 235.23 13.7597C237.083 13.7829 236.852 14.9872 236.852 16.701ZM258.992 30.2029C258.992 30.1566 258.969 30.1335 258.923 30.0872C258.552 29.8092 257.139 30.4345 256.468 30.5503C254.198 30.9209 252.577 29.2303 251.975 27.8407C251.535 26.8448 251.442 25.5711 251.21 24.0657C251.118 23.4635 251.071 22.5372 251.025 21.7266C250.956 20.6844 251.002 18.9938 249.821 18.7622C248.038 18.4379 248.316 21.4718 248.107 23.3246C247.852 25.9879 246.949 28.2807 244.633 29.1839C243.429 29.6471 242.109 29.7166 241.159 28.9755C239.515 27.6786 239.584 25.131 239.584 22.2129C239.561 20.8697 239.561 19.5264 239.538 18.1832C239.538 17.0484 239.283 14.8019 239.746 14.084C240.349 13.1576 242.364 13.6902 243.452 13.2271C243.753 13.0881 244.17 12.8102 244.054 12.2544C243.73 10.7258 240.974 11.8375 239.932 11.0269C238.658 10.0542 240.302 6.14026 238.565 5.42232C238.01 5.19072 237.477 5.53811 237.245 5.83919C236.689 6.55713 236.852 8.10882 236.852 9.35943C236.852 9.86894 236.852 10.3321 236.713 10.7027C236.597 10.9806 236.342 11.2122 236.064 11.328C235.624 11.5133 235.115 11.4901 234.489 11.4901C233.586 11.5133 232.683 11.5364 231.78 11.5596C231.201 11.5596 230.529 11.6522 230.02 11.5133C227.75 10.9343 230.39 5.376 227.588 5.35284C226.963 5.44548 226.754 5.70023 226.569 6.2329C226.106 7.50667 226.777 9.6605 226.245 10.888C225.712 12.1617 223.465 11.2585 222.632 12.5091C222.516 12.6712 222.377 12.9491 222.446 13.2734C222.794 15.0567 225.411 13.8987 226.129 15.0335C226.592 15.7514 226.43 17.9053 226.407 19.0401C226.314 22.653 226.291 25.131 224.948 27.3312C224.647 27.8175 224.345 28.3039 223.929 28.6513C223.581 28.9292 223.188 29.2071 222.747 29.3924C222.215 29.6008 221.381 29.6703 220.802 29.4618C218.625 28.6976 218.579 24.8763 218.463 22.074C218.37 20.6381 218.671 18.9474 217.282 18.7159C215.73 18.4611 215.591 21.0086 215.313 22.2361C214.711 24.9458 213.113 28.9523 210.38 29.5313C208.69 29.8787 207.74 28.6744 207.439 27.4701C207.3 26.868 207.277 26.2658 207.254 25.3858C207.323 24.1352 207.509 22.5372 207.578 21.5645C207.717 19.5033 207.3 18.4379 206.073 18.6695C205.007 18.878 204.938 20.0591 204.66 21.3097C203.965 24.7373 204.243 29.9945 206.304 31.6388C206.721 31.9631 207.184 32.2641 207.717 32.4726C210.056 33.3063 212.465 31.9399 213.785 30.9672C214.433 30.4809 215.336 29.6934 216.564 29.9945C218.324 30.4345 218.88 32.1715 220.779 32.5421C221.752 32.7505 222.585 32.3105 223.164 31.9631C224.207 31.3146 225.017 30.5503 226.476 30.3187C227.264 30.1798 227.935 30.5735 228.398 30.8051C229.51 31.4072 230.39 32.2178 231.826 32.4726C232.637 32.6115 233.331 32.2641 233.771 32.0094C234.837 31.3841 235.67 30.4809 237.083 30.2493C237.824 30.1335 238.426 30.4809 238.843 30.7125C239.816 31.3146 240.534 32.1715 241.808 32.4726C244.1 33.0052 246.37 30.9672 247.852 30.3187C248.501 30.0408 249.404 30.0408 249.983 30.3882C250.562 30.7356 251.048 31.2451 251.604 31.6157C252.623 32.3336 254.476 32.8431 256.19 32.4263C256.722 32.2873 257.186 32.102 257.602 31.8473C257.927 31.5925 259.108 30.7588 258.992 30.2029Z"/>
138                                </svg>
139                            </div>
140
141                        </div>
142                    </div>
143                </div>
144            </div>
145        </nav>
146  
147
148
149
150
151
152
153
154
155
156
157            <div data-scroll-section>
158
159              
160                <div class="fixed-container-header-img" data-scroll>
161                    <img data-scroll data-scroll-sticky data-scroll-target="#header-img-sticky" data-scroll-position="top" class="top-img" src="dist/images/playground/header_img.png" alt="">
162                </div>
163                <div class="c-header-img_sticky" id="header-img-sticky"></div>
164                <div class="o-container">
165                    <header class="c-header" id="header">
166                        <div class="c-header_heading" data-scroll-position="top" data-scroll-target="#header" data-scroll-repeat>
167                            <div class="o-layout -gutter">
168                                <div class="o-layout_item u-1/6@from-medium dutti-logo-header" data-scroll data-scroll-position="top" data-scroll-target="#header">
169                                    <span class="c-header_heading_label bold ss01">
170                                        <a href="/">Massimo Dutti</a>
171                                    </span>
172                                </div>
173                                <div class="o-layout_item u-1/6@from-medium dutti-logo-header art-department-text" data-scroll data-scroll-position="top" data-scroll-target="#header">
174                                    <span class="c-header_heading_label bold ss01">Art Department</span>
175                                </div>
176                                <div class="o-layout_item u-4/6@from-medium container-switch" data-scroll  data-scroll-position="top" data-scroll-target="#header">
177                                    <div class="u-text-right">
178                                        <p class="c-header_heading_label">
179                                            <label class="switch u-text-right">
180                                                <input type="checkbox" class="switch__state"> <span class="switch__label">Modo Claro</span> <span class="switch__dot">⬤</span>
181                                            </label>
182                                        </p>
183                                    </div>
184                                </div>
185                            </div>
186                        </div>
187
188                        <div class="c-header_summary" data-scroll id="top">
189                            
190    
191                            <div class="o-layout -gutter">
192                                
193                                <div class="o-layout_item u-1/6@from-medium container-sistema-tipografico">
194                                    <hr class="c-section_line" data-scroll data-scroll-repeat="true" data-scroll-offset="100" />
195                                    <p class="c-summary_text">
196                                        Sistema Tipográfico
197                                    </p>
198                                </div>
199                                <div class="o-layout_item u-2/6@from-medium selector-header">
200                                    <hr class="c-section_line" data-scroll data-scroll-repeat="true" data-scroll-offset="100" />
201                                    <p class="c-summary_text col-left-selector">
202                                        <a class='underline disabled md-daily' href='/index_massimo'>Massimo</a>
203                                        <br><br>
204                                        <span class="ff-daily disabled">Serif</span>
205                                    </p>
206                                    <p class="c-summary_text col-right-selector">
207                                        <a class='underline underline-on ff-daily' href='/'>Dutti</a>
208                                      <br><br>
209                                      <span class="ff-daily">Sans</span>
210                                  </p>
211                                </div>
212                                <div class="o-layout_item u-2/6@from-medium list-header">
213                                    <hr class="c-section_line" data-scroll data-scroll-repeat="true" data-scroll-offset="100" />
214                                   
215                                        <div class="c-summary_text" data-scroll>
216                                            <a href="#informacion" data-scroll-to>
217                                                Información
218                                            </a>
219                                        </div>
220                                        <div class="c-summary_text" data-scroll>
221                                            <a href="#familia" data-scroll-to>
222                                                Familia
223                                            </a>
224                                        </div>
225                                        <div class="c-summary_text" data-scroll>
226                                            <a href="#sampler" data-scroll-to>
227                                                Font Sampler
228                                            </a>
229                                        </div>
230                                        <div class="c-summary_text" data-scroll>
231                                            <a href="#caracteres" data-scroll-to>
232                                                Caracteres
233                                            </a>
234                                        </div>
235                                        <div class="c-summary_text" data-scroll>
236                                          <a href="#sets" data-scroll-to>
237                                            Stylistic Sets
238                                          </a>
239                                        </div>
240                                        <div class="c-summary_text" data-scroll>
241                                          <a href="#pesos" data-scroll-to>
242                                            Pesos
243                                          </a>
244                                        </div>
245                                        <div class="c-summary_text" data-scroll>
246                                            <a href="#use" data-scroll-to>
247                                                Type In Use
248                                            </a>
249                                        </div>
250                                        <div class="c-summary_text" data-scroll>
251                                            <a href="#descargas" data-scroll-to>
252                                                Descargas
253                                            </a>
254                                        </div>
255                                        <div class="c-summary_text" data-scroll>
256                                          <a href="#descargas" data-scroll-to>
257                                              Poster Maker
258                                          </a>
259                                      </div>
260                                       
261                                 
262                                </div>
263                                <div class="o-layout_item u-1/6@from-medium descarga-header">
264                                    <hr class="c-section_line" data-scroll data-scroll-repeat="true" data-scroll-offset="100" />
265                                    <p class="c-summary_text u-text-right">
266                                        <a href="https://grupoinditex.sharepoint.com/:u:/s/DuttiMedia/EbXpVWmtalJJm-d8e9wMCh4BYdari0sBTt9OgB4EHBK0RQ?e=5xRmTC"  class="c-summary_text_link download_link">
267                                            Descargar <span class="download-icon">
268                                                <svg width="9" height="12" viewBox="0 0 9 12" fill="white" xmlns="http://www.w3.org/2000/svg">
269                                                    <path d="M5.5 1L5.5 0.5L4.5 0.5L4.5 1L5.5 1ZM4.64645 8.35355C4.84171 8.54882 5.15829 8.54882 5.35355 8.35355L8.53553 5.17157C8.7308 4.97631 8.7308 4.65973 8.535
26953 4.46447C8.34027 4.2692 8.02369 4.2692 7.82843 4.46447L5 7.29289L2.17157 4.46447C1.97631 4.2692 1.65973 4.2692 1.46447 4.46447C1.2692 4.65973 1.2692 4.97631 1.46447 5.17157L4.64645 8.35355ZM4.5 1L4.5 8L5.5 8L5.5 1L4.5 1Z"/>
270                                                    <path d="M1 11L0.5 11L0.5 12L1 12L1 11ZM9 11L1 11L1 12L9 12L9 11Z"/>
271                                                </svg>
272                                            </span>
273                                        </a>
274                                    </p>
275                                </div>
276                            </div>
277                        </div>
278
279
280
281                        <h1 class="c-header_title o-h1" data-scroll>
282                            <span class="c-header_title_line">
283                                <span data-scroll data-scroll-speed="3" data-scroll-position="top">Dutti</span>
284                            </span>
285                        </h1>
286
287
288                    </header>
289
290                   
291                      <div class="o-layout -gutter mobile_list-header" data-scroll>
292                        <div class="o-layout_item u-2/6@from-medium">
293                          <hr class="c-section_line" data-scroll data-scroll-repeat="true" data-scroll-offset="100" />
294                        
295                              <div class="c-summary_text" data-scroll>
296                                  <a href="#informacion" data-scroll-to>
297                                      Información
298                                  </a>
299                              </div>
300                              <div class="c-summary_text" data-scroll>
301                                  <a href="#familia" data-scroll-to>
302                                      Familia
303                                  </a>
304                              </div>
305                              <div class="c-summary_text" data-scroll>
306                                  <a href="#sampler" data-scroll-to>
307                                      Font Sampler
308                                  </a>
309                              </div>
310                              <div class="c-summary_text" data-scroll>
311                                  <a href="#caracteres" data-scroll-to>
312                                      Caracteres
313                                  </a>
314                              </div>
315                              <div class="c-summary_text" data-scroll>
316                                <a href="#sets" data-scroll-to>
317                                  Stylistic Sets
318                                </a>
319                              </div>
320                             
321                              <div class="c-summary_text" data-scroll>
322                                  <a href="#use" data-scroll-to>
323                                      Type In Use
324                                  </a>
325                              </div>
326                              <div class="c-summary_text" data-scroll>
327                                  <a href="#descargas" data-scroll-to>
328                                      Descargas
329                                  </a>
330                              </div>
331                              <div class="c-summary_text" data-scroll>
332                                <a href="#descargas" data-scroll-to>
333                                    Poster Maker
334                                </a>
335                            </div>
336                             
337                        </div>
338                      </div>
339                
340
341
342
343
344                </div>
345            </div>
346
347            <section data-scroll-section>
348                <div class="o-container" id="informacion">
349                    <div class="c-summary p_top-50" data-scroll>
350                        <hr class="c-section_line" data-scroll data-scroll-repeat="true" data-scroll-offset="100" />
351
352                        <div class="o-layout -gutter">
353                            <div class="o-layout_item u-1/6@from-medium left_mobile">
354                                <p class="c-summary_text">
355                                    <span class="el-size-desktop">32</span><span class="el-size-mobile">18</span> pt.
356                                </p>
357                            </div>
358                            <div class="o-layout_item u-4/6@from-medium right_mobile">
359                                <p class="c-main_text -shorter c-animated_text descendent-numeric">
360                                  Massimo (serif) & Dutti (sans) son la nueva familia tipográfica que da voz a Massimo Dutti. 
361                                  Juntas, suman 77 pesos que otorgan flexibilidad, riqueza y coherencia a la comunicación escrita de la marca.
362                                  ¶ El sistema tipográfico está vertebrado a través de diferentes condensaciones y pesos que, en sus dos versiones estilísticas comparten altura de x, siendo combinables de infinitas maneras y conservando siempre una identidad visual sólida. 
363                                  → Dutti es una familia grotesca que exagera la herencia tipográfica europea y la actualiza al universo digital actual y lenguaje de moda más sofisticado y escueto. 
364                                  → Massimo es una familia barroca, de construcción exquisita y detalles extremados de carácter editorial y expresivo.
365                                </p>
366                            </div>
367                            <div class="o-layout_item u-1/6@from-medium info-list">
368                                <p class="c-summary_text bold">
369                                    Colección
370                                </p>
371                                <p class="c-summary_text regular">
372                                     5 Estilos, 7 Pesos
373                                </p>
374                                <br><br>
375                                <p class="c-summary_text bold">
376                                    Lanzamiento
377                                </p>
378                                <p class="c-summary_text regular">
379                                     Abril 2022
380                                </p>
381                            </div>
382                        </div>
383                    </div>
384                </div>
385            </section>
386
387            <section data-scroll-section>
388                <div class="o-container p_top-50" id="familia">
389                    <hr class="c-section_line" data-scroll data-scroll-repeat="true" data-scroll-offset="100" />
390                    <div class="o-layout -gutter">
391                        <div class="o-layout_item u-1/6@from-medium">
392                            <p class="c-familia_text">
393                              <span class="el-size-desktop">700</span><span class="el-size-mobile">300</span> pt.
394                            </p>
395                        </div>
396                        <div class="o-layout_item u-5/6@from-medium">
397                            <a href="#familia" data-scroll-to class="c-familia_button button-compressed-family">
398                              Dutti Compressed
399                            </a>
400                            <a href="#familia" data-scroll-to class="c-familia_button button-condensed-family">
401                                Dutti Condensed
402                            </a>
403                            <a href="#familia" data-scroll-to class="c-familia_button button-daily-family c-familia_button-active">
404                                Dutti Daily
405                            </a>
406                            <a href="#familia" data-scroll-to class="c-familia_button button-extended-family">
407                                Dutti Extended
408                            </a>
409                            <a href="#familia" data-scroll-to class="c-familia_button button-wide-family">
410                                Dutti Wide
411                            </a>
412
413                            <a href="#familia" data-scroll-to class="c-familia_button button-compressed-italic-family" style="display:none;">
414                              Massimo Compressed Italic
415                            </a>
416                            <a href="#familia" data-scroll-to class="c-familia_button button-condensed-italic-family" style="display:none;">
417                              Massimo Condensed Italic
418                            </a>
419                            <a href="#familia" data-scroll-to class="c-familia_button button-daily-italic-family" style="display:none;">
420                              Massimo Daily Italic
421                            </a>
422                        </div>
423                    </div>
424
425
426                    <div class="o-layout -no-gutter c-huge-type ff-daily" data-scroll>
427                        <div class="o-layout_item u-6/6@from-medium">
428                            <div class="c-huge-type_wrap" data-scroll data-scroll-repeat="true">
429                                <div class="c-huge-type_text" data-paragraph-size="target">
430                                    AaBbCcDdEeFfGgHhIiJjKk1234567890%&amp;
431                                </div>
432                                <div class="c-huge-type_text" data-paragraph-size="target">
433                                    AaBbCcDdEeFfGgHhIiJjKk1234567890%&amp;
434                                </div>
435                            </div>
436                        </div>
437                    </div>
438
439
440                    
441                </div>
442            </section>
443
444        
445
446            <section data-scroll-section>
447                <div class="o-container p_top-100 tester" id="sampler">
448                   <div class="o-layout">
449
450
451                      <!-- COMPRESSED -->
452                      <div class="tester-outer" class="o-layout_item u-6/6@from-medium">
453                         <div id="customize-module-compressed" class="o-layout -gutter-small">
454
455                            <div class="o-layout_item u-2/6@from-medium">
456                                <div class="c-form_item">
457                                   <div class="c-form_select">
458                                     <label class="c-form_label"><span class="c-form_label_text">(ver más)</span></label> 
459                                      <select class="c-form_select_input" data-playground="weight">
460                                         <option selected="selected" disabled="true">
460-- Explora la familia --</option>
461                                         <option value="extra-light">Dutti Compressed Extra Light</option>
462                                         <option value="light">Dutti Compressed Light</option>
463                                         <option value="regular" selected="">Dutti Compressed Regular</option>
464                                         <option value="medium">Dutti Compressed Medium</option>
465                                         <option value="semi-bold">Dutti Compressed Semi Bold</option>
466                                         <option value="bold">Dutti Compressed Bold</option>
467                                         <option value="extra-bold">Dutti Compressed Extra Bold</option>
468                                      </select>
469                                   </div>
470                                </div>
471                             </div>
472                            
473                            <div class="slider c-sampler_text o-layout_item u-1/6@from-medium">
474                               <div class="slider-head">
475                                   <label class="button-style" for="g">Size</label> 
476                                   <output class="button-style u-text-right slider-output g_out" for="g">64px</output> 
477                                </div>
478                               <input type="range" min="8" max="350" step="1" value="64" class="inputrange slider-1" /> 
479                            </div>
480                            <div class="slider2 c-sampler_text o-layout_item u-1/6@from-medium">
481                               <div class="slider-head"> 
482                                   <label class="button-style" for="g" style="display:inline-block;">Letter Spacing</label> 
483                                   <output class="button-style u-text-right slider-output g_out2" for="g">0</output> 
484                                </div>
485                               <input type="range" min="-15" max="45" step="1" value="0" class="inputrange slider-2"/>
486                            </div>
487                            <div class="slider3 c-sampler_text o-layout_item u-1/6@from-medium">
488                               <div class="slider-head"> 
489                                   <label class="button-style" for="g" style="display:inline-block;">Line Height</label> 
490                                   <output class="button-style u-text-right slider-output g_out3" for="g">64px</output>
491                                </div>
492                               <input type="range" min="6" max="350" step="1" value="64" class="inputrange slider-3"/> 
493                            </div>
494                            <div class="align o-layout_item u-1/6@from-medium">
495                                <div class="align-container">
496                                    <button class="align-left c-playground_align is-active">
497                                        <svg id="align-left" viewBox="0 0 22 10">
498                                            <g fill-rule="evenodd" >
499                                            <line x1=".249" x2="19.249" y1=".5" y2=".5"></line>
500                                            <line x1=".249" x2="19.249" y1="6.5" y2="6.5"></line>
501                                            <line x1=".249" x2="16.249" y1="3.5" y2="3.5"></line>
502                                            <line x1=".249" x2="12.249" y1="9.5" y2="9.5"></line>
503                                            </g>
504                                        </svg>
505                                    </button>
506                                    <button class="align-center c-playground_align">
507                                        <svg id="align-center" viewBox="0 0 22 10">
508                                            <g fill="none" fill-rule="evenodd">
509                                            <line x1=".249" x2="19.249" y1=".5" y2=".5"></line>
510                                            <line x1=".5" x2="19.5" y1="6.5" y2="6.5"></line>
511                                            <line x1="2.5" x2="17.5" y1="3.5" y2="3.5"></line>
512                                            <line x1="4.249" x2="16.249" y1="9.5" y2="9.5"></line>
513                                            </g>
514                                        </svg>
515                                    </button>
516                                    <button class="align-right c-playground_align">
517                                        <svg id="align-right" viewBox="0 0 21 10">
518                                            <g fill="none" fill-rule="evenodd">
519                                            <line x1=".249" x2="19.249" y1=".5" y2=".5"></line>
520                                            <line x1=".249" x2="19.249" y1="6.5" y2="6.5"></line>
521                                            <line x1=".249" x2="16.249" y1="3.5" y2="3.5"></line>
522                                            <line x1=".249" x2="12.249" y1="9.5" y2="9.5"></line>
523                                            </g>
524                                        </svg>
525                                    </button>
526                                    <button class="align-justify c-playground_align">
527                                        <svg id="align-justify" viewBox="0 0 22 10">
528                                            <g fill-rule="evenodd">
529                                            <line x1=".249" x2="19.249" y1=".5" y2=".5"></line>
530                                            <line x1=".249" x2="19.249" y1="6.5" y2="6.5"></line>
531                                            <line x1=".249" x2="19.249" y1="3.5" y2="3.5"></line>
532                                            <line x1=".249" x2="19.249" y1="9.5" y2="9.5"></line>
533                                            </g>
534                                        </svg>
535                                    </button>
536                                    
537                                    <button class="refresh c-playground_refresh">
538                                        <svg id="refresh">
539                                          <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0L14 4L8 8L8.00041 5.05903C4.6661 5.31405 2.03999 8.10034 2.03999 11.5C2.03999 15.0678 4.93224 17.96 8.5 17.96C12.0678 17.96 14.96 15.0678 14.96 11.5H17C17 16.1944 13.1944 20 8.5 20C3.80558 20 0 16.1944 0 11.5C0 6.97325 3.53858 3.27298 8.00052 3.01443L8 0Z" />
540                                        </svg>
541                                    </button>
542                                   
543                                </div>   
544                            </div>
545                         </div>
546                         <div class="ff-compressed" id="container-textarea">
547                             <textarea class="regular" type="text" id="fontTxtField" name="fontTxtField"  placeholder="" spellcheck="false" onfocus="this.placeholder = ''" onblur
547="this.placeholder = 'Type here!'" oninput="this.parentNode.dataset.value = this.value"></textarea>
548                        </div>   
549                    </div>
550
551
552
553
554                    <!-- CONDENSED -->
555                    <div class="tester-outer" class="o-layout_item u-6/6@from-medium">
556                      <div id="customize-module-condensed" class="o-layout -gutter-small">
557
558                         <div class="o-layout_item u-2/6@from-medium">
559                             <div class="c-form_item">
560                                <div class="c-form_select">
561                                   <label class="c-form_label"><span class="c-form_label_text">(ver más)</span></label> 
562                                   <select class="c-form_select_input" data-playground="weight">
563                                      <option selected="selected" disabled="true">-- Explora la familia --</option>
564                                      <option value="extra-light">Dutti Condensed Extra Light</option>
565                                      <option value="light">Dutti Condensed Light</option>
566                                      <option value="regular" selected="">Dutti Condensed Regular</option>
567                                      <option value="medium">Dutti Condensed Medium</option>
568                                      <option value="semi-bold">Dutti Condensed Semi Bold</option>
569                                      <option value="bold">Dutti Condensed Bold</option>
570                                      <option value="extra-bold">Dutti Condensed Extra Bold</option>
571                                   </select>
572                                </div>
573                             </div>
574                          </div>
575                         
576                         <div class="slider c-sampler_text o-layout_item u-1/6@from-medium">
577                            <div class="slider-head">
578                                <label class="button-style" for="g">Size</label> 
579                                <output class="button-style u-text-right slider-output g_out" for="g">64px</output> 
580                             </div>
581                            <input type="range" min="8" max="350" step="1" value="64" class="inputrange slider-1" /> 
582                         </div>
583                         <div class="slider2 c-sampler_text o-layout_item u-1/6@from-medium">
584                            <div class="slider-head"> 
585                                <label class="button-style" for="g" style="display:inline-block;">Letter Spacing</label> 
586                                <output class="button-style u-text-right slider-output g_out2" for="g">0</output> 
587                             </div>
588                            <input type="range" min="-15" max="45" step="1" value="0" class="inputrange slider-2"/>
589                         </div>
590                         <div class="slider3 c-sampler_text o-layout_item u-1/6@from-medium">
591                            <div class="slider-head"> 
592                                <label class="button-style" for="g" style="display:inline-block;">Line Height</label> 
593                                <output class="button-style u-text-right slider-output g_out3" for="g">64px</output>
594                             </div>
595                            <input type="range" min="6" max="350" step="1" value="64" class="inputrange slider-3"/> 
596                         </div>
597                         <div class="align o-layout_item u-1/6@from-medium">
598                             <div class="align-container">
599                                 <button class="align-left c-playground_align is-active">
600                                     <svg id="align-left" viewBox="0 0 22 10">
601                                         <g fill-rule="evenodd" >
602                                         <line x1=".249" x2="19.249" y1=".5" y2=".5"></line>
603                                         <line x1=".249" x2="19.249" y1="6.5" y2="6.5"></line>
604                                         <line x1=".249" x2="16.249" y1="3.5" y2="3.5"></line>
605                                         <line x1=".249" x2="12.249" y1="9.5" y2="9.5"></line>
606                                         </g>
607                                     </svg>
608                                 </button>
609                                 <button class="align-center c-playground_align">
610                                     <svg id="align-center" viewBox="0 0 22 10">
611                                         <g fill="none" fill-rule="evenodd">
612                                         <line x1=".249" x2="19.249" y1=".5" y2=".5"></line>
613                                         <line x1=".5" x2="19.5" y1="6.5" y2="6.5"></line>
614                                         <line x1="2.5" x2="17.5" y1="3.5" y2="3.5"></line>
615                                         <line x1="4.249" x2="16.249" y1="9.5" y2="9.5"></line>
616                                         </g>
617                                     </svg>
618                                 </button>
619                                 <button class="align-right c-playground_align">
620                                     <svg id="align-right" viewBox="0 0 21 10">
621                                         <g fill="none" fill-rule="evenodd">
622                                         <line x1=".249" x2="19.249" y1=".5" y2=".5"></line>
623                                         <line x1=".249" x2="19.249" y1="6.5" y2="6.5"></line>
624                                         <line x1=".249" x2="16.249" y1="3.5" y2="3.5"></line>
625                                         <line x1=".249" x2="12.249" y1="9.5" y2="9.5"></line>
626                                         </g>
627                                     </svg>
628                                 </button>
629                                 <button class="align-justify c-playground_align">
630                                     <svg id="align-justify" viewBox="0 0 22 10">
631                                         <g fill-rule="evenodd">
632                                         <line x1=".249" x2="19.249" y1=".5" y2=".5"></line>
633                                         <line x1=".249" x2="19.249" y1="6.5" y2="6.5"></line>
634                                         <line x1=".249" x2="19.249" y1="3.5" y2="3.5"></line>
635                                         <line x1=".249" x2="19.249" y1="9.5" y2="9.5"></line>
636                                         </g>
637                                     </svg>
638                                 </button>
639                                 
640                                 <button class="refresh c-playground_refresh">
641                                     <svg id="refresh">
642                                      <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0L14 4L8 8L8.00041 5.05903C4.6661 5.31405 2.03999 8.10034 2.03999 11.5C2.03999 15.0678 4.93224 17.96 8.5 17.96C12.0678 17.96 14.96 15.0678 14.96 11.5H17C17 16.1944 13.1944 20 8.5 20C3.80558 20 0 16.1944 0 11.5C0 6.97325 3.53858 3.27298 8.00052 3.01443L8 0Z" />
643                                    </svg>
644                                 </button>
645                                 
646                             </div>   
647                         </div>
648                      </div>
649                      <div class="ff-condensed" id="container-textarea">
650                          <textarea class="regular" type="text" id="fontTxtField" name="fontTxtField"  placeholder="" spellcheck="false" onfocus="this.placeholder = ''" onblur
650="this.placeholder = 'Type here!'" oninput="this.parentNode.dataset.value = this.value"></textarea>
651                     </div>   
652                 </div>
653
654
655
656
657                  <!-- DAILY -->
658                  <div class="tester-outer" class="o-layout_item u-6/6@from-medium">
659                    <div id="customize-module-daily" class="o-layout -gutter-small">
660
661                       <div class="o-layout_item u-2/6@from-medium">
662                           <div class="c-form_item">
663                              <div class="c-form_select">
664                                 <label class="c-form_label"><span class="c-form_label_text">(ver más)</span></label> 
665                                 <select class="c-form_select_input" data-playground="weight">
666                                  <option selected="selected" disabled="true">-- Explora la familia --</option>
667                                    <option value="extra-light">Dutti Daily Extra Light</option>
668                                    <option value="light">Dutti Daily Light</option>
669                                    <option value="regular" selected="">Dutti Daily Regular</option>
670                                    <option value="medium">Dutti Daily Medium</option>
671                                    <option value="semi-bold">Dutti Daily Semi Bold</option>
672                                    <option value="bold">Dutti Daily Bold</option>
673                                    <option value="extra-bold">Dutti Daily Extra Bold</option>
674                                 </select>
675                              </div>
676                           </div>
677                        </div>
678                       
679                       <div class="slider c-sampler_text o-layout_item u-1/6@from-medium">
680                          <div class="slider-head">
681                              <label class="button-style" for="g">Size</label> 
682                              <output class="button-style u-text-right slider-output g_out" for="g">64px</output> 
683                           </div>
684                          <input type="range" min="8" max="350" step="1" value="64" class="inputrange slider-1" /> 
685                       </div>
686                       <div class="slider2 c-sampler_text o-layout_item u-1/6@from-medium">
687                          <div class="slider-head"> 
688                              <label class="button-style" for="g" style="display:inline-block;">Letter Spacing</label> 
689                              <output class="button-style u-text-right slider-output g_out2" for="g">0</output> 
690                           </div>
691                          <input type="range" min="-15" max="45" step="1" value="0" class="inputrange slider-2"/>
692                       </div>
693                       <div class="slider3 c-sampler_text o-layout_item u-1/6@from-medium">
694                          <div class="slider-head"> 
695                              <label class="button-style" for="g" style="display:inline-block;">Line Height</label> 
696                              <output class="button-style u-text-right slider-output g_out3" for="g">64px</output>
697                           </div>
698                          <input type="range" min="6" max="350" step="1" value="64" class="inputrange slider-3"/> 
699                       </div>
700                       <div class="align o-layout_item u-1/6@from-medium">
701                           <div class="align-container">
702                               <button class="align-left c-playground_align is-active">
703                                   <svg id="align-left" viewBox="0 0 22 10">
704                                       <g fill-rule="evenodd" >
705                                       <line x1=".249" x2="19.249" y1=".5" y2=".5"></line>
706                                       <line x1=".249" x2="19.249" y1="6.5" y2="6.5"></line>
707                                       <line x1=".249" x2="16.249" y1="3.5" y2="3.5"></line>
708                                       <line x1=".249" x2="12.249" y1="9.5" y2="9.5"></line>
709                                       </g>
710                                   </svg>
711                               </button>
712                               <button class="align-center c-playground_align">
713                                   <svg id="align-center" viewBox="0 0 22 10">
714                                       <g fill="none" fill-rule="evenodd">
715                                       <line x1=".249" x2="19.249" y1=".5" y2=".5"></line>
716                                       <line x1=".5" x2="19.5" y1="6.5" y2="6.5"></line>
717                                       <line x1="2.5" x2="17.5" y1="3.5" y2="3.5"></line>
718                                       <line x1="4.249" x2="16.249" y1="9.5" y2="9.5"></line>
719                                       </g>
720                                   </svg>
721                               </button>
722                               <button class="align-right c-playground_align">
723                                   <svg id="align-right" viewBox="0 0 21 10">
724                                       <g fill="none" fill-rule="evenodd">
725                                       <line x1=".249" x2="19.249" y1=".5" y2=".5"></line>
726                                       <line x1=".249" x2="19.249" y1="6.5" y2="6.5"></line>
727                                       <line x1=".249" x2="16.249" y1="3.5" y2="3.5"></line>
728                                       <line x1=".249" x2="12.249" y1="9.5" y2="9.5"></line>
729                                       </g>
730                                   </svg>
731                               </button>
732                               <button class="align-justify c-playground_align">
733                                   <svg id="align-justify" viewBox="0 0 22 10">
734                                       <g fill-rule="evenodd">
735                                       <line x1=".249" x2="19.249" y1=".5" y2=".5"></line>
736                                       <line x1=".249" x2="19.249" y1="6.5" y2="6.5"></line>
737                                       <line x1=".249" x2="19.249" y1="3.5" y2="3.5"></line>
738                                       <line x1=".249" x2="19.249" y1="9.5" y2="9.5"></line>
739                                       </g>
740                                   </svg>
741                               </button>
742                               
743                               <button class="refresh c-playground_refresh">
744                                   <svg id="refresh">
745                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0L14 4L8 8L8.00041 5.05903C4.6661 5.31405 2.03999 8.10034 2.03999 11.5C2.03999 15.0678 4.93224 17.96 8.5 17.96C12.0678 17.96 14.96 15.0678 14.96 11.5H17C17 16.1944 13.1944 20 8.5 20C3.80558 20 0 16.1944 0 11.5C0 6.97325 3.53858 3.27298 8.00052 3.01443L8 0Z" />
746                                  </svg>
747                               </button>
748                               
749                           </div>   
750                       </div>
751                    </div>
752                    <div class="ff-daily" id="container-textarea">
753                        <textarea class="regular" type="text" id="fontTxtField" name="fontTxtField"  placeholder="" spellcheck="false" onfocus="this.placeholder = ''" onblur
753="this.placeholder = 'Type here!'" oninput="this.parentNode.dataset.value = this.value"></textarea>
754                   </div>   
755               </div>
756
757
758
759
760
761                <!-- EXTENDED -->
762                <div class="tester-outer" class="o-layout_item u-6/6@from-medium">
763                  <div id="customize-module-extended" class="o-layout -gutter-small">
764
765                     <div class="o-layout_item u-2/6@from-medium">
766                         <div class="c-form_item">
767                            <div class="c-form_select">
768                               <label class="c-form_label"><span class="c-form_label_text">(ver más)</span></label> 
769                               <select class="c-form_select_input" data-playground="weight">
770                                  <option selected="selected" disabled="true">-- Explora la familia --</option>
771                                  <option value="extra-light">Dutti Extended Extra Light</option>
772                                  <option value="light">Dutti Extended Light</option>
773                                  <option value="regular" selected="">Dutti Extended Regular</option>
774                                  <option value="medium">Dutti Extended Medium</option>
775                                  <option value="semi-bold">Dutti Extended Semi Bold</option>
776                                  <option value="bold">Dutti Extended Bold</option>
777                                  <option value="extra-bold">Dutti Extended Extra Bold</option>
778                               </select>
779                            </div>
780                         </div>
781                      </div>
782                     
783                     <div class="slider c-sampler_text o-layout_item u-1/6@from-medium">
784                        <div class="slider-head">
785                            <label class="button-style" for="g">Size</label> 
786                            <output class="button-style u-text-right slider-output g_out" for="g">64px</output> 
787                         </div>
788                        <input type="range" min="8" max="350" step="1" value="64" class="inputrange slider-1" /> 
789                     </div>
790                     <div class="slider2 c-sampler_text o-layout_item u-1/6@from-medium">
791                        <div class="slider-head"> 
792                            <label class="button-style" for="g" style="display:inline-block;">Letter Spacing</label> 
793                            <output class="button-style u-text-right slider-output g_out2" for="g">0</output> 
794                         </div>
795                        <input type="range" min="-15" max="45" step="1" value="0" class="inputrange slider-2"/>
796                     </div>
797                     <div class="slider3 c-sampler_text o-layout_item u-1/6@from-medium">
798                        <div class="slider-head"> 
799                            <label class="button-style" for="g" style="display:inline-block;">Line Height</label> 
800                            <output class="button-style u-text-right slider-output g_out3" for="g">64px</output>
801                         </div>
802                        <input type="range" min="6" max="350" step="1" value="64" class="inputrange slider-3"/> 
803                     </div>
804                     <div class="align o-layout_item u-1/6@from-medium">
805                         <div class="align-container">
806                             <button class="align-left c-playground_align is-active">
807                                 <svg id="align-left" viewBox="0 0 22 10">
808                                     <g fill-rule="evenodd" >
809                                     <line x1=".249" x2="19.249" y1=".5" y2=".5"></line>
810                                     <line x1=".249" x2="19.249" y1="6.5" y2="6.5"></line>
811                                     <line x1=".249" x2="16.249" y1="3.5" y2="3.5"></line>
812                                     <line x1=".249" x2="12.249" y1="9.5" y2="9.5"></line>
813                                     </g>
814                                 </svg>
815                             </button>
816                             <button class="align-center c-playground_align">
817                                 <svg id="align-center" viewBox="0 0 22 10">
818                                     <g fill="none" fill-rule="evenodd">
819                                     <line x1=".249" x2="19.249" y1=".5" y2=".5"></line>
820                                     <line x1=".5" x2="19.5" y1="6.5" y2="6.5"></line>
821                                     <line x1="2.5" x2="17.5" y1="3.5" y2="3.5"></line>
822                                     <line x1="4.249" x2="16.249" y1="9.5" y2="9.5"></line>
823                                     </g>
824                                 </svg>
825                             </button>
826                             <button class="align-right c-playground_align">
827                                 <svg id="align-right" viewBox="0 0 21 10">
828                                     <g fill="none" fill-rule="evenodd">
829                                     <line x1=".249" x2="19.249" y1=".5" y2=".5"></line>
830                                     <line x1=".249" x2="19.249" y1="6.5" y2="6.5"></line>
831                                     <line x1=".249" x2="16.249" y1="3.5" y2="3.5"></line>
832                                     <line x1=".249" x2="12.249" y1="9.5" y2="9.5"></line>
833                                     </g>
834                                 </svg>
835                             </button>
836                             <button class="align-justify c-playground_align">
837                                 <svg id="align-justify" viewBox="0 0 22 10">
838                                     <g fill-rule="evenodd">
839                                     <line x1=".249" x2="19.249" y1=".5" y2=".5"></line>
840                                     <line x1=".249" x2="19.249" y1="6.5" y2="6.5"></line>
841                                     <line x1=".249" x2="19.249" y1="3.5" y2="3.5"></line>
842                                     <line x1=".249" x2="19.249" y1="9.5" y2="9.5"></line>
843                                     </g>
844                                 </svg>
845                             </button>
846                             
847                             <button class="refresh c-playground_refresh">
848                                 <svg id="refresh">
849                                  <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0L14 4L8 8L8.00041 5.05903C4.6661 5.31405 2.03999 8.10034 2.03999 11.5C2.03999 15.0678 4.93224 17.96 8.5 17.96C12.0678 17.96 14.96 15.0678 14.96 11.5H17C17 16.1944 13.1944 20 8.5 20C3.80558 20 0 16.1944 0 11.5C0 6.97325 3.53858 3.27298 8.00052 3.01443L8 0Z" />
850                                </svg>
851                             </button>
852                             
853                         </div>   
854                     </div>
855                  </div>
856                  <div class="ff-extended" id="container-textarea">
857                      <textarea class="regular" type="text" id="fontTxtField" name="fontTxtField"  placeholder="" spellcheck="false" onfocus="this.placeholder = ''" onblur
857="this.placeholder = 'Type here!'" oninput="this.parentNode.dataset.value = this.value"></textarea>
858                 </div>   
859             </div>
860
861
862
863
864
865                <!-- WIDE -->
866                <div class="tester-outer" class="o-layout_item u-6/6@from-medium">
867                  <div id="customize-module-wide" class="o-layout -gutter-small">
868
869                     <div class="o-layout_item u-2/6@from-medium">
870                         <div class="c-form_item">
871                            <div class="c-form_select">
872                               <label class="c-form_label"><span class="c-form_label_text">(ver más)</span></label> 
873                               <select class="c-form_select_input" data-playground="weight">
874                                  <option selected="selected" disabled="true">-- Explora la familia --</option>
875                                  <option value="extra-light">Dutti Wide Extra Light</option>
876                                  <option value="light">Dutti Wide Light</option>
877                                  <option value="regular" selected="">Dutti Wide Regular</option>
878                                  <option value="medium">Dutti Wide Medium</option>
879                                  <option value="semi-bold">Dutti Wide Semi Bold</option>
880                                  <option value="bold">Dutti Wide Bold</option>
881                                  <option value="extra-bold">Dutti Wide Extra Bold</option>
882                               </select>
883                            </div>
884                         </div>
885                      </div>
886                     
887                     <div class="slider c-sampler_text o-layout_item u-1/6@from-medium">
888                        <div class="slider-head">
889                            <label class="button-style" for="g">Size</label> 
890                            <output class="button-style u-text-right slider-output g_out" for="g">64px</output> 
891                         </div>
892                        <input type="range" min="8" max="350" step="1" value="64" class="inputrange slider-1" /> 
893                     </div>
894                     <div class="slider2 c-sampler_text o-layout_item u-1/6@from-medium">
895                        <div class="slider-head"> 
896                            <label class="button-style" for="g" style="display:inline-block;">Letter Spacing</label> 
897                            <output class="button-style u-text-right slider-output g_out2" for="g">0</output> 
898                         </div>
899                        <input type="range" min="-15" max="45" step="1" value="0" class="inputrange slider-2"/>
900                     </div>
901                     <div class="slider3 c-sampler_text o-layout_item u-1/6@from-medium">
902                        <div class="slider-head"> 
903                            <label class="button-style" for="g" style="display:inline-block;">Line Height</label> 
904                            <output class="button-style u-text-right slider-output g_out3" for="g">64px</output>
905                         </div>
906                        <input type="range" min="6" max="350" step="1" value="64" class="inputrange slider-3"/> 
907                     </div>
908                     <div class="align o-layout_item u-1/6@from-medium">
909                         <div class="align-container">
910                             <button class="align-left c-playground_align is-active">
911                                 <svg id="align-left" viewBox="0 0 22 10">
912                                     <g fill-rule="evenodd" >
913                                     <line x1=".249" x2="19.249" y1=".5" y2=".5"></line>
914                                     <line x1=".249" x2="19.249" y1="6.5" y2="6.5"></line>
915                                     <line x1=".249" x2="16.249" y1="3.5" y2="3.5"></line>
916                                     <line x1=".249" x2="12.249" y1="9.5" y2="9.5"></line>
917                                     </g>
918                                 </svg>
919                             </button>
920                             <button class="align-center c-playground_align">
921                                 <svg id="align-center" viewBox="0 0 22 10">
922                                     <g fill="none" fill-rule="evenodd">
923                                     <line x1=".249" x2="19.249" y1=".5" y2=".5"></line>
924                                     <line x1=".5" x2="19.5" y1="6.5" y2="6.5"></line>
925                                     <line x1="2.5" x2="17.5" y1="3.5" y2="3.5"></line>
926                                     <line x1="4.249" x2="16.249" y1="9.5" y2="9.5"></line>
927                                     </g>
928                                 </svg>
929                             </button>
930                             <button class="align-right c-playground_align">
931                                 <svg id="align-right" viewBox="0 0 21 10">
932                                     <g fill="none" fill-rule="evenodd">
933                                     <line x1=".249" x2="19.249" y1=".5" y2=".5"></line>
934                                     <line x1=".249" x2="19.249" y1="6.5" y2="6.5"></line>
935                                     <line x1=".249" x2="16.249" y1="3.5" y2="3.5"></line>
936                                     <line x1=".249" x2="12.249" y1="9.5" y2="9.5"></line>
937                                     </g>
938                                 </svg>
939                             </button>
940                             <button class="align-justify c-playground_align">
941                                 <svg id="align-justify" viewBox="0 0 22 10">
942                                     <g fill-rule="evenodd">
943                                     <line x1=".249" x2="19.249" y1=".5" y2=".5"></line>
944                                     <line x1=".249" x2="19.249" y1="6.5" y2="6.5"></line>
945                                     <line x1=".249" x2="19.249" y1="3.5" y2="3.5"></line>
946                                     <line x1=".249" x2="19.249" y1="9.5" y2="9.5"></line>
947                                     </g>
948                                 </svg>
949                             </button>
950                             
951                             <button class="refresh c-playground_refresh">
952                                 <svg id="refresh">
953                                  <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0L14 4L8 8L8.00041 5.05903C4.6661 5.31405 2.03999 8.10034 2.03999 11.5C2.03999 15.0678 4.93224 17.96 8.5 17.96C12.0678 17.96 14.96 15.0678 14.96 11.5H17C17 16.1944 13.1944 20 8.5 20C3.80558 20 0 16.1944 0 11.5C0 6.97325 3.53858 3.27298 8.00052 3.01443L8 0Z" />
954                                </svg>
955                             </button>
956                             
957                         </div>   
958                     </div>
959                  </div>
960                  <div class="ff-wide" id="container-textarea">
961                      <textarea class="regular" type="text" id="fontTxtField" name="fontTxtField"  placeholder="" spellcheck="false" onfocus="this.placeholder = ''" onblur
961="this.placeholder = 'Type here!'" oninput="this.parentNode.dataset.value = this.value"></textarea>
962                 </div>   
963             </div>
964
965                    
966
967                    
968
969
970
971                   </div>
972                </div>
973             </section>
974
975
976
977
978
979             <section data-scroll-section>
980                <div class="o-container" id="slide">
981                    <div class="o-layout -no-gutter p_top-50">
982                      
983                            <!-- Slider main container -->
984                            <div class="swiper-videos o-layout_item u-6/6@from-medium">
985                                <div class="swiper-wrapper" data-scroll>
986                                    <!-- Slides -->
987                                    <div class="swiper-slide c-slide_text c-animated_video1">
988                                        <video class="videos" data-scroll data-scroll-class="videoPlay" data-scroll-repeat="true" muted loop playsinline>
989                                          <source src="dist/images/playground/videos/01_Familia_Dutti.mp4" type="video/mp4">
990                                        </video>
991                                    </div>
992                                    <div class="swiper-slide c-slide_text c-animated_video2">
993                                        <video class="videos" data-scroll data-scroll-class="videoPlay" data-scroll-repeat="true" muted loop playsinline>
994                                          <source src="dist/images/playground/videos/02_Cond_Dutti.mp4" type="video/mp4">
995                                        </video>
996                                    </div>
997                                    <div class="swiper-slide c-slide_text c-animated_video3">
998                                      <video class="videos" data-scroll data-scroll-class="videoPlay" data-scroll-repeat="true" muted loop playsinline>
999                                         <source src="dist/images/playground/videos/03_Pesos_Dutti.mp4" type="video/mp4">
1000                                      </video>
1001                                    </div>
1002                                    <div class="swiper-slide c-slide_text c-animated_video4">
1003                                      <video class="videos" data-scroll data-scroll-class="videoPlay" data-scroll-repeat="true" muted loop playsinline>
1004                                        <source src="dist/images/playground/videos/04_Glifos_Dutti.mp4" type="video/mp4">
1005                                      </video>
1006                                    </div>
1007                                    <div class="swiper-slide c-slide_text">
1008                                      <video class="videos" data-scroll data-scroll-class="videoPlay" data-scroll-repeat="true" muted loop playsinline>
1009                                        <source src="dist/images/playground/videos/05_Cons_Dutti.mp4" type="video/mp4">
1010                                      </video>
1011                                    </div>
1012                                    <div class="swiper-slide c-slide_text">
1013                                      <video class="videos" data-scroll data-scroll-class="videoPlay" data-scroll-repeat="true" muted loop playsinline>
1014                                        <source src="dist/images/playground/videos/06_Waterfall_Dutti.mp4" type="video/mp4">
1015                                      </video>
1016                                   </div>
1017                                    
1018                                </div>
1019                            </div>
1020                            <div class="o-layout_item u-6/6@from-medium slide-navigation-container">
1021                                    <div class="swiper-button-prev swiper-button-prev-videos"></div>
1022                                    <div class="swiper-button-next swiper-button-next-videos"></div>           
1023                            </div>
1024
1025
1026                        </div>    
1027                  
1028                </div>
1029            </section>           
1030       
1031
1032
1033
1034
1035
1036            <section class="c-section -fixed" data-scroll-section data-scroll-persistent id="caracteres">
1037                <div class="o-container p_top-200" id="fixed-elements">
1038                    <div class="o-layout -gutter-small">
1039                        <div class="o-layout_item u-3/6@from-medium">
1040                            <div class="c-section_characters" data-scroll data-scroll-sticky data-scroll-target="#fixed-elements">
1041                                <div class="c-section_characters_inner" data-scroll data-scroll-offset="200">
1042                                    <div class="lines">
1043                                        <div class="big-letter-lines ascent">
1044                                           <hr>
1045                                           <div class="text_line">
1045Ascender</div>
1046                                        </div>
1047                                        <div class="big-letter-lines1 caps">
1048                                           <hr>
1049                                           <div class="text_line">Caps</div>
1050                                        </div>
1051                                        <div class="big-letter-lines2 xheight">
1052                                           <hr>
1053                                           <div class="text_line">X Height</div>
1054                                        </div>
1055                                        <div class="big-letter-lines3 baseline">
1056                                           <hr>
1057                                           <div class="text_line">Baseline</div>
1058                                        </div>
1059                                        <div class="big-letter-lines4 descent">
1060                                           <hr>
1061                                           <div class="text_line">Descender</div>
1062                                        </div>
1063
1064                                        <div id="fixed-char">A</div>
1065                                     </div>
1066                                </div>
1067                            </div>
1068                        </div>
1069                        <div class="o-layout_item u-3/6@from-medium">
1070                            <div class="c-fixed_character-grid" data-scroll>
1071                                <div>
1072                                    <!-- <h3> Letter — Uppercase Latin</h3> -->
1073
1074                                    <ol class="grid_character-table">
1075                                        <li class="code char-active">
1076                                          <span class="char">A</span>
1077                                        </li>
1078                                        <li class="code">
1079                                          <span class="char">B</span>
1080                                        </li>
1081                                        <li class="code">
1082                                          <span class="char">C</span>
1083                                        </li>
1084                                        <li class="code">
1085                                          <span class="char">D</span>
1086                                        </li>
1087                                        <li class="code">
1088                                          <span class="char">E</span>
1089                                        </li>
1090                                        <li class="code">
1091                                          <span class="char">F</span>
1092                                        </li>
1093                                        <li class="code">
1094                                          <span class="char">G</span>
1095                                        </li>
1096                                        <li class="code">
1097                                          <span class="char">H</span>
1098                                        </li>
1099                                        <li class="code">
1100                                          <span class="char">I</span>
1101                                        </li>
1102                                        <li class="code">
1103                                          <span class="char">J</span>
1104                                        </li>
1105                                        <li class="code">
1106                                          <span class="char">K</span>
1107                                        </li>
1108                                        <li class="code">
1109                                          <span class="char">L</span>
1110                                        </li>
1111                                        <li class="code">
1112                                          <span class="char">M</span>
1113                                        </li>
1114                                        <li class="code">
1115                                          <span class="char">N</span>
1116                                        </li>
1117                                        <li class="code">
1118                                          <span class="char">O</span>
1119                                        </li>
1120                                        <li class="code">
1121                                          <span class="char">P</span>
1122                                        </li>
1123                                        <li class="code">
1124                                          <span class="char">Q</span>
1125                                        </li>
1126                                        <li class="code">
1127                                          <span class="char">R</span>
1128                                        </li>
1129                                        <li class="code">
1130                                          <span class="char">S</span>
1131                                        </li>
1132                                        <li class="code">
1133                                          <span class="char">T</span>
1134                                        </li>
1135                                        <li class="code">
1136                                          <span class="char">U</span>
1137                                        </li>
1138                                        <li class="code">
1139                                          <span class="char">V</span>
1140                                        </li>
1141                                        <li class="code">
1142                                          <span class="char">W</span>
1143                                        </li>
1144                                        <li class="code">
1145                                          <span class="char">X</span>
1146                                        </li>
1147                                        <li class="code">
1148                                          <span class="char">Y</span>
1149                                        </li>
1150                                        <li class="code">
1151                                          <span class="char">Z</span>
1152                                        </li>
1153                                        <li class="code">
1154                                          <span class="char">À</span>
1155                                        </li>
1156                                        <li class="code">
1157                                          <span class="char">Á</span>
1158                                        </li>
1159                                        <li class="code">
1160                                          <span class="char">Â</span>
1161                                        </li>
1162                                        <li class="code">
1163                                          <span class="char">Ã</span>
1164                                        </li>
1165                                        <li class="code">
1166                                          <span class="char">Ä</span>
1167                                        </li>
1168                                        <li class="code">
1169                                          <span class="char">Å</span>
1170                                        </li>
1171                                        <li class="code">
1172                                          <span class="char">Æ</span>
1173                                        </li>
1174                                        <li class="code">
1175                                          <span class="char">Ç</span>
1176                                        </li>
1177                                        <li class="code">
1178                                          <span class="char">È</span>
1179                                        </li>
1180                                        <li class="code">
1181                                          <span class="char">É</span>
1182                                        </li>
1183                                        <li class="code">
1184                                          <span class="char">Ê</span>
1185                                        </li>
1186                                        <li class="code">
1187                                          <span class="char">Ë</span>
1188                                        </li>
1189                                        <li class="code">
1190                                          <span class="char">Ì</span>
1191                                        </li>
1192                                        <li class="code">
1193                                          <span class="char">Í</span>
1194                                        </li>
1195                                        <li class="code">
1196                                          <span class="char">Î</span>
1197                                        </li>
1198                                        <li class="code">
1199                                          <span class="char">Ï</span>
1200                                        </li>
1201                                        <li class="code">
1202                                          <span class="char">Ð</span>
1203                                        </li>
1204                                        <li class="code">
1205                                          <span class="char">Ñ</span>
1206                                        </li>
1207                                        <li class="code">
1208                                          <span class="char">Ò</span>
1209                                        </li>
1210                                        <li class="code">
1211                                          <span class="char">Ó</span>
1212                                        </li>
1213                                        <li class="code">
1214                                          <span class="char">Ô</span>
1215                                        </li>
1216                                        <li class="code">
1217                                          <span class="char">Õ</span>
1218                                        </li>
1219                                        <li class="code">
1220                                          <span class="char">Ö</span>
1221                                        </li>
1222                                        <li class="code">
1223                                          <span class="char">Ø</span>
1224                                        </li>
1225                                        <li class="code">
1226                                          <span class="char">Ù</span>
1227                                        </li>
1228                                        <li class="code">
1229                                          <span class="char">Ú</span>
1230                                        </li>
1231                                        <li class="code">
1232                                          <span class="char">Û</span>
1233                                        </li>
1234                                        <li class="code">
1235                                          <span class="char">Ü</span>
1236                                        </li>
1237                                        <li class="code">
1238                                          <span class="char">Ý</span>
1239                                        </li>
1240                                        <li class="code">
1241                                          <span class="char">Þ</span>
1242                                        </li>
1243                                        <li class="code">
1244                                          <span class="char">ẞ</span>
1245                                        </li>
1246                                        <li class="code">
1247                                          <span class="char">Ā</span>
1248                                        </li>
1249                                        <li class="code">
1250                                          <span class="char">Ă</span>
1251                                        </li>
1252                                        <li class="code">
1253                                          <span class="char">Ą</span>
1254                                        </li>
1255                                        <li class="code">
1256                                          <span class="char">Ć</span>
1257                                        </li>
1258                                        <li class="code">
1259                                          <span class="char">Ĉ</span>
1260                                        </li>
1261                                        <li class="code">
1262                                          <span class="char">Ċ</span>
1263                                        </li>
1264                                        <li class="code">
1265                                          <span class="char">Č</span>
1266                                        </li>
1267                                        <li class="code">
1268                                          <span class="char">Ď</span>
1269                                        </li>
1270                                        <li class="code">
1271                                          <span class="char">Đ</span>
1272                                        </li>
1273                                        <li class="code">
1274                                          <span class="char">Ē</span>
1275                                        </li>
1276                                        <li class="code">
1277                                          <span class="char">Ĕ</span>
1278                                        </li>
1279                                        <li class="code">
1280                                          <span class="char">Ė</span>
1281                                        </li>
1282                                        <li class="code">
1283                                          <span class="char">Ę</span>
1284                                        </li>
1285                                        <li class="code">
1286                                          <span class="char">Ě</span>
1287                                        </li>
1288                                        <li class="code">
1289                                          <span class="char">Ĝ</span>
1290                                        </li>
1291                                        <li class="code">
1292                                          <span class="char">Ğ</span>
1293                                        </li>
1294                                        <li class="code">
1295                                          <span class="char">Ä </span>
1296                                        </li>
1297                                        <li class="code">
1298                                          <span class="char">Ä¢</span>
1299                                        </li>
1300                                        <li class="code">
1301                                          <span class="char">Ĥ</span>
1302                                        </li>
1303                                        <li class="code">
1304                                          <span class="char">Ħ</span>
1305                                        </li>
1306                                        <li class="code">
1307                                          <span class="char">Ĩ</span>
1308                                        </li>
1309                                        <li class="code">
1310                                          <span class="char">Ī</span>
1311                                        </li>
1312                                        <li class="code">
1313                                          <span class="char">Ĭ</span>
1314                                        </li>
1315                                        <li class="code">
1316                                          <span class="char">Ä®</span>
1317                                        </li>
1318                                        <li class="code">
1319                                          <span class="char">İ</span>
1320                                        </li>
1321                                        <li class="code">
1322                                          <span class="char">IJ</span>
1323                                        </li>
1324                                        <li class="code">
1325                                          <span class="char">Ä´</span>
1326                                        </li>
1327                                        <li class="code">
1328                                          <span class="char">Ķ</span>
1329                                        </li>
1330                                        <li class="code">
1331                                          <span class="char">Ĺ</span>
1332                                        </li>
1333                                        <li class="code">
1334                                          <span class="char">Ä»</span>
1335                                        </li>
1336                                        <li class="code">
1337                                          <span class="char">Ľ</span>
1338                                        </li>
1339                                        <li class="code">
1340                                          <span class="char">Ä¿</span>
1341                                        </li>
1342                                        <li class="code">
1343                                          <span class="char">Ł</span>
1344                                        </li>
1345                                        <li class="code">
1346                                          <span class="char">Ń</span>
1347                                        </li>
1348                                        <li class="code">
1349                                          <span class="char">Ņ</span>
1350                                        </li>
1351                                        <li class="code">
1352                                          <span class="char">Ň</span>
1353                                        </li>
1354                                        <li class="code">
1355                                          <span class="char">Ŋ</span>
1356                                        </li>
1357                                        <li class="code">
1358                                          <span class="char">Ō</span>
1359                                        </li>
1360                                        <li class="code">
1361                                          <span class="char">Ŏ</span>
1362                                        </li>
1363                                        <li class="code">
1364                                          <span class="char">Ő</span>
1365                                        </li>
1366                                        <li class="code">
1367                                          <span class="char">Œ</span>
1368                                        </li>
1369                                        <li class="code">
1370                                          <span class="char">Ŕ</span>
1371                                        </li>
1372                                        <li class="code">
1373                                          <span class="char">Ŗ</span>
1374                                        </li>
1375                                        <li class="code">
1376                                          <span class="char">Ř</span>
1377                                        </li>
1378                                        <li class="code">
1379                                          <span class="char">Ś</span>
1380                                        </li>
1381                                        <li class="code">
1382                                          <span class="char">Ŝ</span>
1383                                        </li>
1384                                        <li class="code">
1385                                          <span class="char">Ş</span>
1386                                        </li>
1387                                        <li class="code">
1388                                          <span class="char">Å </span>
1389                                        </li>
1390                                        <li class="code">
1391                                          <span class="char">Å¢</span>
1392                                        </li>
1393                                        <li class="code">
1394                                          <span class="char">Ť</span>
1395                                        </li>
1396                                        <li class="code">
1397                                          <span class="char">Ŧ</span>
1398                                        </li>
1399                                        <li class="code">
1400                                          <span class="char">Ũ</span>
1401                                        </li>
1402                                        <li class="code">
1403                                          <span class="char">Ū</span>
1404                                        </li>
1405                                        <li class="code">
1406                                          <span class="char">Ŭ</span>
1407                                        </li>
1408                                        <li class="code">
1409                                          <span class="char">Å®</span>
1410                                        </li>
1411                                        <li class="code">
1412                                          <span class="char">Ű</span>
1413                                        </li>
1414                                        <li class="code">
1415                                          <span class="char">Ų</span>
1416                                        </li>
1417                                        <li class="code">
1418                                          <span class="char">Å´</span>
1419                                        </li>
1420                                        <li class="code">
1421                                          <span class="char">Ŷ</span>
1422                                        </li>
1423                                        <li class="code">
1424                                          <span class="char">Ÿ</span>
1425                                        </li>
1426                                        <li class="code">
1427                                          <span class="char">Ź</span>
1428                                        </li>
1429                                        <li class="code">
1430                                          <span class="char">Å»</span>
1431                                        </li>
1432                                        <li class="code">
1433                                          <span class="char">Ž</span>
1434                                        </li>
1435                                        <li class="code">
1436                                          <span class="char">Ə</span>
1437                                        </li>
1438                                        <li class="code">
1439                                          <span class="char">Ɲ</span>
1440                                        </li>
1441                                        <li class="code">
1442                                          <span class="char">Ǧ</span>
1443                                        </li>
1444                                        <li class="code">
1445                                          <span class="char">Ǫ</span>
1446                                        </li>
1447                                        <li class="code">
1448                                          <span class="char">Ǻ</span>
1449                                        </li>
1450                                        <li class="code">
1451                                          <span class="char">Ǽ</span>
1452                                        </li>
1453                                        <li class="code">
1454                                          <span class="char">Ǿ</span>
1455                                        </li>
1456                                        <li class="code">
1457                                          <span class="char">Ș</span>
1458                                        </li>
1459                                        <li class="code">
1460                                          <span class="char">Ț</span>
1461                                        </li>
1462                                        <li class="code">
1463                                          <span class="char">Ȳ</span>
1464                                        </li>
1465                                        <li class="code">
1466                                          <span class="char">Ẁ</span>
1467                                        </li>
1468                                        <li class="code">
1469                                          <span class="char">Ẃ</span>
1470                                        </li>
1471                                        <li class="code">
1472                                          <span class="char">Ẅ</span>
1473                                        </li>
1474                                        <li class="code">
1475                                          <span class="char">Ạ</span>
1476                                        </li>
1477                                        <li class="code">
1478                                          <span class="char">Ẹ</span>
1479                                        </li>
1480                                        <li class="code">
1481                                          <span class="char">Ẽ</span>
1482                                        </li>
1483                                        <li class="code">
1484                                          <span class="char">Ị</span>
1485                                        </li>
1486                                        <li class="code">
1487                                          <span class="char">Ọ</span>
1488                                        </li>
1489                                        <li class="code">
1490                                          <span class="char">Ụ</span>
1491                                        </li>
1492                                        <li class="code">
1493                                          <span class="char">Ỳ</span>
1494                                        </li>
1495                                        <li class="code">
1496                                          <span class="char">Ỹ</span>
1497                                        </li>
1498                                        <li class="code">
1499                                          <span class="char">a</span>
1500                                        </li>
1501                                        <li class="code">
1502                                          <span class="char">b</span>
1503                                        </li>
1504                                        <li class="code">
1505                                          <span class="char">c</span>
1506                                        </li>
1507                                        <li class="code">
1508                                          <span class="char">d</span>
1509                                        </li>
1510                                        <li class="code">
1511                                          <span class="char">e</span>
1512                                        </li>
1513                                        <li class="code">
1514                                          <span class="char">f</span>
1515                                        </li>
1516                                        <li class="code">
1517                                          <span class="char">g</span>
1518                                        </li>
1519                                        <li class="code">
1520                                          <span class="char">h</span>
1521                                        </li>
1522                                        <li class="code">
1523                                          <span class="char">i</span>
1524                                        </li>
1525                                        <li class="code">
1526                                          <span class="char">j</span>
1527                                        </li>
1528                                        <li class="code">
1529                                          <span class="char">k</span>
1530                                        </li>
1531                                        <li class="code">
1532                                          <span class="char">l</span>
1533                                        </li>
1534                                        <li class="code">
1535                                          <span class="char">m</span>
1536                                        </li>
1537                                        <li class="code">
1538                                          <span class="char">n</span>
1539                                        </li>
1540                                        <li class="code">
1541                                          <span class="char">o</span>
1542                                        </li>
1543                                        <li class="code">
1544                                          <span class="char">p</span>
1545                                        </li>
1546                                        <li class="code">
1547                                          <span class="char">q</span>
1548                                        </li>
1549                                        <li class="code">
1550                                          <span class="char">r</span>
1551                                        </li>
1552                                        <li class="code">
1553                                          <span class="char">s</span>
1554                                        </li>
1555                                        <li class="code">
1556                                          <span class="char">t</span>
1557                                        </li>
1558                                        <li class="code">
1559                                          <span class="char">u</span>
1560                                        </li>
1561                                        <li class="code">
1562                                          <span class="char">v</span>
1563                                        </li>
1564                                        <li class="code">
1565                                          <span class="char">w</span>
1566                                        </li>
1567                                        <li class="code">
1568                                          <span class="char">x</span>
1569                                        </li>
1570                                        <li class="code">
1571                                          <span class="char">y</span>
1572                                        </li>
1573                                        <li class="code">
1574                                          <span class="char">z</span>
1575                                        </li>
1576                                        <li class="code">
1577                                          <span class="char">ß</span>
1578                                        </li>
1579                                        <li class="code">
1580                                          <span class="char">à</span>
1581                                        </li>
1582                                        <li class="code">
1583                                          <span class="char">á</span>
1584                                        </li>
1585                                        <li class="code">
1586                                          <span class="char">â</span>
1587                                        </li>
1588                                        <li class="code">
1589                                          <span class="char">ã</span>
1590                                        </li>
1591                                        <li class="code">
1592                                          <span class="char">ä</span>
1593                                        </li>
1594                                        <li class="code">
1595                                          <span class="char">Ã¥</span>
1596                                        </li>
1597                                        <li class="code">
1598                                          <span class="char">æ</span>
1599                                        </li>
1600                                        <li class="code">
1601                                          <span class="char">ç</span>
1602                                        </li>
1603                                        <li class="code">
1604                                          <span class="char">è</span>
1605                                        </li>
1606                                        <li class="code">
1607                                          <span class="char">é</span>
1608                                        </li>
1609                                        <li class="code">
1610                                          <span class="char">ê</span>
1611                                        </li>
1612                                        <li class="code">
1613                                          <span class="char">ë</span>
1614                                        </li>
1615                                        <li class="code">
1616                                          <span class="char">ì</span>
1617                                        </li>
1618                                        <li class="code">
1619                                          <span class="char">í</span>
1620                                        </li>
1621                                        <li class="code">
1622                                          <span class="char">î</span>
1623                                        </li>
1624                                        <li class="code">
1625                                          <span class="char">ï</span>
1626                                        </li>
1627                                        <li class="code">
1628                                          <span class="char">ð</span>
1629                                        </li>
1630                                        <li class="code">
1631                                          <span class="char">ñ</span>
1632                                        </li>
1633                                        <li class="code">
1634                                          <span class="char">ò</span>
1635                                        </li>
1636                                        <li class="code">
1637                                          <span class="char">ó</span>
1638                                        </li>
1639                                        <li class="code">
1640                                          <span class="char">ô</span>
1641                                        </li>
1642                                        <li class="code">
1643                                          <span class="char">õ</span>
1644                                        </li>
1645                                        <li class="code">
1646                                          <span class="char">ö</span>
1647                                        </li>
1648                                        <li class="code">
1649                                          <span class="char">ø</span>
1650                                        </li>
1651                                        <li class="code">
1652                                          <span class="char">ù</span>
1653                                        </li>
1654                                        <li class="code">
1655                                          <span class="char">ú</span>
1656                                        </li>
1657                                        <li class="code">
1658                                          <span class="char">û</span>
1659                                        </li>
1660                                        <li class="code">
1661                                          <span class="char">ü</span>
1662                                        </li>
1663                                        <li class="code">
1664                                          <span class="char">ý</span>
1665                                        </li>
1666                                        <li class="code">
1667                                          <span class="char">þ</span>
1668                                        </li>
1669                                        <li class="code">
1670                                          <span class="char">ÿ</span>
1671                                        </li>
1672                                        <li class="code">
1673                                          <span class="char">ā</span>
1674                                        </li>
1675                                        <li class="code">
1676                                          <span class="char">ă</span>
1677                                        </li>
1678                                        <li class="code">
1679                                          <span class="char">ą</span>
1680                                        </li>
1681                                        <li class="code">
1682                                          <span class="char">ć</span>
1683                                        </li>
1684                                        <li class="code">
1685                                          <span class="char">ĉ</span>
1686                                        </li>
1687                                        <li class="code">
1688                                          <span class="char">ċ</span>
1689                                        </li>
1690                                        <li class="code">
1691                                          <span class="char">č</span>
1692                                        </li>
1693                                        <li class="code">
1694                                          <span class="char">ď</span>
1695                                        </li>
1696                                        <li class="code">
1697                                          <span class="char">đ</span>
1698                                        </li>
1699                                        <li class="code">
1700                                          <span class="char">ē</span>
1701                                        </li>
1702                                        <li class="code">
1703                                          <span class="char">ĕ</span>
1704                                        </li>
1705                                        <li class="code">
1706                                          <span class="char">ė</span>
1707                                        </li>
1708                                        <li class="code">
1709                                          <span class="char">ę</span>
1710                                        </li>
1711                                        <li class="code">
1712                                          <span class="char">ě</span>
1713                                        </li>
1714                                        <li class="code">
1715                                          <span class="char">ĝ</span>
1716                                        </li>
1717                                        <li class="code">
1718                                          <span class="char">ğ</span>
1719                                        </li>
1720                                        <li class="code">
1721                                          <span class="char">Ä¡</span>
1722                                        </li>
1723                                        <li class="code">
1724                                          <span class="char">Ä£</span>
1725                                        </li>
1726                                        <li class="code">
1727                                          <span class="char">Ä¥</span>
1728                                        </li>
1729                                        <li class="code">
1730                                          <span class="char">ħ</span>
1731                                        </li>
1732                                        <li class="code">
1733                                          <span class="char">Ä©</span>
1734                                        </li>
1735                                        <li class="code">
1736                                          <span class="char">Ä«</span>
1737                                        </li>
1738                                        <li class="code">
1739                                          <span class="char">Ä­</span>
1740                                        </li>
1741                                        <li class="code">
1742                                          <span class="char">į</span>
1743                                        </li>
1744                                        <li class="code">
1745                                          <span class="char">ı</span>
1746                                        </li>
1747                                        <li class="code">
1748                                          <span class="char">ij</span>
1749                                        </li>
1750                                        <li class="code">
1751                                          <span class="char">ĵ</span>
1752                                        </li>
1753                                        <li class="code">
1754                                          <span class="char">Ä·</span>
1755                                        </li>
1756                                        <li class="code">
1757                                          <span class="char">ĸ</span>
1758                                        </li>
1759                                        <li class="code">
1760                                          <span class="char">ĺ</span>
1761                                        </li>
1762                                        <li class="code">
1763                                          <span class="char">ļ</span>
1764                                        </li>
1765                                        <li class="code">
1766                                          <span class="char">ľ</span>
1767                                        </li>
1768                                        <li class="code">
1769                                          <span class="char">ŀ</span>
1770                                        </li>
1771                                        <li class="code">
1772                                          <span class="char">ł</span>
1773                                        </li>
1774                                        <li class="code">
1775                                          <span class="char">ń</span>
1776                                        </li>
1777                                        <li class="code">
1778                                          <span class="char">ņ</span>
1779                                        </li>
1780                                        <li class="code">
1781                                          <span class="char">ň</span>
1782                                        </li>
1783                                        <li class="code">
1784                                          <span class="char">ʼn</span>
1785                                        </li>
1786                                        <li class="code">
1787                                          <span class="char">ŋ</span>
1788                                        </li>
1789                                        <li class="code">
1790                                          <span class="char">ō</span>
1791                                        </li>
1792                                        <li class="code">
1793                                          <span class="char">ŏ</span>
1794                                        </li>
1795                                        <li class="code">
1796                                          <span class="char">ő</span>
1797                                        </li>
1798                                        <li class="code">
1799                                          <span class="char">œ</span>
1800                                        </li>
1801                                        <li class="code">
1802                                          <span class="char">ŕ</span>
1803                                        </li>
1804                                        <li class="code">
1805                                          <span class="char">ŗ</span>
1806                                        </li>
1807                                        <li class="code">
1808                                          <span class="char">ř</span>
1809                                        </li>
1810                                        <li class="code">
1811                                          <span class="char">ś</span>
1812                                        </li>
1813                                        <li class="code">
1814                                          <span class="char">ŝ</span>
1815                                        </li>
1816                                        <li class="code">
1817                                          <span class="char">ş</span>
1818                                        </li>
1819                                        <li class="code">
1820                                          <span class="char">Å¡</span>
1821                                        </li>
1822                                        <li class="code">
1823                                          <span class="char">Å£</span>
1824                                        </li>
1825                                        <li class="code">
1826                                          <span class="char">Å¥</span>
1827                                        </li>
1828                                        <li class="code">
1829                                          <span class="char">ŧ</span>
1830                                        </li>
1831                                        <li class="code">
1832                                          <span class="char">Å©</span>
1833                                        </li>
1834                                        <li class="code">
1835                                          <span class="char">Å«</span>
1836                                        </li>
1837                                        <li class="code">
1838                                          <span class="char">Å­</span>
1839                                        </li>
1840                                        <li class="code">
1841                                          <span class="char">ů</span>
1842                                        </li>
1843                                        <li class="code">
1844                                          <span class="char">ű</span>
1845                                        </li>
1846                                        <li class="code">
1847                                          <span class="char">ų</span>
1848                                        </li>
1849                                        <li class="code">
1850                                          <span class="char">ŵ</span>
1851                                        </li>
1852                                        <li class="code">
1853                                          <span class="char">Å·</span>
1854                                        </li>
1855                                        <li class="code">
1856                                          <span class="char">ź</span>
1857                                        </li>
1858                                        <li class="code">
1859                                          <span class="char">ż</span>
1860                                        </li>
1861                                        <li class="code">
1862                                          <span class="char">ž</span>
1863                                        </li>
1864                                        <li class="code">
1865                                          <span class="char">ǧ</span>
1866                                        </li>
1867                                        <li class="code">
1868                                          <span class="char">Ç«</span>
1869                                        </li>
1870                                        <li class="code">
1871                                          <span class="char">Ç»</span>
1872                                        </li>
1873                                        <li class="code">
1874                                          <span class="char">ǽ</span>
1875                                        </li>
1876                                        <li class="code">
1877                                          <span class="char">Ç¿</span>
1878                                        </li>
1879                                        <li class="code">
1880                                          <span class="char">ș</span>
1881                                        </li>
1882                                        <li class="code">
1883                                          <span class="char">ț</span>
1884                                        </li>
1885                                        <li class="code">
1886                                          <span class="char">ȳ</span>
1887                                        </li>
1888                                        <li class="code">
1889                                          <span class="char">È·</span>
1890                                        </li>
1891                                        <li class="code">
1892                                          <span class="char">ə</span>
1893                                        </li>
1894                                        <li class="code">
1895                                          <span class="char">ɲ</span>
1896                                        </li>
1897                                        <li class="code">
1898                                          <span class="char">ẁ</span>
1899                                        </li>
1900                                        <li class="code">
1901                                          <span class="char">ẃ</span>
1902                                        </li>
1903                                        <li class="code">
1904                                          <span class="char">ẅ</span>
1905                                        </li>
1906                                        <li class="code">
1907                                          <span class="char">ạ</span>
1908                                        </li>
1909                                        <li class="code">
1910                                          <span class="char">ẹ</span>
1911                                        </li>
1912                                        <li class="code">
1913                                          <span class="char">ẽ</span>
1914                                        </li>
1915                                        <li class="code">
1916                                          <span class="char">ị</span>
1917                                        </li>
1918                                        <li class="code">
1919                                          <span class="char">ọ</span>
1920                                        </li>
1921                                        <li class="code">
1922                                          <span class="char">ụ</span>
1923                                        </li>
1924                                        <li class="code">
1925                                          <span class="char">ỳ</span>
1926                                        </li>
1927                                        <li class="code">
1928                                          <span class="char">ỹ</span>
1929                                        </li>
1930                                        <li class="code">
1931                                          <span class="char">º</span>
1932                                        </li>
1933                                        <li class="code">
1934                                          <span class="char">ª</span>
1935                                        </li>
1936                                        <li class="code">
1937                                          <span class="char">0</span>
1938                                        </li>
1939                                        <li class="code">
1940                                          <span class="char">1</span>
1941                                        </li>
1942                                        <li class="code">
1943                                          <span class="char">2</span>
1944                                        </li>
1945                                        <li class="code">
1946                                          <span class="char">3</span>
1947                                        </li>
1948                                        <li class="code">
1949                                          <span class="char">4</span>
1950                                        </li>
1951                                        <li class="code">
1952                                          <span class="char">5</span>
1953                                        </li>
1954                                        <li class="code">
1955                                          <span class="char">6</span>
1956                                        </li>
1957                                        <li class="code">
1958                                          <span class="char">7</span>
1959                                        </li>
1960                                        <li class="code">
1961                                          <span class="char">8</span>
1962                                        </li>
1963                                        <li class="code">
1964                                          <span class="char">9</span>
1965                                        </li>
1966                                        <li class="code">
1967                                          <span class="char">½</span>
1968                                        </li>
1969                                        <li class="code">
1970                                          <span class="char">¼</span>
1971                                        </li>
1972                                        <li class="code">
1973                                          <span class="char">¾</span>
1974                                        </li>
1975                                        <li class="code">
1976                                          <span class="char">⅓</span>
1977                                        </li>
1978                                        <li class="code">
1979                                          <span class="char">⅔</span>
1980                                        </li>
1981                                        <li class="code">
1982                                          <span class="char">⅛</span>
1983                                        </li>
1984                                        <li class="code">
1985                                          <span class="char">⅜</span>
1986                                        </li>
1987                                        <li class="code">
1988                                          <span class="char">⅝</span>
1989                                        </li>
1990                                        <li class="code">
1991                                          <span class="char">⅞</span>
1992                                        </li>
1993                                        <li class="code">
1994                                          <span class="char">!</span>
1995                                        </li>
1996                                        <li class="code">
1997                                          <span class="char">#</span>
1998                                        </li>
1999                                        <li class="code">
2000                                          <span class="char">*</span>
2001                                        </li>
2002                                        <li class="code">
2003                                          <span class="char">,</span>
2004                                        </li>
2005                                        <li class="code">
2006                                          <span class="char">.</span>
2007                                        </li>
2008                                        <li class="code">
2009                                          <span class="char">/</span>
2010                                        </li>
2011                                        <li class="code">
2012                                          <span class="char">:</span>
2013                                        </li>
2014                                        <li class="code">
2015                                          <span class="char">;</span>
2016                                        </li>
2017                                        <li class="code">
2018                                          <span class="char">?</span>
2019                                        </li>
2020                                        <li class="code">
2021                                          <span class="char">\</span>
2022                                        </li>
2023                                        <li class="code">
2024                                          <span class="char">¡</span>
2025                                        </li>
2026                                        <li class="code">
2027                                          <span class="char">·</span>
2028                                        </li>
2029                                        <li class="code">
2030                                          <span class="char">¿</span>
2031                                        </li>
2032                                        <li class="code">
2033                                          <span class="char">•</span>
2034                                        </li>
2035                                        <li class="code">
2036                                          <span class="char">"</span>
2037                                        </li>
2038                                        <li class="code">
2039                                          <span class="char">'</span>
2040                                        </li>
2041                                        <li class="code">
2042                                          <span class="char">«</span>
2043                                        </li>
2044                                        <li class="code">
2045                                          <span class="char">»</span>
2046                                        </li>
2047                                        <li class="code">
2048                                          <span class="char">‘</span>
2049                                        </li>
2050                                        <li class="code">
2051                                          <span class="char">’</span>
2052                                        </li>
2053                                        <li class="code">
2054                                          <span class="char">‚</span>
2055                                        </li>
2056                                        <li class="code">
2057                                          <span class="char">“</span>
2058                                        </li>
2059                                        <li class="code">
2060                                          <span class="char">”</span>
2061                                        </li>
2062                                        <li class="code">
2063                                          <span class="char">„</span>
2064                                        </li>
2065                                        <li class="code">
2066                                          <span class="char">‹</span>
2067                                        </li>
2068                                        <li class="code">
2069                                          <span class="char">›</span>
2070                                        </li>
2071                                        <li class="code">
2072                                          <span class="char">&amp;</span>
2073                                        </li>
2074                                        <li class="code">
2075                                          <span class="char">@</span>
2076                                        </li>
2077                                        <li class="code">
2078                                          <span class="char">|</span>
2079                                        </li>
2080                                        <li class="code">
2081                                          <span class="char">¦</span>
2082                                        </li>
2083                                        <li class="code">
2084                                          <span class="char">§</span>
2085                                        </li>
2086                                        <li class="code">
2087                                          <span class="char">©</span>
2088                                        </li>
2089                                        <li class="code">
2090                                          <span class="char">®</span>
2091                                        </li>
2092                                        <li class="code">
2093                                          <span class="char">°</span>
2094                                        </li>
2095                                        <li class="code">
2096                                          <span class="char">¶</span>
2097                                        </li>
2098                                        <li class="code">
2099                                          <span class="char">†</span>
2100                                        </li>
2101                                        <li class="code">
2102                                          <span class="char">‡</span>
2103                                        </li>
2104                                        <li class="code">
2105                                          <span class="char">™</span>
2106                                        </li>
2107                                        <li class="code">
2108                                          <span class="char">$</span>
2109                                        </li>
2110                                        <li class="code">
2111                                          <span class="char">¢</span>
2112                                        </li>
2113                                        <li class="code">
2114                                          <span class="char">£</span>
2115                                        </li>
2116                                        <li class="code">
2117                                          <span class="char">¤</span>
2118                                        </li>
2119                                        <li class="code">
2120                                          <span class="char">Â¥</span>
2121                                        </li>
2122                                        <li class="code">
2123                                          <span class="char">€</span>
2124                                        </li>
2125                                        <li class="code">
2126                                          <span class="char">%</span>
2127                                        </li>
2128                                        <li class="code">
2129                                          <span class="char">+</span>
2130                                        </li>
2131                                        <li class="code">
2132                                          <span class="char">&lt;</span>
2133                                        </li>
2134                                        <li class="code">
2135                                          <span class="char">=</span>
2136                                        </li>
2137                                        <li class="code">
2138                                          <span class="char">&gt;</span>
2139                                        </li>
2140                                        <li class="code">
2141                                          <span class="char">~</span>
2142                                        </li>
2143                                        <li class="code">
2144                                          <span class="char">±</span>
2145                                        </li>
2146                                        <li class="code">
2147                                          <span class="char">^</span>
2148                                        </li>
2149                                        <li class="code">
2150                                          <span class="char">µ</span>
2151                                        </li>
2152                                        <li class="code">
2153                                          <span class="char">×</span>
2154                                        </li>
2155                                        <li class="code">
2156                                          <span class="char">÷</span>
2157                                        </li>
2158                                        <li class="code">
2159                                          <span class="char">‰</span>
2160                                        </li>
2161                                        <li class="code">
2162                                          <span class="char">−</span>
2163                                        </li>
2164                                        <li class="code">
2165                                          <span class="char">∕</span>
2166                                        </li>
2167                                        <li class="code">
2168                                          <span class="char">≈</span>
2169                                        </li>
2170                                        <li class="code">
2171                                          <span class="char">≠</span>
2172                                        </li>
2173                                        <li class="code">
2174                                          <span class="char">≤</span>
2175                                        </li>
2176                                        <li class="code">
2177                                          <span class="char">≥</span>
2178                                        </li>
2179                                        <li class="code">
2180                                            <span class="char">↑</span>
2181                                        </li>
2182                                         <li class="code">
2183                                            <span class="char">→</span>
2184                                        </li>
2185                                        <li class="code">
2186                                            <span class="char">↓</span>
2187                                        </li>
2188                                        <li class="code">
2189                                            <span class="char">←</span>
2190                                        </li>
2191                                      </ol>
2192
2193
2194                                      
2195
2196
2197
2198                                   
2199                                </div>
2200                            </div>
2201                        </div>
2202                    </div>
2203                </div>
2204            </section>
2205
2206
2207
2208
2209
2210
2211
2212            <section data-scroll-section>
2213                <div class="o-container" id="sets">
2214                    <div class="c-summary p_top-50" data-scroll>
2215                        <hr class="c-section_line" data-scroll data-scroll-repeat="true" data-scroll-offset="100" />
2216
2217                        <div class="o-layout -gutter">
2218                            <div class="o-layout_item u-3/6@from-medium left_mobile">
2219                                <p class="c-summary_text">
2220                                    Stylistic Sets
2221                                </p>
2222                            </div>
2223                            <div class="o-layout_item u-3/6@from-medium right_mobile">
2224                                <p class="c-main_text c-animated_text descendent-numeric">
2225                                  Dutti tiene 3 sets estilísticos diferentes que combinan versiones alternativas de ciertos glifos, pudie
2225ndo matizar el carácter grotesco e la letra hacia un universo más geométrico y/o humanista, dependiendo de las necesidades de comunicación. 
2226                                  De esta manera, tanto en caja alta como en caja baja, encontramos diferentes combinaciones posibles de letras para generar resultados únicos.
2227                                </p>
2228                            </div>
2229                           
2230                        </div>
2231
2232
2233
2234                        <div class="o-layout -gutter-mini-fixed p_top-150 style-box-container swiper-sets">
2235
2236                        <div class="swiper-wrapper">
2237
2238                          <div class="o-layout_item u-2/6@from-medium swiper-slide">
2239                              <div class="style-box set0 c-animated_set0" data-scroll>
2240                                  <p class="c-sets_title_text u-text-center">Stylistic Sets</p>
2241                                  <div class="style-box-letter">a</div>
2242                                  <div class="style-box-metrics">
2243                                      <div class="style-box-metric style-box-metric-1">A</div>
2244                                      <div class="style-box-metric style-box-metric-2">X</div>
2245                                      <div class="style-box-metric style-box-metric-3">B</div>
2246                                  </div>
2247                              </div>
2248                          </div>
2249
2250                          <div class="o-layout_item u-2/6@from-medium swiper-slide">
2251                              <div class="style-box set1 c-animated_set1" data-scroll>
2252                                  <p class="c-sets_title_text u-text-center">Stylistic Set 2</p>
2253                                  <div class="style-box-letter ss02">a</div>
2254                                  <div class="style-box-metrics">
2255                                      <div class="style-box-metric style-box-metric-1">A</div>
2256                                      <div class="style-box-metric style-box-metric-2">X</div>
2257                                      <div class="style-box-metric style-box-metric-3">B</div>
2258                                  </div>
2259                              </div>
2260                          </div>
2261
2262                          <div class="o-layout_item u-2/6@from-medium swiper-slide">
2263                              <div class="style-box set2 c-animated_set2" data-scroll>
2264                                  <p class="c-sets_title_text u-text-center">Stylistic Set 1</p>
2265                                  <div class="style-box-letter ss01">a</div>
2266                                  <div class="style-box-metrics">
2267                                      <div class="style-box-metric style-box-metric-1">A</div>
2268                                      <div class="style-box-metric style-box-metric-2">X</div>
2269                                      <div class="style-box-metric style-box-metric-3">B</div>
2270                                  </div>
2271                              </div>
2272                          </div>
2273
2274
2275
2276
2277
2278
2279                            <div class="o-layout_item u-2/6@from-medium swiper-slide">
2280                                <div class="style-box descendent set0 c-animated_set0" data-scroll>
2281                                    <p class="c-sets_title_text u-text-center">Stylistic Sets</p>
2282                                    <div class="style-box-letter">g</div>
2283                                    <div class="style-box-metrics">
2284                                        <div class="style-box-metric style-box-metric-1">X</div>
2285                                        <div class="style-box-metric style-box-metric-2">B</div>
2286                                        <div class="style-box-metric style-box-metric-3">D</div>
2287                                    </div>
2288                                </div>
2289                            </div>
2290
2291                            <div class="o-layout_item u-2/6@from-medium swiper-slide">
2292                                <div class="style-box descendent set1 c-animated_set1" data-scroll>
2293                                    <p class="c-sets_title_text u-text-center">Stylistic Set 2</p>
2294                                    <div class="style-box-letter ss02">g</div>
2295                                    <div class="style-box-metrics">
2296                                        <div class="style-box-metric style-box-metric-1">X</div>
2297                                        <div class="style-box-metric style-box-metric-2">B</div>
2298                                        <div class="style-box-metric style-box-metric-3">D</div>
2299                                    </div>
2300                                </div>
2301                            </div>
2302
2303                            <div class="o-layout_item u-2/6@from-medium swiper-slide">
2304                                <div class="style-box descendent set0 c-animated_set2" data-scroll>
2305                                    <p class="c-sets_title_text u-text-center">Stylistic Set 1</p>
2306                                    <div class="style-box-letter ss01">g</div>
2307                                    <div class="style-box-metrics">
2308                                        <div class="style-box-metric style-box-metric-1">X</div>
2309                                        <div class="style-box-metric style-box-metric-2">B</div>
2310                                        <div class="style-box-metric style-box-metric-3">D</div>
2311                                    </div>
2312                                </div>
2313                            </div>
2314
2315
2316
2317
2318                            <div class="o-layout_item u-2/6@from-medium swiper-slide">
2319                                <div class="style-box descendent set0 c-animated_set0" data-scroll>
2320                                    <p class="c-sets_title_text u-text-center">Stylistic Sets</p>
2321                                    <div class="style-box-letter">y</div>
2322                                    <div class="style-box-metrics">
2323                                        <div class="style-box-metric style-box-metric-1">X</div>
2324                                        <div class="style-box-metric style-box-metric-2">B</div>
2325                                        <div class="style-box-metric style-box-metric-3">D</div>
2326                                    </div>
2327                                </div>
2328                            </div>
2329
2330                            <div class="o-layout_item u-2/6@from-medium swiper-slide">
2331                                <div class="style-box descendent set1 c-animated_set1" data-scroll> 
2332                                    <p class="c-sets_title_text u-text-center">Stylistic Set 2</p>
2333                                    <div class="style-box-letter ss02">y</div>
2334                                    <div class="style-box-metrics">
2335                                        <div class="style-box-metric style-box-metric-1">X</div>
2336                                        <div class="style-box-metric style-box-metric-2">B</div>
2337                                        <div class="style-box-metric style-box-metric-3">D</div>
2338                                    </div>
2339                                </div>
2340                            </div>
2341
2342                            <div class="o-layout_item u-2/6@from-medium swiper-slide">
2343                                <div class="style-box descendent set0 c-animated_set2" data-scroll>
2344                                    <p class="c-sets_title_text u-text-center">Stylistic Set 1</p>
2345                                    <div class="style-box-letter ss01">y</div>
2346                                    <div class="style-box-metrics">
2347                                        <div class="style-box-metric style-box-metric-1">X</div>
2348                                        <div class="style-box-metric style-box-metric-2">B</div>
2349                                        <div class="style-box-metric style-box-metric-3">D</div>
2350                                    </div>
2351                                </div>
2352                            </div>
2353
2354
2355
2356
2357                            <div class="o-layout_item u-2/6@from-medium swiper-slide">
2358                                <div class="style-box caps set0 c-animated_set0" data-scroll>
2359                                    <p class="c-sets_title_text u-text-center">Stylistic Sets</p>
2360                                    <div class="style-box-letter">M</div>
2361                                    <div class="style-box-metrics">
2362                                        <div class="style-box-metric style-box-metric-1">C</div>
2363                                        <div class="style-box-metric style-box-metric-2">X</div>
2364                                        <div class="style-box-metric style-box-metric-3">B</div>
2365                                    </div>
2366                                </div>
2367                            </div>
2368
2369                            <div class="o-layout_item u-2/6@from-medium swiper-slide">
2370                                <div class="style-box caps set1 c-animated_set1" data-scroll>
2371                                    <p class="c-sets_title_text u-text-center">Stylistic Set 2</p>
2372                                    <div class="style-box-letter ss02">M</div>
2373                                    <div class="style-box-metrics">
2374                                        <div class="style-box-metric style-box-metric-1">C</div>
2375                                        <div class="style-box-metric style-box-metric-2">X</div>
2376                                        <div class="style-box-metric style-box-metric-3">B</div>
2377                                    </div>
2378                                </div>
2379                            </div>
2380
2381                            <div class="o-layout_item u-2/6@from-medium swiper-slide">
2382                                <div class="style-box caps set2 c-animated_set2" data-scroll>
2383                                    <p class="c-sets_title_text u-text-center">Stylistic Set 1</p>
2384                                    <div class="style-box-letter ss01">M</div>
2385                                    <div class="style-box-metrics">
2386                                        <div class="style-box-metric style-box-metric-1">C</div>
2387                                        <div class="style-box-metric style-box-metric-2">X</div>
2388                                        <div class="style-box-metric style-box-metric-3">B</div>
2389                                    </div>
2390                                </div>
2391                            </div>
2392
2393
2394
2395
2396                            <div class="o-layout_item u-2/6@from-medium swiper-slide">
2397                                <div class="style-box caps set0 c-animated_set0" data-scroll>
2398                                    <p class="c-sets_title_text u-text-center">Stylistic Sets</p>
2399                                    <div class="style-box-letter">Q</div>
2400                                    <div class="style-box-metrics">
2401                                        <div class="style-box-metric style-box-metric-1">C</div>
2402                                        <div class="style-box-metric style-box-metric-2">X</div>
2403                                        <div class="style-box-metric style-box-metric-3">B</div>
2404                                    </div>
2405                                </div>
2406                            </div>
2407
2408                            <div class="o-layout_item u-2/6@from-medium swiper-slide">
2409                                <div class="style-box caps set1 c-animated_set1" data-scroll>
2410                                    <p class="c-sets_title_text u-text-center">Stylistic Set 2</p>
2411                                    <div class="style-box-letter ss02">Q</div>
2412                                    <div class="style-box-metrics">
2413                                        <div class="style-box-metric style-box-metric-1">C</div>
2414                                        <div class="style-box-metric style-box-metric-2">X</div>
2415                                        <div class="style-box-metric style-box-metric-3">B</div>
2416                                    </div>
2417                                </div>
2418                            </div>
2419
2420                            <div class="o-layout_item u-2/6@from-medium swiper-slide">
2421                                <div class="style-box caps set0 c-animated_set2" data-scroll>
2422                                    <p class="c-sets_title_text u-text-center">Stylistic Set 1</p>
2423                                    <div class="style-box-letter ss01">Q</div>
2424                                    <div class="style-box-metrics">
2425                                        <div class="style-box-metric style-box-metric-1">C</div>
2426                                        <div class="style-box-metric style-box-metric-2">X</div>
2427                                        <div class="style-box-metric style-box-metric-3">B</div>
2428                                    </div>
2429                                </div>
2430                            </div>
2431
2432
2433
2434
2435                            <div class="o-layout_item u-6/6@from-medium swiper-slide">
2436                                <div class="style-box full_word c-animated_set0" data-scroll>
2437                                    <div class="style-box-letter">
2438                                        <span class="red">Q</span>u<span class="dark-blue">a</span>lit<span class="green">y</span>
2439                                    </div>
2440                                    <div class="style-box-letter ss02">
2441                                        <span class="red">Q</span>u<span class="dark-blue">a</span>lit<span class="green">y</span>
2442                                    </div>
2443                                    <div class="style-box-letter ss01">
2444                                        <span class="red">Q</span>u<span class="dark-blue">a</span>lit<span class="green">y</span>
2445                                    </div>
2446                                </div>
2447                            </div>
2448
2449
2450                            <div class="o-layout_item u-6/6@from-medium swiper-slide">
2451                              <div class="style-box full_word c-animated_set0" data-scroll>
2452                                  <div class="style-box-letter">
2453                                      Apr/<span class="red">M</span><span class="dark-blue">a</span><span class="green">y</span>/Jun
2454                                  </div>
2455                                  <div class="style-box-letter ss02">
2456                                     Apr/<span class="red">M</span><span class="dark-blue">a</span><span class="green">y</span>/Jun
2457                                  </div>
2458                                  <div class="style-box-letter ss01">
2459                                      Apr/<span class="red">M</span><span class="dark-blue">a</span><span class="green">y</span>/Jun
2460                                  </div>
2461                              </div>
2462                          </div>
2463
2464                          <div class="o-layout_item u-6/6@from-medium swiper-slide">
2465                            <div class="style-box full_word c-animated_set0" data-scroll>
2466                                <div class="style-box-letter">
2467                                    <span class="red">M</span><span class="dark-blue">a</span><span class="green">g</span>netic
2468                                </div>
2469                                <div class="style-box-letter ss02">
2470                                    <span class="red">M</span><span class="dark-blue">a</span><span class="green">g</span>netic
2471                                </div>
2472                                <div class="style-box-letter ss01">
2473                                    <span class="red">M</span><span class="dark-blue">a</span><span class="green">g</span>netic
2474                                </div>
2475                            </div>
2476                        </div>
2477
2478                           
2479
2480
2481
2482
2483
2484
2485
2486
2487                      </div>
2488
2489                      </div>
2490
2491
2492                    </div>
2493                </div>
2494            </section>
2495
2496
2497
2498
2499
2500
2501
2502            <section data-scroll-section>
2503                <div class="o-container" id="pesos">
2504                    <div class="c-summary p_top-100" data-scroll>
2505                        <hr class="c-section_line" data-scroll data-scroll-repeat="true" data-scroll-offset="100" />
2506
2507                        <div class="o-layout -gutter">
2508                            <div class="o-layout_item u-3/6@from-medium">
2509                                <p class="c-summary_text">
2510                                    Pesos
2511                                </p>
2512                            </div>
2513                            <div class="o-layout_item u-3/6@from-medium">
2514                                <p class="c-main_text c-animated_text descendent-numeric">
2515                                  Dutti contiene 7 pesos distintos que conforman un completo abanico de grosores. 
2516                                  Desde su versión más fina (extralight) hasta su versión más pesada (extrabold), la construcción de las letras varía y ajusta su morfología a las necesidades de cada uno de estos grosores.
2517                                </p>
2518                            </div>
2519                        </div>
2520                    </div>
2521                </div>
2522
2523                <div class="o-container p_top-50" id="pesos-container">
2524                    <hr class="c-section_line" data-scroll data-scroll-repeat="true" data-scroll-offset="100" />
2525                    <div class="o-layout -gutter p_top-10">
2526                        <div class="o-layout_item u-1/6@from-medium">
2527                            <p class="c-familia_text">
2528                                1.632 pt.
2529                            </p>
2530                        </div>
2531                        <div class="o-layout_item u-5/6@from-medium">
2532                          <a href="#pesos-container" data-scroll-to class="c-familia_pesos_button button-compressed-family-peso">
2533                            Dutti Compressed
2534                          </a>
2535                            <a href="#pesos-container" data-scroll-to class="c-familia_pesos_button button-condensed-family-peso">
2536                                Dutti Condensed
2537                            </a>
2538                            
2539                            <a href="#pesos-container" data-scroll-to class="c-familia_pesos_button button-daily-family-peso c-familia_pesos_button-active">
2540                                Dutti Daily
2541                            </a>
2542                            <a href="#pesos-container" data-scroll-to class="c-familia_pesos_button button-extended-family-peso">
2543                                Dutti Extended
2544                            </a>
2545                            <a href="#pesos-container" data-scroll-to class="c-familia_pesos_button button-wide-family-peso">
2546                                Dutti Wide
2547                            </a>
2548
2549
2550                            <a href="#pesos-container" data-scroll-to class="c-familia_pesos_button button-compressed-italic-family-peso" style="display:none">
2551                              Massimo Compressed Italic
2552                            </a>
2553                            <a href="#pesos-container" data-scroll-to class="c-familia_pesos_button button-condensed-italic-family-peso" style="display:none">
2554                              Massimo Condensed Italic
2555                            </a>
2556                            <a href="#pesos-container" data-scroll-to class="c-familia_pesos_button button-daily-italic-family-peso" style="display:none">
2557                              Massimo Daily Italic
2558                            </a>
2559
2560
2561                        </div>
2562                    </div>
2563
2564
2565                    <div class="o-layout -no-gutter c-huge-type ff-daily" data-scroll>
2566                        <div class="o-layout_item u-6/6@from-medium">
2567                                <div class="c-pesos_text">
2568                                    <div class="c-pesos_item">
2569                                        
2570                                            <svg class="peso-daily" width="882" height="1188" viewBox="0 0 882 1188" fill="none" xmlns="http://www.w3.org/2000/svg">
2571                                                <path class="peso-extrabold" opacity="0.25" d="M808.582 
2571678.104C808.582 501.741 668.145 387.432 436.261 387.432C191.312 387.432 67.2055 505.007 34.5457 663.407L269.696 697.7C282.76 634.013 320.318 588.29 436.261 588.29C516.277 588.29 544.038 612.784 544.038 642.178C544.038 691.168 468.92 691.168 325.217 714.03C142.323 743.423 21.4818 808.743 21.4818 960.611C21.4818 1084.72 117.828 1187.6 305.622 1187.6C475.452 1187.6 547.304 1102.68 570.165 1052.06H571.798C573.431 1084.72 576.697 1130.44 584.862 1168H836.342C820.012 1127.18 808.582 1034.1 808.582 945.914V678.104ZM375.84 1004.7C307.255 1004.7 282.76 976.941 282.76 941.015C282.76 901.823 315.42 878.961 418.298 862.631C504.846 849.568 527.708 841.403 544.038 834.871V860.998C544.038 950.813 467.287 1004.7 375.84 1004.7Z" fill="white"/>
2572                                                <path class="peso-bold" opacity="0.25" d="M794.644 666.673C794.644 498.475 659.106 390.698 437.02 390.698C195.338 390.698 77.7625 513.172 46.7357 665.04L252.492 696.067C267.189 624.215 309.647 568.694 437.02 568.694C528.467 568.694 564.393 599.721 564.393 637.279C564.393 694.434 481.11 696.067 334.141 720.562C146.348 749.955 32.0388 815.275 32.0388 963.877C32.0388 1084.72 126.752 1187.6 312.913 1187.6C487.642 1187.6 562.76 1094.52 585.621 1043.89H587.254C588.887 1083.08 593.786 1130.44 601.951 1168H822.405C806.075 1127.18 794.644 1037.36 794.644 949.18V666.673ZM371.7 1024.3C290.051 1024.3 260.657 990.004 260.657 945.914C260.657 900.19 294.95 872.429 414.158 852.834C513.77 836.504 546.43 828.339 564.393 816.908V851.201C564.393 962.244 474.578 1024.3 371.7 1024.3Z" fill="white"/>
2573                                                <path class="peso-semibold" opacity="0.25" d="M780.706 656.875C780.706 496.842 650.067 393.964 439.412 393.964C199.363 393.964 86.6865 519.704 58.9257 668.306L235.288 694.434C251.618 614.417 297.342 547.465 439.412 547.465C542.29 547.465 583.115 588.29 583.115 632.38C583.115 697.7 493.3 700.966 343.065 725.46C150.373 756.487 42.5958 821.807 42.5958 965.51C42.5958 1086.35 135.676 1185.96 320.204 1185.96C499.832 1185.96 578.216 1087.98 601.077 1035.73H602.71C604.343 1081.45 609.242 1130.44 619.04 1168H808.467C793.77 1127.18 780.706 1042.26 780.706 952.446V656.875ZM367.56 1045.53C272.847 1045.53 238.554 1003.07 238.554 950.813C238.554 896.924 276.113 865.897 410.018 843.036C522.694 825.073 563.519 813.642 583.115 800.578V841.403C583.115 973.675 483.502 1045.53 367.56 1045.53Z" fill="white"/>
2574                                                <path class="peso-medium" opacity="0.25" d="M767.566 645.444C767.566 493.576 641.826 397.23 440.968 397.23C202.552 397.23 98.0409 527.869 71.9131 669.939L220.515 692.801C236.845 604.619 287.467 527.869 440.968 527.869C555.277 527.869 604.267 575.226 604.267 627.481C604.267 700.966 506.288 705.865 352.787 731.992C155.195 764.652 53.9502 829.972 53.9502 968.776C53.9502 1086.35 145.397 1185.96 328.292 1185.96C511.187 1185.96 594.469 1079.82 617.331 1027.56H618.964C618.964 1079.82 627.129 1130.44 636.927 1168H795.326C780.629 1127.18 767.566 1045.53 767.566 954.079V645.444ZM364.218 1065.12C258.074 1065.12 217.249 1014.5 217.249 957.345C217.249 895.291 256.441 857.732 405.042 833.238C532.415 812.009 583.038 800.578 604.267 782.615V833.238C604.267 985.105 491.591 1065.12 364.218 1065.12Z" fill="white"/>
2575                                                <path class="peso-regular" opacity="0.25" d="M755.261 634.013C755.261 491.943 632.787 400.496 441.727 400.496C206.577 400.496 106.965 534.401 84.1031 673.205L203.311 691.168C219.641 593.189 275.163 508.273 441.727 508.273C567.467 508.273 622.989 563.795 622.989 622.582C622.989 704.232 520.111 710.764 361.711 736.891C159.22 771.184 62.8742 836.504 62.8742 970.409C62.8742 1087.98 154.321 1185.96 335.583 1185.96C523.377 1185.96 609.925 1073.29 632.787 1021.03H634.42C634.42 1078.19 642.585 1130.44 654.016 1168H781.389C766.692 1128.81 755.261 1050.42 755.261 957.345V634.013ZM360.078 1086.35C240.87 1086.35 195.146 1027.56 195.146 962.244C195.146 893.658 235.971 851.201 400.903 823.44C541.339 800.578 600.127 785.881 622.989 766.285V823.44C622.989 996.536 500.515 1086.35 360.078 1086.35Z" fill="white"/>
2576                                                <path class="peso-light" opacity="0.25" d="M739.69 622.582C739.69 488.677 623.748 403.762 444.119 403.762C210.602 403.762 117.522 542.566 96.293 674.838L184.474 689.535C202.437 583.391 262.858 485.411 444.119 485.411C581.29 485.411 644.977 549.098 644.977 617.683C644.977 707.498 532.301 717.296 370.635 743.423C163.246 777.716 75.0642 843.036 75.0642 973.675C75.0642 1087.98 164.878 1184.33 342.874 1184.33C537.2 1184.33 627.014 1065.12 648.243 1011.23H649.876C651.509 1076.55 661.307 1130.44 671.104 1168H765.818C752.754 1128.81 739.69 1053.69 739.69 960.611V622.582ZM355.938 1107.58C222.033 1107.58 171.41 1042.26 171.41 967.143C171.41 890.392 213.868 844.669 396.763 813.642C550.263 785.881 620.482 771.184 644.97
25767 746.689V812.009C644.977 1009.6 507.806 1107.58 355.938 1107.58Z" fill="white"/>
2577                                                <path class="peso-extralight" opacity="0.25" d="M724.916 611.151C724.916 485.411 613.873 407.028 445.676 407.028C215.425 407.028 128.876 550.731 110.913 678.104L166.435 687.902C186.031 571.96 251.35 464.183 445.676 464.183C595.911 464.183 666.129 536.034 666.129 612.784C666.129 710.764 546.921 722.195 380.356 749.955C168.068 785.881 86.4186 851.201 86.4186 976.941C86.4186 1089.62 174.6 1184.33 350.962 1184.33C550.187 1184.33 644.9 1056.96 666.129 1003.07H667.762C667.762 1074.92 679.193 1130.44 690.624 1168H751.044C737.98 1128.81 724.916 1058.59 724.916 963.877V611.151ZM352.595 1130.44C203.994 1130.44 148.472 1055.32 148.472 973.675C148.472 888.759 192.563 836.504 391.787 802.211C559.985 772.817 640.001 756.487 666.129 728.726V802.211C666.129 1022.66 517.527 1130.44 352.595 1130.44Z" fill="white"/>
2578                                            </svg>
2579
2580                                            <svg class="peso-condensed" width="882" height="1182" viewBox="0 0 882 1182" fill="none" xmlns="http://www.w3.org/2000/svg">
2581                                              <path class="peso-extrabold" opacity="0.25" d="M729.497 651.976C729.497 480.512 613.554 392.331 437.192 392.331C249.398 392.331 138.355 496.842 123.658 666.673L324.516 686.269C327.782 616.05 357.175 576.859 433.926 576.859C486.181 576.859 510.676 594.822 510.676 630.747C510.676 679.737 455.155 686.269 349.011 715.663C215.106 754.854 115.493 821.807 115.493 967.143C115.493 1091.25 190.611 1181.06 331.048 1181.06C455.155 1181.06 510.676 1112.48 528.639 1063.49H530.272C531.905 1099.41 533.538 1136.97 540.07 1168H752.358C739.294 1127.18 729.497 1037.36 729.497 945.914V651.976ZM402.899 1009.6C355.542 1009.6 334.314 985.105 334.314 945.914C334.314 898.557 362.074 875.695 429.027 857.732C484.548 843.036 500.878 836.504 510.676 831.605V895.291C510.676 975.308 460.054 1009.6 402.899 1009.6Z" fill="white"/>
2582                                              <path class="peso-bold" opacity="0.25" d="M715.482 642.178C715.482 480.512 604.439 395.597 437.874 395.597C254.98 395.597 148.836 498.475 137.405 666.673L312.134 686.269C317.033 602.986 348.06 558.896 434.608 558.896C495.029 558.896 522.79 581.758 522.79 625.848C522.79 683.003 464.002 691.168 357.858 722.195C220.687 763.019 125.974 829.972 125.974 970.409C125.974 1092.88 201.091 1181.06 338.262 1181.06C464.002 1181.06 521.157 1109.21 539.12 1060.22H540.753C542.386 1097.78 545.652 1136.97 552.183 1168H738.344C725.28 1127.18 715.482 1042.26 715.482 949.18V642.178ZM398.683 1029.2C343.161 1029.2 318.666 999.802 318.666 952.446C318.666 900.19 348.06 870.796 426.443 849.568C490.13 829.972 512.992 821.807 522.79 813.642V885.493C522.79 988.371 464.002 1029.2 398.683 1029.2Z" fill="white"/>
2583                                              <path class="peso-semibold" opacity="0.25" d="M700.67 632.38C700.67 478.879 596.159 398.863 437.76 398.863C259.764 398.863 158.519 500.108 148.721 668.306L300.589 684.636C303.855 589.923 339.78 539.3 436.127 539.3C503.079 539.3 535.739 567.061 535.739 619.316C535.739 684.636 473.685 694.434 365.908 728.726C227.104 771.184 137.29 836.504 137.29 973.675C137.29 1096.15 212.407 1181.06 346.312 1181.06C473.685 1181.06 532.473 1104.31 548.803 1055.32H550.436C552.069 1097.78 555.335 1136.97 563.5 1168H723.532C710.468 1127.18 700.67 1045.53 700.67 952.446V632.38ZM395.302 1048.79C331.615 1048.79 302.222 1014.5 302.222 958.978C302.222 900.19 334.881 865.897 423.063 839.77C496.547 816.908 524.308 807.11 535.739 795.679V874.062C535.739 1003.07 468.786 1048.79 395.302 1048.79Z" fill="white"/>
2584                                              <path class="peso-medium" opacity="0.25" d="M686.656 622.582C686.656 477.247 587.044 400.496 438.442 400.496C265.345 400.496 170.632 501.741 162.467 668.306L288.207 683.003C293.106 576.859 332.298 519.704 436.809 519.704C511.927 519.704 549.485 553.997 549.485 614.417C549.485 686.269 484.166 699.333 373.123 733.625C232.686 779.349 149.403 844.669 149.403 976.941C149.403 1097.78 222.888 1181.06 353.527 1181.06C484.166 1181.06 542.953 1099.41 559.283 1050.42H560.916C562.549 1096.15 567.448 1136.97 575.613 1168H709.518C696.454 1128.81 686.656 1048.79 686.656 955.712V622.582ZM392.718 1070.02C319.234 1070.02 288.207 1027.56 288.207 965.51C288.207 900.19 320.867 860.998 420.479 829.972C503.762 803.844 536.421 790.78 549.485 777.716V864.264C549.485 1016.13 474.368 1070.02 392.718 1070.02Z" fill="white"/>
2585                                              <path class="peso-regular" opacity="0.25" d="M672.642 612.784C672.642 475.613 579.562 403.762 439.125 403.762C272.56 403.762 181.113 505.007 174.581 669.939L277.459 681.37C282.358 563.795 324.816 500.108 437.492 500.108C522.407 500.108 563.232 540.933 563.232 607.885C563.232 689.535 494.646 702.599 381.97 740.157C238.267 785.881 161.517 852.834 161.517 980.206C161.517 1099.41 233.368 1179.43 362.374 1179.43C494.646 1179.43 555.067 1094.52 571.397 1047.
258516H573.03C573.03 1094.52 579.562 1136.97 587.726 1168H695.504C684.073 1128.81 672.642 1053.69 672.642 957.345V612.784ZM390.135 1089.62C308.486 1089.62 272.56 1042.26 272.56 972.042C272.56 900.19 306.853 854.467 417.896 820.174C510.976 789.147 548.535 776.083 563.232 759.753V852.834C563.232 1029.2 479.949 1089.62 390.135 1089.62Z" fill="white"/>
2586                                              <path class="peso-light" opacity="0.25" d="M656.994 602.986C656.994 473.981 568.813 407.028 439.807 407.028C278.141 407.028 193.226 506.64 188.327 669.939L263.445 679.737C269.977 549.098 317.333 478.879 438.174 478.879C531.254 478.879 578.611 526.236 578.611 602.986C578.611 691.168 505.127 707.498 390.818 746.689C245.482 795.679 173.63 860.998 173.63 985.105C173.63 1102.68 245.482 1179.43 369.589 1179.43C503.494 1179.43 567.18 1089.62 581.877 1042.26H583.51C585.143 1094.52 591.675 1136.97 599.84 1168H679.856C668.425 1128.81 656.994 1056.96 656.994 960.611V602.986ZM385.919 1110.85C296.104 1110.85 255.28 1058.59 255.28 978.574C255.28 900.19 291.205 849.568 413.679 808.743C518.191 774.45 560.648 759.753 578.611 740.157V841.403C578.611 1043.89 485.531 1110.85 385.919 1110.85Z" fill="white"/>
2587                                              <path class="peso-extralight" opacity="0.25" d="M643.777 591.556C643.777 472.348 560.495 410.294 441.287 410.294C286.153 410.294 206.137 508.273 202.871 671.572L251.861 676.471C258.393 534.401 309.015 457.651 439.654 457.651C542.532 457.651 593.155 511.539 593.155 596.455C593.155 692.801 518.037 712.397 400.462 751.588C251.861 803.844 186.541 869.163 186.541 988.371C186.541 1104.31 258.393 1179.43 379.234 1179.43C516.404 1179.43 580.091 1084.72 594.788 1037.36H596.421C598.054 1092.88 604.586 1135.34 612.751 1168H665.006C653.575 1128.81 643.777 1060.22 643.777 963.877V591.556ZM384.133 1132.07C284.52 1132.07 240.43 1073.29 240.43 985.105C240.43 900.19 277.988 843.036 411.893 797.312C526.202 759.753 575.192 743.423 593.155 720.562V829.972C593.155 1058.59 491.91 1132.07 384.133 1132.07Z" fill="white"/>
2588                                            </svg>
2589
2590                                            <svg class="peso-compressed" width="882" height="1175" viewBox="0 0 882 1175" fill="none" xmlns="http://www.w3.org/2000/svg">
2591                                              <path class="peso-extrabold" opacity="0.25" d="M648.778 627.481C648.778 460.917 558.964 397.23 438.123 397.23C305.851 397.23 207.872 488.677 212.771 669.939L377.703 676.471C372.804 598.088 392.4 567.061 431.591 567.061C454.453 567.061 475.682 576.859 475.682 619.316C475.682 669.939 439.756 681.37 372.804 718.929C287.888 766.285 207.872 834.871 207.872 973.675C207.872 1097.78 263.394 1174.53 354.841 1174.53C433.224 1174.53 474.049 1123.91 485.48 1076.55H487.113C488.746 1114.11 490.379 1143.51 495.278 1168H668.374C656.943 1127.18 648.778 1042.26 648.778 945.914V627.481ZM428.325 1014.5C402.197 1014.5 384.235 994.903 384.235 950.813C384.235 896.924 408.729 874.062 438.123 854.467C462.618 838.137 472.416 831.605 475.682 828.339V929.584C475.682 999.802 451.187 1014.5 428.325 1014.5Z" fill="white"/>
2592                                              <path class="peso-bold" opacity="0.25" d="M633.89 617.683C633.89 460.917 550.608 400.496 437.932 400.496C313.825 400.496 219.112 485.411 225.643 669.939L370.979 674.838C366.08 581.758 387.309 549.098 431.4 549.098C459.161 549.098 482.022 562.162 482.022 612.784C482.022 671.572 447.73 684.636 380.777 725.46C295.862 774.45 220.745 843.036 220.745 978.574C220.745 1101.05 276.266 1174.53 362.814 1174.53C441.198 1174.53 480.389 1122.28 491.82 1076.55H493.453C495.086 1114.11 496.719 1143.51 501.618 1168H653.486C642.055 1127.18 633.89 1045.53 633.89 949.18V617.683ZM426.501 1034.1C395.474 1034.1 375.878 1011.23 375.878 958.978C375.878 898.557 400.373 870.796 436.299 844.669C467.326 823.44 478.756 815.275 482.022 810.376V918.153C482.022 1016.13 452.629 1034.1 426.501 1034.1Z" fill="white"/>
2593                                              <path class="peso-semibold" opacity="0.25" d="M620.635 609.518C620.635 460.917 542.252 402.129 436.107 402.129C321.798 402.129 231.984 480.512 238.516 668.306L364.256 673.205C357.724 565.428 383.852 529.502 431.208 529.502C463.868 529.502 489.996 547.465 489.996 606.252C489.996 671.572 454.07 687.902 387.118 730.359C302.202 784.248 233.617 851.201 233.617 981.839C233.617 1104.31 287.506 1174.53 370.788 1174.53C447.538 1174.53 486.73 1120.64 496.528 1074.92H498.161C499.794 1112.48 503.06 1143.51 507.959 1168H638.598C628.8 1128.81 620.635 1048.79 620.635 952.446V609.518ZM423.044 1053.69C388.751 1053.69 365.889 1025.93 365.889 965.51C365.889 901.823 393.65 865.897 436.107 834.871C470.4 808.743 483.464 798.945 489.996 790.78V906.722C489.99
25936 1030.83 455.703 1053.69 423.044 1053.69Z" fill="white"/>
2594                                              <path class="peso-medium" opacity="0.25" d="M606.544 599.721C606.544 460.917 533.06 405.395 436.713 405.395C330.569 405.395 244.021 477.247 252.186 668.306L358.33 671.572C351.798 549.098 379.559 511.539 431.814 511.539C471.006 511.539 497.134 532.768 497.134 599.721C497.134 673.205 462.841 691.168 395.889 736.891C310.973 792.413 245.654 860.998 245.654 986.738C245.654 1107.58 301.175 1174.53 379.559 1174.53C456.309 1174.53 493.868 1119.01 503.666 1074.92H505.299C506.932 1112.48 510.198 1143.51 515.097 1168H624.507C614.709 1128.81 606.544 1052.06 606.544 955.712V599.721ZM422.017 1073.29C382.825 1073.29 358.33 1042.26 358.33 973.675C358.33 903.456 386.091 862.631 435.08 825.073C475.905 794.046 490.602 782.615 497.134 772.817V895.291C497.134 1047.16 457.942 1073.29 422.017 1073.29Z" fill="white"/>
2595                                              <path class="peso-regular" opacity="0.25" d="M591.656 591.556C591.656 460.917 524.703 407.028 436.522 407.028C336.91 407.028 255.26 473.981 265.058 666.673L351.607 669.939C343.442 534.401 376.102 493.576 433.256 493.576C475.714 493.576 503.475 518.071 503.475 593.189C503.475 674.838 470.815 694.434 403.862 741.79C318.947 802.211 258.526 869.163 258.526 990.004C258.526 1110.85 312.415 1174.53 389.165 1174.53C464.283 1174.53 498.576 1117.38 510.006 1073.29H511.639C513.272 1112.48 514.905 1141.87 519.804 1168H609.619C599.821 1128.81 591.656 1055.32 591.656 958.978V591.556ZM418.559 1092.88C376.102 1092.88 349.974 1056.96 349.974 981.839C349.974 906.722 377.735 857.732 433.256 815.275C480.613 779.349 495.31 766.285 503.475 753.221V883.86C503.475 1061.86 459.384 1092.88 418.559 1092.88Z" fill="white"/>
2596                                              <path class="peso-light" opacity="0.25" d="M576.729 581.758C576.729 460.917 516.309 410.294 436.292 410.294C346.478 410.294 269.728 469.082 281.159 666.673L344.845 668.306C336.68 516.438 370.973 472.348 433.026 472.348C482.016 472.348 513.043 503.374 513.043 586.657C513.043 674.838 478.75 699.333 411.798 748.322C326.882 812.009 272.994 877.328 272.994 994.903C272.994 1115.74 326.882 1174.53 398.734 1174.53C472.218 1174.53 506.511 1115.74 516.309 1073.29H517.942C519.575 1110.85 522.841 1141.87 527.74 1168H593.059C584.894 1130.44 576.729 1060.22 576.729 962.244V581.758ZM416.697 1114.11C370.973 1114.11 339.946 1074.92 339.946 990.004C339.946 908.355 370.973 854.467 433.026 805.477C485.282 763.019 503.245 748.322 513.043 733.625V872.429C513.043 1079.82 462.42 1114.11 416.697 1114.11Z" fill="white"/>
2597                                              <path class="peso-extralight" opacity="0.25" d="M561.005 571.96C561.005 460.917 507.117 413.56 435.265 413.56C355.249 413.56 281.765 465.816 294.829 665.04L337.286 666.673C329.121 498.475 366.68 452.752 433.632 452.752C487.521 452.752 520.181 487.044 520.181 580.125C520.181 676.471 487.521 702.599 420.569 754.854C335.653 821.807 286.664 887.126 286.664 999.802C286.664 1119.01 340.552 1174.53 407.505 1174.53C480.989 1174.53 513.649 1114.11 523.447 1071.65H525.08C526.713 1110.85 529.979 1141.87 534.878 1168H577.335C569.17 1130.44 561.005 1063.49 561.005 965.51V571.96ZM414.037 1135.34C363.414 1135.34 330.754 1091.25 330.754 998.169C330.754 911.621 361.781 849.568 431.999 794.046C490.787 746.689 508.75 730.359 520.181 712.397V859.365C520.181 1096.15 464.659 1135.34 414.037 1135.34Z" fill="white"/>
2598                                            </svg>
2599
2600                                            <svg class="peso-extended" width="987" height="1190" viewBox="0 0 987 1190" fill="none" xmlns="http://www.w3.org/2000/svg">
2601                                              <path  class="peso-extrabold" opacity="0.25" d="M957.095 679.737C957.095 508.273 810.126 380.9 516.189 380.9C214.086 380.9 60.5852 511.539 13.2285 656.875L279.405 704.232C310.432 634.013 383.917 594.822 519.455 594.822C614.168 594.822 658.258 616.05 658.258 645.444C658.258 684.636 607.636 687.902 403.512 709.131C142.235 735.258 0.164641 805.477 0.164641 958.978C0.164641 1084.72 111.208 1189.23 341.459 1189.23C540.683 1189.23 637.03 1109.21 677.854 1053.69H679.487C679.487 1089.62 682.753 1132.07 690.918 1168H986.489C966.893 1128.81 957.095 1022.66 957.095 944.281V679.737ZM426.374 994.903C326.762 994.903 299.001 968.776 299.001 937.749C299.001 901.823 326.762 880.594 475.364 865.897C591.306 854.467 633.764 846.302 658.258 839.77V852.834C658.258 924.685 571.71 994.903 426.374 994.903Z" fill="white"/>
2602                                              <path class="peso-bold" opacity="0.25" d="M943.119 671.572C943.119 505.007 799.416 384.166 515.276 384.166C218.073 384.166 71.1039 516.438 27.0132 
2602658.508L260.53 700.966C289.924 625.848 365.042 575.226 518.542 575.226C631.218 575.226 681.841 604.619 681.841 640.545C681.841 687.902 623.053 692.801 414.031 714.03C147.854 741.79 12.3163 812.009 12.3163 962.244C12.3163 1086.35 118.46 1187.6 348.712 1187.6C556.101 1187.6 658.979 1101.05 698.171 1042.26H699.804C699.804 1086.35 704.703 1130.44 712.868 1168H972.513C952.917 1128.81 943.119 1027.56 943.119 947.547V671.572ZM422.196 1016.13C306.254 1016.13 273.594 981.839 273.594 942.648C273.594 900.19 304.621 872.429 476.085 856.099C611.623 841.403 658.979 831.605 681.841 821.807V843.036C681.841 939.382 578.963 1016.13 422.196 1016.13Z" fill="white"/>
2603                                              <path class="peso-semibold" opacity="0.25" d="M929.143 661.774C929.143 500.108 787.073 387.432 515.997 387.432C222.06 387.432 81.6226 521.337 40.798 660.141L241.655 697.7C269.416 617.683 344.534 553.997 517.63 553.997C649.902 553.997 707.057 591.556 707.057 635.646C707.057 691.168 640.104 697.7 424.55 718.929C151.841 748.322 22.8351 816.908 22.8351 965.51C22.8351 1086.35 127.346 1187.6 357.597 1187.6C571.519 1187.6 680.929 1094.52 718.488 1032.46H720.121C721.754 1081.45 726.653 1128.81 734.817 1168H958.537C940.574 1127.18 929.143 1032.46 929.143 949.18V661.774ZM416.385 1037.36C287.379 1037.36 248.187 994.903 248.187 949.18C248.187 896.924 282.48 865.897 478.438 844.669C631.939 828.339 684.195 815.275 707.057 805.477V831.605C707.057 954.079 584.583 1037.36 416.385 1037.36Z" fill="white"/>
2604                                              <path class="peso-medium" opacity="0.25" d="M916.8 651.976C916.8 495.209 776.363 390.698 515.085 390.698C226.046 390.698 90.5083 526.236 54.5826 661.774L222.78 694.434C248.908 609.518 325.658 532.768 516.718 532.768C666.953 532.768 730.639 580.125 730.639 630.747C730.639 692.801 655.522 702.599 436.702 725.46C157.461 754.854 34.9868 823.44 34.9868 967.143C34.9868 1086.35 136.232 1187.6 366.483 1187.6C586.936 1187.6 701.245 1086.35 740.437 1021.03H742.07C742.07 1078.19 748.602 1128.81 756.767 1168H944.561C926.598 1127.18 916.8 1037.36 916.8 950.813V651.976ZM412.207 1058.59C268.504 1058.59 222.78 1007.97 222.78 954.079C222.78 895.291 260.339 857.732 480.792 834.871C653.889 815.275 707.777 800.578 730.639 787.514V821.807C730.639 968.776 591.835 1058.59 412.207 1058.59Z" fill="white"/>
2605                                              <path class="peso-regular" opacity="0.25" d="M902.026 643.811C902.026 490.31 763.222 393.964 513.375 393.964C229.236 393.964 100.23 531.135 67.57 663.407L203.108 692.801C227.603 601.354 304.353 511.539 515.008 511.539C683.206 511.539 753.425 567.061 753.425 625.848C753.425 696.067 670.142 705.865 446.423 730.359C162.283 761.386 46.3412 828.339 46.3412 970.409C46.3412 1087.98 144.32 1187.6 374.572 1187.6C603.19 1187.6 722.398 1079.82 759.957 1011.23H761.589C761.589 1073.29 768.121 1127.18 777.919 1168H928.154C913.457 1125.54 902.026 1040.63 902.026 952.446V643.811ZM405.598 1079.82C248.832 1079.82 198.209 1021.03 198.209 960.611C198.209 892.025 239.034 851.201 482.349 823.44C673.408 802.211 732.196 785.881 753.425 771.184V810.376C753.425 983.472 596.658 1079.82 405.598 1079.82Z" fill="white"/>
2606                                              <path class="peso-light" opacity="0.25" d="M888.05 632.38C888.05 487.044 750.879 398.863 512.463 398.863C233.223 398.863 110.749 536.034 81.3547 665.04L180.967 689.535C203.829 591.556 282.212 488.677 512.463 488.677C701.89 488.677 780.273 553.997 780.273 620.949C780.273 699.333 687.193 710.764 458.575 735.258C167.903 767.918 58.4929 834.871 58.4929 973.675C58.4929 1087.98 153.206 1185.96 383.457 1185.96C620.24 1185.96 745.98 1071.65 781.906 999.802H783.539C783.539 1070.02 791.704 1125.54 801.502 1168H912.545C897.848 1125.54 888.05 1045.53 888.05 954.079V632.38ZM399.787 1102.68C228.324 1102.68 169.536 1035.73 169.536 965.51C169.536 890.392 215.26 843.036 483.07 812.009C695.358 789.147 759.044 769.551 780.273 751.588V798.945C780.273 999.802 603.911 1102.68 399.787 1102.68Z" fill="white"/>
2607                                              <path class="peso-extralight" opacity="0.25" d="M874.074 622.582C874.074 480.512 738.536 402.129 511.551 402.129C237.209 402.129 122.9 540.933 96.7724 666.673L160.459 684.636C181.688 583.391 261.704 464.183 511.551 464.183C722.206 464.183 807.122 540.933 807.122 614.417C807.122 700.966 705.877 715.663 470.726 741.79C173.523 7
260774.45 70.6446 841.403 70.6446 976.941C70.6446 1087.98 163.725 1185.96 392.343 1185.96C637.291 1185.96 769.563 1061.86 805.489 986.738H807.122C807.122 1065.12 815.287 1123.91 825.085 1168H896.936C883.872 1123.91 874.074 1050.42 874.074 955.712V622.582ZM393.976 1123.91C207.816 1123.91 142.496 1050.42 142.496 972.042C142.496 887.126 191.486 833.238 485.423 800.578C717.307 774.45 785.893 751.588 807.122 731.992V787.514C807.122 1016.13 611.163 1123.91 393.976 1123.91Z" fill="white"/>
2608                                            </svg>
2609
2610                                            <svg class="peso-wide" width="2000" height="1190" viewBox="0 0 1116 1190" fill="none" xmlns="http://www.w3.org/2000/svg">
2611                                              <path class="peso-extrabold" opacity="0.25" d="M1125.57 683.003C1125.57 516.438 973.702 374.368 617.711 374.368C258.454 374.368 75.5596 519.704 13.5061 650.343L310.71 710.764C359.699 634.013 469.109 602.986 624.243 602.986C733.653 602.986 794.074 620.949 794.074 650.343C794.074 679.737 767.946 686.269 501.769 704.232C163.741 728.726 0.442168 802.211 0.442168 957.345C0.442168 1086.35 124.549 1189.23 397.258 1189.23C625.876 1189.23 748.35 1115.74 805.505 1055.32H807.138C807.138 1096.15 810.404 1133.71 818.569 1168H1158.23C1135.37 1130.44 1125.57 1012.87 1125.57 944.281V683.003ZM498.503 986.738C366.231 986.738 336.837 960.611 336.837 934.483C336.837 901.823 359.699 882.227 550.759 870.796C700.994 860.998 763.047 851.201 794.074 844.669C794.074 900.19 697.728 986.738 498.503 986.738Z" fill="white"/>
2612                                              <path class="peso-bold" opacity="0.25" d="M1112.39 674.838C1112.39 509.906 958.891 377.634 614.33 377.634C261.605 377.634 85.2426 521.337 28.0881 651.976L289.366 705.865C333.457 627.481 439.601 580.125 620.862 580.125C754.767 580.125 821.72 609.518 821.72 645.444C821.72 681.37 787.427 689.535 514.718 709.131C168.525 735.258 13.3912 807.11 13.3912 960.611C13.3912 1086.35 132.599 1189.23 406.941 1189.23C645.357 1189.23 774.363 1107.58 831.518 1042.26H833.151C833.151 1089.62 836.417 1130.44 844.582 1168H1143.42C1122.19 1128.81 1112.39 1017.77 1112.39 944.281V674.838ZM491.856 1007.97C344.888 1007.97 307.329 973.675 307.329 941.015C307.329 898.557 335.09 874.062 557.176 859.365C733.538 847.935 793.959 834.871 821.72 826.706V833.238C821.72 918.153 702.512 1007.97 491.856 1007.97Z" fill="white"/>
2613                                              <path class="peso-semibold" opacity="0.25" d="M1098.42 666.673C1098.42 503.374 943.282 382.533 610.152 382.533C263.959 382.533 94.1284 524.603 41.8728 651.976L265.592 700.966C306.417 620.949 410.928 558.896 615.051 558.896C776.717 558.896 848.568 596.455 848.568 640.545C848.568 684.636 804.478 694.434 526.87 714.03C174.145 740.157 23.91 812.009 23.91 963.877C23.91 1086.35 139.852 1189.23 415.827 1189.23C662.408 1189.23 801.212 1101.05 856.733 1027.56H858.366C858.366 1083.08 861.632 1128.81 869.797 1168H1126.18C1106.58 1127.18 1098.42 1022.66 1098.42 945.914V666.673ZM484.412 1029.2C321.114 1029.2 277.023 988.371 277.023 945.914C277.023 896.924 311.316 865.897 564.429 847.935C763.653 833.238 824.074 818.541 848.568 810.376V821.807C848.568 936.116 706.499 1029.2 484.412 1029.2Z" fill="white"/>
2614                                              <path class="peso-medium" opacity="0.25" d="M1085.24 658.508C1085.24 496.842 930.103 385.799 606.771 385.799C267.11 385.799 103.812 526.236 56.4549 653.609L244.248 697.7C280.174 614.417 381.419 536.034 611.67 536.034C797.831 536.034 877.847 585.024 877.847 634.013C877.847 686.269 823.959 697.7 539.819 718.929C178.929 746.689 36.859 816.908 36.859 967.143C36.859 1086.35 146.269 1189.23 423.877 1189.23C681.889 1189.23 827.225 1092.88 881.113 1014.5H882.746C882.746 1076.55 887.645 1125.54 895.81 1168H1111.36C1093.4 1125.54 1085.24 1027.56 1085.24 945.914V658.508ZM477.766 1050.42C299.77 1050.42 247.514 1001.44 247.514 952.446C247.514 893.658 286.706 857.732 570.846 836.504C796.198 820.174 854.986 800.578 877.847 792.413V810.376C877.847 954.079 711.283 1050.42 477.766 1050.42Z" fill="white"/>
2615                                              <path class="peso-regular" opacity="0.25" d="M1070.43 651.976C1070.43 490.31 915.291 389.065 605.024 389.065C270.261 389.065 113.495 527.869 71.037 655.242L222.905 692.801C253.932 607.885 353.544 514.805 606.657 514.805C818.945 514.805 905.493 571.96 905.493 629.114C905.493 687.902 841.807 700.966 552.768 723.828C185.346 751.588 48.1752 821.807 48.1752 970.409C48.1752 1087.98 154.319 1187.6 433.56 1187.6C701.37 1187.6 854.871 1084.72 907.126 1001.44H908.759C908.759 1070.02 913.658 1123.91 921.823 1168H1096.55C1080.22 1122.28 1070.43 1032.46 1070.43 945.914V651.976ZM471.119 1071.65C278.426 1071.65 219.639 1016.13 219.639 957.345C219.639 892.025 262.096 849.568 578.896 825.073C827.11 805.477 884.265 784.248 905.493 774.45V798.945C905.493 970.409 714.434 1071.65 471.119 1071.65Z" fill="white"/>
2616                                              <path class="peso-light" opacity="0.25" d="M1056.41 642.178C1056.41 483.778 899.644 393.964 600.807 393.964C274.21 393.964 125.608 531.135 86.4164 655.242L199.092 687.902C226.853 601.354 321.567 490.31 602.44 490.31C844.122 490.31 935.57 558.896 935.57 624.215C935.5
26167 691.168 863.718 705.865 568.148 728.726C190.928 758.12 61.9216 826.706 61.9216 973.675C61.9216 1087.98 163.167 1187.6 444.041 1187.6C721.648 1187.6 883.314 1076.55 935.57 986.738H937.203C937.203 1061.86 943.735 1120.64 951.9 1168H1079.27C1064.58 1120.64 1056.41 1037.36 1056.41 947.547V642.178ZM463.636 1096.15C254.614 1096.15 187.662 1030.83 187.662 963.877C187.662 888.759 236.651 839.77 586.11 813.642C862.085 790.78 919.24 766.285 935.57 756.487V787.514C935.57 990.004 720.015 1096.15 463.636 1096.15Z" fill="white"/>
2617                                              <path class="peso-extralight" opacity="0.25" d="M1041.6 634.013C1041.6 477.247 883.199 397.23 597.426 397.23C277.361 397.23 135.291 532.768 102.631 656.875L174.483 683.003C197.345 594.822 290.425 465.816 597.426 465.816C866.869 465.816 966.482 545.832 966.482 617.683C966.482 692.801 883.199 709.131 581.097 733.625C197.345 764.652 74.8706 831.605 74.8706 976.941C74.8706 1087.98 171.217 1187.6 453.724 1187.6C742.762 1187.6 912.593 1068.39 963.216 972.042H964.849C964.849 1055.32 971.381 1117.38 979.545 1168H1062.83C1049.76 1119.01 1041.6 1042.26 1041.6 947.547V634.013ZM455.357 1119.01C230.004 1119.01 154.887 1045.53 154.887 970.409C154.887 885.493 210.409 831.605 594.161 800.578C896.263 776.083 951.785 748.322 966.482 736.891V774.45C966.482 1009.6 724.799 1119.01 455.357 1119.01Z" fill="white"/>
2618                                            </svg>
2619                                               
2620
2621                                    </div>
2622
2623                                    
2624                                    
2625                                </div>
2626                        </div>
2627                    </div>
2628
2629
2630                    
2631                </div>
2632
2633
2634
2635
2636            </section>
2637                        
2638
2639
2640
2641            <section data-scroll-section>
2642                <div class="o-container" id="use">
2643                    <div class="o-layout -no-gutter p_top-50">
2644    
2645                        <!-- Slider main container -->
2646                            <div class="swiper-images o-layout_item u-6/6@from-medium">
2647                                <div class="swiper-wrapper" data-scroll>
2648                                    <!-- Slides -->
2649                                    <div class="swiper-slide c-slide_text c-animated_video1">
2650                                        <img src="dist/images/playground/slide-1.png" />
2651                                    </div>
2652                                    <div class="swiper-slide c-slide_text c-animated_video2">
2653                                        <img src="dist/images/playground/slide-2.png" />
2654                                    </div>
2655                                    <div class="swiper-slide c-slide_text c-animated_video3">
2656                                        <img src="dist/images/playground/slide-3.png" />
2657                                    </div>
2658                                    <div class="swiper-slide c-slide_text c-animated_video4">
2659                                      <img src="dist/images/playground/slide-4.png" />
2660                                    </div>
2661                                    <div class="swiper-slide c-slide_text c-animated_video1">
2662                                      <img src="dist/images/playground/slide-5.png" />
2663                                    </div>
2664                                    <div class="swiper-slide c-slide_text c-animated_video2">
2665                                      <img src="dist/images/playground/slide-7.png" />
2666                                    </div>
2667                                    <div class="swiper-slide c-slide_text c-animated_video3">
2668                                      <img src="dist/images/playground/slide-8.png" />
2669                                    </div>
2670                                    <div class="swiper-slide c-slide_text c-animated_video4">
2671                                      <img src="dist/images/playground/slide-6.png" />
2672                                    </div>
2673                                </div>
2674                            </div>
2675                            <div class="o-container slide-navigation-container">
2676                                    <div class="swiper-button-prev swiper-button-prev-images"></div>
2677                                    <div class=" swiper-button-next swiper-button-next-images"></div>
2678                            </div>
2679                    </div>    
2680                  
2681                </div>
2682            </section>         
2683
2684
2685
2686
2687           <section data-scroll-section>
2688              <div class="o-container" id="descargas">
2689                  <div class="c-summary p_top-100" data-scroll>
2690                      <div class="o-layout -gutter">
2691                          <div class="o-layout_item u-3/6@from-medium">
2692                              <a href="https://grupoinditex.sharepoint.com/:u:/s/DuttiMedia/EbXpVWmtalJJm-d8e9wMCh4BYdari0sBTt9OgB4EHBK0RQ?e=5xRmTC" class="c-big_button">DOWNLOAD</a>
2693                          </div>
2694                          <div class="o-layout_item u-3/6@from-medium">
2695                            <a class='c-big_button' href='/poster_maker'>POSTER MAKER</a>
2696                         </div>
2697                      </div>
2698                  </div>
2699              </div>
2700
2701              <div class="o-container" >
2702                <div class="c-summary" data-scroll>
2703                    <hr class="c-section_line" data-scroll data-scroll-repeat="true" data-scroll-offset="100" />
2704
2705                    <div class="o-layout -gutter">
2706                        <div class="o-layout_item u-3/6@from-medium left_mobile">
2707                          <span class="el-size-desktop">32</span><span class="el-size-mobile">18</span> pt.
2708                        </div>
2709                        <div class="o-layout_item u-3/6@from-medium right_mobile">
2710                            <p class="c-main_text c-animated_text descendent-numeric">
2711                              Massimo & Dutti son una familia tipográfica de uso corporativo y de comunicación para Massimo Dutti (Grupo Inditex). 
2712                              Todas las personas que forman parte de la marca tienen acceso a las fuentes a través de la red interna en los links de esta página. 
2713                              El proyecto tipográfico Massimo & Dutti está enmarcado en el Sistema de Diseño y Brand Book impulsados por el equipo de Arte de la marca con el firme objetivo de expandir la cultura de diseño de la misma y el espíritu colaborativo de los mismos.
2714                              <br><br><br>
2715                              </p>
2716
2717
2718                            <div class="c-accordion">
2719                              <div class="c-accordion_item" data-accordion="section">
2720                                  <div class="c-accordion_header" data-accordion="header">
2721                                      <h3 class="c-accordion_heading c-heading">Credits &amp; Details</h3>
2722                                      <div class="c-accordion_plus"></div>
2723                                  </div>
2724                                  <div class="c-accordion_main -no-pad-top" data-accordion="main" data-sliding="60">
2725                                      <table class="c-specs">
2726                                          <tbody><tr>
2727                                            <td>Styles</td>
2728                                            <td>Compressed, Condensed, Daily, Extended & Wide
2729                                              <br><br>
2730                                              583 glifos para cada peso
2731                                            </td>
2732                                          </tr>
2733                                          <tr>
2734                                              <td>Designer</td>
2735                                              <td>
2736                                                  <ul>
2737                                
2738                                                      <li>
2739                                                          <a href="https://extratype.com/" target="_blank">Extratype</a>
2740                                                      </li>
2741                                                      
2742                                                  </ul>
2743                                              </td>
2744                                          </tr>
2745                          
2746                                          <tr>
2747                                              <td>Latest Update</td>
2748                                              <td>Abril 2022</td>
2749                                          </tr>
2750                                          <tr>
2751                                              <td>Version</td>
2752                                              <td>1.00</td>
2753                                          </tr>
2754                                          <tr>
2755                                              <td>Available Formats</td>
2756                                              <td>OTF, TTF, WOFF, WOFF2</td>
2757                                          </tr>
2758                                      </tbody></table>
2759                                  </div>
2760                              </div>
2761                              <div class="c-accordion_item" data-accordion="section">
2762                                  <div class="c-accordion_header" data-accordion="header">
2763                                      <h3 class="c-accordion_heading">Supported Languages</h3>
2764                                      <div class="c-accordion_plus"></div>
2765                                  </div>
2766                                  <div class="c-accordion_main -no-pad-top" data-accordion="main">
2767                                      <div class="o-layout -gutter-small">
2768                                        <div class="o-layout_item o-layout_item_accordion_text u-1/4@from-small u-1/2@to-small languages">afrikáans, albanés, alemán, alemán suizo, alto sorbio, asu, azerbaiyano, bajo alemán, bajo sorbio, bemba, bena, bosnio, catalán, cebuano, checo, chiga, córnico, corso, criollo caboverdiano, criollo mauriciano, croata, danés, embu, eslovaco, esloveno, español, esperanto, estonio, euskera, feroés, filipino, finés, francés, frisón occidental, friulano, gaélico escocés, galés, gallego, ganda, groenlandés, gusii, húngaro, ido, indonesio, inglés, interlingua, irlandés, islandés, italiano, javanés, jju, jola-fonyi, kalenjin, kamba, kikuyu, kinyarwanda, kirundi, kölsch, koyra chiini, koyraboro senni, kurdo, letón, lituano, lojban, luo, luxemburgués, luyia, machame, makhuwa-meetto, makonde, malayo, malgache, maltés, manés, maorí, meru, ndebele meridional, ndebele septentr
2768ional, neerlandés, noruego bokmal, noruego nynorsk, nyanja, nyankole, occitano, oromo, polaco, portugués, romanche, rombo, rumano, rwa, samburu, sami inari, sami septentrional, sango, sangu, sardo, sena, setsuana, shambala, shona, soga, somalí, sotho meridional, sotho septentrional, suajili, suazi, sueco, taita, taroko, tasawaq, teso, tsonga, turco, turcomano, valón, vunjo, walser, wólof, xhosa, zarma, zulú</div>
2769                                      </div>
2770                                  </div>
2771                              </div>
2772
2773                              <div class="c-accordion_item" data-accordion="section" style="display: none;">
2774                                <div class="c-accordion_header" data-accordion="header">
2775                                    <h3 class="c-accordion_heading">Download PDF Specimen</h3>
2776                                    <div class="c-accordion_plus"></div>
2777                                </div>
2778                                <div class="c-accordion_main -no-pad-top" data-accordion="main">
2779                                    <div class="o-layout -gutter-small">
2780                                        <div class="o-layout_item o-layout_item_accordion_text u-1/4@from-small u-1/2@to-small">Type Specimen</div>
2781                                        <div class="o-layout_item o-layout_item_accordion_text u-1/4@from-small u-1/2@to-small">Type Use Guidelines</div>
2782                                        <div class="o-layout_item o-layout_item_accordion_text u-1/4@from-small u-1/2@to-small">Dutti Family</div>
2783                                    </div>
2784                                </div>
2785                            </div>
2786
2787
2788                          </div>
2789
2790                        </div>
2791                    </div>
2792                </div>
2793            </div>
2794
2795          </section>
2796
2797
2798
2799
2800
2801          <section data-scroll-section>
2802            <div class="o-container">
2803              <div class="c-summary p_top-50" data-scroll data-scroll-speed="4">
2804                
2805                  <div class="o-layout -gutter">
2806                      <div class="o-layout_item u-6/6@from-medium">
2807                        <a class='link-massimo' href='/index_massimo'>
2808                        <div class="c-massimo_family u-text-center">
2809                          <div class="c-massimo_family_discover">DESCUBRE LA FAMILIA COMPLETA 
2810                            <span class="c-massimo_arrow">
2811                              <svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg">
2812                                <path d="M0.279999 6.184L0.279999 8.616L11.8 8.616L7.224 14.76L10.232 14.76L15.544 7.4L10.232 0.0399981L7.224 0.0399982L11.8 6.184L0.279999 6.184Z"/>
2813                                </svg>
2814                            </span>
2815                          </div>
2816                          <div class="c-massimo_family_text md-compressed ss03">Massimo</div>
2817                        </div>
2818                      </a>
2819                      </div>
2820                  </div>
2821              </div>
2822            </div>
2823          </section>
2824          
2825          
2826
2827
2828
2829
2830
2831            <section data-scroll-section>
2832                <div class="o-container">
2833                    <div class="c-footer">
2834                        <div class="o-title" data-scroll data-scroll-speed="-2">
2835                            <span class="o-title_line u-text-center">
2836                                <span>
2837                                  <svg class="svg-footer" width="259" height="37" viewB
2837ox="0 0 259 37" fill="none" xmlns="http://www.w3.org/2000/svg">
2838                                    <path shape-rendering="optimizeQuality" d="M36.1054 31.5925C36.0591 30.7125 35.9896 29.8092 35.9433 28.9292C35.9201 28.2576 35.8738 27.5859 35.8507 26.9143C35.4338 20.0128 35.0169 14.5703 34.6 7.66879C34.2063 3.52324 33.8589 1.8326 33.28 1.13781C32.701 0.373552 31.8209 0.280914 29.7829 0.419871C29.1576 0.46619 28.5786 0.512509 28.1617 0.836741C27.3743 1.41573 26.4248 4.63489 25.9152 5.93183C24.2941 10.4248 22.6961 14.9177 21.0981 19.4106C20.4265 21.1476 19.8706 22.9309 19.1758 24.6447C18.8516 25.4321 18.5505 26.3585 17.6242 26.5206C16.8136 26.6596 16.4662 25.9416 16.2577 25.4553C15.9104 23.8804 15.6093 22.1898 15.2619 20.2675C14.544 15.8904 13.8028 11.5133 13.0849 7.11296C12.8302 5.56127 12.367 2.62002 11.7185 2.08735C11.209 1.50837 8.86988 1.25361 7.64243 1.62416C5.88231 2.15683 5.83599 5.23704 5.23385 7.48351C4.07588 13.2271 0.439841 30.9904 0.0692899 32.6579C-0.0928263 33.4453 0.0229709 34.3253 0.48616 34.6727C1.06515 35.1128 2.08416 35.0201 2.61683 34.6032C3.35793 34.0474 3.58953 32.0789 3.86744 30.7125C4.81698 25.8953 5.85915 19.5728 6.66973 14.8251C7.04029 13.1576 7.17924 10.8185 8.54565 10.9111C9.93522 10.9806 9.98154 13.366 10.5605 16.2378C10.6532 16.8631 11.8343 22.8846 12.4596 26.2195C12.8533 28.1649 13.0849 29.8556 13.7565 31.222C14.405 32.4726 16.0725 33.4221 17.7631 32.7042C19.639 31.9399 20.1949 29.4155 20.936 27.5396C22.7192 22.9309 24.4794 18.3221 26.2626 13.7134C26.8648 12.1154 27.4669 10.5174 28.0691 8.9194C28.2775 8.38673 28.6249 7.62247 29.4586 7.64563C30.9872 7.50667 31.1493 10.6795 31.404 14.6398C31.6125 20.5455 31.8209 25.0384 32.0293 30.9441C32.1451 33.6306 31.7977 36.1086 34.2295 36.1318C34.5074 36.1318 34.7158 36.1318 34.9474 36.0623C36.3833 35.5991 36.2212 33.6537 36.1054 31.5925ZM99.0297 10.8416C98.2422 10.9574 97.8485 11.3048 97.6169 12.0691C97.3158 13.1807 98.3349 14.4082 99.4928 14.2229C101.554 13.8524 101.485 10.7258 99.0297 10.8416ZM89.9743 30.064C89.7427 30.5735 89.1637 30.8283 88.5384 30.9441C87.2646 31.1756 85.3887 30.2724 85.9214 28.9292C86.2688 28.0491 87.5889 27.5396 88.0521 27.5165C88.3995 27.447 88.6079 27.5165 88.8163 27.5859C89.5111 27.887 90.4375 29.045 89.9743 30.064ZM75.3375 31.222C74.0406 31.5925 71.9562 30.8283 72.3036 29.4618C72.5584 28.4428 73.9248 27.8175 74.5038 27.8175C76.3334 27.8407 77.2366 30.6893 75.3375 31.222ZM154.08 26.289C155.122 22.9309 152.829 20.2907 150.606 19.4106C148.938 18.739 146.09 18.7159 144.422 19.3875C144.098 19.5264 142.963 20.0359 143.218 20.5223C143.357 20.777 143.866 20.7076 144.167 20.6381C145.001 20.4528 146.136 20.1981 147.178 20.3833C149.61 20.8234 151.787 22.5372 150.837 25.6405C150.698 26.1037 150.467 26.5669 150.235 26.9375C149.239 28.4428 146.113 30.203 143.357 29.3924C141.689 28.906 140.392 27.8175 139.906 26.1732C139.536 24.9458 139.559 22.9309 139.767 21.5181C139.929 20.6612 139.674 20.0359 139.026 20.1749C138.146 20.3833 137.729 22.8382 137.382 23.7183C136.502 25.9416 135.228 28.3039 132.588 28.7439C131.383 28.9523 130.758 27.7249 130.457 26.9838C129.739 25.27 129.531 23.093 129.067 21.1244C128.836 20.1054 128.743 18.9938 127.701 18.7853C126.89 18.6232 126.265 19.1559 125.941 19.5728C125.015 20.7539 124.459 22.3519 123.556 23.5793C123.208 24.0425 122.606 24.7836 121.68 24.5984C120.035 24.2973 119.734 22.0045 119.178 20.5918C118.947 20.0128 118.553 18.739 117.65 18.9243C116.029 19.2254 115.496 22.514 114.801 23.9036C114.5 24.5057 113.875 25.4784 112.81 25.0384C110.934 24.251 111.999 19.5496 109.915 19.0401C108.664 18.739 107.877 20.2907 107.46 21.1476C106.672 22.8151 105.839 24.7836 104.796 26.3816C104.333 27.0533 103.777 27.8175 102.828 28.0028C101.716 28.2112 101.253 27.1227 100.952 26.428C100.35 24.9921 100.118 23.2551 99.7939 21.5181C99.5855 20.4528 99.6781 19.4106 98.9139 18.9474C97.8022 18.2527 96.9685 19.5264 96.3663 20.0128C95.0694 21.0318 93.6567 21.8192 92.1745 22.6761C91.7576 22.9309 90.9007 23.533 90.1827 23.3941C89.349 23.2551 88.8858 22.6066 88.33 22.1666C87.2878 21.3329 86.3151 20.4297 85.3424 19.5033C84.8097 18.9938 84.1381 17.9748 83.2581 18.0211C83.0033 18.0674 82.8643 18.1137 82.6791 18.2063C82.0306 18.6232 81.7295 19.5496 81.3127 20.2212C80.6642 21.2634 78.603 23.4867 77.2598 23.7183C76.3797 23.8804 75.7081 22.9772 75.3144 22.5835C74.0174 21.2866 72.9058 20.0359 71.1688 19.1559C70.5435 18.8317 69.2697 18.2527 68.4128 18.7853C67.7412 19.2022 67.7181 21.1708 67.4402 22.0277C66.6064 24.3899 65.3095 26.9838 63.5262 28.3965C62.8777 28.906 61.9514 29.7629 60.6313 29.4387C58.3848 28.8829 57.8985 26.1732 57.3426 23.7415C57.0879 22.5372 56.9952 20.4991 56.0457 20.2907C55.2814 20.1054 55.1193 20.8928 55.0267 21.4487C54.9109 22.0971 54.9572 22.6066 54.9572 23.5793C54.934 23.9731 54.934 24.3899 54.9109 24.7836C54.8414 25.7795 54.7488 26.3122 54.4709 26.9143C53.6834 28.7671 50.858 30.7588 47.8704 30.2956C47.1988 30.2029 46.6661 30.0872 46.1335 29.8787C44.4891 29.2303 43.5164 27.9796 43.2154 25.9879C43.1227 25.3626 43.2848 24.691 43.4238 24.2741C44.1649 22.1435 46.2724 21.3097 48.542 21.2402C49.3989 21.1013 51.9465 21.495 52.2476 20.916C52.456 20.3833 51.4833 19.9433 51.1591 19.8043C49.8621 19.1559 47.5925 18.7159 45.7397 19.1559C43.1922 19.758 41.131 21.2171 40.1815 23.3941C38.954 26.1964 40.691 29.5313 42.3121 30.8283C44.3502 32.4494 47.662 33.3063 51.0433 32.3105C52.7339 31.801 54.0077 30.8746 55.8141 30.5503C56.2773 30.4809 56.7868 30.5967 57.0879 30.6893C58.7554 31.1988 60.307 33.1905 62.5767 32.4957C63.3178 32.2641 63.9662 31.8936 64.5452 31.4999C66.0506 30.4345 67.278 28.906 68.0655 27.1459C68.5518 26.0342 68.9455 24.6447 69.5708 23.6488C69.9414 23.0467 70.752 22.6761 71.5625 23.1393C71.9099 23.3246 72.211 23.5793 72.4889 23.8341C72.7437 24.0657 73.0447 24.3204 73.2069 24.6678C73.4153 25.1079 73.2995 25.6174 73.0447 25.9184C72.79 26.2427 72.3268 26.4743 71.9794 26.729C71.3309 27.1922 70.
28386825 27.7712 70.2193 28.4197C69.1076 29.9019 69.3161 31.3146 70.8214 32.2178C73.1837 33.6074 78.8346 33.8621 79.5525 30.8746C79.8073 29.7629 79.2746 28.6513 78.9736 27.9333C78.8114 27.5628 78.4641 27.0533 78.6262 26.4511C78.7883 25.8258 79.3904 25.5016 79.8536 25.1542C80.8263 24.3436 81.799 23.533 82.7717 22.7224C83.2117 22.375 83.7444 22.3287 84.2771 22.5372C84.7171 22.6993 85.0413 23.0235 85.3887 23.2783C85.7824 23.5793 86.7783 24.2973 86.6162 25.1079C86.5004 25.6405 86.0372 25.9184 85.6435 26.1964C84.6013 26.9375 81.799 29.2071 83.3507 30.9904C83.6286 31.3146 84.0223 31.5925 84.416 31.8241C85.1108 32.241 85.9909 32.5189 86.8941 32.7042C89.6501 33.3063 92.684 32.5884 93.2398 30.4345C93.7725 28.3502 91.1091 26.729 93.1471 25.3858C93.4945 25.2005 93.8651 25.0152 94.2125 24.83C94.6757 24.6215 95.2547 24.2278 95.9958 24.3668C97.3158 24.6215 97.4316 26.0806 97.8717 27.1922C98.5665 28.9523 99.7476 31.9399 101.531 32.4957C102.457 32.7736 103.245 32.2178 103.731 31.8473C105.144 30.7588 106.093 29.1145 107.159 27.6786C107.506 27.1922 108.27 26.0111 109.197 26.1964C110.748 26.4743 110.887 29.6008 111.327 31.0598C111.513 31.662 111.744 32.3799 112.369 32.5421C113.25 32.7737 113.829 31.4767 114.083 30.9209C114.778 29.3461 115.681 25.849 117.279 25.4089C118.02 25.2005 118.53 25.6637 118.808 26.0806C119.642 27.3312 119.41 29.8092 119.943 31.3378C120.151 31.9167 120.591 32.7968 121.494 32.6115C122.536 32.4031 122.791 30.9441 123.092 29.9714C123.625 28.327 124.181 26.3122 125.848 25.8258C127.076 25.4553 127.516 26.5901 127.817 27.3312C128.535 29.1608 128.836 31.7315 130.619 32.4726C131.499 32.8431 132.657 32.5189 133.306 32.1715C134.88 31.3609 135.737 29.925 137.775 29.5776C138.354 29.485 138.864 29.7398 139.211 29.9019C140.207 30.4114 140.971 31.1293 141.921 31.6852C144.607 33.26 148.243 32.5421 150.421 31.083C152.042 29.9714 153.431 28.3734 154.08 26.289ZM200.978 21.4487C201.256 20.3602 201.487 18.3685 201.418 16.7936C201.302 15.2651 201.14 14.0376 200.908 13.1576C200.491 11.4901 199.982 9.96157 199.194 8.64148C195.952 3.12953 190.347 -0.112797 181.292 0.00300036C180.759 0.00300036 180.528 0.0261599 179.972 0.0724788C179.022 0.165117 178.351 0.280914 177.54 0.396711C174.807 0.88306 171.727 1.41573 169.226 2.38843C168.369 2.71266 167.512 2.96741 166.771 3.38428C166.516 3.52324 166.053 3.75484 166.146 4.19487C166.285 4.88965 167.396 4.58858 167.929 4.44962C169.458 4.05591 171.611 3.24533 171.681 5.28336C171.82 8.84992 171.936 12.4165 172.075 15.983C172.098 17.0484 172.121 18.1137 172.144 19.179C172.167 20.5918 172.19 21.9813 172.214 23.3941V24.6447C172.237 26.289 172.121 28.6281 173.325 29.1145C173.997 29.3924 174.391 28.7902 174.576 28.3734C174.993 27.4007 175.085 26.5438 175.178 24.8994C175.201 24.5289 175.201 24.1352 175.224 23.7646C175.247 22.5603 175.271 21.3329 175.294 20.1286C175.34 17.6274 175.363 15.103 175.41 12.6018C175.433 11.3511 175.433 10.0774 175.456 8.82676V7.85406C175.456 7.0898 175.456 6.30238 175.456 5.53811C175.456 5.02861 175.433 4.49594 175.525 4.05591C175.618 3.63904 175.826 3.3148 176.151 3.10637C176.915 2.64318 180.134 2.4579 181.732 2.62002C182.89 2.75898 183.724 2.92109 184.673 3.15269C188.101 4.03275 191.042 5.63075 192.941 8.03934C193.983 9.35943 194.887 10.8648 195.466 12.6481C195.79 13.6671 196.021 14.524 196.137 15.6125C196.462 18.4379 195.975 21.6803 195.28 23.4404C193.08 29.0913 188.888 31.7315 182.45 33.1442C181.315 33.399 180.111 33.4684 179.277 33.5148C178.814 33.5379 178.351 33.5379 177.888 33.5611H176.405C175.803 33.5379 175.271 33.5379 174.599 33.4916C173.163 33.3758 170.847 33.0747 169.458 32.8895C168.902 32.82 167.952 32.5884 167.697 32.7737C167.651 32.7968 167.628 32.8431 167.628 32.9358C167.674 33.26 168.578 33.5379 169.064 33.7463C170.407 34.279 171.866 34.5569 173.441 34.8812C181.477 36.5255 189.629 34.279 194.169 31.0598C197.457 28.8134 199.843 25.8721 200.978 21.4487ZM249.404 10.5174C248.617 10.6332 248.223 10.9806 247.991 11.7449C247.69 12.8565 248.709 14.084 249.867 13.8987C251.928 13.5281 251.836 10.4016 249.404 10.5174ZM236.852 16.701C236.852 17.4421 236.852 18.1832 236.852 18.9243C236.852 19.4801 236.852 19.897 236.852 20.4991C236.828 21.7961 236.782 23.6025 236.458 24.9226C236.134 26.1964 235.555 27.1227 234.86 27.9796C234.3
283804 28.6744 233.331 29.5776 231.988 29.2534C228.445 28.3734 228.908 23.7183 228.908 19.3412C228.908 18.1137 228.838 15.3114 229.325 14.6629C229.996 13.7829 232.984 13.8755 234.188 13.7829C234.512 13.7597 234.906 13.7829 235.23 13.7597C237.083 13.7829 236.852 14.9872 236.852 16.701ZM258.992 30.2029C258.992 30.1566 258.969 30.1335 258.923 30.0872C258.552 29.8092 257.139 30.4345 256.468 30.5503C254.198 30.9209 252.577 29.2303 251.975 27.8407C251.535 26.8448 251.442 25.5711 251.21 24.0657C251.118 23.4635 251.071 22.5372 251.025 21.7266C250.956 20.6844 251.002 18.9938 249.821 18.7622C248.038 18.4379 248.316 21.4718 248.107 23.3246C247.852 25.9879 246.949 28.2807 244.633 29.1839C243.429 29.6471 242.109 29.7166 241.159 28.9755C239.515 27.6786 239.584 25.131 239.584 22.2129C239.561 20.8697 239.561 19.5264 239.538 18.1832C239.538 17.0484 239.283 14.8019 239.746 14.084C240.349 13.1576 242.364 13.6902 243.452 13.2271C243.753 13.0881 244.17 12.8102 244.054 12.2544C243.73 10.7258 240.974 11.8375 239.932 11.0269C238.658 10.0542 240.302 6.14026 238.565 5.42232C238.01 5.19072 237.477 5.53811 237.245 5.83919C236.689 6.55713 236.852 8.10882 236.852 9.35943C236.852 9.86894 236.852 10.3321 236.713 10.7027C236.597 10.9806 236.342 11.2122 236.064 11.328C235.624 11.5133 235.115 11.4901 234.489 11.4901C233.586 11.5133 232.683 11.5364 231.78 11.5596C231.201 11.5596 230.529 11.6522 230.02 11.5133C227.75 10.9343 230.39 5.376 227.588 5.35284C226.963 5.44548 226.754 5.70023 226.569 6.2329C226.106 7.50667 226.777 9.6605 226.245 10.888C225.712 12.1617 223.465 11.2585 222.632 12.5091C222.516 12.6712 222.377 12.9491 222.446 13.2734C222.794 15.0567 225.411 13.8987 226.129 15.0335C226.592 15.7514 226.43 17.9053 226.407 19.0401C226.314 22.653 226.291 25.131 224.948 27.3312C224.647 27.8175 224.345 28.3039 223.929 28.6513C223.581 28.9292 223.188 29.2071 222.747 29.3924C222.215 29.6008 221.381 29.6703 220.802 29.4618C218.625 28.6976 218.579 24.8763 218.463 22.074C218.37 20.6381 218.671 18.9474 217.282 18.7159C215.73 18.4611 215.591 21.0086 215.313 22.2361C214.711 24.9458 213.113 28.9523 210.38 29.5313C208.69 29.8787 207.74 28.6744 207.439 27.4701C207.3 26.868 207.277 26.2658 207.254 25.3858C207.323 24.1352 207.509 22.5372 207.578 21.5645C207.717 19.5033 207.3 18.4379 206.073 18.6695C205.007 18.878 204.938 20.0591 204.66 21.3097C203.965 24.7373 204.243 29.9945 206.304 31.6388C206.721 31.9631 207.184 32.2641 207.717 32.4726C210.056 33.3063 212.465 31.9399 213.785 30.9672C214.433 30.4809 215.336 29.6934 216.564 29.9945C218.324 30.4345 218.88 32.1715 220.779 32.5421C221.752 32.7505 222.585 32.3105 223.164 31.9631C224.207 31.3146 225.017 30.5503 226.476 30.3187C227.264 30.1798 227.935 30.5735 228.398 30.8051C229.51 31.4072 230.39 32.2178 231.826 32.4726C232.637 32.6115 233.331 32.2641 233.771 32.0094C234.837 31.3841 235.67 30.4809 237.083 30.2493C237.824 30.1335 238.426 30.4809 238.843 30.7125C239.816 31.3146 240.534 32.1715 241.808 32.4726C244.1 33.0052 246.37 30.9672 247.852 30.3187C248.501 30.0408 249.404 30.0408 249.983 30.3882C250.562 30.7356 251.048 31.2451 251.604 31.6157C252.623 32.3336 254.476 32.8431 256.19 32.4263C256.722 32.2873 257.186 32.102 257.602 31.8473C257.927 31.5925 259.108 30.7588 258.992 30.2029Z"/>
2839                                  </svg>
2840                                    
2841                                </span>
2842                            </span>
2843                            <span class="o-title_line u-text-right c-footer_year">
2844                              <span>© 2022</span>
2845                            </span>
2846                           
2847                            
2848                           
2849                        </h1>
2850                    </div>
2851                </div>
2852            </section>
2853
2854            
2855
2856        </div>
2857
2858        
2859
2860        
2860<script nomodule src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.6.0/polyfill.min.js" crossorigin="anonymous"></script>
2860
2861        
2861<script nomodule src="https://polyfill.io/v3/polyfill.min.js?features=Object.assign%2CElement.prototype.append%2CNodeList.prototype.forEach%2CCustomEvent%2Csmoothscroll" crossorigin="anonymous"></script>
2861
2862
2863        
2863<script src="dist/scripts/main.js"></script>
2863
2864    </body>
2865</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.