@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";:root{--ratio:1.618;--sup-1:round(1.618rem,1px);--sup-2:round(calc(var(--sup-1) * var(--ratio)),1px);--sup-3:round(calc(var(--sup-2) * var(--ratio)),1px);--sup-4:round(calc(var(--sup-3) * var(--ratio)),1px);--sup-5:round(calc(var(--sup-4) * var(--ratio)),1px);--sdw-1:round(0.8rem,1px);--sdw-2:round(calc(var(--sdw-1) / var(--ratio)),1px);--sdw-3:round(calc(var(--sdw-2) / var(--ratio)),1px);--img-border-radius:var(--sdw-2);--abs-background:#ededed;--background:#fff;--foreground:#171717}@media(prefers-color-scheme:dark){:root{--abs-background:#000;--background:#050505;--foreground:#ededed}}::selection{color:var(--background);background-color:var(--foreground)}html{font-size:18px}@media(max-width:768px){html{font-size:16px}}body{background:var(--abs-background);font-family:DM Sans,sans-serif;font-optical-sizing:auto;line-height:round(160%,1px);position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow-x:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:background-color 1s}a,body{color:var(--foreground)}a{text-decoration:none}header{position:fixed;z-index:11;font-weight:700;font-size:var(--sdw-1);text-transform:uppercase;letter-spacing:var(--sup-1);white-space:nowrap;margin:var(--sup-2) 10vw}main{background:var(--background) repeat fixed;background-image:url(/img/bg.png);content-visibility:auto;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch;transform-origin:center right;transition:opacity .5s,background-color .8s,transform .5s cubic-bezier(.77,0,.175,1);padding:10vh 10vw;box-sizing:border-box}section{max-width:2560px}h1{font-size:var(--sup-5);line-height:round(80%,1px);text-transform:uppercase;margin:10vh 0}@media(max-width:768px){h1{font-size:var(--sup-3)}}h2,h3,h4{line-height:round(100%,1px);margin:5vh 0}h2{font-size:var(--sup-3)}@media(max-width:768px){h2{font-size:var(--sup-3)}}h3{font-size:var(--sup-2)}h4{font-size:var(--sup-1)}hr{border:0;border-top:1px solid var(--foreground);opacity:.2;margin:5vh 0}path{fill:var(--foreground)}p{max-width:720px}small{font-size:var(--sdw-1)}img,video{margin-top:10vh;height:auto;border-radius:var(--img-border-radius);animation:fade-in ease-out;animation-timeline:view();animation-range:entry}@keyframes fade-in{0%{opacity:0;transform:translateY(200px) scale(1.2)}to{opacity:1;transform:translateY(0)}}@media(prefers-color-scheme:dark){main{background-image:url(/img/bg-dark.png)}header{mix-blend-mode:difference}}.card-btns{list-style:none;padding:0;display:flex;flex-wrap:wrap;line-height:0;gap:var(--sdw-2)}.card-btns li{border:1px solid var(--foreground);width:200px;aspect-ratio:4/5;display:grid;place-items:center;border-radius:var(--img-border-radius)}@media(max-width:768px){.card-btns li{width:150px}}.card-btns li img{object-fit:cover;width:100%;height:100%}.card-btns li.non-link{border-color:var(--background)}.card-btns li.non-link:hover{box-shadow:none;filter:none}.block-btns{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--sdw-2);gap:var(--sdw-2);margin-top:var(--sup-2)}.block-btn{display:flex;align-items:center;gap:var(--sup-2);width:100%;padding:3vw;border-radius:var(--img-border-radius);box-sizing:border-box;font-weight:800;margin-top:2vh;box-shadow:inset 0 0 0 1px var(--foreground);text-transform:uppercase}.block-btn.normal-case{text-transform:none}.block-btn.reversed{justify-content:flex-end}.block-btn,.card-btns li{transition:box-shadow .15s ease-in-out,filter .15s ease-in-out}.block-btn:hover,.card-btns li:hover{box-shadow:inset 0 0 0 5px var(--foreground);filter:drop-shadow(0 10px 50px var(--foreground))}.versions{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:5vw;gap:5vw}@media(max-width:768px){.versions{grid-template-columns:1fr;gap:3vw}}.versions small{display:flex;gap:40px}.download-btns{display:flex;flex-wrap:wrap;gap:var(--sdw-2);margin-top:var(--sdw-2)}.download-btn{font-size:var(--sdw-1);border-radius:50px;padding:var(--sdw-1) 1rem;display:inline-flex;gap:var(--sdw-2);align-items:center;color:var(--foreground);line-height:0;font-weight:500;white-space:nowrap;box-shadow:inset 0 0 0 1px var(--foreground);transition:box-shadow .1s ease-in-out}.download-btn:hover{box-shadow:inset 0 0 0 3px var(--foreground)}.download-btn.filled{background:var(--foreground);color:var(--background);box-shadow:0 0 0 1px var(--foreground)}.download-btn.filled path{fill:var(--background)}.download-btn.filled:hover{box-shadow:0 0 0 3px var(--foreground)}.two-columns{margin-top:10vh;display:grid;grid-template-columns:1fr 1fr;grid-gap:5vw;gap:5vw}@media(max-width:768px){.two-columns{grid-template-columns:1fr}}.two-columns img{margin-top:5vh}.made-in{margin-top:5vw}nav{position:fixed;z-index:10;padding:var(--sup-4);padding-left:10vw;transition:transform .3s ease-in-out;height:100vh;box-sizing:border-box;overflow:hidden}@media(max-width:768px){nav{padding-top:var(--sup-3)}}nav .arrow{position:absolute;right:0;width:5vw;display:grid;place-content:center;transition:opacity .3s ease-in-out;opacity:0}nav.default{transform:translateX(0)}nav.collapsed{transform:translateX(calc(-100% + 5vw));border-right:1px solid var(--foreground);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:768px){nav.collapsed{transform:translateX(calc(-100% + 7vw));border-style:none}}nav.collapsed .arrow{opacity:1}nav.collapsed.expanded{transform:translateX(0)}nav.collapsed.expanded .arrow{opacity:0}nav.collapsed.expanded+main{transform:translateX(var(--sup-4)) scale(.99);opacity:.2}nav ul{list-style:none;padding:0}nav ul .category{font-size:var(--sdw-1);font-weight:700;margin-top:var(--sup-2)}nav ul>li ul li{margin:1rem var(--sup-1)}nav ul>li ul li a{position:relative;display:block;padding:var(--sdw-2);box-sizing:border-box;line-height:130%;transition:color .2s cubic-bezier(1,0,0,1)}nav ul>li ul li a:before{content:"";width:100%;height:100%;top:0;left:0;position:absolute;z-index:-1;transform:scaleX(.005);transform-origin:left;will-change:transform;background:var(--foreground);transition:transform .1s cubic-bezier(1,0,0,1);margin-left:-1rem;padding:0 var(--sup-1)}nav ul>li ul li a:hover{color:var(--background)}nav ul>li ul li a:hover:before{transform:scaleX(1)}nav ul>li ul li a .title{font-weight:500}nav ul>li ul li a .caption{font-size:var(--sdw-1)}