.socials{gap:calc(var(--g-wdth) / 2);display:flex}.socials a{border:none;transition:color .2s}.socials a:hover{color:var(--primary)}footer{border-top:1px solid var(--bg-60);background:var(--bg-80);padding:4vh 0;& p{font-size:12px}& .socials{margin:12px 0}& .menus{grid-template-columns:1fr 1fr;display:grid}& .menu a{font-size:14px}& .menu h4{border:none;padding-bottom:4px}& .menu ul{padding-top:0}& .menu li:not(:last-child){margin-bottom:6px}& .small{text-align:center}}.footer-text{flex:1}.brand{gap:16px;font-size:32px;& h4{margin:0}& img{height:64px}}@media (width<=640px){.large{display:none}.menus{gap:24px;margin-top:12px}footer{& .menu{margin-bottom:calc(var(--g-wdth) / 2);& h4,& ul{padding:0!important}}}}@media (width>=640px){footer section{grid-template-columns:clamp(260px,340px,20vw) 1fr;gap:4vw;display:grid}.small{display:none}}@media (width>=1024px){footer .menus{grid-template-columns:1fr 1fr 1fr}}.nav-menu,.nav{z-index:11;background:var(--bg);width:100%;height:0;position:fixed;top:0}.nav{height:var(--n-hght);border-bottom:1px solid var(--bg-60);padding:16px}.nav .center{display:none}.nav .center .nav-hover{all:inherit}.nav img{height:32px}.nav .left{cursor:pointer;width:var(--i-mrgn);gap:8px}.nav .right{text-align:right;flex:1;justify-content:flex-end;gap:16px}.nav a:not(.btn),.nav .menu-btn{color:var(--secondary-80);border-bottom:none;padding:8px 0;text-decoration:none}.nav .menu-btn{cursor:pointer;gap:8px;margin-bottom:-16px;padding-bottom:24px;font-weight:600}.nav .menu-btn:hover,.nav a:not(.btn):hover{color:#000}.nav .menu-btn svg{transition:transform .3s}.nav .menu-btn:hover svg{transform:rotate(180deg)}.dark-overlay{opacity:0;z-index:9;pointer-events:none;background:#000;transition:all .3s;position:fixed;inset:0}.dark-overlay.active,.active .dark-overlay{opacity:.8;pointer-events:all}.nav-menu{z-index:10;margin-top:var(--n-hght);transition:height .5s;overflow:hidden}.active .nav-menu{height:calc(100% - var(--n-hght));padding:16px}nav[menu=members].active .members-menu,nav[menu=mobile].active .mobile-menu,nav[menu=about].active .about-menu{min-height:100%;display:flex}.members-menu .action{background:var(--primary);& :before{content:"";background-image:linear-gradient(to right, var(--secondary) 1px, transparent 1px), linear-gradient(to bottom, var(--secondary) 1px, transparent 1px);background-position:right -1px;background-size:16px 16px;width:60px;height:100%;position:absolute;bottom:0;right:0}}.about-menu .action{background:var(--secondary);color:#fff;& .deco{width:16px;position:absolute;bottom:0}& .deco-1{background:var(--bg-60);height:50%;right:32px}& .deco-2{background:var(--bg-40);height:70%;right:16px}& .deco-3{background:var(--bg-20);height:100%;right:0}}.mobile-menu{justify-content:space-between;& .navigation svg{float:right;transform:rotate(-90deg)}}.nav-section{flex-direction:column;gap:32px;display:none;& .back{border:1px solid var(--bg-60);padding:calc(var(--g-wdth) / 2);align-items:center;gap:calc(var(--g-wdth) / 2);cursor:pointer;background:var(--bg);transition:all .3s;display:flex;position:sticky;top:0}& .back:hover{background:var(--bg-60)}& .menus{border:1px solid var(--bg-60);border-left:none;width:100%;max-width:1000px}& .menu{border-left:1px solid var(--bg-60);flex:1}}.nav-section .action{width:25%;max-width:300px;padding:24px 64px 24px 24px;display:none;position:relative;& h3{margin:0;font-size:30px}& p{margin:1rem 0}}@media (width>=640px){.nav:before,.nav:after{content:"";border:1px solid #000;border-bottom:none;width:8px;height:8px;transition:all .2s;position:absolute;bottom:-8px}.nav:before{left:var(--i-mrgn);border-right:none;margin-left:-1px}.nav:after{right:var(--i-mrgn);border-left:none;margin-right:-1px}.active .nav:before,.active .nav:after{transition:0;opacity:0;visibility:hidden}.nav-section .menus{flex-direction:row}}@media (width<=768px){.nav-menu{overflow-y:auto}.nav-section{& .menus{border-top:none}& .menu h4{border-top:1px solid var(--bg-60)}}}@media (width>=768px){.nav{padding-right:calc(var(--i-mrgn) + 16px)}.nav .center{align-items:center;gap:24px;display:flex}.nav .right svg{display:none}.active .nav-menu{height:340px}.nav-section{flex-direction:row;& .back{display:none}& .action{display:block}& .menus{width:75%}}}@media (width<=1700px){.nav .left b{display:none}}main{display:flex;& .container{border:1px solid var(--bg-60);border-bottom:none;flex:1;padding:10vh 0}}section{padding:0 var(--ic-spc);& h2{margin:0;font-size:1.5rem}}.title{text-align:center;margin-bottom:64px;& p{margin:0}}h1{margin:0}h1:not(.blog){font-size:6vh}.container{max-width:var(--i-wdth);margin:0 auto}@media (width>=640px){main>.filler{width:calc(var(--i-mrgn) - 1px);border-top:1px solid var(--bg-60);background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"4\" height=\"4\"><rect width=\"2\" height=\"2\" fill=\"%23e8e4e6\" /><rect x=\"2\" y=\"2\" width=\"2\" height=\"2\" fill=\"%23e8e4e6\"/></svg>")}}.menu h4{padding:calc(var(--g-wdth) / 2);color:var(--font-clr-80);padding:calc(var(--g-wdth) / 2);border-bottom:1px solid var(--bg-60);margin:0;font-size:12px;font-weight:600}.menu .sub-menu{color:var(--font-clr);text-transform:uppercase;& a{border-bottom:none}& svg{width:14px}}.menu ul{padding:calc(var(--g-wdth) / 2)}.menu li:not(:last-child){margin-bottom:12px}