header{position:fixed;width:100%;margin:0 auto;z-index:100;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.07)}header .container{height:100px;display:flex;justify-content:space-between;align-items:center}header .container div{display:flex}header .container div .lang,header .container div nav{margin-right:50px;font-family:"Tourney",sans-serif;font-size:1.375rem;font-style:normal;font-weight:600;letter-spacing:.0825rem;position:relative;top:1px;left:1px}header .container div nav{margin-right:20px;color:#000;top:4px;left:2px;font-family:"Staatliches",sans-serif;font-weight:400;letter-spacing:.04125rem}@font-face{font-display:swap;font-family:"PT Sans";font-style:normal;font-weight:400;src:url(../fonts/pt-sans-v17-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:"PT Sans";font-style:italic;font-weight:400;src:url(../fonts/pt-sans-v17-latin-italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:"PT Sans";font-style:normal;font-weight:700;src:url(../fonts/pt-sans-v17-latin-700.woff2)format("woff2")}@font-face{font-display:swap;font-family:"Francois One";font-style:normal;font-weight:400;src:url(../fonts/francois-one-v21-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:"Farro";font-style:normal;font-weight:300;src:url(../fonts/farro-v14-latin-300.woff2)format("woff2")}@font-face{font-display:swap;font-family:"Staatliches";font-style:normal;font-weight:400;src:url(../fonts/staatliches-v14-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:"Tourney";font-style:normal;font-weight:400;src:url(../fonts/tourney-v15-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:"Tourney";font-style:normal;font-weight:600;src:url(../fonts/tourney-v15-latin-600.woff2)format("woff2")}*{padding:0;margin:0;box-sizing:border-box}li,ul{list-style:none}img{text-align:start;width:100%}a{text-decoration:none;color:inherit}.container{max-width:1280px;padding:0 20px;margin:0 auto}body{font-family:"PT Sans",sans-serif;color:#000;font-size:1.75rem;font-weight:400;line-height:3rem;overflow-y:scroll}.page-container,ul{display:grid;gap:30px}.page-container{position:relative;padding-top:183px}.page-wrapper,.page-wrapper main{display:flex;flex-direction:column}.page-wrapper{justify-content:space-between}.page-wrapper main{flex-grow:1;gap:70px}body,h2,h3{font-style:normal}h2{font-family:"Francois One",sans-serif;font-size:2.25rem;font-weight:400;line-height:3rem;letter-spacing:.09rem;text-transform:uppercase}svg{fill:#000}ul{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));padding:20px 15px;border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf}ul li{height:180px;perspective:1000px}ul li svg{width:200px}ul li:hover .inner{background-color:#1a1a1a;transform:rotateY(180deg)}ul li .inner{height:100%;background:var(--logos-gray-bg, #E6E6E6);border-radius:8px;transform-style:preserve-3d;position:relative;transition:transform 1s}ul li .inner .back,ul li .inner .front{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}ul li .inner .back{transform:rotateY(180deg);filter:invert(1)}h3{color:#000;font-size:36px;font-weight:600;line-height:48px;letter-spacing:1.44px;display:flex;gap:20px;align-items:center;margin-bottom:40px}h3:before{content:"";display:inline-block;align-self:end;width:100px;height:8px;background:#000;opacity:1;margin-bottom:20px}